.elementor-25236 .elementor-element.elementor-element-8b7a1c8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-25236 .elementor-element.elementor-element-78894a0{--display:flex;}.elementor-25236 .elementor-element.elementor-element-7473438{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-25236 .elementor-element.elementor-element-bec436c{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-25236 .elementor-element.elementor-element-5a5289fc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25236 .elementor-element.elementor-element-64c11808{--display:flex;}.elementor-25236 .elementor-element.elementor-element-55bf397c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 70px 0px;}.elementor-25236 .elementor-element.elementor-element-9c4bb8a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-25236 .elementor-element.elementor-element-266730f{--display:flex;}.elementor-25236 .elementor-element.elementor-element-a161b18{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25236 .elementor-element.elementor-element-2fda9ab{--display:flex;}.elementor-25236 .elementor-element.elementor-element-f3f3fda{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-25236 .elementor-element.elementor-element-2879743{--display:flex;}.elementor-25236 .elementor-element.elementor-element-b960049{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-25236 .elementor-element.elementor-element-4b93283{--display:flex;}.elementor-25236 .elementor-element.elementor-element-49ab114{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25236 .elementor-element.elementor-element-22ff173{--display:flex;}.elementor-25236 .elementor-element.elementor-element-bcb7a76{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-25236 .elementor-element.elementor-element-1827c11{--display:flex;}.elementor-25236 .elementor-element.elementor-element-79c75be{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-25236 .elementor-element.elementor-element-4c21e2f{--display:flex;}.elementor-25236 .elementor-element.elementor-element-83e36ff{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25236 .elementor-element.elementor-element-2c2f954{--display:flex;}.elementor-25236 .elementor-element.elementor-element-ad171de{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-25236 .elementor-element.elementor-element-bd4fe40{--display:flex;}.elementor-25236 .elementor-element.elementor-element-35ca2ac8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-25236 .elementor-element.elementor-element-25f0de61{--display:flex;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-25236 .elementor-element.elementor-element-266730f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25236 .elementor-element.elementor-element-4b93283{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25236 .elementor-element.elementor-element-4c21e2f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-44ee4f2 *//* ====================== */
/* RESET Y ESTILOS GENERALES */
/* ====================== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* TÍTULO PRINCIPAL - Opiniones Consultivas */
/* ============================================= */
.evol-titulo-principal-container {
  text-align: center;
}

.evol-titulo-principal {
  font-family: 'MONTSERRAT', sans-serif!important;
  line-height: 1.05 !important;
  font-weight: 900!important;
  font-size: 2.4rem!important;
  color: #a10964 !important;
  margin-bottom: 1.2rem;
  text-align: center;
}
.evol-naranja{
  font-family: 'MONTSERRAT', sans-serif!important;
  line-height: 1.05 !important;
  font-weight: 900!important;
  font-size: 2.4rem!important;
  color: #ff9700 !important;
  margin-bottom: 1.2rem;
  text-align: center;
}
.naranja{
    color: #ff9700;
}
/* ====================== */
/* CONTENEDOR GENERAL */
/* ====================== */
.container {
  width: 80%;
  margin: auto;
}


/* ============================================= */
/* SECCIÓN EVOLUCIÓN - CLASES TOTALMENTE NUEVAS (evol-) */
/* ============================================= */
.evol-intro-section { padding: 30px 0 30px; }

.evol-hero-banner {
  background: white;
  border-radius: 24px;
  overflow: hidden;
  margin-bottom: 0px;
}

.evol-hero-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
}

.evol-hero-texto {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.evol-titulo {
   font-family: 'candal', sans-serif;
  font-size: 2rem!important;
  font-weight: 700;
  color: #a10964!important;
  margin-bottom: 3rem!important;
  position: relative;
}

.evol-texto-normal {
  font-family: 'MONTSERRAT', sans-serif!important;
  font-weight: 400;
  font-size: 1.2rem;
  color: #380635;
  text-align: justify;
}

.evol-texto-full {
  background: white;
}

.evol-texto-full p {
  font-family: 'MONTSERRAT', sans-serif!important;
  font-weight: 400;
  font-size: 1.2rem;
  color: #380635;
  text-align: justify;
}

/* ==================== */
/* IMAGEN - FÁCIL DE MODIFICAR */
/* ==================== */


/* ==================== */
/* IMAGEN HERO - FÁCIL DE MODIFICAR */
/* ==================== */

.evol-hero-imagen {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;        /* Centrado por defecto */
    overflow: hidden;
    margin-bottom: 20px!important;
     margin-top: 20px!important;
}

.evol-img-principal {
    width: 97%;
    height: 100%;
    object-fit: cover;
    border-radius: 0 24px 24px 0;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    transition: transform 0.6s ease;
}

/* Hover opcional */
.evol-hero-banner:hover .evol-img-principal {
    transform: scale(1.02);
}

/* ============================================= */
/* RESPONSIVE - ANCHOS Y CENTRADO POR DISPOSITIVO */
/* ============================================= */

/* ====================== */
/* PC / Desktop (grande)  */
/* ====================== */
@media (min-width: 993px) {
    .evol-hero-imagen {
        justify-content: flex-end;   /* Alineado a la derecha (como antes) */
        max-width: 620px;            /* ← Cambia aquí el ancho máximo en PC */
    }
}

/* ====================== */
/* TABLET                 */
/* ====================== */
@media (max-width: 992px) {
    .evol-hero-container {
        grid-template-columns: 1fr;
    }
    
    .evol-hero-imagen {
        justify-content: center;     /* Centrado en tablet */
        max-width: 520px;            /* ← Cambia aquí el ancho en Tablet */
        margin: 0 auto;              /* Centrado automático */
        border-radius: 24px 24px 0 0;
    }
    
    .evol-img-principal {
        border-radius: 24px 24px 0 0;
    }
    .evol-hero-texto {
     padding: 5px;     /* menos espacio abajo */
  }

  .evol-texto-full {
    padding: 5px;    /* casi sin espacio arriba */
  }
}

/* ====================== */
/* CELULAR                */
/* ====================== */
@media (max-width: 768px) {
    .evol-hero-imagen {
        max-width: 420px;            /* ← Cambia aquí el ancho en Celular */
        margin: 0 auto;
    }
}

/* Celular muy pequeño */
@media (max-width: 480px) {
    .evol-hero-imagen {
        max-width: 340px;            /* ← Cambia aquí el ancho en celulares chicos */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e449b0f */.texto-normal {
  font-family: 'MONTSERRAT', sans-serif;
  font-weight: 400;
  font-size: 1.2rem;
  color: #380635;
  text-align: justify;
  padding: 5px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cea67b3 */.texto-normal {
  font-family: 'MONTSERRAT', sans-serif;
  font-weight: 400;
  font-size: 1.2rem;
  color: #380635;
  text-align: justify;
  padding: 5px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-df9c6ba */.texto-normal {
  font-family: 'MONTSERRAT', sans-serif;
  font-weight: 400;
  font-size: 1.2rem;
  color: #380635;
  text-align: justify;
  padding: 5px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-713c5ea4 *//* ====================== SECCIÓN VOLVER ====================== */
.volver-section {
  padding: 50px 20px;
  
}

.volver-container {
  width: 50%;
  margin: 0 auto;
  background: linear-gradient(#380635, #a10964);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  border-radius: 10px;
  padding: 1rem;
  margin-top: 4rem;
}

.volver-image img {
  width: 100%;
  border-radius: 20px;
  
}

.volver-content h2 {
  font-family: 'CANDAL', sans-serif;
  font-size: 1.5rem;
  font-weight: 800;
  color: #ff9700;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.volver-content p {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.15rem;
  color: white;
  line-height: 1.3;
  margin-bottom: 30px;
}

.volver-btn {
  display: inline-block;
  padding: 13px 32px 10px;
  background: linear-gradient(135deg, #ff9700, #ff9900);
  color: #ffffff !important;           /* Blanco fuerte */
  font-family: 'CANDAL', sans-serif;
  font-weight: 600;
  font-size: 1.05rem;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 6px 20px rgba(161, 9, 100, 0.35);
  transition: all 0.3s ease;
  border: none;                        /* Por si acaso */
  outline: none;
}

/* Estado normal + visited (para que nunca se ponga azul o morado) */
.volver-btn,
.volver-btn:visited,
.volver-btn:link {
  color: #ffffff !important;
  background: linear-gradient(135deg, #ff9700, #ff9900);
}

/* Hover - aquí le puse el color que pediste para el texto */
.volver-btn:hover,
.volver-btn:visited:hover {
  transform: translateY(-4px);
  color: #A10964 !important;           /* Color magenta oscuro que tenías */
  background: linear-gradient(135deg, #ff9700, #ff7700);  /* Naranja un poco más oscuro */
  box-shadow: 0 12px 30px rgba(161, 9, 100, 0.55);
  text-decoration: none;
}

/* Active (cuando haces click) */
.volver-btn:active,
.volver-btn:visited:active {
  transform: translateY(-2px);         /* Un poco menos de elevación */
  color: #A10964 !important;
  background: linear-gradient(135deg, #ff8800, #ff6600);
  box-shadow: 0 4px 15px rgba(161, 9, 100, 0.4);
}

/* Focus (cuando navegas con teclado) */
.volver-btn:focus {
  color: #380635 !important;
  box-shadow: 0 0 0 4px rgba(161, 9, 100, 0.3);
  outline: none;
}

/* ====================== RESPONSIVE ====================== */
@media (max-width: 992px) {
  .volver-container {
      width: 70%;
    grid-template-columns: 1fr;
    gap: 40px;
    text-align: center;
  }
  
  .volver-content h2 {
    font-size: 1.9rem;
  }
}

@media (max-width: 600px) {
  .volver-content h2 {
    font-size: 1.7rem;
  }
  .volver-container {
      width: 100%;
    grid-template-columns: 1fr;
    gap: 40px;
    text-align: center;
  }
  
  .volver-btn {
    font-size: 1rem;
    padding: 12px 28px;
  }
}/* End custom CSS */