.tabLine {
   padding-left: 0;
   margin-left: -5px;
   list-style: none;
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
}

.tooltipImagen {
   --tab__color: #016d38;
   --tab__colorActivo: #ffdc5d;
   --zonaTooltip__tamano: 25px;
}

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

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

.tooltipImagen a:focus {
   outline: none;
}

.tooltipImagen ul {
   list-style-position: inside;
}

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

@media (max-width: 767px) {
   .tabsProceso {
      margin-top: 10px;
      margin-bottom: 10px;
   }
}

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

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

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

.tabsProceso.ed-tab-activo {
   background-color: var(--tab__colorActivo);
   position: relative;
   color: #333;
}

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


.menuProceso {
   margin-bottom: 20px;
}

.contenidoProceso {
   max-width: 800px;
   width: 100%;
   margin-left: auto;
   margin-right: auto;
}

@media (min-width: 768px) {
   .contenidoProceso {
      width: 50%;
   }
}

.contenidoProceso__tab.ed-tab-contenido {
   visibility: hidden;
   height: 0;
   padding: 0 8px;
}

.contenidoProceso__tab.ed-tab-contenido.ed-tab-contenido-activo {
   visibility: visible;
   height: auto;
   padding: 20px 8px;
}

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

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

.contenidoProceso__tab {
   border: var(--tab__colorActivo) dashed 2px;
   border-radius: 15px;
   background-color: hsla(0, 0%, 100%, .7);
   text-align: center;
   overflow: hidden;
}

.contenidoProceso__texto {
   font-size: 22px;
   text-align: center;
   padding: 0 20px 20px;
   border-bottom: 2px dashed var(--tab__colorActivo);
   margin-bottom: 12px;
}

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

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

.imagenZoom__controles {
   background-color: #49a5aa;
   display: inline-block;
   padding: 7px 10px 8px;
   border-radius: 50px;
   transform: translateY(50%);
}

.imagenZoom__btnControles,
.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) {
   .imagenZoom__btnControles:hover {
      color: #fff;
      text-decoration: none;
      transform: scale(1.05);
      box-shadow: 0 6px 0 #be5a11;
      top: -3px;
   }
}

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

@media (min-width: 768px) {

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

.imagenZoom__imgContenedor {
   overflow: hidden;
   border: 5px solid #49a5aa;
   border-radius: 15px;
   max-width: 600px;
   width: 100%;
   margin-left: auto;
   margin-right: auto;
}

@media (min-width: 768px) {
   .imagenZoom__imgContenedor {
      border: 8px solid #016d38;
   }
}

.pinch-zoom-container {
   overflow: hidden;
   height: 0 !important;
   padding-bottom: 56.29% !important;
   width: 100%;
   padding: 0;
   background-color: #fff;
}

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

.pinch-zoom-container:hover,
.pinch-zoom-container:hover .pinch-zoom-image {
   cursor: url(../img/cursor-grab.cur), url(../img/cursor-grab.png), grab;
}

.pinch-zoom-container:active,
.pinch-zoom-container:active:hover,
.pinch-zoom-container:active .pinch-zoom-image:hover,
.pinch-zoom-container:active .pinch-zoom-image:hover,
.pinch-zoom-image:active,
.pinch-zoom-image:active:hover {
   cursor: url(../img/cursor-grabbing.cur), url(../img/cursor-grabbing.png), grabbing;
}