.tooltip__menu {
   --tab__color: #ffdc5d;
   --zonaTooltip__tamano: 25px;
   display: grid;
   grid-template-columns: 30% 1fr;
   gap: 30px;
   max-width: 1200px;
   width: 100%;
   margin-top: 20px;
   margin-left: auto;
   margin-right: auto;
   align-items: center;
}


@media (max-width: 992px) {
   .tooltip__menu {
      grid-template-columns: 1fr;
   }
}

.table-responsive {
   min-height: .01%;
   overflow-x: auto;
}

.tooltip__menu.contenido {
   padding: 15px 8px;
}

@media (min-width: 768px) {
   .tooltip__menu.contenido {
      padding: 15px;
   }
}

.tooltip__menu a:focus {
   outline: none;
}

.tooltip__menu table {
   border: solid #B6DBDD;
}

.tooltip__menu thead {
   background-color: #016d38;
   color: #fff;
}

.tooltip__menu thead tr th {
   text-align: center;
}

.tooltip__menu .table>thead>tr>th {
   vertical-align: middle;
   border-bottom: 3px solid #B6DBDD;
   border-right: 3px solid #B6DBDD;
}

@media (min-width: 768px) and (max-width: 991px) {
   .tooltip__menuLateral {
      display: flex;
   }
}

.tooltip__menu .titulo_slide {
   position: relative;
   background: transparent;
   font-size: 18px;
   text-align: center;
   line-height: 1.2;
   margin: 5px auto;
   border-radius: 7px;
   transition: all 0.3s;
   padding: 5px 10px;
   cursor: pointer;
   outline: none;
   border: solid 1px #ccc;
   top: 0;
   width: 100%;
}

@media (max-width: 991px) {
   .tooltip__menu .titulo_slide {
      width: calc(50% - 10px);
      margin-left: 5px;
   }

   .tooltip__menu .titulo_slide:nth-child(1),
   .tooltip__menu .titulo_slide:nth-child(3) {
      margin-right: 4px;
   }
}

@media (max-width: 767px) {
   .tooltip__menu .titulo_slide {
      width: 100%;
      margin: 7px auto;
   }
}

.tooltip__menu .titulo_slide:hover,
.tooltip__menu .seleccionado {
   background: #016d38;
   color: #fff;
   border-color: #016d38;
}

.tooltip__menu .titulo_slide.ed-menuLateral-activo {
   background: #016d38;
   box-shadow: none;
   top: 2px;
   color: #fff;
}

@media (min-width: 992px) {
   .tooltip__menu .titulo_slide.ed-menuLateral-activo:after {
      content: "";
      position: absolute;
      left: 100%;
      top: 50%;
      width: 10px;
      height: 20px;
      background-color: #016d38;
      transform: translateY(-50%);
      clip-path: polygon(0 0, 100% 50%, 0 100%);
   }
}

@media (min-width: 768px) and (max-width: 991px) {
   .tooltip__menu .titulo_slide.ed-menuLateral-activo:after {
      content: "";
      position: absolute;
      left: 50%;
      top: 100%;
      width: 20px;
      height: 10px;
      background-color: #016d38;
      transform: translateX(-50%);
      clip-path: polygon(0 0, 100% 0, 50% 100%);
   }
}

.tooltip__contenido ul {
   display: flex;
   list-style: none;
   justify-content: center;
   padding-left: 0;
}

.tooltip__contenido ul li {
   margin-left: 3px;
   margin-right: 3px;
}

@media (max-width: 991px) {
   .tooltip__contenido {
      margin-top: 20px;
   }
}

@media (max-width: 576px) {
   .tooltip__contenido {
      padding: 0;
   }

   .tooltip__menuLateral {
      padding: 0;
   }
}

.tooltip__menu .area_titulo {
   padding-bottom: 20px;
}

.tooltip__menu ul.listas>li {
   position: relative;
}

.tooltip__menu .active a,
.tooltip__menu .active a:hover {
   text-decoration: none;
   color: #fff;
}

.tooltip__menu .contenido .table td {
   border: none;
   vertical-align: middle;
   padding: 10px;
}

.tooltip__menu .tabsProceso {
   --tabsProceso__tamano: 40px;
   height: var(--tabsProceso__tamano);
   width: var(--tabsProceso__tamano);
   background-color: var(--tab__color);
   display: inline-flex;
   color: #016d38;
   border-radius: 50%;
   justify-content: center;
   align-items: center;
   font-family: Barmeno, sans-serif;
   font-size: 27px;
   font-weight: 600;
   transition: transform .3s;
}

.tooltip__menu .tabsProceso:hover,
.tooltip__menu .tabsProceso:focus {
   text-decoration: none;
   /* color: #; */
   outline: none;
}

.tooltip__menu .tabsProceso:hover {
   transform: scale(1.1);
}

.tooltip__menu .tabsProceso:active {
   transform: scale(.9);
}

.tooltip__menu .tabsProceso.ed-tab-activo {
   background-color: #fff;
   color: #016d38;
   position: relative;
}

.tooltip__menu .tabsProceso.ed-tab-activo::after {
   content: "";
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   top: calc(100% - 5px);
   background-color: #fff;
   height: 15px;
   width: 20px;
   clip-path: polygon(0 0, 100% 0, 50% 100%);
}


.tooltip__menu .menuProceso {
   margin-bottom: 20px;
}

.tooltip__menu .contenidoProceso__tab.ed-tab-contenido {
   visibility: hidden;
   height: 0;
   padding: 0 8px;
   background-color: #fff;
}

.tooltip__menu .contenidoProceso__tab.ed-tab-contenido.ed-tab-contenido-activo {
   visibility: visible;
   height: auto;
   padding: 0 8px;
   display: flex;
   align-items: center;
}

@media (max-width: 576px) {
   .tooltip__menu .contenidoProceso__tab.ed-tab-contenido.ed-tab-contenido-activo {
      flex-direction: column;
   }
}

@media (min-width: 768px) {
   .tooltip__menu .contenidoProceso__tab.ed-tab-contenido {
      padding: 0 15px;
   }

   .tooltip__menu .contenidoProceso__tab.ed-tab-contenido.ed-tab-contenido-activo {
      padding: 0 15px;
   }
}

.tooltip__menu .ed-menuLateral-contenido {
   visibility: hidden;
   height: 0;
}

.tooltip__menu .ed-menuLateral-contenido.ed-menuLateral-contenido-activo {
   visibility: visible;
   height: auto;
   background-color: #016d38;
   padding: 10px;
   border-radius: 15px;
}

.tooltip__menu .contenidoProceso__tab {
   border: #ffdc5d solid 3px;
   border-radius: 15px;
   background-color: hsla(0, 0%, 100%, .8);
   text-align: center;
   overflow: hidden;
}

.tooltip__menu .contenidoProceso__texto {
   font-size: 20px;
   text-align: center;
   padding: 10px 40px 10px 10px;
   border-right: 2px dashed #016d38;
   margin-right: 12px;
   margin-bottom: 0;
   width: 65%;
   color: #333;
}

@media (max-width: 576px) {
   .tooltip__menu .contenidoProceso__texto {
      border-right: none;
      border-bottom: 2px dashed #ffdc5d;
      margin-right: 0;
      margin-bottom: 12px;
      width: auto;
      padding: 0;
      padding-bottom: 10px;
   }
}

.tooltip__menu .ed-mx-auto {
   margin-left: auto;
   margin-right: auto;
}

.tooltip__menu .c-zoom__wrapper {
   display: none;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
}

@media (min-width: 768px) {
   .tooltip__menu .imagenZoom__controles {
      display: none;
   }
}

@media (max-width: 767px) {
   .tooltip__menu .imagenZoom__controles {
      background-color: #ffdc5d;
      display: inline-block;
      padding: 7px 10px 8px;
      border-radius: 50px;
      transform: translateY(50%);
      margin-top: -10px;
   }
}

.tooltip__menu .imagenZoom__btnControles,
.tooltip__menu .imagenZoom__btnControles:focus {
   --btnZoom__tamano: 32px;
   width: var(--btnZoom__tamano);
   height: var(--btnZoom__tamano);
   font-size: 19px;
   margin: 0 4px;
   border-radius: 50%;
   background-color: #f47920;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   color: #fff;
   text-decoration: none;
   margin: 0 4px;
   position: relative;
   box-shadow: 0 3px 0 #be5a11;
   top: 0;
   transition: all 300ms;
}

@media (hover) {
   .tooltip__menu .imagenZoom__btnControles:hover {
      color: #fff;
      text-decoration: none;
      transform: scale(1.05);
      box-shadow: 0 6px 0 #be5a11;
      top: -3px;
   }
}

.tooltip__menu .imagenZoom__btnControles:active {
   color: #fff;
   text-decoration: none;
   transform: scale(1);
   box-shadow: 0 2px 0 #be5a11;
   top: 1px;
}

@media (min-width: 768px) {

   .tooltip__menu .imagenZoom__btnControles,
   .tooltip__menu .imagenZoom__btnControles:focus {
      --btnZoom__tamano: 40px;
      font-size: 20px;
      margin: 0 7px;
   }
}

.tooltip__menu .imagenZoom__imgContenedor {
   overflow: hidden;
   /* border: 4px solid #016d38;
   border-radius: 15px; */
   width: 35%;
}

@media (max-width: 576px) {
   .tooltip__menu .imagenZoom__imgContenedor {
      width: auto;
   }
}


.tooltip__menu .pinch-zoom-container {
   overflow: hidden;
   /*height: 250px;*/
   width: 100%;
   padding: 0;
   /* background-color: #fff; */
}

.tooltip__menu .pinch-zoom-image {
   max-width: 100%;
}