.elementor-12644 .elementor-element.elementor-element-9a78d90{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0%;margin-bottom:0%;z-index:0;}.elementor-12644 .elementor-element.elementor-element-9a78d90 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12644 .elementor-element.elementor-element-a029ecf > .elementor-element-populated{margin:0rem 0rem 0rem 0rem;--e-column-margin-right:0rem;--e-column-margin-left:0rem;padding:0% 0% 0% 16%;}.elementor-12644 .elementor-element.elementor-element-a029ecf{z-index:0;}.elementor-12644 .elementor-element.elementor-element-f30b5cb{--display:flex;--content-width:100%;--gap:0px;--overlay-transition:0.3s;}.elementor-12644 .elementor-element.elementor-element-f30b5cb.e-container{--align-self:center;}.elementor-12644 .elementor-element.elementor-element-5215bad > .elementor-widget-container{margin:3% 0% 0% 0%;}.elementor-12644 .elementor-element.elementor-element-69bb3d8 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-12644 .elementor-element.elementor-element-5868d28 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-12644 .elementor-element.elementor-element-e8cdc75 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-12644 .elementor-element.elementor-element-c68e20f > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-12644 .elementor-element.elementor-element-b820ed6 > .elementor-widget-container{margin:0% 0% 3% 0%;}.elementor-12644 .elementor-element.elementor-element-6e20f0e{--display:flex;--content-width:100%;--overlay-transition:0.3s;}.elementor-12644 .elementor-element.elementor-element-9f57ace{--display:flex;--content-width:100%;--overlay-transition:0.3s;}.elementor-12644 .elementor-element.elementor-element-101c576 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-12644 .elementor-element.elementor-element-7cf2cc5{--display:flex;--content-width:100%;--overlay-transition:0.3s;}.elementor-12644 .elementor-element.elementor-element-8d361b6{--display:flex;--width:100%;--flex-direction:row;--gap:0px;--flex-wrap:wrap;--overlay-transition:0.3s;--margin-top:0%;--margin-right:0%;--margin-bottom:0%;--margin-left:0%;}.elementor-12644 .elementor-element.elementor-element-13bc82e{--display:flex;--content-width:100%;--flex-direction:column;--overlay-transition:0.3s;}.elementor-12644 .elementor-element.elementor-element-28d3e12 > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0px 0px 0px 0px;}.elementor-12644 .elementor-element.elementor-element-d1fd8b8{--display:flex;--width:100%;--min-height:0px;--flex-direction:column;--overlay-transition:0.3s;}.elementor-12644 .elementor-element.elementor-element-f87a112{--display:flex;--content-width:100%;--flex-direction:column;--overlay-transition:0.3s;}.elementor-12644 .elementor-element.elementor-element-f87a112.e-container{--flex-grow:0;--flex-shrink:0;}.elementor-12644 .elementor-element.elementor-element-8d87db2 .ha-tiles{--tiles-gap:13px;}.elementor-12644 .elementor-element.elementor-element-8d87db2 .ha-tiles__tile{border-radius:36px 36px 36px 36px;}.elementor-12644 .elementor-element.elementor-element-8d87db2 .ha-tiles__tile:after{background-color:#00000061;}.elementor-12644 .elementor-element.elementor-element-8d87db2 .ha-tiles__tile-content{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:left;}.elementor-12644 .elementor-element.elementor-element-8d87db2 .ha-tiles__tile-tag{font-family:"Poppins", Sans-serif;}.elementor-12644 .elementor-element.elementor-element-8d87db2 .ha-tiles__tile-meta{font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-12644 .elementor-element.elementor-element-8d87db2 .ha-tiles__tile-title{font-family:"Poppins", Sans-serif;}.elementor-12644 .elementor-element.elementor-element-56bfb17 .elementor-button{background-color:#C3094A;border-style:solid;border-width:2px 2px 2px 2px;border-radius:21px 21px 21px 21px;}.elementor-12644 .elementor-element.elementor-element-56bfb17 .elementor-button:hover, .elementor-12644 .elementor-element.elementor-element-56bfb17 .elementor-button:focus{color:#C3094A;background-color:#FFFFFF;border-color:#C3094A;}.elementor-12644 .elementor-element.elementor-element-56bfb17 .elementor-button:hover svg, .elementor-12644 .elementor-element.elementor-element-56bfb17 .elementor-button:focus svg{fill:#C3094A;}.elementor-12644 .elementor-element.elementor-element-56bfb17 > .elementor-widget-container{margin:1rem 0rem 0rem 0rem;}@media(max-width:1024px){.elementor-12644 .elementor-element.elementor-element-9a78d90{margin-top:-6rem;margin-bottom:0rem;}}@media(max-width:767px){.elementor-12644 .elementor-element.elementor-element-9a78d90{margin-top:-8rem;margin-bottom:-8rem;padding:0% 0% 0% 0%;}.elementor-12644 .elementor-element.elementor-element-a029ecf > .elementor-element-populated{margin:-6rem 0rem 0rem 0rem;--e-column-margin-right:0rem;--e-column-margin-left:0rem;padding:0% 0% 0% 12%;}.elementor-12644 .elementor-element.elementor-element-f30b5cb{--margin-top:6rem;--margin-right:0rem;--margin-bottom:0rem;--margin-left:0rem;}}@media(min-width:768px){.elementor-12644 .elementor-element.elementor-element-a029ecf{width:45.939%;}.elementor-12644 .elementor-element.elementor-element-f143399{width:54.061%;}.elementor-12644 .elementor-element.elementor-element-f30b5cb{--width:100%;}.elementor-12644 .elementor-element.elementor-element-13bc82e{--width:100%;}.elementor-12644 .elementor-element.elementor-element-d1fd8b8{--content-width:1109px;}.elementor-12644 .elementor-element.elementor-element-f87a112{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-12644 .elementor-element.elementor-element-a029ecf{width:50%;}.elementor-12644 .elementor-element.elementor-element-f143399{width:50%;}}/* Start custom CSS for html, class: .elementor-element-1d0e975 *//* =====================================
   HERO TITLE CAMBIANTE
===================================== */

.elementor-12644 .elementor-element.elementor-element-1d0e975 .hero-title-slider{
  position: relative !important;
  min-height: 200px !important;
  margin-bottom: 8px !important;
}

.elementor-12644 .elementor-element.elementor-element-1d0e975 .hero-title-slider .hero-title{
  position: absolute !important;
  inset: 0 auto auto 0 !important;
  width: 100% !important;
  margin: 0 !important;

  opacity: 0 !important;
  visibility: hidden !important;

  transform: translateY(18px) scale(.98) !important;

  transition:
    opacity .8s ease,
    transform .8s ease,
    visibility .8s ease !important;
}

.elementor-12644 .elementor-element.elementor-element-1d0e975 .hero-title-slider .hero-title.active{
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) scale(1) !important;
}


/* =====================================
   COLORES DEL TÍTULO SEGÚN SLIDE
   MISMA PALETA, DIFERENTE COMBINACIÓN
===================================== */

/* SLIDE 1 - Azul / azul vivo / magenta */
.elementor-12644 .elementor-element.elementor-element-1d0e975 .title-1 span:nth-child(1){
  color: #003866 !important;
}

.elementor-12644 .elementor-element.elementor-element-1d0e975 .title-1 span:nth-child(2){
  color: #1f7af0 !important;
}

.elementor-12644 .elementor-element.elementor-element-1d0e975 .title-1 span:nth-child(3){
  color: #c3094a !important;
}


/* SLIDE 2 - Azul / magenta / amarillo institucional */
.elementor-12644 .elementor-element.elementor-element-1d0e975 .title-2 span:nth-child(1){
  color: #003866 !important;
}

.elementor-12644 .elementor-element.elementor-element-1d0e975 .title-2 span:nth-child(2){
  color: #c3094a !important;
}

.elementor-12644 .elementor-element.elementor-element-1d0e975 .title-2 span:nth-child(3){
  color: #d39b00 !important;
}


/* SLIDE 3 - Magenta / azul institucional / azul vivo */
.elementor-12644 .elementor-element.elementor-element-1d0e975 .title-3 span:nth-child(1){
  color: #c3094a !important;
}

.elementor-12644 .elementor-element.elementor-element-1d0e975 .title-3 span:nth-child(2){
  color: #003866 !important;
}

.elementor-12644 .elementor-element.elementor-element-1d0e975 .title-3 span:nth-child(3){
  color: #1f7af0 !important;
}


/* =====================================
   BADGES SLIDE 1
===================================== */

.elementor-12644 .elementor-element.elementor-element-1d0e975 .slide-1 .badge-investigacion .badge-icon{
  background: linear-gradient(135deg,#003866,#1f7af0) !important;
  box-shadow: 0 14px 28px rgba(0,56,104,.24) !important;
}

.elementor-12644 .elementor-element.elementor-element-1d0e975 .slide-1 .badge-investigacion strong{
  color:#003866 !important;
}

.elementor-12644 .elementor-element.elementor-element-1d0e975 .slide-1 .badge-investigacion::after{
  background:#1f7af0 !important;
}

.elementor-12644 .elementor-element.elementor-element-1d0e975 .slide-1 .badge-innovacion .badge-icon{
  background: linear-gradient(135deg,#c3094a,#ff4d8d) !important;
  box-shadow: 0 14px 28px rgba(195,9,74,.22) !important;
}

.elementor-12644 .elementor-element.elementor-element-1d0e975 .slide-1 .badge-innovacion strong{
  color:#c3094a !important;
}

.elementor-12644 .elementor-element.elementor-element-1d0e975 .slide-1 .badge-innovacion::after{
  background:#c3094a !important;
}

.elementor-12644 .elementor-element.elementor-element-1d0e975 .slide-1 .badge-impacto .badge-icon{
  background: linear-gradient(135deg,#f5b400,#ffe066) !important;
  box-shadow: 0 14px 28px rgba(245,180,0,.22) !important;
}

.elementor-12644 .elementor-element.elementor-element-1d0e975 .slide-1 .badge-impacto strong{
  color:#c58a00 !important;
}

.elementor-12644 .elementor-element.elementor-element-1d0e975 .slide-1 .badge-impacto::after{
  background:#f5b400 !important;
}


/* =====================================
   BADGES SLIDE 2
===================================== */

.elementor-12644 .elementor-element.elementor-element-1d0e975 .slide-2 .badge-investigacion .badge-icon{
  background: linear-gradient(135deg,#003866,#78b8e5) !important;
  box-shadow: 0 14px 28px rgba(0,56,104,.22) !important;
}

.elementor-12644 .elementor-element.elementor-element-1d0e975 .slide-2 .badge-investigacion strong{
  color:#003866 !important;
}

.elementor-12644 .elementor-element.elementor-element-1d0e975 .slide-2 .badge-investigacion::after{
  background:#78b8e5 !important;
}

.elementor-12644 .elementor-element.elementor-element-1d0e975 .slide-2 .badge-innovacion .badge-icon{
  background: linear-gradient(135deg,#c3094a,#ff4d8d) !important;
  box-shadow: 0 14px 28px rgba(195,9,74,.22) !important;
}

.elementor-12644 .elementor-element.elementor-element-1d0e975 .slide-2 .badge-innovacion strong{
  color:#c3094a !important;
}

.elementor-12644 .elementor-element.elementor-element-1d0e975 .slide-2 .badge-innovacion::after{
  background:#c3094a !important;
}

.elementor-12644 .elementor-element.elementor-element-1d0e975 .slide-2 .badge-impacto .badge-icon{
  background: linear-gradient(135deg,#d39b00,#fff46d) !important;
  box-shadow: 0 14px 28px rgba(211,155,0,.22) !important;
}

.elementor-12644 .elementor-element.elementor-element-1d0e975 .slide-2 .badge-impacto strong{
  color:#d39b00 !important;
}

.elementor-12644 .elementor-element.elementor-element-1d0e975 .slide-2 .badge-impacto::after{
  background:#d39b00 !important;
}


/* =====================================
   BADGES SLIDE 3
===================================== */

.elementor-12644 .elementor-element.elementor-element-1d0e975 .slide-3 .badge-investigacion .badge-icon{
  background: linear-gradient(135deg,#c3094a,#ff4d8d) !important;
  box-shadow: 0 14px 28px rgba(195,9,74,.22) !important;
}

.elementor-12644 .elementor-element.elementor-element-1d0e975 .slide-3 .badge-investigacion strong{
  color:#c3094a !important;
}

.elementor-12644 .elementor-element.elementor-element-1d0e975 .slide-3 .badge-investigacion::after{
  background:#c3094a !important;
}

.elementor-12644 .elementor-element.elementor-element-1d0e975 .slide-3 .badge-innovacion .badge-icon{
  background: linear-gradient(135deg,#003866,#1f7af0) !important;
  box-shadow: 0 14px 28px rgba(0,56,104,.24) !important;
}

.elementor-12644 .elementor-element.elementor-element-1d0e975 .slide-3 .badge-innovacion strong{
  color:#003866 !important;
}

.elementor-12644 .elementor-element.elementor-element-1d0e975 .slide-3 .badge-innovacion::after{
  background:#1f7af0 !important;
}

.elementor-12644 .elementor-element.elementor-element-1d0e975 .slide-3 .badge-impacto .badge-icon{
  background: linear-gradient(135deg,#1f7af0,#78b8e5) !important;
  box-shadow: 0 14px 28px rgba(31,122,240,.22) !important;
}

.elementor-12644 .elementor-element.elementor-element-1d0e975 .slide-3 .badge-impacto strong{
  color:#1f7af0 !important;
}

.elementor-12644 .elementor-element.elementor-element-1d0e975 .slide-3 .badge-impacto::after{
  background:#1f7af0 !important;
}


/* =====================================
   MENSAJE DEL BUSCADOR HERO
===================================== */

.elementor-12644 .elementor-element.elementor-element-1d0e975 .hero-search-message{
  margin-top: 0 !important;
  margin-bottom: 14px !important;
  max-width: 700px !important;
  font-family: 'Poppins', sans-serif !important;
}

.elementor-12644 .elementor-element.elementor-element-1d0e975 .hero-search-tag{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 6px 14px !important;
  margin-bottom: 9px !important;

  border-radius: 999px !important;

  background: #fff46d !important;
  color: #003866 !important;

  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .4px !important;
  text-transform: uppercase !important;

  box-shadow:
    0 8px 18px rgba(245,180,0,.22),
    inset 0 0 0 1px rgba(255,255,255,.65) !important;

  animation: searchTagPulse 1.8s ease-in-out infinite !important;
}

.elementor-12644 .elementor-element.elementor-element-1d0e975 .hero-search-message h2{
  margin: 0 0 7px !important;

  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(17px, 1.25vw, 22px) !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.2px !important;

  color: #003866 !important;
}

.elementor-12644 .elementor-element.elementor-element-1d0e975 .hero-search-message p{
  margin: 0 !important;

  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(14px, 1vw, 16px) !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;

  color: #4f6175 !important;
}


/* =====================================
   ANIMACIÓN BUSCA AQUÍ
===================================== */

@keyframes searchTagPulse{
  0%, 100%{
    transform: scale(1);
    box-shadow:
      0 8px 18px rgba(245,180,0,.22),
      0 0 0 0 rgba(245,180,0,.28),
      inset 0 0 0 1px rgba(255,255,255,.65);
  }

  50%{
    transform: scale(1.045);
    box-shadow:
      0 12px 24px rgba(245,180,0,.32),
      0 0 0 7px rgba(245,180,0,.10),
      inset 0 0 0 1px rgba(255,255,255,.85);
  }
}


/* =====================================
   BUSCADOR MÁS VISIBLE
===================================== */

.elementor-12644 .elementor-element.elementor-element-1d0e975 .wpdreams_asl_container,
.elementor-12644 .elementor-element.elementor-element-1d0e975 div[id*="ajaxsearchlite"],
.elementor-12644 .elementor-element.elementor-element-1d0e975 div[class*="ajaxsearchlite"],
.elementor-12644 .elementor-element.elementor-element-1d0e975 div[class*="asl_w"]{
  border-radius: 22px !important;
  box-shadow:
    0 22px 50px rgba(0,56,104,.14),
    0 8px 20px rgba(0,0,0,.05) !important;
}

.elementor-12644 .elementor-element.elementor-element-1d0e975 .wpdreams_asl_container,
.elementor-12644 .elementor-element.elementor-element-1d0e975 div[class*="asl_w"]{
  position: relative !important;
}

.elementor-12644 .elementor-element.elementor-element-1d0e975 .wpdreams_asl_container::after,
.elementor-12644 .elementor-element.elementor-element-1d0e975 div[class*="asl_w"]::after{
  content: "" !important;
  position: absolute !important;
  inset: -3px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(31,122,240,.22) !important;
  pointer-events: none !important;
  opacity: .85 !important;
}


/* =====================================
   RESPONSIVE
===================================== */

@media(max-width: 1400px){

  .elementor-12644 .elementor-element.elementor-element-1d0e975 .hero-title-slider{
    min-height: 185px !important;
    margin-bottom: 6px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-1d0e975 .hero-search-message{
    margin-bottom: 12px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-1d0e975 .hero-search-message h2{
    font-size: 19px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-1d0e975 .hero-search-message p{
    font-size: 14px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-1d0e975 .hero-search-tag{
    padding: 6px 13px !important;
    font-size: 10.5px !important;
  }
}

@media(max-width: 1024px){

  .elementor-12644 .elementor-element.elementor-element-1d0e975 .hero-title-slider{
    min-height: 175px !important;
    margin-bottom: 6px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-1d0e975 .hero-search-message{
    margin-bottom: 10px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-1d0e975 .hero-search-message h2{
    font-size: 17px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-1d0e975 .hero-search-message p{
    font-size: 13px !important;
  }
  
  .elementor-12644 .elementor-element.elementor-element-1d0e975 .hero-title-slider .hero-title.active{
      font-size: 4.5rem !important;
  }
}

@media(max-width: 768px){

  .elementor-12644 .elementor-element.elementor-element-1d0e975 .hero-title-slider{
    min-height: 165px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-1d0e975 .hero-search-message h2{
    font-size: 16px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-1d0e975 .hero-search-message p{
    font-size: 12.5px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-1d0e975 .hero-search-tag{
    font-size: 10px !important;
    padding: 5px 11px !important;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f3527fd *//* =====================================
   BUSCADOR AJAX SEARCH LITE - VRI
   Versión segura: mantiene resultados funcionando
===================================== */

/* Fuente general */
div.asl_w,
div.asl_w * {
  font-family: 'Poppins', sans-serif !important;
}

/* Contenedor general del buscador */
div.asl_w {
  max-width: 580px !important;
  border-radius: 18px !important;
  overflow: visible !important;

  background: #ffffff !important;

  box-shadow:
    0 18px 45px rgba(0, 56, 102, 0.12),
    0 0 0 2px rgba(31, 122, 240, 0.12),
    0 0 0 4px rgba(195, 9, 74, 0.035) !important;
}

/* Caja principal del buscador */
div.asl_w .probox {
  height: 56px !important;
  min-height: 56px !important;

  border-radius: 18px !important;

  background: #ffffff !important;

  border: 1px solid rgba(31, 122, 240, 0.38) !important;

  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.85),
    0 10px 24px rgba(0, 56, 102, 0.08) !important;

  overflow: hidden !important;
}

/* Cuando se hace clic dentro del buscador */
div.asl_w .probox:focus-within {
  border-color: rgba(31, 122, 240, 0.72) !important;

  box-shadow:
    0 0 0 5px rgba(31, 122, 240, 0.12),
    0 16px 34px rgba(0, 56, 102, 0.14) !important;
}

/* Campo de texto */
div.asl_w .probox .proinput {
  padding-left: 18px !important;
}

/* Input */
div.asl_w .probox .proinput input {
  font-size: 14px !important;
  color: #003866 !important;
  font-weight: 500 !important;
}

/* Placeholder */
div.asl_w .probox .proinput input::placeholder {
  color: #7d8da3 !important;
  opacity: 1 !important;
}

/* Botón de búsqueda */
div.asl_w .probox .promagnifier {
  width: 58px !important;
  height: 44px !important;

  margin: 6px 8px 6px 0 !important;

  border-radius: 14px !important;

  background: linear-gradient(135deg, #003866, #1f7af0) !important;

  box-shadow:
    0 9px 22px rgba(31, 111, 229, 0.30) !important;

  transition:
    transform .25s ease,
    box-shadow .25s ease !important;
}

/* Hover del botón */
div.asl_w .probox .promagnifier:hover {
  transform: translateY(-1px) scale(1.02) !important;

  box-shadow:
    0 13px 28px rgba(31, 111, 229, 0.38) !important;
}

/* Icono de lupa */
div.asl_w .probox .promagnifier svg,
div.asl_w .probox .promagnifier svg path {
  fill: #ffffff !important;
}

/* Evitar bordes internos raros sin romper resultados */
div.asl_w .probox div {
  border-color: transparent !important;
}

/* Recuperar borde principal */
div.asl_w .probox {
  border: 1px solid rgba(31, 122, 240, 0.38) !important;
}


/* =====================================
   RESULTADOS AJAX SEARCH LITE
   Mantener visibles y por encima
===================================== */

div.asl_r {
  z-index: 99999 !important;

  border-radius: 18px !important;
  overflow: hidden !important;

  border: 1px solid rgba(120, 184, 229, 0.35) !important;

  box-shadow:
    0 22px 55px rgba(0, 56, 102, 0.16),
    0 8px 20px rgba(0,0,0,.05) !important;

  background: #ffffff !important;
}

/* Cada resultado */
div.asl_r .results .item {
  padding: 14px 18px !important;
  border-bottom: 1px solid #eef4fa !important;
  background: #ffffff !important;
}

/* Hover */
div.asl_r .results .item:hover {
  background: #f5f9ff !important;
}

/* Título del resultado */
div.asl_r .results .item .asl_content h3,
div.asl_r .results .item .asl_content h3 a {
  color: #003866 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-transform: none !important;
}

/* Descripción */
div.asl_r .results .item .asl_content {
  color: #52677d !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

/* Miniaturas */
div.asl_r .results .item .asl_image {
  border-radius: 10px !important;
  overflow: hidden !important;
}

/* Quitar outlines raros */
div.asl_r,
div.asl_r * {
  outline: none !important;
}


/* =====================================
   RESPONSIVE
===================================== */

@media(max-width: 1400px) {
  div.asl_w {
    max-width: 560px !important;
  }

  div.asl_w .probox {
    height: 54px !important;
    min-height: 54px !important;
  }

  div.asl_w .probox .promagnifier {
    width: 56px !important;
    height: 42px !important;
  }
}

@media(max-width: 1024px) {
  div.asl_w {
    max-width: 100% !important;
  }

  div.asl_w .probox {
    height: 52px !important;
    min-height: 52px !important;
    border-radius: 16px !important;
  }

  div.asl_w .probox .proinput input {
    font-size: 13px !important;
  }

  div.asl_w .probox .promagnifier {
    width: 52px !important;
    height: 40px !important;
    border-radius: 13px !important;
  }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-a029ecf *//* TEXTO SUPERIOR */
.elementor-12644 .elementor-element.elementor-element-a029ecf .hero-kicker{
  font-family: 'Poppins', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  color: #003866 !important;

  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;

  margin-bottom: 18px !important;
}

/* Línea tecnológica */
.elementor-12644 .elementor-element.elementor-element-a029ecf .hero-kicker::before{
  content: "" !important;

  width: 34px !important;
  height: 2px !important;

  background:
    linear-gradient(
      90deg,
      #0b7be8,
      #78b8e5
    ) !important;

  border-radius: 20px !important;

  box-shadow:
    0 0 10px rgba(11,123,232,.35) !important;
}


/* TÍTULO */
.elementor-12644 .elementor-element.elementor-element-a029ecf .hero-title{
  font-family: 'Poppins', sans-serif !important;

  font-size: clamp(46px, 4.8vw, 72px) !important;

  line-height: .92 !important;

  font-weight: 800 !important;

  margin: 0 !important;
  text-transform: uppercase !important;
}

/* Azul */
.elementor-12644 .elementor-element.elementor-element-a029ecf .hero-title .blue{
  color: #1677ee !important;
}

/* Magenta */
.elementor-12644 .elementor-element.elementor-element-a029ecf .hero-title .magenta{
  color: #c3094a !important;
}

/* Subtitulo */
.elementor-12644 .elementor-element.elementor-element-a029ecf .hero-subtitle{
  font-family: 'Poppins', sans-serif !important;

  font-size: 17px !important;
  line-height: 1.75 !important;

  color: #003866 !important;

  max-width: 720px !important;

  margin-top: 22px !important;

  font-weight: 400 !important;
}

/* =========================
   TABLET
========================= */

@media (max-width: 1024px){

  .elementor-12644 .elementor-element.elementor-element-a029ecf .hero-title{
    font-size: clamp(42px, 7vw, 60px) !important;
    line-height: .95 !important;
    letter-spacing: -2px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a029ecf .hero-subtitle{
    font-size: 16px !important;
    max-width: 100% !important;
  }

}


/* =========================
   MÓVIL
========================= */

@media (max-width: 768px){

  .elementor-12644 .elementor-element.elementor-element-a029ecf{
    padding-top: 40px !important;
    padding-bottom: 30px !important;
    min-height: auto !important;
    height: auto !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a029ecf .hero-kicker{
    font-size: 11px !important;
    letter-spacing: 1px !important;
    margin-bottom: 14px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a029ecf .hero-title{
    font-size: 4rem !important;

    line-height: .92 !important;

    letter-spacing: -2px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a029ecf .hero-subtitle{
    font-size: 1.3rem !important;
    line-height: 1.7 !important;

    margin-top: 18px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a5d764d *//* =====================================
   HERO VISUAL ESTABLE
===================================== */

.elementor-12644 .elementor-element.elementor-element-a5d764d .hero-visual{
  position: relative !important;
  width: 100% !important;
  height: 560px !important;
  overflow: visible !important;
  z-index: 5 !important;
}

/* CÍRCULO DE FONDO */
.elementor-12644 .elementor-element.elementor-element-a5d764d .hero-circle{
  position: absolute !important;
  width: clamp(460px, 30vw, 520px) !important;
  height: clamp(460px, 30vw, 520px) !important;
  top: 56% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 10px solid rgba(255,255,255,.96) !important;
  box-shadow:
    0 35px 90px rgba(0,56,104,.12),
    inset 0 0 0 2px rgba(120,184,229,.08) !important;
  z-index: 1 !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .hero-bg{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: brightness(1.03) contrast(1.05) saturate(1.04) !important;
}

/* PNG PERSONA */
.elementor-12644 .elementor-element.elementor-element-a5d764d .hero-person{
  position: absolute !important;
  width: clamp(390px, 27vw, 455px) !important;
  height: auto !important;
  left: 56% !important;
  bottom: 0 !important;
  transform: translateX(-50%) scale(1.05) !important;
  z-index: 6 !important;
  pointer-events: none !important;
  filter: drop-shadow(0 24px 32px rgba(0,56,104,.14)) !important;
}

/* RECORTE INFERIOR */
.elementor-12644 .elementor-element.elementor-element-a5d764d .hero-circle-cut{
  display: none !important;
}




/* =====================================
   BADGES PREMIUM UI
===================================== */

.elementor-12644 .elementor-element.elementor-element-a5d764d .hero-badge{
  position: absolute !important;

  width: clamp(155px, 12vw, 205px) !important;
  min-height: 130px !important;

  padding: 14px 22px 26px !important;

  background:
    rgba(255,255,255,.90) !important;

  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;

  border:
    1px solid rgba(120,184,229,.16) !important;

  border-radius: 30px !important;

  overflow: hidden !important;

  box-shadow:
    0 25px 55px rgba(0,56,104,.10),
    0 10px 24px rgba(0,0,0,.06) !important;

  z-index: 10 !important;

  transition:
    transform .45s ease,
    box-shadow .45s ease !important;
}

/* Hover */

.elementor-12644 .elementor-element.elementor-element-a5d764d .hero-badge:hover{

  transform:
    translateY(-10px)
    rotate(0deg)
    scale(1.03) !important;

  box-shadow:
    0 35px 75px rgba(0,56,104,.16),
    0 12px 30px rgba(0,0,0,.08) !important;
}


/* ÍCONO */

.elementor-12644 .elementor-element.elementor-element-a5d764d .hero-badge span{

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 56px !important;
  height: 56px !important;

  border-radius: 50% !important;

  margin-bottom: 18px !important;

  font-size: 24px !important;

  box-shadow:
    0 8px 18px rgba(0,0,0,.10) !important;
}


/* TÍTULO */

.elementor-12644 .elementor-element.elementor-element-a5d764d .hero-badge strong{

  display: block !important;

  font-family: 'Poppins', sans-serif !important;

  font-size: 12px !important;
  font-weight: 800 !important;

  line-height: 1.15 !important;

  margin-bottom: 10px !important;
  
}


/* TEXTO */

.elementor-12644 .elementor-element.elementor-element-a5d764d .hero-badge p{

  margin: 0 !important;

  font-family: 'Poppins', sans-serif !important;

  font-size: 10px !important;

  line-height: 1.6 !important;

  color: #5f6d7b !important;
}


/* Línea inferior premium */

.elementor-12644 .elementor-element.elementor-element-a5d764d .hero-badge::after{

  content: "" !important;

  position: absolute !important;

  left: 22px !important;
  bottom: 16px !important;

  width: 42px !important;
  height: 4px !important;

  border-radius: 30px !important;
}


/* =====================================
   INVESTIGACIÓN
===================================== */

.elementor-12644 .elementor-element.elementor-element-a5d764d .badge-investigacion{
  top: 6% !important;
  left: 8% !important;

  animation:
    floatBadge1 6s ease-in-out infinite !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .badge-investigacion span{

  background:
    linear-gradient(
      135deg,
      #003866 0%,
      #0b7be8 100%
    ) !important;

  color: #ffffff !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .badge-investigacion strong{
  color: #003866 !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .badge-investigacion::after{
  background: #0b7be8 !important;
}


/* =====================================
   INNOVACIÓN
===================================== */

.elementor-12644 .elementor-element.elementor-element-a5d764d .badge-innovacion{
  bottom: 7% !important;
  left: 10% !important;

  animation:
    floatBadge2 7s ease-in-out infinite !important;

  animation-delay: 1.5s !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .badge-innovacion span{

  background:
    linear-gradient(
      135deg,
      #c3094a 0%,
      #ff2d75 100%
    ) !important;

  color: #ffffff !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .badge-innovacion strong{
  color: #c3094a !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .badge-innovacion::after{
  background: #ff2d75 !important;
}


/* =====================================
   IMPACTO
===================================== */

.elementor-12644 .elementor-element.elementor-element-a5d764d .badge-impacto{
  top: 38% !important;
  right: 2% !important;

  animation:
    floatBadge3 8s ease-in-out infinite !important;

  animation-delay: 2s !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .badge-impacto span{

  background:
    linear-gradient(
      135deg,
      #f5cf00 0%,
      #ffde59 100%
    ) !important;

  color: #003866 !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .badge-impacto strong{
  color: #d39b00 !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .badge-impacto::after{
  background: #f5cf00 !important;
}








/* =====================================
   AROS Y GLOW LIMPIOS
===================================== */

.elementor-12644 .elementor-element.elementor-element-a5d764d .circle-ring{
  position: absolute !important;
  left: 50% !important;
  top: 57% !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .ring-1{
  width: 620px !important;
  height: 620px !important;
  border: 4px dashed rgba(120,184,229,.75) !important;
  border-top-color: rgba(195,9,74,.42) !important;
  border-right-color: rgba(245,235,107,.52) !important;
  box-shadow: 0 0 10px rgba(120,184,229,.10) !important;
  animation: ringRotate 18s linear infinite !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .ring-1::before{
  content: "" !important;
  position: absolute !important;
  inset: 18px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(120,184,229,.10) !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .ring-2{
  width: 675px !important;
  height: 675px !important;
  border: 1px solid rgba(120,184,229,.16) !important;
  opacity: .7 !important;
  animation: ringPulse 5s ease-in-out infinite !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .circle-glow{
  position: absolute !important;
  left: 50% !important;
  top: 57% !important;
  width: 560px !important;
  height: 560px !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  z-index: 0 !important;
  background:
    radial-gradient(
      circle,
      rgba(120,184,229,.06) 0%,
      rgba(120,184,229,.025) 40%,
      transparent 72%
    ) !important;
  filter: blur(10px) !important;
  opacity: .18 !important;
  animation: glowBreath 5s ease-in-out infinite !important;
}

/* =====================================
   PARTÍCULAS
===================================== */

.elementor-12644 .elementor-element.elementor-element-a5d764d .particle{
  position: absolute !important;

  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;

  background: rgba(120,184,229,.78) !important;

  box-shadow:
    0 0 10px rgba(120,184,229,.55),
    0 0 22px rgba(120,184,229,.28) !important;

  z-index: 8 !important;
  opacity: .75 !important;

  pointer-events: none !important;

  animation: particleFloat 10s ease-in-out infinite !important;
}

/* =====================================
   ANIMACIONES
===================================== */

@keyframes floatBadge1{

  0%,100%{
    transform:
      translateY(0px)
      rotate(-6deg);
  }

  50%{
    transform:
      translateY(-14px)
      rotate(-3deg);
  }
}

@keyframes floatBadge2{

  0%,100%{
    transform:
      translateY(0px)
      rotate(-5deg);
  }

  50%{
    transform:
      translateY(-12px)
      rotate(-1deg);
  }
}

@keyframes floatBadge3{

  0%,100%{
    transform:
      translateY(0px)
      rotate(6deg);
  }

  50%{
    transform:
      translateY(-16px)
      rotate(2deg);
  }
}

@keyframes ringRotate{
  from{
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to{
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes ringPulse{
  0%,100%{
    transform: translate(-50%, -50%) scale(1);
    opacity: .65;
  }
  50%{
    transform: translate(-50%, -50%) scale(1.025);
    opacity: .35;
  }
}

@keyframes glowBreath{
  0%,100%{
    opacity: .50;
    transform: translate(-50%, -50%) scale(1);
  }
  50%{
    opacity: .28;
    transform: translate(-50%, -50%) scale(1.03);
  }
}

@keyframes particleFloat{
  0%,100%{
    transform: translateY(0) scale(.75);
    opacity: .25;
  }

  50%{
    transform: translateY(-18px) scale(1.15);
    opacity: .9;
  }
}

/* =====================================
   RESPONSIVE
===================================== */

@media(max-width: 1400px){
  .elementor-12644 .elementor-element.elementor-element-a5d764d .hero-circle{
    width: 460px !important;
    height: 460px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a5d764d .hero-person{
    width: 390px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a5d764d .badge-investigacion{
    left: 5% !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a5d764d .badge-innovacion{
    left: 6% !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a5d764d .badge-impacto{
    right: 0% !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a5d764d .ring-1{
    width: 560px !important;
    height: 560px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a5d764d .ring-2{
    width: 610px !important;
    height: 610px !important;
  }
}

@media(max-width: 1024px){
  .elementor-12644 .elementor-element.elementor-element-a5d764d .hero-visual{
    height: 500px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a5d764d .hero-circle{
    width: 390px !important;
    height: 390px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a5d764d .hero-person{
    width: 335px !important;
    left: 56% !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a5d764d .hero-badge{
    width: 160px !important;
    padding: 18px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a5d764d .ring-1,
  .elementor-12644 .elementor-element.elementor-element-a5d764d .ring-2,
  .elementor-12644 .elementor-element.elementor-element-a5d764d .circle-glow{
    display: none !important;
  }
}

@media(max-width: 768px){
  .elementor-12644 .elementor-element.elementor-element-a5d764d .hero-visual{
    height: 380px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a5d764d .hero-circle{
    width: 300px !important;
    height: 300px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a5d764d .hero-person{
    width: 255px !important;
    left: 56% !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a5d764d .hero-badge{
    display: none !important;
  }
}

.badge-icon{
  width:58px;
  height:58px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:16px;
  position:relative;
}

.badge-icon svg{
  width:28px;
  height:28px;
  fill:none;
  stroke:white;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* INVESTIGACIÓN */
.badge-investigacion .badge-icon{
  background:linear-gradient(135deg,#005bea,#1f8fff);
  box-shadow:0 14px 28px rgba(0,91,234,.28);
}

/* INNOVACIÓN */
.badge-innovacion .badge-icon{
  background:linear-gradient(135deg,#ff0066,#ff4d94);
  box-shadow:0 14px 28px rgba(255,0,102,.25);
}

/* IMPACTO */
.badge-impacto .badge-icon{
  background:linear-gradient(135deg,#f4b400,#ffd84d);
  box-shadow:0 14px 28px rgba(244,180,0,.28);
}

/* =====================================
   SLIDER HERO VISUAL
===================================== */

.elementor-12644 .elementor-element.elementor-element-a5d764d .hero-slider{
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .hero-slide{
  position: absolute !important;
  inset: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition:
    opacity .9s ease,
    visibility .9s ease !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .hero-slide.active{
  opacity: 1 !important;
  visibility: visible !important;
}

/* Evita que las imágenes rotas ocupen espacio raro */
.elementor-12644 .elementor-element.elementor-element-a5d764d .hero-slide:not(.active){
  display: block !important;
}

/* Animación del círculo al entrar */
.elementor-12644 .elementor-element.elementor-element-a5d764d .hero-slide.active .hero-circle{
  animation: heroCircleFade .95s ease both !important;
}

/* Animación de la persona al entrar */
.elementor-12644 .elementor-element.elementor-element-a5d764d .hero-slide.active .hero-person{
  animation: heroPersonFade .95s ease both !important;
}

@keyframes heroCircleFade{
  from{
    opacity: 0;
    transform: translate(-50%, -50%) scale(.96);
  }

  to{
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes heroPersonFade{
  from{
    opacity: 0;
    transform: translateX(-50%) translateY(18px) scale(1.03);
  }

  to{
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1.05);
  }
}

/* =====================================
   AJUSTE ESPECIAL SLIDE 2 - EQUIPO
===================================== */

.elementor-12644 .elementor-element.elementor-element-a5d764d .slide-equipo .hero-person{
  width: clamp(470px, 33vw, 610px) !important;
  left: 52% !important;
  bottom: -10px !important;
  transform: translateX(-50%) scale(1) !important;
  filter: drop-shadow(0 24px 34px rgba(0,56,104,.13)) !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .slide-equipo .hero-bg{
  object-position: center center !important;
  filter: brightness(1.05) contrast(1.03) saturate(.96) !important;
}

/* Tablet */
@media(max-width: 1024px){
  .elementor-12644 .elementor-element.elementor-element-a5d764d .slide-equipo .hero-person{
    width: 480px !important;
    left: 52% !important;
    bottom: -18px !important;
  }
}

/* Móvil */
@media(max-width: 768px){
  .elementor-12644 .elementor-element.elementor-element-a5d764d .slide-equipo .hero-person{
    width: 360px !important;
    left: 52% !important;
    bottom: -6px !important;
  }
}

/* =====================================
   BADGES CAMBIANTES POR SLIDE
   PEGAR AL FINAL DEL CSS
===================================== */

/* Asegura que los badges de cada slide estén encima */
.elementor-12644 .elementor-element.elementor-element-a5d764d .hero-slide .hero-badge{
  z-index: 20 !important;
}

/* Corrige el .elementor-12644 .elementor-element.elementor-element-a5d764d del ícono, porque ahora usas div.badge-icon */
.elementor-12644 .elementor-element.elementor-element-a5d764d .hero-badge .badge-icon{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 56px !important;
  height: 56px !important;

  border-radius: 50% !important;
  margin-bottom: 18px !important;

  box-shadow:
    0 8px 18px rgba(0,0,0,.10) !important;
}

/* =========================
   SLIDE 1 - Base VRI
========================= */

.elementor-12644 .elementor-element.elementor-element-a5d764d .slide-1 .badge-investigacion .badge-icon{
  background: linear-gradient(135deg,#005bea,#1f8fff) !important;
  box-shadow: 0 14px 28px rgba(0,91,234,.28) !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .slide-1 .badge-investigacion strong{
  color:#003866 !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .slide-1 .badge-investigacion::after{
  background:#1f8fff !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .slide-1 .badge-innovacion .badge-icon{
  background: linear-gradient(135deg,#ff0066,#ff4d94) !important;
  box-shadow: 0 14px 28px rgba(255,0,102,.25) !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .slide-1 .badge-innovacion strong{
  color:#c3094a !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .slide-1 .badge-innovacion::after{
  background:#ff2d75 !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .slide-1 .badge-impacto .badge-icon{
  background: linear-gradient(135deg,#f4b400,#ffd84d) !important;
  box-shadow: 0 14px 28px rgba(244,180,0,.28) !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .slide-1 .badge-impacto strong{
  color:#d39b00 !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .slide-1 .badge-impacto::after{
  background:#f5cf00 !important;
}


/* =========================
   SLIDE 2 - Formación científica
========================= */

.elementor-12644 .elementor-element.elementor-element-a5d764d .slide-2 .badge-investigacion .badge-icon{
  background: linear-gradient(135deg,#00a86b,#38d39f) !important;
  box-shadow: 0 14px 28px rgba(0,168,107,.25) !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .slide-2 .badge-investigacion strong{
  color:#00885a !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .slide-2 .badge-investigacion::after{
  background:#20c997 !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .slide-2 .badge-innovacion .badge-icon{
  background: linear-gradient(135deg,#7b2ff7,#b66dff) !important;
  box-shadow: 0 14px 28px rgba(123,47,247,.24) !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .slide-2 .badge-innovacion strong{
  color:#7b2ff7 !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .slide-2 .badge-innovacion::after{
  background:#a259ff !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .slide-2 .badge-impacto .badge-icon{
  background: linear-gradient(135deg,#ff8a00,#ffbd59) !important;
  box-shadow: 0 14px 28px rgba(255,138,0,.24) !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .slide-2 .badge-impacto strong{
  color:#d97706 !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .slide-2 .badge-impacto::after{
  background:#f59e0b !important;
}


/* =========================
   SLIDE 3 - Innovación / soluciones
========================= */

.elementor-12644 .elementor-element.elementor-element-a5d764d .slide-3 .badge-investigacion .badge-icon{
  background: linear-gradient(135deg,#0f766e,#2dd4bf) !important;
  box-shadow: 0 14px 28px rgba(15,118,110,.24) !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .slide-3 .badge-investigacion strong{
  color:#0f766e !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .slide-3 .badge-investigacion::after{
  background:#14b8a6 !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .slide-3 .badge-innovacion .badge-icon{
  background: linear-gradient(135deg,#e11d48,#fb7185) !important;
  box-shadow: 0 14px 28px rgba(225,29,72,.24) !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .slide-3 .badge-innovacion strong{
  color:#e11d48 !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .slide-3 .badge-innovacion::after{
  background:#f43f5e !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .slide-3 .badge-impacto .badge-icon{
  background: linear-gradient(135deg,#2563eb,#60a5fa) !important;
  box-shadow: 0 14px 28px rgba(37,99,235,.24) !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .slide-3 .badge-impacto strong{
  color:#2563eb !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .slide-3 .badge-impacto::after{
  background:#3b82f6 !important;
}


/* =====================================
   REDUCCIÓN PROGRESIVA DE BADGES
   Para que no tapen a las personas
===================================== */

/* Pantallas tipo laptop / 15" */
@media(max-width: 1400px){

  .elementor-12644 .elementor-element.elementor-element-a5d764d .hero-badge{
    width: 145px !important;
    min-height: 116px !important;
    padding: 13px 18px 22px !important;
    border-radius: 24px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a5d764d .hero-badge .badge-icon{
    width: 46px !important;
    height: 46px !important;
    margin-bottom: 12px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a5d764d .hero-badge .badge-icon svg{
    width: 23px !important;
    height: 23px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a5d764d .hero-badge strong{
    font-size: 11px !important;
    margin-bottom: 7px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a5d764d .hero-badge p{
    font-size: 9px !important;
    line-height: 1.45 !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a5d764d .hero-badge::after{
    width: 34px !important;
    height: 3px !important;
    left: 18px !important;
    bottom: 13px !important;
  }
}


/* Pantallas medianas / tablets horizontales */
@media(max-width: 1180px){

  .elementor-12644 .elementor-element.elementor-element-a5d764d .hero-badge{
    width: 130px !important;
    min-height: 104px !important;
    padding: 11px 15px 19px !important;
    border-radius: 21px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a5d764d .hero-badge .badge-icon{
    width: 40px !important;
    height: 40px !important;
    margin-bottom: 10px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a5d764d .hero-badge .badge-icon svg{
    width: 20px !important;
    height: 20px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a5d764d .hero-badge strong{
    font-size: 10px !important;
    margin-bottom: 6px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a5d764d .hero-badge p{
    font-size: 8px !important;
    line-height: 1.4 !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a5d764d .hero-badge::after{
    width: 30px !important;
    left: 15px !important;
    bottom: 11px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a5d764d .badge-investigacion{
    left: 3% !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a5d764d .badge-innovacion{
    left: 4% !important;
    bottom: 9% !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a5d764d .badge-impacto{
    right: -1% !important;
  }
}


/* Tablet: más pequeños aún */
@media(max-width: 1024px){

  .elementor-12644 .elementor-element.elementor-element-a5d764d .hero-badge{
    width: 118px !important;
    min-height: 96px !important;
    padding: 10px 13px 17px !important;
    border-radius: 19px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a5d764d .hero-badge .badge-icon{
    width: 36px !important;
    height: 36px !important;
    margin-bottom: 8px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a5d764d .hero-badge .badge-icon svg{
    width: 18px !important;
    height: 18px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a5d764d .hero-badge strong{
    font-size: 9px !important;
    margin-bottom: 5px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a5d764d .hero-badge p{
    font-size: 7.5px !important;
    line-height: 1.35 !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a5d764d .hero-badge::after{
    width: 26px !important;
    height: 3px !important;
    left: 13px !important;
    bottom: 9px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a5d764d .badge-investigacion{
    top: 7% !important;
    left: 2% !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a5d764d .badge-innovacion{
    left: 3% !important;
    bottom: 10% !important;
  }

  .elementor-12644 .elementor-element.elementor-element-a5d764d .badge-impacto{
    top: 40% !important;
    right: -2% !important;
  }
}
/* =====================================
   ANIMACIÓN MÁS NOTORIA AL CAMBIAR SLIDE
   PEGAR AL FINAL DEL CSS
===================================== */

/* Fondo circular: entra con zoom suave */
.elementor-12644 .elementor-element.elementor-element-a5d764d .hero-slide.active .hero-circle{
  animation: heroCircleSwitch 1s cubic-bezier(.22,1,.36,1) both !important;
}

/* Persona: entra desde abajo con más presencia */
.elementor-12644 .elementor-element.elementor-element-a5d764d .hero-slide.active .hero-person{
  animation: heroPersonSwitch 1s cubic-bezier(.22,1,.36,1) both !important;
}

/* Badges: entrada diferenciada por posición */
.elementor-12644 .elementor-element.elementor-element-a5d764d .hero-slide.active .badge-investigacion{
  animation:
    badgeSwitchLeft .75s cubic-bezier(.22,1,.36,1) both,
    floatBadge1 6s ease-in-out .75s infinite !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .hero-slide.active .badge-innovacion{
  animation:
    badgeSwitchLeft .85s cubic-bezier(.22,1,.36,1) both,
    floatBadge2 7s ease-in-out .85s infinite !important;
}

.elementor-12644 .elementor-element.elementor-element-a5d764d .hero-slide.active .badge-impacto{
  animation:
    badgeSwitchRight .9s cubic-bezier(.22,1,.36,1) both,
    floatBadge3 8s ease-in-out .9s infinite !important;
}


/* =========================
   KEYFRAMES DE CAMBIO
========================= */

@keyframes heroCircleSwitch{
  0%{
    opacity: 0;
    transform: translate(-50%, -50%) scale(.88);
    filter: blur(4px);
  }

  60%{
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.035);
    filter: blur(0);
  }

  100%{
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    filter: blur(0);
  }
}

@keyframes heroPersonSwitch{
  0%{
    opacity: 0;
    transform: translateX(-50%) translateY(35px) scale(.96);
    filter: blur(4px) drop-shadow(0 24px 32px rgba(0,56,104,.14));
  }

  60%{
    opacity: 1;
    transform: translateX(-50%) translateY(-6px) scale(1.07);
    filter: blur(0) drop-shadow(0 24px 32px rgba(0,56,104,.14));
  }

  100%{
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1.05);
    filter: blur(0) drop-shadow(0 24px 32px rgba(0,56,104,.14));
  }
}

/* Para badges de la izquierda */
@keyframes badgeSwitchLeft{
  0%{
    opacity: 0;
    transform: translateX(-28px) translateY(12px) scale(.88) rotate(-8deg);
  }

  65%{
    opacity: 1;
    transform: translateX(4px) translateY(-4px) scale(1.05) rotate(-3deg);
  }

  100%{
    opacity: 1;
    transform: translateX(0) translateY(0) scale(1) rotate(-5deg);
  }
}

/* Para badge de la derecha */
@keyframes badgeSwitchRight{
  0%{
    opacity: 0;
    transform: translateX(28px) translateY(12px) scale(.88) rotate(8deg);
  }

  65%{
    opacity: 1;
    transform: translateX(-4px) translateY(-4px) scale(1.05) rotate(3deg);
  }

  100%{
    opacity: 1;
    transform: translateX(0) translateY(0) scale(1) rotate(6deg);
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-9a78d90 *//* Header y menú siempre encima */
.site-header,
.elementor-location-header,
header,
.elementor-nav-menu--dropdown,
.elementor-nav-menu__container{
  position: relative !important;
  z-index: 9999 !important;
}

/* =========================
   CONTENEDOR PRINCIPAL
========================= */

.elementor-12644 .elementor-element.elementor-element-9a78d90{
  position: relative !important;
  overflow: hidden !important;

  min-height: 560px !important;
  height: 62vh !important;
  max-height: 620px !important;

  background:
    linear-gradient(
      to bottom,
      rgba(255,255,255,.10) 0%,
      rgba(255,255,255,.18) 52%,
      rgba(255,255,255,.72) 82%,
      rgba(255,255,255,1) 100%
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.95) 0%,
      rgba(255,255,255,.90) 38%,
      rgba(255,255,255,.76) 66%,
      rgba(255,255,255,.88) 100%
    ),
    url("https://vri.unh.edu.pe/wp-content/uploads/2026/05/126111.jpg")
    center center / cover no-repeat !important;

  transition: background .8s ease-in-out !important;
}

/* SLIDE 1 */
.elementor-12644 .elementor-element.elementor-element-9a78d90.bg-slide-1{
  background:
    linear-gradient(
      to bottom,
      rgba(255,255,255,.10) 0%,
      rgba(255,255,255,.18) 52%,
      rgba(255,255,255,.72) 82%,
      rgba(255,255,255,1) 100%
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.95) 0%,
      rgba(255,255,255,.90) 38%,
      rgba(255,255,255,.76) 66%,
      rgba(255,255,255,.88) 100%
    ),
    url("https://vri.unh.edu.pe/wp-content/uploads/2026/05/126111.jpg")
    center center / cover no-repeat !important;
}

/* SLIDE 2 */
.elementor-12644 .elementor-element.elementor-element-9a78d90.bg-slide-2{
  background:
    linear-gradient(
      to bottom,
      rgba(255,255,255,.10) 0%,
      rgba(255,255,255,.18) 52%,
      rgba(255,255,255,.72) 82%,
      rgba(255,255,255,1) 100%
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.95) 0%,
      rgba(255,255,255,.90) 38%,
      rgba(255,255,255,.76) 66%,
      rgba(255,255,255,.88) 100%
    ),
    url("https://vri.unh.edu.pe/wp-content/uploads/2026/07/2148939055.jpg")
    center center / cover no-repeat !important;
}

/* SLIDE 3 */
.elementor-12644 .elementor-element.elementor-element-9a78d90.bg-slide-3{
  background:
    linear-gradient(
      to bottom,
      rgba(255,255,255,.10) 0%,
      rgba(255,255,255,.18) 52%,
      rgba(255,255,255,.72) 82%,
      rgba(255,255,255,1) 100%
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.95) 0%,
      rgba(255,255,255,.90) 38%,
      rgba(255,255,255,.76) 66%,
      rgba(255,255,255,.88) 100%
    ),
    url("https://vri.unh.edu.pe/wp-content/uploads/2026/07/9330.jpg")
    center center / cover no-repeat !important;
}

/* Franja lateral institucional */
.elementor-12644 .elementor-element.elementor-element-9a78d90::after{
  content: "" !important;

  position: absolute !important;
  left: -102px !important;
  top: 0 !important;

  width: 170px !important;
  height: 100% !important;

  background-image: url("https://vri.unh.edu.pe/wp-content/uploads/2026/05/franja_pagina_web_v1-scaled.png") !important;
  background-repeat: repeat-y !important;
  background-size: 170px auto !important;
  background-position: left top !important;

  z-index: 1 !important;

  pointer-events: none !important;

  filter:
    brightness(1.02)
    contrast(1.04)
    saturate(1.02) !important;
}

/* Contenido encima */
.elementor-12644 .elementor-element.elementor-element-9a78d90 > .e-con-inner,
.elementor-12644 .elementor-element.elementor-element-9a78d90 > .elementor-container{
  position: relative !important;
  z-index: 5 !important;

  min-height: inherit !important;

  display: flex !important;
  align-items: center !important;
}

/* Columnas */
.elementor-12644 .elementor-element.elementor-element-9a78d90 .elementor-column{
  position: relative !important;
}

.elementor-12644 .elementor-element.elementor-element-9a78d90 .elementor-column:last-child{
  position: relative !important;
  overflow: visible !important;
}

/* Textos */
.elementor-12644 .elementor-element.elementor-element-9a78d90 h1,
.elementor-12644 .elementor-element.elementor-element-9a78d90 h2{
  color: #00315C !important;
  line-height: 0.98 !important;
  letter-spacing: -2px !important;
}

.elementor-12644 .elementor-element.elementor-element-9a78d90 p{
  color: #243b53 !important;
}

/* =========================
   BUSCADOR
========================= */

.elementor-12644 .elementor-element.elementor-element-9a78d90 .hero-search{
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;

  background: rgba(255,255,255,.96) !important;

  padding: 7px !important;
  border-radius: 999px !important;

  box-shadow:
    0 20px 50px rgba(0,49,92,.10) !important;

  max-width: 640px !important;
  margin-top: 22px !important;
}

.elementor-12644 .elementor-element.elementor-element-9a78d90 .hero-search input{
  flex: 1 !important;

  border: none !important;
  outline: none !important;
  background: transparent !important;

  padding: 16px 22px !important;

  font-size: 15px !important;
  color: #00315C !important;
}

.elementor-12644 .elementor-element.elementor-element-9a78d90 .hero-search input::placeholder{
  color: #627D98 !important;
  opacity: .7 !important;
}

.elementor-12644 .elementor-element.elementor-element-9a78d90 .hero-search button{
  border: none !important;

  background: #257FAC !important;
  color: #ffffff !important;

  padding: 15px 34px !important;

  border-radius: 999px !important;

  font-weight: 700 !important;
  cursor: pointer !important;

  transition: all .3s ease !important;
}

.elementor-12644 .elementor-element.elementor-element-9a78d90 .hero-search button:hover{
  background: #1e6a94 !important;

  transform: translateY(-2px) !important;

  box-shadow:
    0 12px 26px rgba(37,127,172,.35) !important;
}

/* =========================
   SLIDER HERO ANTIGUO
   si ya no lo usas, no afecta
========================= */

.elementor-12644 .elementor-element.elementor-element-9a78d90 .hero-slider-vertical{
  position: relative !important;

  width: 100% !important;
  height: 560px !important;

  overflow: hidden !important;

  z-index: 0 !important;
}

.elementor-12644 .elementor-element.elementor-element-9a78d90 .hero-track{
  position: absolute !important;

  top: 0 !important;
  left: 0 !important;

  width: 100% !important;

  display: flex !important;
  flex-direction: column !important;

  gap: 34px !important;

  animation: heroScrollVertical 42s ease-in-out infinite !important;
}

.elementor-12644 .elementor-element.elementor-element-9a78d90 .hero-track img{
  display: block !important;

  width: 100% !important;

  height: 560px !important;
  flex: 0 0 560px !important;

  object-fit: cover !important;
  object-position: center center !important;

  border-radius: 10px !important;

  box-shadow:
    0 18px 42px rgba(0,0,0,.14) !important;

  filter:
    brightness(.99)
    contrast(1.11)
    saturate(1) !important;

  transition:
    border-radius 1.2s ease,
    transform 1.2s ease,
    filter .8s ease !important;

  animation: heroRadiusChange 7s ease-in-out infinite !important;
}

/* =========================
   ANIMACIONES
========================= */

@keyframes heroRadiusChange{
  0%,70%{
    border-radius: 10px;
    transform: scale(1);
    filter: brightness(1);
  }

  82%{
    border-radius: 42px;
    transform: scale(.985);
    filter: brightness(.96);
  }

  100%{
    border-radius: 10px;
    transform: scale(1);
    filter: brightness(1);
  }
}

@keyframes heroScrollVertical{
  0%,14%{
    transform: translateY(0);
  }

  18%,32%{
    transform: translateY(calc(-560px - 34px));
  }

  36%,50%{
    transform: translateY(calc(-1120px - 68px));
  }

  54%,68%{
    transform: translateY(calc(-1680px - 102px));
  }

  72%,86%{
    transform: translateY(calc(-2240px - 136px));
  }

  90%,100%{
    transform: translateY(calc(-2800px - 170px));
  }
}

/* =========================
   RESPONSIVE TABLET
========================= */

@media(max-width: 1024px){

  .elementor-12644 .elementor-element.elementor-element-9a78d90{
    height: auto !important;
    max-height: none !important;
    padding: 80px 0 !important;
  }

  .elementor-12644 .elementor-element.elementor-element-9a78d90::after{
    left: -70px !important;
    width: 150px !important;
    background-size: 150px auto !important;
    opacity: 1 !important;
  }


  .elementor-12644 .elementor-element.elementor-element-9a78d90 .hero-slider-vertical{
    height: 420px !important;
    margin-top: 40px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-9a78d90 .hero-track{
    gap: 30px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-9a78d90 .hero-track img{
    height: 420px !important;
    flex: 0 0 420px !important;
  }

  @keyframes heroScrollVertical {
    0%, 14%   { transform: translateY(0); }
    18%, 32%  { transform: translateY(-450px); }
    36%, 50%  { transform: translateY(-900px); }
    54%, 68%  { transform: translateY(-1350px); }
    72%, 86%  { transform: translateY(-1800px); }
    90%, 100% { transform: translateY(-2250px); }
  }
  .elementor-12644 .elementor-element.elementor-element-9a78d90::after{
      content: "" !important;
    
      position: absolute !important;
      left: -112px !important;
      top: 0 !important;
    
      width: 19%!important;
      height: 100% !important;
    
      background-image: url("https://vri.unh.edu.pe/wp-content/uploads/2026/05/franja_pagina_web_v1-scaled.png") !important;
      background-repeat: repeat-y !important;
      background-size: 170px auto !important;
      background-position: left top !important;
    
      z-index: 1 !important;
    
      pointer-events: none !important;
    
      filter:
        brightness(1.02)
        contrast(1.04)
        saturate(1.02) !important;
    }
}

/* =========================
   RESPONSIVE MÓVIL
========================= */

@media(max-width: 768px){

  .elementor-12644 .elementor-element.elementor-element-9a78d90{
    min-height: auto !important;
    padding: 70px 0 40px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-9a78d90::after{
    opacity: 1 !important;
    left: -105px !important;
    width: 140px !important;
    background-size: 140px auto !important;
  }

  .elementor-12644 .elementor-element.elementor-element-9a78d90 h1,
  .elementor-12644 .elementor-element.elementor-element-9a78d90 h2{
    font-size: 48px !important;
    line-height: 1.05 !important;
    letter-spacing: -1.5px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-9a78d90 .hero-slider-vertical{
    height: 320px !important;
    margin-top: 34px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-9a78d90 .hero-track{
    gap: 24px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-9a78d90 .hero-track img{
    height: 320px !important;
    flex: 0 0 320px !important;
    border-radius: 16px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-9a78d90 .hero-search{
    flex-direction: column !important;
    border-radius: 24px !important;
    padding: 12px !important;
    max-width: 100% !important;
  }

  .elementor-12644 .elementor-element.elementor-element-9a78d90 .hero-search input{
    width: 100% !important;
    padding: 14px 20px !important;
  }

  .elementor-12644 .elementor-element.elementor-element-9a78d90 .hero-search button{
    width: 100% !important;
    padding: 14px 28px !important;
  }

  @keyframes heroScrollVertical{
    0%,14%{ transform: translateY(0); }
    18%,32%{ transform: translateY(calc(-320px - 24px)); }
    36%,50%{ transform: translateY(calc(-640px - 48px)); }
    54%,68%{ transform: translateY(calc(-960px - 72px)); }
    72%,86%{ transform: translateY(calc(-1280px - 96px)); }
    90%,100%{ transform: translateY(calc(-1600px - 120px)); }
  }
    
}/* End custom CSS */