@charset "UTF-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

@font-face {
  font-family: 'BlauerNue';
  src: url('../fonts/BlauerNue-ExtraLight.woff2') format('woff2'),
       url('../fonts/BlauerNue-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'BlauerNue';
  src: url('../fonts/BlauerNue-Light.woff2') format('woff2'),
       url('../fonts/BlauerNue-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'BlauerNue';
  src: url('../fonts/BlauerNue-Regular.woff2') format('woff2'),
       url('../fonts/BlauerNue-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'BlauerNue';
  src: url('../fonts/BlauerNue-Medium.woff2') format('woff2'),
       url('../fonts/BlauerNue-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'BlauerNue';
  src: url('../fonts/BlauerNue-SemiBold.woff2') format('woff2'),
       url('../fonts/BlauerNue-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'BlauerNue';
  src: url('../fonts/BlauerNue-Bold.woff2') format('woff2'),
       url('../fonts/BlauerNue-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

body{background-color: #ffffff; font-size: 16px; font-family: 'BlauerNue'; font-weight: 300; text-align: left; color: #000000; line-height: 1; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; overflow-x: hidden;}

h1, h2, h3, h4, h5, h6, ul, li, a, p, figure{
padding: 0 0 0 0; margin: 0 0 0 0; list-style-type: none; font-weight: inherit; font-size: inherit;}

img{display: block; max-width: 100%; height: auto; border: 0; border: none;}

input[type="email"]{border: none; border-radius: 0; background: none; background-color: transparent; font-family: inherit; font-size: inherit; color: #ffffff; margin: 0; padding: 0 0 0 0; -webkit-appearance: none; appearance: none; outline: none;
}
input[type="email"]::placeholder {
  color: #ffffff;
  opacity: 0.7; /* Opcional: un poco transparente para que se note que es un placeholder */
}
button{background: none; border: none; padding: 0; font-family: inherit; font-size: inherit; color: inherit; cursor: pointer; -webkit-appearance: none; appearance: none; outline: none;
}

a{text-decoration: none;}

.btn{height: 45px; border: solid 1px transparent; font-weight: 500; padding: 0 18px; font-size: 15px; display: inline-flex; justify-content: center; align-items: center; text-wrap: nowrap; transition: .3s;}
.btn-sm{height: 36px;}
.btn-FFFFFF{background-color: #FFFFFF; color: #1E4EB9; border-color: #FFFFFF;}
.btn-FFFFFF:hover{background-color: #1E4EB9; color: #FFFFFF;}
.btn-FF5C36{background-color: #FF5C36; border-color: #FF5C36; color: #000000;}
.btn-FF5C36:hover{background-color: #E04A26; border-color: #E04A26; color: #000000;}
.btn-border-1E4EB9{border-color: #1E4EB9;}

.overflow-hidden{overflow: hidden !important;}
.opacity-1{opacity: 1 !important;}
.d-none{display: none;}
.p-relative{position: relative;}
.d-block{display: block;}
.d-inline-block{display: inline-block;}
.d-flex{display: flex;}
.d-grid{display: grid;}
.align-items-end{align-items: end;}
.justify-content-end{justify-content: end;}
.justify-content-center{justify-content: center;}
.align-items-end{align-items: end;}
.align-item-center{align-items: center;}
.justify-content-space-between{justify-content: space-between;}

.flex-grow-1{flex-grow: 1;}
.flex-column{flex-direction: column;}
.flex-wrap{flex-wrap: wrap;}

.section{position: relative;}
.container{position: relative; width: 100%; max-width: 1286px; padding-left: 16px; padding-right: 16px; margin: 0 auto;}
.container-md{max-width: 1100px;}
.w-100{width: 100%;}
.mw-100{max-width: 100%;}

/* TEXT */
.fw-200{font-weight: 200;}
.fw-300{font-weight: 300;}
.fw-400{font-weight: 400;}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;}
.text-start{text-align: left !important;}
.text-center{text-align: center !important;}
.text-end{text-align: right !important;}
.text-uppercase{text-transform: uppercase;}
.text-xs{font-size: 0.75rem;} /* 12px */
.text-sm{font-size: 0.875rem;} /* 14px */
.text-base{font-size: 1rem;} /* 16px */
.text-lg{font-size: 1.125rem;} /* 18px */
/* .text-xl{font-size: 1.25rem;} /* 20px */
.text-xl{font-size: 1.375rem;} /* 22px */
.text-2xl{font-size: 1.5rem;} /* 24px */
.text-3xl{font-size: 1.875rem;} /* 30px */
.text-4xl{font-size: 2.25rem;} /* 36px */
.text-5xl{font-size: 3rem;} /* 48px */
.text-6xl{font-size: 3.75rem;} /* 60px */
.text-7xl{font-size: 4.5rem;} /* 72px */
/* TEXT */
.lh-1_3{line-height: 1.3;}

/* COLORS */
.color-FFFFFF{color: #FFFFFF;}
.color-707070{color: #707070;}
.color-000000{color: #000000;}
.color-1E4EB9{color: #1E4EB9;}
/* COLORS */

/* backgrounds */
.bg-FFFFFF{background-color: #FFFFFF;}
.bg-000000{background-color: #000000;}
.bg-1E4EB9{background-color: #1E4EB9;}
.bg-transparent{background: transparent !important;}
.bg-squares{background-image: url(../images/bg-squares.svg);}
/* backgrounds */

.mb-1{margin-bottom: 0.25rem;} /* 4px */
.mb-3{margin-bottom: 0.75rem;} /* 12px */
.mb-4{margin-bottom: 1rem;} /* 16px */
.mb-6{margin-bottom: 1.5rem;} /* 24px */
.mb-10{margin-bottom: 2.5rem;} /* 40px */
.mb-12{margin-bottom: 3rem;} /* 48px */
.mt-16{margin-top: 4rem;} /* 64px */
.mb-16{margin-bottom: 4rem;} /* 64px */
.mt-20{margin-top: 5rem;} /* 80px */
.mb-20{margin-bottom: 5rem;} /* 80px */

.mt-4{margin-top: 1rem;} /* 16px */
.pt-14{padding-top: 3.5rem;} /* 56px */
.pb-14{padding-bottom: 3.5rem;} /* 56px */
.pt-16{padding-top: 4rem;} /* 64px */
.pb-16{padding-bottom: 4rem;} /* 64px */
.pt-20{padding-top: 5rem;} /* 80px */
.pb-20{padding-bottom: 5rem;} /* 80px */
.pt-24{padding-top: 6rem;} /* 96px */
.pb-24{padding-bottom: 6rem;} /* 96px */

.gap-2{gap: 0.5rem;} /* 8px */
.gap-4{gap: 1rem;} /* 16px */
.gap-5{gap: 1.25rem;} /* 20px */
.gap-7{gap: 1.75rem;} /* 28px */
.gap-12{gap: 3rem;} /* 48px */
.gap-16{gap: 4rem;} /* 64px */

/* HEADER */
.header{position: sticky; top: 0; left: 0; z-index: 997; width: 100%; background-color: #FFFFFF; border-bottom: solid 1px #CCCCCC; padding: 24px 32px; background-color: #FFFFFF; transition: .3s;}
.header-content{display: flex; justify-content: center; align-items: center; margin: 0 auto;}
.header-content .header-start{display: flex; justify-content: start; align-items: start; flex: 0.4;}
.header-content .header-center{display: flex; justify-content: end; align-items: center; flex: 1.3;}
.header-content .header-end{display: flex; justify-content: end; align-items: center; flex: 1.3;}
.header .header-isotipo{height: 56px; width: auto;}
.header .header-logo{width: 132px;}
.header .main-nav ul{display: flex;}
.header .main-nav ul li{font-size: 16px; font-weight: 500; margin-left: 6px; margin-right: 2px;}
.header .main-nav ul li::after{content: "|"; color: #707070;}
.header .main-nav ul li:last-child::after{display: none;}
.header .main-nav ul li a{color: #707070; transition: .3s;}
.header .main-nav ul li a:hover{color: #1E4EB9;}
.header.header-sticky{padding-top: 12px; padding-bottom: 12px; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color: rgba(255, 255, 255, 0.9);}
.language-nav{display: flex; font-weight: 500;}
.language-nav li{display: flex; color: #1E4EB9;}
.language-nav li:first-child::after{content: "/";}
.language-nav li{color: #1E4EB9}
.language-nav li a{color: #1E4EB9}
.language-nav li.active a{pointer-events: none !important; border-bottom: solid 2px;}

.menu-toggle{width: 42px; height: 42px; display: none; justify-content: center; align-items: center; background: none; border: none; cursor: pointer; z-index: 1001;}
.menu-toggle .bar{position: absolute; width: 24px; height: 3px; background-color: #1E4EB9; border-radius: 2px; transition: all 0.3s ease;}
.menu-toggle .top{transform: translateY(-8px);}
.menu-toggle .middle{transform: translateY(0);}
.menu-toggle .bottom{transform: translateY(8px);}
.menu-toggle.active .bar{background-color: #FFFFFF;} .menu-toggle.active .top { transform: rotate(45deg);}
.menu-toggle.active .middle{opacity: 0; }
.menu-toggle.active .bottom{transform: rotate(-45deg);}
.mobile-menu a:hover{ color: #00B5ED; }
.mobile-menu .btn a{background-color: #00B5ED; display: block; border-radius: 32px; padding: 8px;} 

.header.menu-open{background-color: transparent; transition: background-color 0s; border-bottom-color: transparent;}
.header.menu-open .header-start{visibility: hidden; opacity: 0;}
.header.menu-open .header-center{visibility: hidden; opacity: 0;}
.header.menu-open .header-end p{visibility: hidden; opacity: 0;}
.header.menu-open .header-end .btn{visibility: hidden; opacity: 0; transition: none;}
/* HEADER */

.mobile-menu { position: fixed; top: 0; right: 0; width: 100%; height: 100%; background-color: #1E4EB9; transform: translateX(100%); transition: transform 0.3s ease; display: flex; justify-content: center; align-items: center; z-index: 996; }
.mobile-menu.active { transform: translateX(0); } 
.mobile-menu ul { list-style: none; text-align: center; padding: 16px; width: 100%; } 
.mobile-menu li { margin: 15px 0 10px 0;} 
.mobile-menu a { text-decoration: none; font-size: 24px; color: #FFFFFF; transition: color 0.3s;}
.mobile-menu a:hover{color: #FFFFFF;}

/* HERO */
.hero-content{padding-top: 56px; padding-bottom: 28px;}
.hero-content .hero-logo{width: 405px; margin-bottom: 18px;}
.hero-image{overflow: hidden;}
.hero-img{object-fit: cover; aspect-ratio: 21/8; width: 100%; height: auto;}
/* HERO */


 .line{width: 2px; background-color: #CCCCCC; height: 100%;}
.container-video{overflow: hidden;}
.img-video{aspect-ratio: 16 / 7; object-fit: cover; object-position: center;}
.icon-play{position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%, -50%); transition: .3s; filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.9));}
.goverlay{background: rgb(30, 78, 185, 0.98);}
.glightbox-container .gnext, 
.glightbox-container .gprev {
    display: none !important;
}
.glightbox-clean .gslide-media {
    box-shadow: none !important;
}

.what-is-grid{display: grid; grid-template-columns: repeat(4, 1fr); width: 100%;}
.what-is-card{position: relative; width: 100%; aspect-ratio: 1 / 1; overflow: hidden;}
.what-is-card img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.what-is-card-content{ position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: end; align-items: start; text-align: left; background: rgba(0, 0, 0, 0.25); padding: 32px; }
.what-is-card.card-wide{grid-column: 1 / -1; aspect-ratio: 4 / 1;}
.what-is-card.card-wide .what-is-card-content{justify-content: center; align-items: center; text-align: center;}
.what-is-card.card-square{aspect-ratio: 1 / 1;}
.topics-card.card-wide{grid-column: span 2; aspect-ratio: 2 / 1;}
.topics-card.card-wide .what-is-card-content{justify-content: end; align-items: start; text-align: left}
.topics-card.card-large{grid-column: 3 / span 2; grid-row: 1 / span 2; aspect-ratio: 1 / 1;}
.topics-grid{display: grid; grid-template-columns: repeat(4, 1fr); width: 100%;}



.accordion-slider-wrapper { display: grid; grid-template-columns: 1fr; gap: 0; width: 100%; align-items: start !important; /* IMPORTANTE: Siempre alinear arriba, nunca 'center' */}
.accordion-slider-wrapper .title-text {
      cursor: pointer;
      display: flex;
      align-items: center;
      transition: color 0.3s ease;
    }
.accordion-slider-wrapper .title-icon { width: 24px; height: 24px; flex-shrink: 0; fill: #FFFFFF; transition: transform 0.3s ease; transform: rotate(0deg); margin-right: 8px;}
.accordion-content { max-height: 0; opacity: 0; overflow: hidden; padding-left: 0;}
/* Imagen Móvil Inline */
 .mobile-image { max-height: 0; opacity: 0; overflow: hidden; }
.accordion-content p{color: #FFFFFF; font-weight: 500; font-size: 18px; line-height: 1.3;}
.mobile-image img { width: 100%; object-fit: cover; display: block; }

@media (max-width: 1200px) {
      .main-swiper {
        display: none;
      }

      .text-thumbs {
        width: 100%;
      }
    

      .text-thumbs .swiper-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: flex-start !important; /* Todo el flujo va hacia abajo */
      }

      .text-thumbs .swiper-slide {
        height: auto !important; align-self: flex-start; /* Evita tirones en el eje vertical */ padding: 0 0 0 0;
      }

      /* ESTADO ACTIVO EN MÓVIL */
      .text-thumbs .swiper-slide-thumb-active .title-text h3 {
        color: #FF5C36;
      }
      .text-thumbs .swiper-slide:hover .title-icon {
        fill: #FF5C36;
}


      .text-thumbs .swiper-slide-thumb-active .title-icon {
        transform: rotate(90deg); /* Apunta hacia abajo */
      }

      .text-thumbs .swiper-slide-thumb-active .accordion-content {
        max-height: 800px;
        opacity: 1;
        margin-top: 4px;
        margin-bottom: 12px;
      }

      .text-thumbs .swiper-slide-thumb-active .mobile-image {
        max-height: inherit;
        opacity: 1;
        margin-top: 8px; margin-left: 0;
        margin-bottom: 8px; aspect-ratio: 1 / 1; 
      }
    }

    /* -------------------------------------------------- */
    /* VISTA DESKTOP (>= 768px): Texto a la IZQ, Foto a la DER */
    /* -------------------------------------------------- */
    @media (min-width: 1200px) {
      .accordion-slider-wrapper {
        grid-template-columns: 1fr 1fr;
        align-items: start;
      }

      /* Ordenamiento: Texto (Izquierda) / Foto (Derecha) */
      .text-thumbs {
        order: 1;
        width: 100%;
        max-height: 1000px; position: relative; padding: 94px 140px 64px 64px; display: flex; justify-content: end;;
      }
      .text-thumbs::after{content: ""; position: absolute; top: 0; right: 0; width: 164px; height: 164px; background-image: url(../images/img-shapes-square-01.svg); background-size: cover; background-repeat: no-repeat;}


      .main-swiper {
        order: 2;
        display: block;
        width: 100%;
        overflow: hidden;
      }

      .main-swiper::after{content: ""; position: absolute; bottom: -2px; left: 0; width: 132px; height: 198px; background-image: url(../images/img-shapes-square-02.svg); background-size: cover; background-repeat: no-repeat; z-index: 1;}

      .mobile-image {
        display: none !important;
      }

      .main-swiper img {
        width: 100%;
        height: 100%; max-height: 808px;
        aspect-ratio: 1/1;
        object-fit: cover;
      }

      /* ESTADO ACTIVO EN DESKTOP */
      .text-thumbs .swiper-slide-thumb-active .title-text h3 {
        color: #FF5C36;
      }
      .text-thumbs .swiper-slide-thumb-active .title-text:hover h3 {
        color: #FF5C36;
      }

      .text-thumbs .swiper-slide-thumb-active .title-icon {
        transform: rotate(90deg); /* Apunta hacia abajo */
        fill: #FF5C36;
      }

      .accordion-content {padding-left: 34px;}

      .text-thumbs .swiper-slide-thumb-active .accordion-content {
        max-height: 100%;
        opacity: 1;
        margin-top: 8px;
        margin-bottom: 12px;
      }
    }

     .text-thumbs .swiper-wrapper{
        max-width: 495px; margin: 0;

      }
      .text-thumbs .swiper-slide {
        height: auto !important; margin-bottom: 12px;
      }

      .text-thumbs .swiper-wrapper { max-width: 960px; margin: 0 auto; padding: 32px 0;}

      /* Permite que el navegador controle siempre el scroll vertical en todo el contenedor */
.accordion-slider-wrapper,
.text-thumbs,
.main-swiper {
  touch-action: pan-y !important; /* Fuerza al navegador a permitir scroll vertical */
}

/* Evita que las imágenes capturen los gestos táctiles en móvil */
@media (max-width: 1199px) {
  .mobile-image img {
    pointer-events: none; /* El dedo "atraviesa" la imagen y hace scroll en la página */
  }
}

.grid-key-themes{display: grid; grid-template-columns: repeat(4, minmax(150px, 1fr));}
.item-key-themes{border: solid 1px #1E4EB9; padding: 64px 40px; transition: .3s;}
.item-key-themes h3{margin-bottom: 0.625rem;}
.item-key-themes:hover{color: #FFFFFF !important; background-color: #1E4EB9;}
.item-key-themes:hover h3{color: #FFFFFF;}
.item-key-themes:hover p{color: #FFFFFF;}

.speakers-grid{display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; gap: 18px;}
.speaker-card{background-color: #FFFFFF; transition: .3s;}
.speaker-card figure{overflow: hidden;}
.speaker-image{width: 100%; height: 100%; aspect-ratio: 420 / 530; object-fit: cover; transition: .3s;}
.speaker-card .speaker-info{padding: 1.25rem 0;}
.speaker-card .speaker-info .speaker-name{font-size: 22px; font-weight: 700; color: #000000; margin-bottom: 4px;}
.speaker-card .speaker-info .peaker-position{font-size: 14px; font-weight: 300; color: #000000;}
/* .speaker-card:hover{background-color: #1E4EB9;}
.speaker-card:hover .speaker-info .speaker-name{color: #FFFFFF;}
.speaker-card:hover .speaker-info .speaker-position{color: #FFFFFF;}
.speaker-card:hover .speaker-image{transform: scale(1.05);} */
.swiper-button-prev,.swiper-button-next{opacity: 1; width: 42px; height: 42px; background-image: url(../images/arrow-prev.svg); background-position: center center; background-repeat: no-repeat; background-size: cover; top: calc(50% - 42px);}
.swiper-button-prev{}
.swiperSpeakers .swiper-wrapper {
  transition-timing-function: linear !important;
}
.swiper-button-next{background-image: url(../images/arrow-next.svg);}
.swiper-button-prev.swiper-button-disabled{background-image: url(../images/arrow-prev-disabled.svg);}
.swiper-button-next.swiper-button-disabled{background-image: url(../images/arrow-next-disabled.svg);}
.swiper-button-prev::after,.swiper-button-next::after{display: none;}
.announced-soon::before{content: ""; width: 100px; height: 100px; background-color: #000000; display: block;}
.announced-soon::after{content: ""; width: 100px; height: 100px; background-color: #000000; display: block; transform: translateX(calc(100vw - 200px));}

.mySwiper .swiper-wrapper{transition-timing-function: linear !important;}
.swiper.mySwiper{width: 100%; height: 100%;}
.mySwiper .swiper-slide{display: flex; align-items: center; justify-content: center; height: auto;}
.brand-logo{width: 75%; aspect-ratio: 1 / 1;}

.footer{width: 100%; position: relative; background-color: #1E4EB9; padding-top: 5rem; padding-bottom: 1.5rem;} 
.footer .container{display: flex; justify-content: space-between; max-width: 1152px;}
.footer .footer-logo{width: 320px; margin-bottom: 56px;}
.footer .redes-nav{display: flex; gap: 16px; margin-top: 8px;}
.footer form{border-bottom: solid 1px #FFFFFF; padding-bottom: 8px; width: 400px; display: flex; justify-content: space-between;}

[data-aos="blur-in"] {
      filter: blur(16px);
      opacity: 0;
      transform: scale(1);
      transition-property: filter, opacity, transform;
    }

    /* Estado final (al entrar en pantalla): Enfocado y nítido */
    [data-aos="blur-in"].aos-animate {
      filter: blur(0);
      opacity: 1;
      transform: scale(1);
    }


    @media (max-width: 1360px){
        .swiper-button-prev{left: 16px;}
        .swiper-button-next{right: 16px;}
    }

     @media (max-width: 1200px){
        .header{padding-left: 16px; padding-right: 16px;}
        .header-content{justify-content: space-between;}
        .header-content .header-center{justify-content: start; flex: inherit;}

        .accordion-content p {font-weight: 300;}
        .text-thumbs{padding-left: 16px; padding-right: 16px;}
     }
    
     @media (max-width: 1140px){

        .text-7xl { font-size: 3rem; }

        .what-is-grid{grid-template-columns: repeat(2, 1fr);}
        .what-is-card.card-wide{aspect-ratio: 4 / 2;}
        .topics-grid{grid-template-columns: repeat(2, 1fr);}
        .what-is-card.card-wide{aspect-ratio: 16 / 7;}
        .topics-card.card-wide{grid-column: span 1; aspect-ratio: 1/1;}

        .topics-grid .topics-card{grid-column: inherit !important; grid-column: inherit !important; grid-row: inherit !important;}

     }
    
     @media (max-width: 962px){
        
        .flex-lg-column{flex-direction: column;}
        .text-lg-center{text-align: center !important;}

        .text-3xl{font-size: 1.25rem;}
        .text-4xl{font-size: 1.25rem;}
        .text-5xl{font-size: 2rem;}
        
        .mb-lg-2{margin-bottom: 0.5rem;}
        .mb-12{margin-bottom: 2rem;}
        .mb-16{margin-bottom: 2rem;}
        .mt-lg-16{margin-top: 2rem;}

        .main-nav{display: none;}
        .menu-toggle{display: flex;}

        .footer .container{flex-direction: column; align-items: center;}
        .footer .redes-nav{justify-content: center;}

        .footer .footer-logo { width: 220px; margin: 0 auto; margin-bottom: 42px; }
        .footer form{width: 100%; max-width: 400px;}

        .grid-key-themes{grid-template-columns: repeat(3, minmax(150px, 1fr));}
        
    }

     @media (max-width: 768px){


        .w-md-30{width: 30%;}
        .gap-md-5{gap: 1.25rem !important;}
        .gap-md-8{gap: 2rem;}
        .mb-md-16{margin-bottom: 4rem !important;}

        .d-md-none{display: none;}
        .text-md-center{text-align: center !important;}
        .flex-md-column{flex-direction: column;}

            .text-xl{font-size: 1.125rem;}
            .text-3xl { font-size: 1rem; }
            .text-5xl { font-size: 1.5rem; }
            .text-7xl{font-size: 2rem;}

            .pt-20 { padding-top: 3rem; }
            .pt-24 { padding-top: 4rem; }
            .pb-20 { padding-bottom: 3rem; }
            .mt-16 {margin-top: 2rem;}
            .pb-14{padding-bottom: 2.5rem;}
            .pt-14 { padding-top: 2.5rem; }

            .mb-md-4{margin-bottom: 1rem;}
            .mb-12{margin-bottom: 1rem;}
            .mb-16{margin-bottom: 2rem;}

            .hero-content{text-align: center !important;}
            .hero-content .hero-logo {
    width: 240px;
    margin-bottom: 18px;
    margin: 0 auto;
    margin-bottom: 18px;
}

        .swiper-button-prev, .swiper-button-next{display: none;}

         .accordion-content p {font-size: 1rem;}

        .speaker-card .speaker-info{padding: 0.875rem 0;}
        .speaker-card .speaker-info .speaker-name{font-size: 1rem;}
        .speaker-card .speaker-info .speaker-position{font-size: 12px;}

        .announced-soon::before{display: none;}
        .announced-soon::after{display: none;}
        .footer{padding-top: 3rem;}

        .grid-key-themes{grid-template-columns: repeat(2, minmax(150px, 1fr));}
        .item-key-themes {padding: 32px 16px;}
     }

      @media (max-width: 576px){
        .d-sm-none{display: none !important;}
        .d-sm-block{display: block !important;}

        .text-xl{font-size: 1rem;}
        .text-lg { font-size: 1rem; }
        .text-2xl{font-size: 1.25rem;}
        .text-4xl { font-size: 1rem; }
        .text-7xl{font-size: 1.75rem;}

        .header{padding: 10px 16px !important;}
        .header .header-logo{width: 100px;}
        .header .header-isotipo{height: 42px; width: auto;}

        .hero-content{padding-top: 36px; max-width: 80%; margin: 0 auto;}
        .hero-content .hero-logo{width: 180px;}
        .hero-img {aspect-ratio: 1/1;}


        .what-is-card-content{padding: 24px 16px;}

        .grid-key-themes{grid-template-columns: repeat(1, minmax(150px, 1fr));}

        .footer .footer-logo { width: 180px;  margin: 0 auto; margin-bottom: 28px;}
      }