/* Efectos y Animaciones Personalizadas */
/*.ene {color: #1f1a57 !important;}*/

/* Contenedor de zoom para imágenes del slider */
.rev_slider .zoom-container {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   overflow: hidden;
   z-index: 1;
}

.rev_slider .zoom-container img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center 25%;
   display: block;
}

/* Animación aplicada al contenedor */
.rev_slider .zoom-container.animated {
   /* animation: zoomInOut 8s ease-in-out infinite; */
   animation: zoomInOut 20s ease-out infinite alternate;
   transform-origin: center 25%;
   will-change: transform;
}

@keyframes zoomInOut {

   0%,
   100% {
      transform: scale(1);
   }

   50% {
      transform: scale(1.15);
   }
}

/* Estilos para iconos de beneficios - Layout rectangular perfecto */
#benefits .icon {
   display: flex;
   flex-direction: column;
   width: 100%;
}

#benefits .icon-header {
   display: flex;
   align-items: center;
   gap: 20px;
   margin-bottom: 15px;
   min-height: 64px;
}

#benefits .icon-media {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
   width: 64px;
   height: 64px;
}

#benefits .icon-title {
   margin: 0;
   margin-left: 50px;
   font-size: 18px;
   flex: 1;
   display: flex;
   align-items: center;
   text-align: left;
}

#benefits .benefit-icon {
   max-width: 64px;
   max-height: 64px;
   width: auto;
   height: auto;
   object-fit: contain;
   display: block;
   transition: transform 0.3s ease;
}

#benefits .benefit-icon:hover {
   transform: scale(1.1);
}

/* Subtexto debajo de imagen y título, formando rectángulo perfecto */
#benefits .icon-desc-default {
   margin-top: 0;
   padding-left: 0;
   line-height: 1.6;
   text-align: left;
   width: 100%;
}

/* Estilos para iconos de la sección "Atención directa y personalizada" (bg-azul) */
.bg-azul .icon {
   display: flex;
   flex-direction: column;
   width: 100%;
}

.bg-azul .icon-header {
   display: flex;
   align-items: center;
   gap: 20px;
   margin-bottom: 15px;
   min-height: 64px;
}

.bg-azul .icon-media {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
   width: 64px;
   height: 64px;
}

.bg-azul .icon-title {
   margin: 0;
   margin-left: 50px;
   font-size: 18px;
   flex: 1;
   display: flex;
   align-items: center;
   text-align: left;
}

.bg-azul .benefit-icon {
   max-width: 64px;
   max-height: 64px;
   width: auto;
   height: auto;
   object-fit: contain;
   display: block;
   transition: transform 0.3s ease;
}

.bg-azul .benefit-icon:hover {
   transform: scale(1.1);
}

.bg-azul .icon-desc-default {
   margin-top: 0;
   padding-left: 0;
   line-height: 1.6;
   text-align: left;
   width: 100%;
}

/* Estilos para iconos de números en la sección "Fácil y transparente" */
.process-number-icon {
   max-width: 140px;
   max-height: 140px;
   width: auto;
   height: auto;
   object-fit: contain;
   display: block;
   margin: 0 auto 10px auto;
   transition: transform 0.3s ease;
}

.process-number-icon:hover {
   transform: scale(1.1);
}

/* Estilos para fondos en la sección "Experiencias reales, resultados concretos" */
.testimonial-left {
   /* background-image: url('../images/Iconos/fondo_corte.png'); REMOVED */
   padding: 30px;
   min-height: 300px;
   display: flex;
   align-items: center;
   justify-content: flex-end;
}

.testimonial-right {
   /* background-image: url('../images/Iconos/fondo_conexion.png'); REMOVED */
   padding: 30px;
   min-height: 300px;
   display: flex;
   align-items: center;
   justify-content: flex-start;
}

.testimonial-left .blockquote-style-1 {
   position: relative;
   z-index: 1;
   background-color: transparent;
   padding: 25px 30px;
   border-radius: 200px 30px 30px 200px;
   max-width: 300px;
   margin-right: 0;
   margin-left: auto;
   border: 0;
}

.testimonial-left .blockquote-style-1 p {
   border: 0 !important;
   border-right: 3px solid #ee811e !important;
   padding-left: 0 !important;
   padding-right: 15px;
   margin-right: -15px;
   min-height: 100px;
   line-height: 1.6;
   font-style: normal !important;
   color: inherit !important;
}

.testimonial-right .blockquote-style-1 p {
   border: 0 !important;
   border-left: 3px solid #ee811e !important;
   padding-left: 15px;
   padding-right: 0 !important;
   margin-left: -15px;
   min-height: 100px;
   line-height: 1.6;
   font-style: normal !important;
   color: inherit !important;
}

.testimonial-right .blockquote-style-1 {
   position: relative;
   z-index: 1;
   background-color: transparent;
   padding: 25px 30px;
   border-radius: 30px 200px 200px 30px;
   max-width: 300px;
   margin-left: 0;
   margin-right: auto;
   border: 0;
}

.testimonial-left .blockquote-style-1 h5 {
   text-align: left !important;
   margin-left: 0 !important;
   margin-right: 0 !important;
}

.testimonial-right .blockquote-style-1 h5 {
   text-align: right !important;
   margin-left: 0 !important;
   margin-right: 0 !important;
}