/*   
Theme Name: innovayaccion-theme
Author: www.icarochaparrop.com
Author URI: www.icarochaparrop.com
Version: 04.26
.
General comments/License Statement if any.
.
*/

/* RESET */
*{margin: 0; padding: 0; box-sizing: border-box;}
html{scroll-behavior: smooth;}
img{width: 100%; height: 100%;}
ul{list-style: none;}
body{overflow-x: hidden;color: var(--morado);background-color: var(--blanco);}
main{padding-top: var(--xxl);}
strong{font-weight: 600;}
a,a:visited,a:active {text-decoration: none;-webkit-tap-highlight-color: transparent;}


main {margin-top: 75px;}
.main-home {margin-top: 0px;}

/* FONTS */
@font-face {
    font-family: 'Cooper';
    src: url('fonts/Cooper/cooper_light-italic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

/* GLOBAL VARS */
:root {
    /* colores */
    --blanco: #FFFDF9;
    --crema:#FFF8E8;
    --crema-oscuro:#EBE0CE;
    --lila: #C2BBFA;
    --morado: #1B1C3F;
    --morado-claro: #4B5089;
    --naranja:#FF9A54;
    --gris: #CFCFCF;

    /* tipografía */
    --serif-400-64: normal 4rem/.875 'Cooper', sans-serif ;
    --sans-400-64: 300 4rem/.875 'Hanken Grotesk', sans-serif ;
    --sans-600-64: 600 4rem/.875 'Hanken Grotesk', sans-serif ;
    --sans-600-30: 600 2.25rem/1.2 'Hanken Grotesk', sans-serif ; 
    --serif-400-30: normal  2.25rem/1.2 'Cooper', sans-serif ;
    --sans-400-30: 400 2.25rem/1.2 'Hanken Grotesk', sans-serif ;
    --sans-400-21: 300 1.3rem/1.2 'Hanken Grotesk', sans-serif ; 
    --serif-400-21: normal  1.3rem/1.2 'Cooper', sans-serif ; 
    --sans-600-21: 600 1.3rem/1.2 'Hanken Grotesk', sans-serif ;  
    --sans-600-16: 600 1rem/1.2 'Hanken Grotesk', sans-serif ;
    --sans-400-16: 300 1rem/1.2 'Hanken Grotesk', sans-serif ; 

    /* espaciado */
    --xs: .25rem;
    --s: .5rem;
    --m: 1rem;
    --l: 2rem;
    --xl: 4rem;
    --xxl:6rem;



}

/* COMPONENTS */
.pendiente{background-color: red; color: white; font: var(--sans-400-64); width:100%; height: 240px;display: flex; align-items: center; justify-content: center;}

.btn{padding: .75rem 2rem; background-color: var(--lila); color: var(--morado);border-radius: 999rem; text-decoration: none;font: var(--sans-400-21);transition: all .3s ease-in-out; border: solid 1px transparent;}
.btn:hover {background-color: transparent;border: solid 1px var(--morado);}
.btn-border{padding: .75rem 2rem; color: var(--lila);border-radius: 999rem; text-decoration: none;font: var(--sans-400-21);transition: all .3s ease-in-out; border: solid 1px var(--lila); background-color: transparent;}
.btn-border:hover{border: solid 1px transparent; background-color: var(--crema);color: var(--morado);}
.img {aspect-ratio: 3/4; object-fit: cover; border-radius: var(--m); overflow: hidden;}
.img-cuadrada {aspect-ratio: 1/1; object-fit: cover; border-radius: var(--m); overflow: hidden;}
/* HOME */
.seccion-hero {position: relative;color: var(--blanco);}
.seccion-hero__img-bg {position: relative;overflow: hidden;height: 100vh;background-size: cover;background-position: center;display: flex; align-items: center;gap: var(--xxl);margin-top: -6rem;}
.seccion-hero__img-bg::before {content: '';position: absolute;inset: 0; background-color: var(--morado);mix-blend-mode: normal;opacity: .5 ;z-index: 1;}
.seccion-hero__video{filter: grayscale(100%);}
.seccion-hero__video {position: absolute;top: 50%;left: 50%;width: 177.78vh;min-width: 100%;height: 56.25vw;min-height: 100%;transform: translate(-50%, -50%);border: 0;}
.home-hero_seccion-inner{flex-direction: column;justify-content: center;align-items: center;}
.seccion-hero__h1,.seccion-hero__logo {flex:1;z-index: 9}
.seccion-hero__logo {position: relative; display: flex; align-items: center; justify-content: center;}
.seccion-hero__logo::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 160px; height: 160px; background: radial-gradient(circle, var(--lila) 0%, transparent 50%); border-radius: 50%; z-index: -1; pointer-events: none;}
.seccion-hero__h1 h1{max-width: 720px;font: var(--sans-400-64);text-wrap: balance;text-align: center;}
.seccion-hero__logo img{width: 64px;height: auto;}
.seccion-hero__h1 span{font-family: 'Cooper';font-style: italic;}

.seccion-experiencia, .seccion-proyecto, .seccion-datos{width: 100%;padding: calc(var(--xxl) * 2) 0}
.seccion-inner{width: 1200px;display: flex; gap: var(--xxl) ; margin: 0 auto;}
.seccion-inner>div, .seccion-inner>div , .seccion-inner>ul, .seccion-inner>div{flex: 1;}
.seccion-proyecto{background-color: var(--morado); color: var(--blanco);}

.seccion-experiencia__titulo, .seccion-proyecto__titulo{font: var(--sans-400-64);margin-bottom: calc( var(--xxl) * 2); text-wrap: balance;}
.seccion-experiencia__titulo span,  .seccion-proyecto__titulo span{color: var(--lila);font-style: italic; font-family: 'Cooper'}
.seccion-proyecto .btn{background-color: var(--blanco);}
.seccion-proyecto .btn:hover{background-color: var(--lila);}
.seccion-experiencia__entradilla, .seccion-proyecto__entradilla, .seccion-datos__entradilla{font: var(--sans-400-21);margin-bottom: var(--xl);text-wrap: pretty;}
.seccion-experiencia__entradilla span, .seccion-proyecto__entradilla span{font-style: italic; font-family: 'Cooper';}
.seccion-experiencia__entradilla strong, .seccion-proyecto__entradilla strong{font-weight: 600;}
.seccion-experiencia__imagenes img{overflow: hidden; border-radius: var(--m) ; object-fit: cover; aspect-ratio: 4/3; width: 100%; height: auto;}
.seccion-experiencia{position: relative; overflow: hidden;}
.seccion-experiencia .seccion-inner{flex-direction: column; align-items: center; text-align: center;}
.seccion-experiencia__contenido{max-width: 660px; position: relative; z-index: 1;}
.seccion-experiencia__bg-img{position: absolute; z-index: 0; width: 300px; height: auto; aspect-ratio: 4/3; object-fit: cover; filter: grayscale(1); opacity: 0.125; pointer-events: none; border-radius: var(--m);}
.seccion-experiencia__bg-img--1{top: 2rem; left: 12rem;}
.seccion-experiencia__bg-img--2{top: 18rem; right: -.5rem;}
.seccion-experiencia__bg-img--3{bottom: 2rem; left: 2rem}
@media(max-width: 769px){
    .seccion-experiencia__bg-img{width: 140px;}
    .seccion-experiencia__bg-img--3{display: none;}
}

.seccion-proyecto ul{margin-bottom: var(--xxl);}
.seccion-proyecto li{font: var(--sans-400-64);opacity: .5; transition: all .3s ease-in-out;}
.seccion-proyecto li.active{font-family: 'Cooper';opacity: 1;font-style: italic;}
.seccion-formaciones { background-color: var(--blanco); padding: calc(var(--xxl) * 2) 0; }
.seccion-formaciones-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--m); padding: var(--m); max-width: 1296px; margin: 0 auto; }
.seccion-formaciones__titulo-col { display: flex; align-items: start; margin-top: var(--l);}
.seccion-formaciones__titulo { font: var(--sans-400-64); color: var(--morado); text-wrap: balance; }
.seccion-formaciones__titulo span { font-style: italic; font-family: 'Cooper'; }
.formacion-card { position: relative; border-radius: var(--m); overflow: hidden; aspect-ratio: 4/3; display: flex; flex-direction: column; text-decoration: none; }
.formacion-card__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); transition: opacity .3s ease-in-out; }
.formacion-card:hover .formacion-card__bg { opacity: 0; }
.formacion-card::before { content: ''; position: absolute; inset: 0; z-index: 1; transition: opacity .3s ease-in-out; }
.formacion-card--1::before { background: linear-gradient(to top, var(--naranja) 0%, transparent 60%), color-mix(in srgb, var(--naranja) 70%, transparent); }
.formacion-card--2::before { background: linear-gradient(to top, var(--morado) 0%, transparent 60%), color-mix(in srgb, var(--morado) 70%, transparent); }
.formacion-card--3::before { background: linear-gradient(to top, var(--lila) 0%, transparent 60%), color-mix(in srgb, var(--lila) 70%, transparent); }
.formacion-card:hover::before { opacity: 0; }
.formacion-card::after { content: ''; position: absolute; inset: 0; z-index: 2; opacity: 0; transition: opacity .3s ease-in-out; }
.formacion-card--1::after { background: var(--naranja); }
.formacion-card--2::after { background: var(--morado); }
.formacion-card--3::after { background: var(--lila); }
.formacion-card:hover::after { opacity: 1; }
.formacion-card__content { position: relative; z-index: 3; padding: var(--l); display: flex; flex-direction: column; justify-content: space-between; flex: 1; gap: var(--l); }
.formacion-card__logo { width: 140px; height: auto; }
.formacion-card__bottom { display: flex; align-items: flex-end; justify-content: space-between; width: 100%; gap: var(--l); }
.formacion-card__content h3{font: var(--sans-400-64); color: var(--blanco);}
.formacion-card__texto { flex: 1; color: var(--blanco); font: var(--sans-400-21);text-wrap: pretty; }
.formacion-card__arrow { flex-shrink: 0; width: 36px; height: 36px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.6); display: flex; align-items: center; justify-content: center; text-decoration: none; }
.formacion-card__arrow img { width: 24px; height: auto;}
.formacion-card--3 .formacion-card__arrow img { filter: none; }
@media(max-width: 769px){
    .seccion-formaciones-grid { grid-template-columns: 1fr; }
}

.card {position: relative;}
.card-link {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font: var(--sans-400-30);color: var(--blanco);text-decoration: none;z-index: 2;}
.card-link img{height: 36px; width: auto;}

.seccion-datos__titulo{font: var(--sans-400-64);text-wrap: balance;margin-bottom: calc(var(--xxl) * 2);}
.seccion-datos__titulo span{font-family: 'Cooper';color: var(--lila);}

.seccion-datos__dato{padding: var(--xl) 0  var(--m) 0; border-bottom: 1px solid var(--gris); display: flex;align-items: center;}
.seccion-datos__dato-numero::before{content: '+';}
.seccion-datos__dato-numero{font: var(--sans-400-64);color: var(--lila);flex: 0 0 200px; }
.seccion-datos__dato-texto{font: var(--sans-400-21);text-wrap: balance; max-width: 150px;}

.seccion-unete {
    position: relative;
    overflow: hidden;
}
.seccion-unete::after{content: '';position: absolute;inset: 0;background-color: var(--morado);opacity:.5;z-index: 1;}
.seccion-unete__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(1);
    z-index: 0;
}
.seccion-unete-inner{display: flex; flex-direction: row; gap: var(--xxl) ; padding: calc(var(--xxl) * 2 ) 0;align-items: center;background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;text-align: center;justify-content: space-between;max-width: 1200px;margin: 0 auto;z-index: 2;width: 100%;}
.seccion-unete__titulo{font: var(--sans-400-64);color: var(--blanco);z-index: 99;text-wrap: balance;text-align: start;max-width: 360px;}
.seccion-unete__titulo span{font: var(--serif-400-64);font-style: italic;}
.seccion-unete__links{display: flex ; flex-direction: column; gap: var(--m) ;z-index: 99;text-align: center;}
.seccion-unete__links a::before{content: 'Soy';font-weight: 400;}
.seccion-unete__links a{font-weight: 700;}
.seccion-unete__links .btn{background-color: var(--crema); }
.seccion-unete__links .btn:hover{background-color: var(--lila); color: var(--morado); border-color: transparent;}
.seccion-casosexito{padding: calc(var(--xxl) * 2) 0}
.seccion-casosexito-inner{background-color: var(--blanco);display: flex;align-items: center;flex-direction: column;width: 1200px;margin: auto;}

.seccion-casosexito__titulo-entradilla{display: flex;margin-bottom: var(--xl);}
.seccion-casosexito__titulo,.seccion-casosexito__entradilla{color: var(--morado);flex:1;text-align: start;}
.seccion-casosexito__entradilla{font: var(--sans-400-21);}
.seccion-casosexito__titulo{font: var(--sans-400-30);}
.seccion-casosexito__titulo span{font-family: 'Cooper'; font-style: italic;color: var(--lila);}

.seccion-video{padding: calc(var(--xxl) * 2) 0;background-color: var(--morado)}
.seccion-video-inner{width: 1200px; margin: auto; display: flex; flex-direction: column;}
.seccion-video__titulo{font: var(--sans-400-64);color: var(--blanco);text-wrap: balance; text-align: center;}
.seccion-video__titulo span{font-family: 'Cooper';color: var(--naranja);font-style: italic;}


.seccion-formador {
    position: relative;
    overflow: hidden;
}
.seccion-formador__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(1);
    z-index: 0;
}
.seccion-formador::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: linear-gradient(
    to right,
    var(--crema) 0%,
    var(--crema) 50%,
    transparent 100%
    );
    background-color: rgba(255, 248, 232, 0.5);
    pointer-events: none;
    z-index: 1;
}
.seccion-formador-inner{display: flex; flex-direction: column; gap: var(--xxl); padding: var(--xxl); align-items: center; position: relative; text-align: center; z-index: 2;}
.seccion-formador__titulo{font: var(--sans-400-64);text-wrap: balance; text-align: center;max-width: 800px;color: var(--morado);z-index: 9;}
.seccion-formador__logo{z-index: 9; height: 48px; width: auto;}

.seccion-alianzas>.seccion-inner{padding: calc(var(--xxl) * 2) var(--xxl);background-color: var(--blanco);display: flex;align-items: start;flex-direction: column;gap: var(--xxl);text-wrap: balance;}
.seccion-alianzas__titulo{font: var(--sans-400-30); text-align: start;max-width: 640px;}
.seccion-alianzas__titulo span{font-family: 'Cooper'; font-style: italic;color: var(--naranja);};
.alianza-logo img{width: auto; height: 24px; object-fit: contain; display: block;}
.alianza-logo{height: 3rem; width: auto;padding: .75rem 1.25rem; border: solid 1px var(--gris);border-radius: 999px;background-color: white; display: flex; align-items: center; }
.seccion-alianzas__logos {display: flex;flex-direction: row;flex-wrap: wrap;gap: var(--m); align-items: center;}


/* HEADER */
.header { position: fixed; top: 0; left: 0; width: 100vw; background: var(--morado); z-index: 999; }
.header--transparent { background: transparent; }
.header--transparent:has(#menu-toggle:checked) { background: var(--morado); }
.header--home:has(#menu-toggle:checked) { transition: none; }
.header__container { padding: var(--l) var(--xxl) ; display: flex; align-items: center; justify-content: space-between; }
.header__logo { display: flex; align-items: center; flex-shrink: 0; text-decoration: none; }
.header__logo img { height: 48px; width: auto; }
.header__menu { display: flex; gap: var(--l); }
.header__nav a { text-decoration: none; color: var(--blanco); font: var(--sans-400-16); transition: color .3s ease-in-out; }
.header__nav a:hover { color: var(--lila); }
.header__toggle { display: none; }
.header__hamburger { display: none; }

/* FOOTER */
.footer{padding: var(--xl); background-color: var(--morado); border-radius: var(--l) var(--l) 0 0;display: flex; gap: var(--xl);}
.footer> div{flex:1; display: flex;}
.footer-logo img{width: 320px;}
.footer> div{flex-direction: column;gap: var(--xxl);}
.footer-menu--rrss,.footer-legal-menu{display: flex;flex-direction: row; gap: var(--l);}
.footer-legal-menu{justify-content: end;margin-top: var(--xl);gap: var(--s);}
.footer-grid{display: flex; gap: var(--l);}
.footer-col{flex: 1;}
.footer-titulo,.footer-titulo__destacado{font: var(--sans-400-21); margin-bottom: var(--m);color: var(--blanco);}
.footer-titulo__destacado{color: var(--lila);}
.footer-col li{margin-bottom: var(--s);}
.footer-col a{color: var(--gris); font: var(--sans-400-21); text-decoration: none;transition: all .3s ease-in-out;}
.footer-col a:hover{color: var(--naranja)}


.footer-menu--rrss a {display: inline-block;width: 24px;height: 24px;}

.footer-legal-menu li a {color: var(--gris); font: var(--sans-400-16);text-decoration: none;text-wrap: nowrap;}
.footer-legal-menu li::after {content: "|";margin-left: var(--s);color: var(--gris); font: var(--sans-400-16);}
.footer-legal-menu li:last-child::after {content: "";}

/* post blog */
.blog-main-inner{width: 1200px; margin: auto;}
.blog-post{padding: var(--xl) var(--xxl); color: var(--morado);}
.blog-post__hero{display: flex; gap: var(--xxl);}
.blog-post__hero > div{flex: 1;}
.blog-post__contenido{margin-top: var(--xxl);margin-left: auto; margin-right: auto;width: 800px;}
.blog-post__fecha, .post-blog__subtitulo{color: var(--naranja); text-transform: uppercase;padding-bottom: var(--l);font: var(--sans-600-21);}
.blog-post__contenido p.post-blog__subtitulo {text-align: center;margin-bottom: var(--m);margin-top: var(--xl);}
.blog-post__titulo{font: var(--sans-400-30);text-wrap: balance; margin-bottom: var(--l);}
.blog-post__extracto,.blog-post__contenido{font: var(--sans-400-21);text-wrap: pretty;}
.blog-post__imagen{aspect-ratio: 1/1;border-radius: var(--m);overflow: hidden;}
.blog-post__imagen img{object-fit: cover;}
.wp-block-separator{border-top: 1px solid var(--crema) !important;margin-bottom: var(--xl);}
.wp-block-embed iframe {width: 100%;height: auto;aspect-ratio: 16 / 9;overflow: hidden; border-radius: var(--l);}
.blog-post__contenido p {margin: var(--xl) 0;}
.wp-block-heading{font:var(--sans-600-30);margin-top: var(--xl);margin-bottom: var(--m);}
.wp-block-image{border-radius: var(--m); overflow: hidden;}
.blog-post__contenido a{text-decoration: none; color: var(--naranja); transition: all .3s ease-in-out;}
.blog-post__contenido a:hover{color: var(--gris);}
:where(.wp-block-columns.is-layout-flex){gap: var(--m) !important;}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {flex-basis: 0;flex-grow: 1;display: flex;flex-direction: column;gap: var(--m) !important}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column figure img{aspect-ratio: 4/3; object-fit: cover;}
.blog-post__contenido > .wp-block-heading{ border-bottom: 1px solid var(--crema);}
.seccion__relacionados-titulo, h3.wp-block-heading{font: var(--sans-600-21);color: var(--naranja); text-transform: uppercase;text-align: center;margin-top: calc(var(--xl) * 2)}
.relacionados__grid{display: flex; padding: var(--xl) var(--xxl); gap: var(--l);width: 100%;}
.relacionado-card a{text-decoration: none;}
.relacionado-card__img{border-radius: var(--m); overflow: hidden;}
.relacionado-card__img img{aspect-ratio: 20/14; object-fit: cover;}
.relacionado-card__fecha{font: var(--sans-400-16); color: var(--morado-claro);margin-top: var(--m);}
.relacionado-card__titulo{font: var(--sans-400-21); color: var(--morado);margin-top: var(--s);text-wrap: pretty;}

/* CLUB */
.seccion-hero-club {position: relative;margin-top: -6rem;}
.seccion-hero-club__img-bg {
    position: relative;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 21/9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.seccion-hero-club__img-bg-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(1);
    z-index: 0;
}

.seccion-hero-club__img-bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--naranja);
    opacity: 0.5;
    pointer-events: none;
    z-index: 1;
}

.seccion-hero-club__logo {position: absolute;bottom: 50%;left: 50%;z-index: 99;width: 360px;height: auto;transform: translate(-50%, 50%);}

.seccion-intro__grid{padding: 0 var(--xxl);display: flex;gap: var(--xxl);}
.seccion-intro__grid>div{flex: 1;}
.seccion-intro__titulo{font: var(--sans-600-21); color: var(--naranja);padding: var(--xl) var(--xxl);text-transform: uppercase;}
.seccion-intro__entradilla{font: var(--sans-400-30);text-wrap: balance;}
.seccion-intro__entradilla strong,.seccion-intro__cuerpo strong{font-weight: 600;}
.seccion-intro__entradilla span{color: var(--naranja);font-style: italic; font-family: 'Cooper'}
.seccion-intro__cuerpo{font: var(--sans-400-21);margin-bottom: var(--xl);}
.seccion-intro .btn , .seccion-encuentros__link .btn,.seccion-formador .btn{background-color: var(--morado);color: var(--blanco);z-index: 9;}
.seccion-intro .btn:hover, .seccion-encuentros__link .btn:hover,.seccion-formador .btn:hover{background-color: var(--lila);color: var(--morado);z-index: 9;border-color: transparent;}

.seccion-intro__slider {margin-top: var(--xxl);width: 100%;height: 420px;overflow-x: auto;display: flex;align-items: center;scroll-snap-type: x mandatory;scrollbar-width: none;-ms-overflow-style: none;}
.seccion-intro__slider::-webkit-scrollbar{display: none;}
.slider-wrapper {display: flex;gap: var(--m);height: 100%;}
.slider-wrapper >.slider-item:first-child{padding-left: var(--m);}
.slider-wrapper >.slider-item:last-child{padding-right: var(--m);}
.slider-item {aspect-ratio: 1 / 1;height: 100%;flex-shrink: 0;scroll-snap-align: start;}
.slider-item img {width: 100%;height: 100%;object-fit: cover;display: block; overflow: hidden; border-radius: var(--m);}

.seccion-encuentros__header{padding: var(--xxl) var(--xxl);background-color: var(--crema);margin-top: var(--m);display: flex;gap: var(--xxl);}
.seccion-encuentros__titulo, .seccion-encuentros__entradilla{flex: 1;position: relative;z-index: 99;}
.seccion-encuentros__titulo-icono {position: absolute;top: -2rem;left: -2rem;height: 48px;width: auto;z-index: -99;}
.seccion-encuentros__titulo{font: var(--sans-400-64);text-wrap: balance;}
.seccion-encuentros__titulo span{font-family: 'Cooper'; font-style: italic; color: var(--naranja);}
.seccion-encuentros__entradilla{font: var(--sans-400-21);text-wrap: balance;}
.seccion-encuentros__entradilla strong{font: var(--sans-600-21);}
.seccion-encuentros__subtitulo{font: var(--sans-400-30); text-align: center;margin: var(--xl) 0;}
.seccion-encuentros__subtitulo strong{font-weight: 600;}
.seccion-encuentros-inner{flex-direction: column;}
.seccion-encuentros__cards{display: flex; gap: var(--l)}
.seccion-encuentros__cards .card {display: flex;flex-direction: column;height: auto;}
.seccion-encuentros__cards .card img {width: 100%;height: auto;display: block;aspect-ratio: 1 / 1; border-radius: var(--m); overflow: hidden; object-fit: cover;}
.seccion-encuentros__cards .card__titulo{font: var(--sans-400-30) ;color: var(--naranja);margin: var(--m) 0;}
.seccion-encuentros__cards .card__titulo span{font-family: 'Cooper'; font-style: italic;}
.seccion-encuentros__cards .card__entradilla{font: var(--sans-400-21);}
.seccion-encuentros__link{display: flex; justify-content: center;margin: var(--xxl) 0;}
.seccion-programas__cards{margin: 0 calc(var(--xxl) * 2);}

.seccion-membresia{background-color: var(--crema);}
.seccion-membresia>.seccion-inner{flex-direction: column;gap: 0;}
.seccion-membresia__cards{padding: var(--xxl) var(--xxl);background-color: var(--crema);display: flex;gap: var(--xl)}
.membresia-card{border: solid 1px var(--gris); padding: var(--xl);background-color: var(--blanco);border-radius: var(--m);flex: 1;}
.membresia-card__titulo{font: var(--sans-400-30);text-wrap: balance;margin-bottom: var(--xl);}
.membresia-card__titulo span{font-family: 'Cooper'; font-style: italic; color: var(--naranja);}
.membresia-card__apartado-titulo{font: var(--sans-400-21); color: var(--naranja);margin-bottom: var(--s);display: flex; align-items: center; gap: var(--s);}
.membresia-card__apartado-icono{width: 1rem; height: auto;}
.membresia-card__apartado-texto{font: var(--sans-400-21); color: var(--morado);margin-bottom: var(--l);}
.membresia-card__apartado-texto strong{font-weight: 600;}
.seccion-membresia__link{margin:0;padding: var(--xl) 0;background-color: var(--crema);}

.seccion-inspiradores {padding: var(--xxl) var(--xxl);color: var(--blanco);display: flex; align-items: center;flex-direction: column;position: relative;overflow: hidden;z-index: -99;}
.seccion-inspiradores__bg {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;filter: grayscale(1);z-index: 0;}
.seccion-inspiradores::before {content: '';position: absolute;inset: 0;background: linear-gradient(to top, rgba(27,28,63,1) 12.5%, rgba(27,28,63,0.5) 100%);pointer-events: none;z-index: 1;}
.seccion-inspiradores__titulo {font: var(--sans-400-30);margin-bottom: var(--l);text-align: center;position: relative;z-index: 9;}
.seccion-inspiradores__titulo span{font-family: 'Cooper'; color: var(--naranja); font-style: italic;}
.seccion-inspiradores__entradilla{color: var(--crema); font: var(--sans-400-21);text-align: center;text-wrap: balance;max-width: 480px;margin-bottom: var(--xl);position: relative;z-index: 9;}
.seccion-inspiradores__entradilla strong{font-weight: 600;}

.seccion-inspiradores__videos {display: flex;gap: var(--m);justify-content: center;flex-wrap: wrap;position: relative;z-index: 9;}
.inspirador-video {display: block;width: 300px;height: 178px;position: relative;}
.inspirador-video__thumb {width: 100%;height: 100%;background-size: cover;background-position: center;border-radius: var(--m);overflow: hidden;position: relative;}
.inspirador-video__logo {position: absolute;top: 50%;left: 50%;width: auto;height: 36px;transform: translate(-50%, -50%);}

/* CASOS DE ÉXITO */
.casos-hero__grid {
    padding: var(--xxl) 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--xxl);
}

.casos-datos__flex {
    padding: var(--xxl) 0;
    display: flex;
    justify-content: space-between;
}
.casos-dato{flex: 1;}

.casos-hero__left h1{font:var(--sans-400-30);}
.casos-hero__left h1 span{font-family: 'Cooper'; color: var(--lila); font-style: italic;}
.casos-hero__right{font:var(--sans-400-21);}

.casos-filtro__list{gap: var(--l);margin:  var(--l) var(--xxl); padding: var(--l) 0;display: flex;gap: var(--m);justify-content: center; border-top: 1px solid var(--crema);}
.casos-filtro__list li{cursor: pointer;}
.casos-filtro__list li{border: solid 1px var(--gris);padding: .75rem 2rem; color: var(--morado);font: var(--sans-400-21);border-radius: 999rem;transition: all .3s ease-in-out;background-color: transparent; white-space: nowrap;}
.casos-filtro__list li:hover {background-color: transparent;border: solid 1px var(--morado);}
.casos-filtro__list .active, .casos-filtro__list .active:hover{background-color: var(--lila); color: var(--morado);border-color: var(--lila);}

.home .casos-grid__wrapper{gap: var(--m); grid-template-columns: repeat(6, 1fr);}
.home .casos-grid__wrapper .caso-card{grid-column: span 2;}
.home .casos-grid__wrapper .caso-card:nth-child(4){grid-column: 2 / span 2;}
.home .casos-grid__wrapper .caso-card:nth-child(5){grid-column: 4 / span 2;}
.casos-grid__wrapper{display: grid; gap: var(--xl) var(--l);grid-template-columns:repeat(2, 1fr);margin-bottom: var(--xxl);width: 100%;}
.seccion-datos__dato-txt{text-wrap: balance;width: 120px;display: block;margin-top: var(--m); font: var(--sans-400-21);}
.seccion-datos__dato-numero{display: flex}

.caso-card a{text-decoration: none; color: inherit; display: block;}
.caso-card__figure {
    position: relative;
    width: 100%;
    aspect-ratio: 16/9;
    overflow: hidden;
    border-radius: var(--m);
}

.caso-card__thumb, .caso-card__hover {position: absolute;inset: 0;background-size: cover;background-position: center;transition: all 0.6s ease-in-out;
}
.caso-card__thumb::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: rgba(27,28,63,0.325);
    z-index: 2;
}
.caso-card__thumb {
    display: block;
    width: 100%;
    height: auto;
}

.caso-card__hover {
    opacity: 0;
    z-index: 2;
}

.caso-card:hover .caso-card__hover {
    opacity: 1;
}

.caso-card__logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    max-width: 10rem;
    height: auto;
}

.caso-card__content{display: flex; justify-content: space-between;margin-top: var(--m);gap: var(--l);text-wrap: pretty;}
.caso-card__text h3{font: var(--sans-600-21)}
.caso-card__text p{font: var(--sans-400-16);margin-top: var(--s);color: var(--morado-claro);}
.caso-card__arrow{width: 36px;min-width: 36px ;height: 36px ; border: solid 1px var(--gris);border-radius: 999rem;display: flex; align-items: center; justify-content: center;background-color: white;}
.caso-card__arrow img{height: 24px; width: auto;}



/* CASO DE ÉXITO */
.casosdeexito__relacionados{align-items: center;}
.casosdeexito__relacionados-txt{display: flex;justify-content: space-between;align-items: center;text-align: center;}
.casosdeexito__relacionados-titulo{font: var(--sans-400-30);text-wrap: pretty}
.casosdeexito__relacionados-titulo span{font-family: 'Cooper';font-style: italic;color: var(--lila);}
.casosdeexito__relacionados-btn{background-color: var(--morado); color: var(--blanco); width: fit-content;}
.casosdeexito__relacionados-btn:hover{color: var(--morado);background-color: var(--lila);border-color:var(--lila) ;}


.casodeexito__content{max-width: 1200px;margin: 0 auto;padding: var(--xxl);flex-direction: column; gap: var(--m);}
.casodeexito__content.seccion-inner{gap: var(--m);}
.casodeexito__content p, .casodeexito__content li{font: var(--sans-400-21); color: var(--morado);}
.casodeexito__content ul, .casodeexito__content ol{margin: var(--m) 0; list-style: circle;padding-left: var(--m);}
.casodeexito__content em{font: var(--serif-400-21);}
.casodeexito__content h4 ,.casodeexito__content h4 strong{font: var(--sans-400-21); margin-top: var(--l);margin-bottom: 0;}

/* INTRO */
.casodeexito__intro-grid{display:flex;gap:var(--xl);margin-top: var(--xxl);}
.casodeexito__intro-content,.casodeexito__intro-media{flex: 1;}
.casodeexito__intro-content h1{font: var(--sans-400-64);}
.casodeexito__entradilla{font: var(--sans-400-21);margin-top: var(--l);}
.casodeexito__tags{display:flex;flex-wrap:wrap;gap:var(--s);font: var(--sans-400-21);margin-top:var(--xxl);}
.casodeexito__tags > .btn-border,.casodeexito__tags > .btn-border:hover{border-color: var(--gris);color: var(--morado);background-color: white;}

.casodeexito__figure{position:relative;aspect-ratio: 1 / 1;}
.casodeexito__bg{width:100%;border-radius:var(--m);}
.casodeexito__logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:320px;height: auto;}

.casodeexito__reto, .casodeexito__resultado{flex-direction: column;gap: var(--l); margin-top: var(--xl);}
.casodeexito__resultado{margin-top: var(--xxl);}
.casodeexito__reto h3, .casodeexito__resultado h3{font: var(--sans-600-21);text-transform: uppercase; color: var(--naranja);}
.casodeexito__texto{font: var(--sans-400-21);}
.casodeexito__checks {margin-top: var(--l);display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--s);font: var(--sans-400-21);}
.casodeexito__checks li , .apartado-titulo{position: relative;padding-left: var(--l);margin-top: var(--xs);}
.casodeexito__checks li::before, .apartado-titulo::before {content: "";position: absolute;left: 0;width: 24px;height: 24px;background-image: url("/wp-content/themes/innovayaccion-theme/img/check.svg");background-size: contain;background-repeat: no-repeat;}

.casodeexito__slider{position:relative;overflow:hidden;}
.slider{position:relative;border-radius: var(--m);overflow: hidden;}
.slide{display:none;}
.slide.active{display:block;}
.slide img{width:100%;aspect-ratio:16/9;object-fit:cover;}

.casodeexito__slider {position: relative;width: 1200px;aspect-ratio: 16 / 9;overflow: hidden;margin-top: var(--xxl);}
.casodeexito__slider-wrapper {display: flex;height: 100%;transition: transform 0.6s ease;}
.casodeexito__slide {min-width: 100%;height: 100%;}
.casodeexito__slide img {width: 100%;height: 100%;object-fit: cover;}

.casodeexito__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    background: var(--blanco);
    border: 1px solid var(--gris);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999rem;
}

.casodeexito__arrow img {width: 24px;}
.casodeexito__arrow--prev {left: var(--m);transform: translateY(-50%) rotate(180deg);background-color: white;}
.casodeexito__arrow--next {right: var(--m);background-color: white;}
.casosdeexito__relacionados{flex-direction: column;padding: var(--xxl) 0}
.casosdeexito__relacionados > .relacionados__grid{padding:0  ;}
.casosdeexito__relacionados .relacionados__grid .caso-card__content , .seccion-casosexito-inner .casos-grid__wrapper .caso-card__content {display: none;}
.caso-card{flex: 1;}


/* MEMBRESIA */
.membresia-intro {
    display: flex;
    gap: var(--xl);
    flex-wrap: wrap;
    margin-bottom: var(--xxl);
    margin-top: var(--xxl);
}
.membresia-intro__col {flex: 1 1 50%;}

.membresia-intro__titulo {font: var(--sans-600-21); color: var(--naranja); text-transform: uppercase;margin-bottom: var(--l);}
.membresia-intro__entradilla {font: var(--sans-400-30);text-wrap: balance;}
.membresia-intro__entradilla span{color: var(--naranja);font-family: 'Cooper';font-style: italic;}
.membresia-intro__cuerpo {font: var(--sans-400-21);}

.membresia-modalidades {flex-direction: column; margin-top: var(--xxl);align-items: center;margin-bottom: var(--xxl);}
.membresia-modalidades__titulo {font: var(--sans-400-21);text-align: center;}
.membresia-modalidades__titulo strong{font: var(--sans-600-21);}
.membresia-modalidades__cards{display: flex; gap: var(--l);}
.membresia-modalidad-card{border: solid 1px var(--naranja);border-radius: var(--m);overflow: hidden;height: calc(600.3px + 51.2px);}
.modalidad{font: var(--sans-600-16);text-transform: uppercase;padding: var(--m) var(--l); background-color: var(--morado);color: var(--blanco);}
.modalidad-titulo{height: 64px; width: auto;;margin-top: var(--m); margin-bottom: var(--m);}
.modalidad-container{padding: var(--l);background-color: white;}

.modalidad-precioypago{display: flex; gap: var(--s);align-items: end; border-bottom: 1px solid var(--crema);padding-bottom: var(--m);margin-bottom: var(--m);}
.modalidad-precio {font: var(--sans-600-21);}
.modalidad-precio::after{content: '€';padding-left: var(--xs);}
.modalidad-pago {font: var(--sans-400-16);}

.modalidad-container-crema{background-color: var(--crema); border-radius: var(--m);padding: var(--l);height: 312px;}

.apartado-titulo{color: var(--naranja);font: var(--sans-400-16);padding-left: calc(var(--m) + var(--s));margin-bottom: var(--s);}
.apartado-titulo::before{height: 16px; width: 16px;margin-top: 1.25px;}
.apartado-texto{font: var(--sans-400-16); margin-bottom: var(--l);}

.membresia-modalidades >.btn ,.somosfundacion-principios .btn{width: fit-content;;background-color: var(--morado); color: var(--blanco);}
.membresia-modalidades >.btn:hover ,.somosfundacion-principios .btn:hover{background-color: var(--lila);color: var(--morado);border-color: var(--lila);}


.membresia-comofunciona {background-color: var(--crema);counter-reset: paso;}
.membresia-comofunciona-container{flex-direction: column;padding: var(--xxl) 0;}
.membresia-comofunciona__titulo{font: var(--sans-400-30);}
.membresia-comofunciona__apartados{display: flex;}
.membresia-comofunciona__apartado {flex: 1;}
.comofunciona-apartado h3{font: var(--sans-400-21); color: var(--naranja);   display: flex;align-items: center;gap: var(--s);counter-increment: paso;margin-bottom: var(--m);}
.comofunciona-apartado h3::before {content: counter(paso);width: 24px;height: 24px;border-radius: 999rem;border: 1px solid var(--naranja);color: var(--naranja);display: flex;align-items: center;justify-content: center;font: var(--sans-400-16);flex-shrink: 0;}
.comofunciona-apartado p{font: var(--sans-400-21);}

.membresia-preguntasfrecuentes{background-color: var(--crema);}
.membresia-preguntasfrecuentes-container{flex-direction: column;padding-bottom: var(--xxl);}
.membresia-preguntasfrecuentes__titulo{text-transform: uppercase; font: var(--sans-600-21); color: var(--naranja);margin-top: var(--xxl);}

.relacionados.formaciones-membresia{background-color: var(--blanco)}
.relacionados.formaciones-membresia h2{text-align: center;}
.relacionados.formaciones-membresia .agenda-card__titulo{color: var(--morado);}

.faq-wrapper,.faq-item{display: flex;flex-direction: column;}
.faq-item,.faq-question{flex: 1}
.faq-item{border-bottom: 1px solid var(--gris);}
.faq-question{display: flex;justify-content: space-between;align-items: center;border: none;background-color: transparent;padding: var(--m) 0; font: var(--sans-400-21);text-align: start;}
.faq-arrow{height: 24px;width: 24px;transform: rotate(90deg);background-color: var(--blanco); border-radius: 999rem; border: solid 1px var(--gris);transition: all .3s ease-in-out;background-color: white;}
.faq-item.active .faq-arrow {transform: rotate(270deg);}
.faq-answer{font: var(--sans-400-16);padding: var(--l) 0;justify-content: end;}
.faq-answer p{width: 50%;}



/* SOMOS FUNDACION */
.somosfundacion-intro{margin-top: var(--xxl);padding-top: var(--xxl);}
.somosfundacion-intro__contenido, .somosfundacion-principios__txt ,.somosfundacion-somos__txt{display: flex;gap: var(--xl);}
.somosfundacion-intro__contenido .col,.somosfundacion-hacemos .col {flex: 1;}
.somosfundacion-intro__contenido h1{font: var(--sans-600-21);color: var(--naranja);margin-bottom: var(--m);}
.somosfundacion-intro__contenido .col-1 p{font: var(--sans-400-30);}
.somosfundacion-intro__contenido .col-1 p span{font-style: italic;font-family: 'Cooper';}
.somosfundacion-intro__contenido .col-2 p{font: var(--sans-400-21);}

.somosfundacion-hacemos,.somosfundacion-activacion{margin-top: var(--xl);margin-bottom: var(--xl);}
.somosfundacion-hacemos .col-1 h2{font: var(--sans-600-21); color: var(--naranja); text-transform: uppercase;margin-bottom: var(--l);}
.somosfundacion-hacemos .col-1 p{font: var(--sans-400-30)}
.somosfundacion-hacemos .col-1 p span{font-style: italic;font-family: 'Cooper'; color: var(--naranja);}
.somosfundacion-hacemos .col-2 p{font: var(--sans-400-21)}

.somosfundacion-activacion{align-items: center;text-align: center;}
.somosfundacion-activacion__header{display: flex;flex-direction: column;align-items: center;gap: var(--l);width: 100%;margin-bottom: var(--xxl);}
.somosfundacion-activacion h2{font: var(--sans-400-64);text-wrap: balance;width: 640px;}
.somosfundacion-activacion h2 span{font-style: italic;font-family: 'Cooper';color: var(--naranja);}
.somosfundacion-activacion__header p{font: var(--sans-400-21);width: 640px;}

.movimientos{width: 100%;margin-bottom: var(--xxl);}
.movimientos__cols{display: flex;align-items: stretch;width: 100%;gap: 0;}
.movimientos__col{flex: 1;display: flex;flex-direction: column;gap: var(--xxl);text-align: left;}
.movimientos__col--right{margin-top: calc(var(--xxl) * 2);}
.movimientos__divider-wrapper{flex-shrink: 0;align-self: stretch;display: flex;flex-direction: column;align-items: center;margin: 0 var(--xl);}
.movimientos__divider-logo{width: 48px;height: auto;flex-shrink: 0;margin-bottom: var(--l);}
.movimientos__divider{flex: 1;width: 6px;background-color: var(--gris);border-radius: 999rem;position: relative;}
.movimientos__divider-fill{position: absolute;top: 0;left: 0;width: 100%;height: 0%;background-color: var(--naranja);border-radius: 999rem;}
.movimiento-card{display: flex;flex-direction: column;gap: var(--m);}
.movimiento-card > img{width: 48px;height: 48px;object-fit: contain;flex-shrink: 0;}
.movimiento-titulo{font: var(--serif-400-30);font-style: italic;}
.movimiento-label{font: var(--sans-600-16);text-transform: uppercase;opacity: .6;}
.movimiento-card p{font: var(--sans-400-21);text-wrap: pretty;}

.somosfundacion-proposito {
    padding: var(--xxl);
    position: relative;
    overflow: hidden;
    display: flex;
}

.somosfundacion-proposito__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(1);
    z-index: 0;
}

.somosfundacion-proposito .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--morado);
    opacity: 0.5;
    z-index: 1;
}

.somosfundacion-proposito .seccion-inner {
    flex-direction: column;
    align-items: center;
    color: var(--blanco);
    width: 800px;
    text-align: center;
    gap: var(--l);
    z-index: 9;
    position: relative;
}

.somosfundacion-proposito h2{font: var(--sans-400-30);margin-bottom: var(--l);}
.somosfundacion-proposito h2 span{color: var(--lila);font-style: italic;font-family: 'Cooper';}
.somosfundacion-proposito p{font: var(--sans-400-30);color: var(--crema);text-wrap: balance;}
.somosfundacion-proposito p:last-of-type{font: var(--sans-400-21);text-wrap: balance;margin-bottom: var(--l);}
.somosfundacion-proposito .btn{background-color: transparent;border-color: var(--lila);color: var(--lila); align-items: center; display: flex; gap: var(--m);position: relative;}
.somosfundacion-proposito .btn .btn-icon{height: 24px ;width: 24px;}
.somosfundacion-proposito .btn-border{background-color: transparent; border: solid 1px var(--lila);}
.somosfundacion-proposito .btn-border:hover{background-color: var(--lila); border: solid 1px transparent; color: var(--morado);}
.somosfundacion-activacion,.somosfundacion-somos>.seccion-inner{flex-direction: column;}
.somosfundacion-equipo .equipo-cards {grid-template-columns: repeat(2, 1fr);}
.somosfundacion-equipo .equipo-cards .equipo-fotografia{aspect-ratio: 1/1}
.somosfundacion-equipo{background-color: var(--morado); padding: var(--xxl) 0;margin-bottom: var(--xxl);}
.somosfundacion-equipo .seccion-inner{flex-direction: column;}
.equipo-titulo{font: var(--sans-400-30); color: var(--blanco);text-wrap: balance;width: 320px;}
.equipo-titulo span{font: var(--serif-400-30);color: var(--lila);font-style: italic;}
.equipo-cards{display: grid;grid-template-columns: repeat(3, 1fr);column-gap: var(--l);row-gap: var(--xl);}
.equipo-fotografia{aspect-ratio: 3/4;border-radius: var(--m); overflow: hidden;width: 100%;height: auto;object-fit: cover;}
.equipo-card{height: fit-content;}
.equipo-nombre-link{color: var(--naranja); font: var(--sans-600-21);display: flex; align-items: center; justify-content: space-between;margin-top: var(--m);}
.equipo-linkedin{height: 24px; width: auto;}
.equipo-cargo{font: var(--sans-400-16); color: var(--blanco);margin-top: var(--s);text-wrap: balance;}


.somosfundacion-principios__txt-titulo {font: var(--sans-400-30);}
.somosfundacion-principios__txt-titulo span{font-style: italic;font-family: 'Cooper'; color: var(--naranja);}
.somosfundacion-principios__txt-entradilla{font: var(--sans-400-21);}

.somosfundacion-principios_cards {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(2, 1fr);gap: var(--m);}
.somosfundacion-principios{flex-direction: column;margin-bottom: var(--xxl);margin-top: var(--xxl);}
.somosfundacion-principios__txt-entradilla, .somosfundacion-principios__txt-titulo{flex: 1;}

.principio-card{padding: var(--m); border-radius: var(--m); border: solid 1px var(--gris);background-color: white;display: flex;flex-direction: column;justify-content: flex-start;}
.principio-card .principio-icon{height: 48px;width: 48px;border-radius: 999rem; background-color: transparent;display: flex; align-items: center;justify-content: center;margin: 0;}
.principio-card .principio-icon img{height: 24px;width: auto;}
.principio-card h3{font: var(--sans-600-21);margin-top: var(--m);margin-bottom: var(--s);}
.principio-card p{font: var(--sans-400-16);}
.somosfundacion-principios .btn{width: fit-content;}

.somosfundacion-somos{padding: var(--xxl) 0;background-color: var(--crema);}
.somosfundacion-somos__txt{margin-bottom: var(--xxl);}
.somosfundacion-somos__txt .col {flex: 1;}
.somosfundacion-somos__txt h2{font: var(--sans-400-30);margin-bottom: var(--xl);}
.somosfundacion-somos__txt h2 span{font-style: italic;font-family: 'Cooper'; color: var(--naranja);}
.somosfundacion-somos__txt p{font: var(--sans-400-21);margin-bottom: var(--xl);}
.somosfundacion-somos__txt img{object-fit: cover; aspect-ratio: 1/1; border-radius: var(--m); overflow: hidden;}

.somosfundacion-somos__colaboradores .alianza-logo{background-color: var(--blanco);border-color: var(--crema-oscuro);}

/* CONTACTO */
.contacto-intro{margin-top: calc(var(--xxl) * 2);margin-bottom: calc(var(--xxl) * 2);}
.contacto-col--logo img{max-width: 360px;height: auto;}
.contacto-titulo{font: var(--sans-600-21);color: var(--naranja); text-transform: uppercase;margin-bottom: var(--m);}
.contacto-titulo:last-of-type{margin-top: var(--xl);}
.contacto-datos{display: flex; flex-direction: column; gap: var(--s);}
.contacto-datos__mail,.contacto-datos__tlf{font: var(--sans-400-21);}
.contacto-datos__mail{text-decoration: underline; color: var(--morado)}
.contacto-horario__txt1{font: var(--sans-400-21);}
.contacto-horario__txt2{font: var(--sans-400-16); color: var(--morado-claro);margin-top: var(--m);}

.contacto-ubicacion{background-color: var(--crema);}
.contacto-ubicacion__info{display: flex;flex-direction: column; justify-content: center;gap: var(--m);}
.contacto-ubicacion__info h2{font: var(--sans-400-30);}
.contacto-ubicacion__info h2 span{font-style: italic;font-family: 'Cooper';}
.contacto-ubicacion__info p{font: var(--sans-400-21);}
.contacto-ubicacion-container {gap: 0;}
.google-maps {position: relative;overflow: hidden;}
.google-maps iframe {filter: grayscale(100%);}
.map-overlay {position: absolute;inset: 0;background: linear-gradient(to left, rgba(255, 248, 232, 1) 0%, rgba(255, 248, 232, 0) 66%);pointer-events: none;}

/* hackathones */
.page-hackathones{padding: 0;}
.hackathones-hero {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.hackathones-hero__img {aspect-ratio: 21 / 9;width: 100%;object-fit: cover;filter: grayscale(1);}

.hackathones-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--lila);
    opacity: 0.5;
    pointer-events: none;
    z-index: 1;
}

.hackathones-hero__title h1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    text-align: center;
    font: var(--sans-600-64);
}

.hackathones-datos{background-color: var(--crema);padding: var(--xl) 0;}
.hackathones-datos__flex, .hackathones-intro__grid, .hackathones-amedida__grid{display: flex; gap: var(--xxl);}
.hackathones-dato, .hackathones-intro__col{flex: 1;}
.hackathones-dato h2::before{content: '+';}
.hackathones-dato h2{font: var(--sans-400-64); color: var(--naranja);}
.hackathones-dato p{font: var(--sans-400-21);margin-top: var(--m);}
.seccion-hackathones-intro{padding: var(--xxl) 0;}
.hackathones-intro__titulo{font: var(--sans-400-30);}
.hackathones-intro__titulo span{font: var(--serif-400-30); font-style: italic; color: var(--lila); text-wrap: balance;}
.hackathones-intro__texto,.hackathones-amedida__texto{font: var(--sans-400-21); margin-top: var(--l);text-wrap: pretty;}
.hackathones-intro__links{margin-top: var(--xxl);display: flex; gap: var(--m);}
.hackathones-intro__links .btn{background-color: var(--morado);color: var(--blanco);}
.hackathones-intro__links .btn--secondary{background-color: var(--crema);color: var(--morado);}

.hackathones-intro__links .btn , .seccion-hackathones-amedida .btn{background-color: var(--morado);color: var(--blanco);}
.hackathones-intro__links .btn--secondary{background-color: var(--crema);color: var(--morado);}
.hackathones-intro__links .btn:hover , .seccion-hackathones-amedida .btn:hover{background-color: var(--lila);color: var(--morado);border-color: transparent;}
.hackathones-intro__links .btn--secondary:hover{background-color: var(--lila);color: var(--morado); border-color: transparent;}
.hackathones-intro__img img , .hackathones-amedida__img img , .img {aspect-ratio: 3/4; object-fit: cover; border-radius: var(--m); overflow: hidden;}

.seccion-hackathones-separador{background-color: var(--morado); color: var(--crema);padding: var(--xxl) 0;}
.hackathones-separador__texto{font:var(--sans-400-64);max-width: 50%;}
.hackathones-separador__texto span{font:var(--serif-400-64);font-style: italic;}
.seccion-hackathones-como{display: flex;}

.seccion-hackathones-como{padding: var(--xxl) 0; background-color: var(--crema);}
.hackathones-como__titular{color: var(--naranja); font: var(--sans-600-21); text-transform: uppercase;}
.seccion-hackathones-como > .seccion-inner{flex-direction: column; gap: var(--l);}
.hackathones-como__titulo{font: var(--sans-400-30);max-width: 33%;}
.hackathones-como__titulo span{font: var(--serif-400-30); font-style: italic; color: var(--naranja);}
.hackathones-como__grid{display: grid; grid-template-columns: repeat(2, 1fr);gap: var(--xl);margin-top: var(--xxl);}
.hackathones-como__icono{height: 36px; width: auto;}
.hackathones-como__texto{margin-top: var(--m);font: var(--sans-400-21);max-width: 75%;text-wrap: pretty;}
.seccion-hackathones-amedida{padding: var(--xxl) 0;}
.hackathones-amedida__titulo{font: var(--sans-400-30);text-wrap: balance;}
.hackathones-amedida__titulo span{font: var(--serif-400-30); color: var(--lila);}
.hackathones-amedida__texto{margin-bottom: var(--xxl);}

.hackathones-quien{background-color: var(--blanco);}
.faq-question__tipo-descripcion{text-align: start;}
.faq-description{color: var(--morado-claro); font: var(--sans-400-16);margin-top: var(--s);}

.relacionados{background-color: var(--morado);padding: var(--xxl);}
.relacionados h2{padding-bottom: var(--m); color: var(--naranja); font: var(--sans-600-21);border-bottom: 1px solid var(--gris);text-transform: uppercase;width: 100%;}
.relacionados .agenda-card__titulo{color: var(--blanco);}

/* HACKATHON AGENDA */
.hackathon-agenda-hero .seccion-inner{flex-direction: column;gap: var(--m);}
.hackathon-agenda-hero {padding: var(--xxl) 0;}
.hackathon-agenda-hero__fecha{text-transform: uppercase; font: var(--sans-600-21);}
.hackathon-agenda-hero__titulo {font: var(--sans-400-64);}
.hackathon-agenda-hero__entradilla{font: var(--sans-400-21);margin-bottom: var(--l);}
.hackathon-agenda-hero .btn, .hackathon-agenda-hero__btn{width: fit-content; background-color: var(--morado); color: var(--blanco);}
.hackathon-agenda-hero .btn:hover, .hackathon-agenda-hero__btn:hover{background-color: var(--lila); color: var(--morado);border-color: transparent;}

.hackathon-agenda-nav{display: flex;align-items: center; justify-content: center;}
.hackathon-agenda-nav__inner{padding: var(--l) 0; width: 1200px;}
.hackathon-agenda-nav__logo{height: 36px;width: auto;}
.hackathon-agenda-nav__inner, .hackathon-agenda-nav__menu{display: flex; justify-content: space-between;gap: var(--l);align-items: center;}
.hackathon-agenda-nav__menu a{color: var(--blanco); text-decoration: none; font: var(--sans-400-16);}

.hackathon-agenda-quees{padding: var(--xxl) 0;}
.hackathon-agenda-quees .seccion-inner{flex-direction: column;}
.hackathon-agenda-quees .intro{display: flex; gap: var(--xxl);}
.hackathon-agenda-quees .intro .col{flex: 1;}
.hackathon-agenda-quees .intro h2{font: var(--sans-400-30);margin-bottom: var(--l);}
.hackathon-agenda-quees .intro .texto{font: var(--sans-400-21)}
.hackathon-agenda-quees__experiencia{justify-content: center;display: flex; flex-direction: column;align-items: center;}
.hackathon-agenda-quees__experiencia h3{text-align: center; font: var(--sans-400-30);margin-bottom: var(--l);margin-top: var(--xl);}
.hackathon-agenda-quees__experiencia h3 span{font-style: italic;font-family: 'Cooper';}

.experiencia-cards {display: flex;gap: var(--m);align-items: center; justify-content: center; width: 100%;}
.hackathon-agenda-quees__experiencia .btn{margin-top: var(--xl);}
.experiencia-card {width: 100%;aspect-ratio: 1 / 1;overflow: hidden;border-radius: var(--m);position: relative;max-width: 420px;}
.experiencia-card__image {position: absolute;inset: 0;width: 100%;height: 100%;}
.experiencia-card__image img.experiencia-imagen {width: 100%;height: 100%;object-fit: cover;display: block;filter: grayscale(1);}
.experiencia-card__image .overlay {position: absolute;inset: 0;mix-blend-mode: multiply;opacity: 0.66;}
.experiencia-card__content {position: absolute;z-index: 2;color: var(--blanco);padding: var(--m); font: var(--sans-400-30);inset: 0;display: flex; align-items: end;text-wrap: balance;width: 75%;line-height: 1;}

.hackathon-agenda-equipo , .hackathon-agenda-agenda{padding: var(--xxl) 0;}
.hackathon-agenda-equipo .seccion-inner {flex-direction: column;}
.hackathon-agenda-equipo .equipo-nombre-link , .hackathon-agenda-equipo .equipo-titulo span{color: var(--blanco);}

.hackathon-agenda-agenda .seccion-inner{flex-direction: column;align-items: center;}
.hackathon-agenda-agenda{text-align: center;}
.hackathon-agenda-agenda h2{font: var(--sans-400-64);}
.hackathon-agenda-agenda .agenda-entradilla{width: 50%; font: var(--sans-400-21);text-wrap: pretty;}
.hackathon-agenda-agenda .agenda-lista{width: 100%;text-align: start;}
.hackathon-agenda-agenda .agenda-item{border-bottom: 1px solid var(--gris); padding: var(--m) 0;display: flex;width: 100%;gap: var(--m);align-items: center;}
.hackathon-agenda-agenda .agenda-hora{width: 60px; font: var(--sans-600-21);}
.hackathon-agenda-agenda .agenda-acto{flex: 1; font: var(--sans-400-21);}
.hackathon-agenda-agenda .agenda-participantes{gap: var(--s);display: flex;}
.hackathon-agenda-agenda .agenda-participante{font: var(--sans-400-16);padding: .375rem 0.625rem;border-radius: 999rem;}
.hackathon-agenda-agenda .agenda-item h3, .hackathon-agenda-agenda .agenda-item p{flex: 1;}

.hackathon-agenda-agenda__container{display: flex; gap: var(--xxl);text-align: start;}
.hackathon-agenda-agenda__container img, .hackathon-agenda-agenda__container div{flex: 1;}
.hackathon-agenda-agenda__container .agenda-titulo{font: var(--sans-400-30);text-wrap: balance;}
.hackathon-agenda-agenda__container .agenda-texto{margin-top: var(--l); font: var(--sans-400-21);}

.hackathon-agenda-objetivos{padding: var(--xxl) 0; color: var(--blanco);}
.hackathon-agenda-objetivos .seccion-inner{flex-direction: column;}
.hackathon-agenda-objetivos .titulo{width: 100%; font: var(--sans-600-21); text-transform: uppercase; padding: var(--s) 0; border-bottom: 1px solid var(--blanco);}
.hackathon-agenda-objetivos__cards{display: grid; gap: var(--xl); grid-template-columns: repeat(2, 1fr);}
.hackathon-agenda-objetivo-card{display: flex; gap: var(--m);}
.hackathon-agenda-objetivo-card__icono{width: 48px; height: 48px; border-radius: 999rem; background-color: var(--blanco);display: flex; align-items: center; justify-content: center;min-width: 48px}
.hackathon-agenda-objetivo-card__icono img{max-width: 24px;width: auto; height: 24px; object-fit: contain;}
.hackathon-agenda-objetivo-card__contenido h3{font: var(--sans-400-30); margin-bottom: var(--m);}
.hackathon-agenda-objetivo-card__contenido p{font: var(--sans-400-21);}

.hackathon-agenda-inscripciones{padding: var(--xxl) 0;}
.hackathon-agenda-inscripciones .seccion-inner{flex-direction: column;}
.hackathon-agenda-inscripciones h2{text-align: center; font: var(--sans-400-30);}
.hackathon-agenda-inscripciones__cards{display: flex; gap: var(--l);justify-content: center;}
.hackathon-agenda-ticket-card{flex: 1;border-radius: var(--m);overflow: hidden;max-width: 400px;}
.hackathon-agenda-ticket-card__nombre{width: 100%; font: var(--sans-600-16); text-transform: uppercase; color: var(--blanco);padding: var(--s) var(--l);}
.hackathon-agenda-ticket-card__dirigido{padding: 0 var(--l);font: var(--sans-400-30); text-wrap: balance;width: 66%;margin-bottom: var(--s);margin-top: var(--l);}
.hackathon-agenda-ticket-card__precio{padding: 0 var(--l);display: flex;justify-content: center;align-items: end;margin-top: var(--m);}
.hackathon-agenda-ticket-card__precio img{height: 36px; width: auto;}
.hackathon-agenda-ticket-card__precio span{font: var(--sans-600-30);margin-left: auto;}
.hackathon-agenda-ticket-card__precio span::after{content: '€';}
.hackathon-agenda-ticket-card__condicion { padding: var(--m); border-top: 1px solid var(--gris); font: var(--sans-400-16); margin: 0 var(--l);margin-top: var(--l)}

.hackathon-agenda-powered .seccion-inner{align-items: center; justify-content: center;}
.seccion-powered__titulo{text-transform: uppercase; font: var(--sans-600-16);}

/* CATEGORY */
.category-intro  {flex-direction: column; gap: var(--m) }
.main-category .seccion-agenda--grid .seccion-agenda__cards{gap:  var(--xl) var(--l)}
.main-category .seccion-agenda{padding: 0;}
.category-intro__titulo { font: var(--sans-400-64); text-wrap: balance; text-align: center;}
.category-intro__desc { font: var(--sans-400-21); text-wrap: pretty; max-width: 720px; }
.category-paginacion { display: flex; align-items: center; justify-content: center; gap: var(--l); padding: var(--xxl) 0; align-self: center; }
.category-paginacion__arrow { width: 24px; height: 24px; border: 1px solid var(--gris); border-radius: 999rem; display: flex; align-items: center; justify-content: center; background-color: var(--blanco); text-decoration: none; transition: all .3s ease-in-out; flex-shrink: 0; }
.category-paginacion__arrow:not(.category-paginacion__arrow--disabled):hover { background-color: var(--morado); border-color: var(--morado); }
.category-paginacion__arrow:not(.category-paginacion__arrow--disabled):hover img { filter: brightness(0) invert(1); }
.category-paginacion__arrow--prev img { transform: rotate(180deg); }
.category-paginacion__arrow--disabled { opacity: 0.3; pointer-events: none; }
.category-paginacion__info { font: var(--sans-400-16); color: var(--morado-claro); min-width: 5rem; text-align: center; }

/* MODO ON */
.modo-on-intro{padding: var(--xxl) 0;}
.modo-on-intro__titulo img{max-width: 320px; height: auto;}
.modo-on-intro__titulo, .modo-on-intro__contenido{flex: 1;}
.modo-on-intro__contenido p{font: var(--sans-400-21);margin-bottom: var(--m);text-wrap: pretty;}

.modo-on{background-color: var(--crema);}


.legal-main h1{font: var(--sans-400-64);}
.legal-main .blog-post__contenido{width: auto;}
.legal-main .blog-post__contenido p{margin: var(--m) 0;}
.legal-main li {margin-top: var(--l) ; margin-bottom: var(--m);}
.legal-main ul , .legal-main ol {list-style:circle;padding-left: var(--m);}

























/* AGENDA (home) */
.progress-indicator__icon{display: none;}
.seccion-agenda { padding: var(--xxl) 0; margin-bottom: -1px;}
/* NEWSLETTER */
.llamada-newsletter { margin: calc(var(--xxl) * 2) 0; }
.seccion-newsletter { background-color: var(--lila); border-radius: 24px; display: flex; gap: var(--xxl); align-items: start; padding: var(--l) !important;}
.newsletter__left { flex: 0 0 42%; }
.newsletter__titulo { font: var(--sans-400-64); color: var(--morado); }
.newsletter__titulo span { font-family: 'Cooper'; font-style: italic; }
.newsletter__desc { font: var(--sans-400-21); color: var(--morado); margin-top: var(--m); max-width: 400px; }
.newsletter__right { flex: 1; align-items: end;}
#sib-container { background-color: transparent !important; border: none !important; max-width: 100% !important; border-radius: 0 !important; padding: 0 !important; text-align: left !important; }
#sib-form { display: flex; flex-direction: column; gap: var(--m); }
#sib-form .sib-form-block, #sib-form .sib-input { padding: 0 !important; }
.newsletter__input { width: 100% !important; background: var(--blanco) !important; border: 1px solid var(--gris) !important; border-radius: 100px !important; padding: 16px 24px !important; font: var(--sans-400-21) !important; color: var(--morado) !important; outline: none !important; box-shadow: none !important; }
.newsletter__input::placeholder { color: var(--gris) !important; }
.newsletter__check-label { display: flex !important; align-items: center !important; gap: var(--s) !important; cursor: pointer; margin-left: var(--s);}
.newsletter__checkbox { display: flex !important; align-items: center !important; justify-content: center !important; width: 16px !important; height: 16px !important; min-width: 16px !important; flex-shrink: 0 !important; border-radius: 4px !important; border: 1px solid var(--morado) !important; background: transparent !important; }
.newsletter__checkbox::before { content: '' !important; display: block !important; width: 8px !important; height: 8px !important; border-radius: 2px !important; background: transparent !important; transition: background .2s !important; }
.newsletter__check-label input:checked ~ .newsletter__checkbox::before { background: var(--morado) !important; }
.seccion-newsletter .sib-form-block:last-of-type{display: flex; justify-content: end;}
.newsletter__check-label input{display: none;}
.form__entry.entry_mcq{margin-left: var(--m);margin-top: var(--m);}

.newsletter__check-text { font: var(--sans-400-16); color: var(--morado);}
.newsletter__check-text a { color: var(--morado) !important; text-decoration: underline !important; }
.newsletter__btn { background-color: var(--morado) !important; color: var(--blanco) !important; border-radius: 100px !important; padding: .75rem 2rem !important; font: var(--sans-400-21) !important; border: none !important; cursor: pointer !important; width: fit-content !important; text-align: center !important; margin-top: var(--l) !important; }
.newsletter__msg { padding: 12px 16px !important; border-radius: 8px !important; margin-bottom: var(--s) !important; font: var(--sans-400-16) !important; background-color: transparent !important; border-color: transparent !important; }
.newsletter__msg--error { background: #ffeded !important; color: #661d1d !important; border: 1px solid #ff4949 !important; }
.newsletter__msg--success { background: #e7faf0 !important; color: #085229 !important; border: 1px solid #13ce66 !important; }
#sib-container .entry__error { background: transparent !important; border: none !important; color: var(--morado) !important; font:var(--sans-400-16); padding: 4px 8px !important; opacity: .5; }

.newsletter__msg--error, .newsletter__msg--success{border: none !important; font: var(--sans-400-21); color: var(--morado) !important; background-color: transparent !important;opacity: .5 !important;}
.sib-form-message-panel{margin-top: var(--l) !important;}

/* FORM CONTACTO */
.seccion-contacto { position: relative; display: flex; justify-content: center; align-items: center; padding: var(--xxl) var(--l); }
.seccion-contacto::before { content: ''; position: absolute; inset: 0; background-image: var(--fc-bg); background-size: cover; background-position: center; background-repeat: no-repeat; filter: grayscale(1); z-index: 0; }
.seccion-contacto::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, var(--crema), transparent), rgba(255, 248, 232, 0.5); pointer-events: none; z-index: 1; }
.form-contacto { position: relative; z-index: 2; background-color: var(--crema); border-radius: 24px; padding: var(--xl) var(--l); max-width: 640px; width: 100%;}
.form-contacto__titulo { font:var(--serif-400-64); color: var(--naranja); margin-bottom: var(--m); text-align: center; }
.form-contacto__desc { font: var(--sans-400-21); color: var(--morado); text-align: center; margin-bottom: var(--xl); }

/* CF7 base reset */
.form-contacto .wpcf7 form { display: flex; flex-direction: column; gap: var(--m); }
.form-contacto .wpcf7 p { margin: 0; }
.form-contacto .wpcf7 br { display: none; }

/* inputs comunes */
.form-contacto .wpcf7 input[type="text"],
.form-contacto .wpcf7 input[type="email"],
.form-contacto .wpcf7 select,
.form-contacto .wpcf7 textarea { width: 100%; background: var(--blanco); border: 1px solid var(--gris); border-radius: 100px; padding: 16px 24px; font: var(--sans-400-21); color: var(--morado); outline: none; box-shadow: none; appearance: none; -webkit-appearance: none; }
.form-contacto .wpcf7 input::placeholder,
.form-contacto .wpcf7 textarea::placeholder { color: var(--gris); }
.form-contacto .wpcf7 input:focus,
.form-contacto .wpcf7 select:focus,
.form-contacto .wpcf7 textarea:focus { outline: 2px solid var(--lila); }

/* select con flecha */
.form-contacto .wpcf7 .wpcf7-form-control-wrap:has(select) { position: relative; display: block; }
.form-contacto .wpcf7 .wpcf7-form-control-wrap:has(select)::after { content: ''; position: absolute; right: 20px; top: 50%; width: 24px; height: 24px; background-image: url('img/arrow.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; transform: translateY(-50%) rotate(90deg); pointer-events: none; }
.form-contacto .wpcf7 select { cursor: pointer; }
.form-contacto .wpcf7 select option:first-child { color: var(--gris); }

/* fila dos columnas */
.form-contacto .fc-row p { display: grid; grid-template-columns: 1fr 1fr; gap: var(--m); margin: 0; }
.form-contacto .fc-row p br { display: none; }
.form-contacto .fc-row .wpcf7-form-control-wrap { display: block; }

/* textarea */
.form-contacto .wpcf7 textarea { border-radius: 16px; resize: vertical; min-height: 180px; }

/* checkbox aceptación */
.form-contacto .fc-check-label { display: flex; align-items: center; gap: var(--s); cursor: pointer; font: var(--sans-400-16); color: var(--morado); margin-top: var(--m); }
.form-contacto .wpcf7-acceptance input[type="checkbox"] { width: 16px; height: 16px; min-width: 16px; border: 1px solid var(--morado); border-radius: 4px; appearance: none; -webkit-appearance: none; background: transparent; cursor: pointer; transition: background .2s; flex-shrink: 0; }
.form-contacto .wpcf7-acceptance input[type="checkbox"]:checked { background: var(--morado); }
.form-contacto .fc-check-text a { color: var(--morado); text-decoration: underline; }

/* botón submit */
.form-contacto .wpcf7 input[type="submit"] { width: 100%; background-color: var(--morado); color: var(--blanco); border: none; border-radius: 100px; padding: 18px 32px; font: var(--sans-400-21); cursor: pointer; transition: background .3s ease; margin-top: var(--xxl); }
.form-contacto .wpcf7 input[type="submit"]:hover { background-color: var(--lila); color: var(--morado); }
.wpcf7-spinner{display: none;}

/* mensajes CF7 */
.form-contacto .wpcf7-not-valid-tip { display: block; font: var(--sans-400-16); color: var(--morado); padding: var(--m); opacity: .5; }
.form-contacto .wpcf7-response-output { font: var(--sans-400-16); border-radius: 8px; padding: 12px 16px; margin-top: var(--s) !important; margin-bottom: 0 !important; border: none !important; color: var(--morado) !important; }
.form-contacto .wpcf7-mail-sent-ok { background: transparent; color: var(--morado); border: 1px solid transparent !important; }
.form-contacto .wpcf7-mail-sent-ng,
.form-contacto .wpcf7-spam-blocked,
.form-contacto .wpcf7-validation-errors { background: transparent; color: var(--morado); border: 1px solid transparent !important; }

.seccion-blog-home__label { font: var(--sans-600-16); color: var(--naranja); text-transform: uppercase; width: 100%; text-align: center; }
.seccion-blog-home__titulo { font: var(--sans-400-64); text-wrap: balance; text-align: center;width: 100%;}
.seccion-blog-home__logo-o { width: auto; height: 83.5px; display: inline-block; vertical-align: middle;     margin-bottom: 16px; margin-right: -12px;margin-left: -12px;}
.seccion-blog-home .seccion-agenda__cards { margin-top: var(--l); }
.seccion-agenda-inner { display: flex; flex-direction: column; align-items: start; width: 1200px; margin: auto; gap: var(--m); }

.seccion-agenda__filtros-fecha { display: flex; gap: var(--s); flex-wrap: wrap; justify-content: center; }
.agenda-fecha-btn { border: solid 1px var(--crema-oscuro); padding: .75rem 2rem; color: var(--morado); font: var(--sans-400-21); border-radius: 999rem; transition: all .3s ease-in-out; background-color: transparent; cursor: pointer; }
.agenda-fecha-btn:hover { border-color: var(--morado); }
.agenda-fecha-btn.active, .agenda-fecha-btn.active:hover { background-color: var(--morado); color: var(--blanco); border-color: var(--morado); }

.agenda-filtro__list { display: flex; gap: var(--s); justify-content: start; flex-wrap: wrap; border-top: 1px solid var(--crema); width: 100%; }
.agenda-filtro__list li { cursor: pointer; border: solid 1px transparent; padding: .75rem 2rem; color: var(--morado); font: var(--sans-400-21); border-radius: 999rem; transition: all .3s ease-in-out; background-color: #ffffff; }
.agenda-filtro__list li[data-filter="hackathon-agenda"] { background-color: var(--lila); }
.agenda-filtro__list li[data-filter="encuentro-agenda"],
.agenda-filtro__list li[data-filter="agenda-encuentro"] { background-color: var(--naranja); color: var(--blanco); }
.agenda-filtro__list li[data-filter="formacion-agenda"] { background-color: var(--morado); color: var(--blanco); }
.agenda-filtro__list li[data-filter="cronica-agenda"] { background-color: var(--crema-oscuro); }
.agenda-filtro__list .active, .agenda-filtro__list .active:hover { background-color: transparent !important; color: var(--morado) !important; border-color: var(--morado); }
.agenda-filtro__list li[data-filter="all"]:not(.active) { border-color: var(--gris); }

.seccion-agenda__cards { display: flex; flex-direction: column; width: 100%; }
.agenda-card { display: flex; gap: var(--xl); padding: var(--xl) 0; border-bottom: 1px solid var(--crema-oscuro); align-items: flex-start; text-decoration: none; color: inherit; }

.agenda-card__img { position: relative; flex: 0 0 380px; aspect-ratio: 4/3; border-radius: var(--m); overflow: hidden; background-color: var(--crema); }
.agenda-card__img img { width: 100%; height: 100%; object-fit: cover; }

.agenda-card__badges { position: absolute; top: var(--m); left: var(--m); display: flex; gap: var(--s); flex-wrap: wrap; max-width: calc(100% - 2 * var(--m)); }
.agenda-card__badges .agenda-card__badge { position: static; }
.agenda-card__badge { position: absolute; top: var(--m); left: var(--m); padding: .375rem .875rem; border-radius: 999rem; font: var(--sans-400-16); background-color: var(--lila); color: var(--morado); }
.agenda-card__badge--formacion-agenda, .formacion-agenda { background-color: var(--morado); color: var(--blanco); }

.agenda-card__body { flex: 1; align-self: stretch; display: flex; flex-direction: column; justify-content: flex-start; }
.agenda-card__titulo { font: var(--sans-400-30); }
.agenda-card__fecha { font: var(--sans-400-21); color: var(--naranja); margin-top: var(--s); margin-bottom: var(--l); }
.agenda-card__desc { font: var(--sans-400-21); color: var(--morado); flex: 1; width: 87.5%; text-wrap: pretty;}
.agenda-card__lugar { font: var(--sans-400-16); color: var(--morado-claro); }
.agenda-card .btn { background-color: transparent; border: solid 1px var(--morado); color: var(--morado); width: fit-content; margin-top: var(--l); }
.agenda-card .btn:hover { background-color: var(--morado); color: var(--blanco); border-color: var(--morado); }
.seccion-agenda__btn { align-self: center; margin-top: var(--xxl);margin-bottom: var(--xxl);}

/* AGENDA grid (page-modo-on) */
.seccion-agenda--grid .seccion-agenda__cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--l); margin-top: var(--xxl); }
[class*="relacionados--"] .seccion-agenda__cards { margin-top: var(--l); }
[class*="relacionados--"] .agenda-card__titulo { color: var(--morado); }
.seccion-agenda--grid .agenda-card { flex-direction: column; border: none; padding: 0; gap: var(--s); }
.seccion-agenda--grid .agenda-card__img { flex: none; width: 100%; aspect-ratio: 4/3; }
.seccion-agenda--grid .agenda-card__body { display: flex; flex-direction: column; padding-top: var(--m); gap: var(--s); }
.seccion-agenda--grid .agenda-card__fecha { order: -1; color: var(--morado-claro); font: var(--sans-400-16); margin-top: 0; margin-bottom: 0; }
.seccion-agenda--grid .agenda-card__titulo { font: var(--sans-600-21);flex: 1; }
.seccion-agenda--grid .agenda-card__desc,
.seccion-agenda--grid .agenda-card .btn { display: none; }
.seccion-blog-home .agenda-card .btn { display: inline-block; border: 1px solid transparent; background-color: var(--lila); color: var(--morado);}
.seccion-blog-home .agenda-card .btn:hover { background-color: transparent; color: var(--morado); border: 1px solid var(--morado); }

/* cookies */
#moove_gdpr_cookie_info_bar{background-color: var(--morado) !important; border: none !important;font:var(--sans-400-16) !important}
button.mgbutton{color: var(--morado) !important;font:var(--sans-400-16) !important}
button.mgbutton.gdpr-fbo-2{color: var(--blanco) !important; border:  var(--blanco) 1px solid !important; box-shadow: none !important;font:var(--sans-400-16) !important}

/* RESPONSIVE tablet*/
@media (max-width: 1296px) {
    .seccion-inner { max-width: calc(100vw - var(--xxl)); width: calc(100vw - var(--xxl)); padding: 0; }

    :root {
        --serif-400-64: 300 3rem/.875 'Cooper', sans-serif ;
        --sans-400-64: 300 3rem/.875 'Hanken Grotesk', sans-serif;
        --sans-600-64: 600 3rem/.875 'Hanken Grotesk', sans-serif;
    }

    .seccion-blog-home__logo-o{height: 64px;margin-bottom: 16px; margin-right: -10px;margin-left: -12px;}

    .seccion-newsletter { flex-direction: column; gap: var(--xl); align-items: center;}
    .newsletter__left { flex: none; width: 100%; }
    .newsletter__desc { max-width: 100%; }
    .seccion-newsletter .sib-form-block:last-of-type{justify-content: center;}

    /* footer */
    .footer { flex-direction: column; }
    .footer > div:first-of-type { flex-direction: row; justify-content: space-between; }
    .footer-grid { margin-top: var(--xxl); }
    .footer-col li { margin-bottom: var(--m); }
    .footer-logo img{width: 240px;}

    /* home */
    .seccion-hero__img-bg .seccion-inner { padding: 0; }
    .seccion-formaciones-inner, .seccion-casosexito-inner, .seccion-video-inner { width: auto; padding: var(--xxl) var(--xl); }
    .seccion-casosexito-inner { width: auto; }
    .seccion-unete-inner { padding: var(--xxl) var(--l); gap: var(--l); }
    .seccion-formador-inner { padding: var(--xl); }
    .seccion-alianzas > .seccion-inner { padding: var(--xl); }
    .seccion-formaciones-grid { padding: var(--l); }
    .seccion-datos__dato-numero { flex: 0 0 140px; }

    /* agenda */
    .modo-on-intro { flex-direction: column; }
    .seccion-formaciones__entradilla, .hackathones-como__titulo { width: 100%; text-wrap: balance; max-width: 100%; }
    .seccion-agenda-inner { width: auto; padding: 0 var(--xl); }
    .agenda-card { gap: var(--l); }
    .agenda-card__img { flex: 0 0 260px; }
    .seccion-agenda--grid .seccion-agenda__cards { grid-template-columns: 1fr; }
    .seccion-agenda--grid .agenda-card { flex-direction: row; gap: var(--l); align-items: flex-start; }
    .seccion-agenda--grid .agenda-card__img { flex: 0 0 260px; width: 260px; aspect-ratio: 4/3; }
    .seccion-agenda--grid .agenda-card__body { align-self: stretch; padding-top: 0; }

    /* somos */
    .equipo-cards, .somosfundacion-principios_cards { grid-template-columns: repeat(2, 1fr); }
    .somosfundacion-somos__txt { flex-direction: column; gap: var(--l); }
    .movimientos__cols { flex-direction: row; gap: var(--xl); }
    .movimientos__col--right { margin-top: 0; }
    .movimientos__divider-wrapper { display: none; }
    .somosfundacion-activacion__header p { width: 100%; }

    /* hackathones */
    .hackathones-separador__texto { max-width: 100%; text-wrap: balance; }

    /* el club */
    .seccion-intro { padding-top: var(--xxl); }
    .seccion-intro__titulo { margin-bottom: var(--l); }
    .seccion-encuentros__header .seccion-inner { flex-direction: column; }
    .seccion-programas__cards { margin: 0; }
    .seccion-membresia__cards { padding: var(--xl) 0}
    .inspirador-video { width: 200px; height: 120px; }

    /* contacto */
    .contacto-ubicacion-container { padding: 0 var(--xl); }


    /* membresia */
    .membresia-modalidades__cards { flex-direction: column; }
    .membresia-modalidad-card { height: calc(433.3px + 51.2px); }
    .modalidad-container-crema { height: 212px; }
    .membresia-comofunciona__apartados { flex-direction: column; }


    .casosdeexito__relacionados.seccion-inner{padding: var(--xl) 0 !important; gap: var(--xl);}

    .blog-main-inner.legal-main{width: 100%;}
    .legal-main .blog-post{padding:  var(--xxl) calc(var(--l) + var(--m));}

    .main-category .seccion-agenda--grid .seccion-agenda__cards{gap: var(--m);}

    .hackathon-agenda-nav__inner {padding: var(--l) var(--xl);}
}

/* RESPONSIVE tablet grande */
@media (max-width: 1100px) {
    /* agenda list: 50% img / 50% texto */
    .agenda-card__img { flex: 1 1 0; width: auto; }
    .agenda-card__body { flex: 1 1 0; }

    /* agenda grid */
    .seccion-agenda--grid .agenda-card { flex-direction: column; }
    .seccion-agenda--grid .agenda-card__img { flex: none; width: 100%; }

    /* caso de éxito grid: home y page → 1 col */
    .home .casos-grid__wrapper { grid-template-columns: 1fr; gap: var(--m); }
    .home .caso-card__logo{max-width: 360px;}
    .home .casos-grid__wrapper .caso-card,
    .home .casos-grid__wrapper .caso-card:nth-child(4),
    .home .casos-grid__wrapper .caso-card:nth-child(5) { grid-column: auto; }
    .casos-grid .casos-grid__wrapper { grid-template-columns: 1fr; }

    /* blog relacionados: 2 col */
    .relacionados__grid { flex-wrap: wrap; }
    .relacionado-card { flex: 1 1 calc(50% - var(--l)); }


    .hackathon-agenda-nav__inner { flex-direction: column; gap: var(--l); }
    .hackathon-agenda-nav__menu { flex-wrap: wrap; justify-content: center; gap: var(--m); }

    .experiencia-card__content{font: var(--sans-400-21);}
    .hackathon-agenda-agenda__container{gap: var(--l);}

    .hackathon-agenda-agenda .agenda-item{flex-direction: column; gap: var(--l); padding: var(--xl) 0;}
    .agenda-participantes{flex-wrap: wrap;align-items: center;justify-content: center;}
    .hackathon-agenda-agenda .agenda-entradilla { width: 100%; }

    .membresia-comofunciona-container{padding: var(--xl) 0;}

    .casodeexito__content { padding: var(--xxl) 0}
    .casodeexito__intro-grid { flex-direction: column; }


    .main-category .seccion-agenda--grid .seccion-agenda__cards{gap: var(--xl);}

    .seccion-agenda--grid .seccion-agenda__cards{gap: var(--xl);}
}

/* RESPONSIVE móvil */
@media (max-width: 769px) {
    :root {
        --sans-400-xxl-movil: 300 4rem/.875 'Hanken Grotesk', sans-serif;
        --serif-400-64: 300 2.25rem/.875 'Cooper', sans-serif ;
        --sans-400-64: 300 2.25rem/.875 'Hanken Grotesk', sans-serif;
        --sans-600-64: 600 2.25rem/.875 'Hanken Grotesk', sans-serif;
        --serif-400-30: 300 1.75rem/1.125 'Cooper', sans-serif ;
        --sans-400-30: 400 1.75rem/1.125 'Hanken Grotesk', sans-serif;
    }


    .seccion-blog-home__logo-o{height: 48px;margin-bottom: 12px; margin-right: -8px;margin-left: -8px;}

    .newsletter__titulo { font: var(--sans-400-64); }

    /* alianza-logo */
    .alianza-logo { height: 2.25rem; padding: 0.5rem 1rem; }
    .alianza-logo img { height: 18px; }

    /* layout base */
    .seccion-inner { max-width: 100%; width: 100%; padding: 0 var(--m); flex-direction: column; gap: var(--xl); }
    .seccion-experiencia, .seccion-proyecto, .seccion-datos { padding: var(--xxl) 0; }
    .seccion-formaciones, .seccion-casosexito, .seccion-video, .seccion-agenda { padding: var(--xxl) 0; }

    /* hero */
    .seccion-hero__img-bg {gap: var(--l); }
    .seccion-hero__h1 h1 { font: var(--sans-400-64); }
    .seccion-hero-club__logo{width: 180px;}

    .seccion-proyecto__titulo{margin-bottom: 0;}

    /* experiencia */
    .seccion-experiencia__bg-img { width: 140px; }
    .seccion-experiencia__bg-img--3 { display: none; }

    /* datos */
    .seccion-datos__titulo { margin-bottom: var(--xl); }
    .seccion-datos__dato{gap: var(--l);}
    .seccion-datos__dato-texto{max-width: 100%;}
    .seccion-datos__dato-numero, .hackathones-dato h2{font: var(--sans-400-xxl-movil);}

    /* formaciones */
    .seccion-formaciones__titulo{margin-bottom: var(--l);}
    .seccion-formaciones-grid { grid-template-columns: 1fr; padding: var(--m); gap: var(--m); }
    .formacion-card { aspect-ratio: 3/2; }

    /* unete / formador */
    .seccion-unete__titulo{text-align: center;}
    .seccion-unete-inner { flex-direction: column; padding: var(--xxl) var(--m); gap: var(--l); text-align: center; }
    .seccion-formador-inner { padding: var(--xxl) var(--m); }

    /* casos éxito */
    .seccion-casosexito__titulo-entradilla{flex-direction: column;gap: var(--l);}
    .seccion-casosexito-inner { width: auto; padding: var(--xl) var(--m); }
    .casos-grid__wrapper,
    .casos-grid .casos-grid__wrapper { grid-template-columns: 1fr; }
    .home .casos-grid__wrapper .caso-card,
    .home .casos-grid__wrapper .caso-card:nth-child(4),
    .home .casos-grid__wrapper .caso-card:nth-child(5) { grid-column: auto; }
    .casos-hero__grid { grid-template-columns: 1fr; }
    .casos-filtro__list { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; width: 100vw; margin-left: calc(-1 * var(--m)); padding: var(--xl) var(--m); scrollbar-width: none; -ms-overflow-style: none; justify-content: flex-start; margin-right: calc(-1 * var(--m));}
    .casos-filtro__list::-webkit-scrollbar { display: none; }
    .casos-filtro__list li { flex-shrink: 0; }

    /* alianzas */
    .seccion-alianzas > .seccion-inner { padding: var(--xl) var(--m); flex-direction: column; }
    .seccion-alianzas__logos { gap: var(--s); }

    /* agenda */
    .seccion-agenda-inner { width: auto; padding: 0 var(--m); }
    .agenda-card { flex-direction: column; gap: var(--l); align-items: flex-start; }
    .agenda-card__img { flex: none; width: 100%; aspect-ratio: 16/9; }
    .agenda-card__body { width: 100%; }
    .seccion-agenda--grid .seccion-agenda__cards { gap: var(--xl);}
    .seccion-agenda--grid .agenda-card { flex-direction: column; gap: var(--s); }
    .seccion-agenda--grid .agenda-card__img { flex: none; width: 100%; aspect-ratio: 4/3; }
    .seccion-agenda--grid .agenda-card__body { padding-top: var(--m); }
    .agenda-filtro__list { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; width: 100vw; margin-left: calc(-1 * var(--m)); padding: 0 var(--m); scrollbar-width: none; -ms-overflow-style: none; justify-content: flex-start; }
    .agenda-filtro__list::-webkit-scrollbar { display: none; }
    .agenda-filtro__list li { flex-shrink: 0; }
    .seccion-agenda__filtros-fecha { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; width: 100vw; margin-left: calc(-1 * var(--m)); padding: 0 var(--m); scrollbar-width: none; -ms-overflow-style: none; justify-content: flex-start; }
    .seccion-agenda__filtros-fecha::-webkit-scrollbar { display: none; }
    .agenda-fecha-btn { flex-shrink: 0; }
    

    /* category */
    .category-intro__titulo { font: var(--sans-400-30); }
    .category-paginacion { gap: var(--m); }

    /* modo on */
    .modo-on-intro { flex-direction: column; }

    /* footer */
    .footer { flex-direction: column; padding: var(--xl) var(--m); }
    .footer > div:first-of-type { flex-direction: column; }
    .footer-grid { flex-direction: column; gap: var(--xl); }
    .footer-legal-menu { flex-direction: column; gap: var(--m); }
    .footer-legal-menu li { text-align: center; }
    .footer-legal-menu li::after { display: none; }

    .home .caso-card__logo{max-width: 160px;}

    /* blog */
    .blog-main-inner { width: auto; padding: 0 var(--m); }
    .blog-post { padding: var(--xl) var(--m); }
    .blog-post__hero { flex-direction: column; }
    .blog-post__contenido { width: 100%; }
    .relacionados__grid { flex-direction: column; padding: var(--xl) var(--m); }

    /* caso de éxito */
    .casos-datos__flex{flex-direction: column; gap: var(--l);}
    .casos-datos__flex .casos-dato{display: flex;align-items: center;}
    .casos-datos__flex .seccion-datos__dato-numero{flex: 0 0 200px;}
    .seccion-datos__dato-txt{margin-top: 0;}
    .casodeexito__content { padding: var(--xxl) var(--m); }
    .casodeexito__slider { width: 100%; padding: 0; }
    .casodeexito__slider .slider { flex: 1; height: 100%; }
    .casodeexito__slider.seccion-inner{width: calc(100vw - var(--m) - var(--m));margin-bottom: var(--xxl);}
    .casosdeexito__relacionados-txt { flex-direction: column; gap: var(--l); }
    .casosdeexito__relacionados-titulo { width: 100%; }
    .casodeexito__reto{margin-top: var(--xxl);}
    .casodeexito__reto , .casodeexito__resultado{gap: var(--l);}
    .casodeexito__checks{grid-template-columns: repeat(1,1fr); gap: var(--l);margin-top: var(--xl);}

    .casosdeexito__relacionados .relacionados__grid{flex-direction: column;gap: var(--m); width: 100%; padding:  0 var(--m);}
    .casosdeexito__relacionados .relacionados__grid .caso-card{width: 100%;}

    /* hackathones */
    .hackathones-intro__grid, .hackathones-amedida__grid { flex-direction: column; }
    .hackathones-datos__flex { flex-direction: column; gap: var(--l); }
    .hackathones-dato { display: flex; align-items: center; gap: var(--m); }
    .hackathones-dato h2 { flex: 0 0 200px; }
    .hackathones-dato p { margin-top: 0; }
    .hackathones-intro__links { flex-direction: column; }
    .hackathones-intro__links .btn{width: fit-content;}
    .hackathones-como__texto{max-width: 100%;}
    .hackathones-como__grid { grid-template-columns: 1fr; gap: var(--xl); }
    .faq-wrapper { padding-bottom: var(--xxl); }
    .faq-answer p { width: 100%; }

    .experiencia-card__content{font: var(--sans-400-30);}

    /* somos fundacion */
    .seccion-intro__slider{height: 240px ;}
    .somosfundacion-proposito { padding: var(--xxl) var(--m); }
    .somosfundacion-hacemos{margin-top: var(--xxl);}
    .somosfundacion-intro__contenido { flex-direction: column; }
    .somosfundacion-proposito .seccion-inner{padding: 0;}
    .somosfundacion-intro__contenido .col,
    .somosfundacion-hacemos .col,
    .somosfundacion-principios__txt-titulo,
    .somosfundacion-principios__txt-entradilla { width: 100%; flex: none; }
    .somosfundacion-hacemos.seccion-inner { flex-direction: column; }
    .somosfundacion-principios__txt { flex-direction: column; }
    .equipo-cards { grid-template-columns: 1fr; }
    .somosfundacion-principios_cards { grid-template-columns: 1fr; }
    .somosfundacion-activacion h2 { width: 100%; }
    .movimientos__divider-logo { width: 36px; }
    .movimientos__cols { flex-direction: column; }
    .movimientos__col { gap: var(--xxl); }
    .equipo-fotografia{aspect-ratio: 1/1;}
    .somosfundacion-somos__txt{gap: var(--xxl);}

    /* el club */
    .seccion-intro__grid, .seccion-encuentros__cards, .seccion-membresia__cards { flex-direction: column; }
    .seccion-membresia__cards{gap: var(--m);}
    .seccion-encuentros{margin-top: var(--xxl);}
    .seccion-encuentros__header { padding: var(--xl) var(--l); }
    .seccion-encuentros__cards { gap: var(--xl); }
    .seccion-membresia .seccion-inner { padding: var(--l); }
    .membresia-card { padding: var(--m); }
    .seccion-inspiradores { padding: var(--xl) var(--m); }
    .inspirador-video { width: 320px; height: auto; }
    .inspirador-video__thumb { height: auto; aspect-ratio: 16/9; }

    /* membresia page */
    .membresia-modalidades__cards { flex-direction: column; }
    .membresia-modalidad-card { height: auto; }
    .modalidad-container-crema { height: auto; }
    .membresia-comofunciona__apartados { flex-direction: column; }

    .membresia-comofunciona-container.seccion-inner{padding: var(--xl) var(--m) ;}

    /* hackathon agenda single */
    .hackathon-agenda-quees .intro { flex-direction: column; }
    .experiencia-cards { flex-direction: column; }
    .hackathon-agenda-agenda__container { flex-direction: column; }
    .hackathon-agenda-objetivos__cards { grid-template-columns: 1fr; }
    .hackathon-agenda-inscripciones__cards { flex-direction: column; align-items: center; }
    .hackathon-agenda-ticket-card { max-width: 100%; width: 100%; }
    .hackathon-agenda-objetivo-card{flex-direction: column;}


    /* contacto */
    .contacto-intro__inner { flex-direction: column; }
    .contacto-ubicacion-container { flex-direction: column; padding: var(--xxl) var(--m) 0 var(--m); gap: var(--xl); }
    .contacto-intro__inner{gap: calc(var(--xxl) * 2);}

    .seccion-newsletter{margin: 0 var(--m);}
    .seccion-newsletter.seccion-inner{width: auto;}

    /* form contacto móvil */
    .seccion-contacto{padding: var(--xxl) var(--m);}
    .form-contacto__titulo { font-size: 2.25rem; }
    .form-contacto .fc-row p { grid-template-columns: 1fr; }

}

/* ── Microanimaciones (global) ────────────────────────────────────────────── */
@media (prefers-reduced-motion: no-preference) {

    /* bg imgs experiencia – portada */
    .seccion-experiencia__bg-img {
        opacity: 0;
        transition: opacity 1.2s ease;
        will-change: transform, opacity;
    }
    .seccion-experiencia__bg-img.anim-in { opacity: 0.125; }

    /* li proyecto: uno a uno – portada
       (0,1,2) gana a .seccion-proyecto li (0,1,1) del bloque base */
    .seccion-proyecto ul li {
        opacity: 0;
        transform: translateY(12px);
        transition: opacity 0.5s ease, transform 0.5s ease;
    }
    .seccion-proyecto ul li.anim-in              { transform: translateY(0); }
    .seccion-proyecto ul li.anim-in:not(.active) { opacity: 0.5; }
    .seccion-proyecto ul li.anim-in.active       { opacity: 1; }

    /* cards genéricas */
    .formacion-card,
    .caso-card,
    .agenda-card[data-group="all"],
    .alianza-logo,
    .experiencia-card,
    .equipo-card,
    .membresia-card,
    .inspirador-video,
    .seccion-encuentros__cards .card,
    .seccion-programas__cards .card,
    .principio-card,
    .movimiento-card,
    .hackathon-agenda-objetivo-card,
    .hackathon-agenda-ticket-card,
    .membresia-modalidad-card,
    .comofunciona-apartado,
    .hackathones-como__punto {
        opacity: 0;
        transform: translateY(32px);
        transition: opacity 0.6s ease, transform 0.6s ease;
    }

    .formacion-card.anim-in,
    .caso-card.anim-in,
    .agenda-card.anim-in,
    .alianza-logo.anim-in,
    .experiencia-card.anim-in,
    .equipo-card.anim-in,
    .membresia-card.anim-in,
    .inspirador-video.anim-in,
    .seccion-encuentros__cards .card.anim-in,
    .seccion-programas__cards .card.anim-in,
    .principio-card.anim-in,
    .movimiento-card.anim-in,
    .hackathon-agenda-objetivo-card.anim-in,
    .hackathon-agenda-ticket-card.anim-in,
    .membresia-modalidad-card.anim-in,
    .comofunciona-apartado.anim-in,
    .hackathones-como__punto.anim-in {
        opacity: 1;
        transform: translateY(0);
    }
}

/* DESKTOP */
.header__nav { display: block; }

/* RESPONSIVE HEADER */
@media (max-width: 1400px) {


    .header__nav a {font: var(--sans-400-21) }


    .header__container { padding: var(--m) var(--l); }

    .header__hamburger {
        display: flex;
        flex-direction: column;
        gap: 0.35rem;
        cursor: pointer;
        z-index: 10;
        padding: .5rem;
    }
    .header__hamburger span {
        display: block;
        width: 24px;
        height: 2px;
        background-color: var(--blanco);
        transition: all .3s ease-in-out;
    }
    .header__toggle:checked ~ .header__hamburger span:nth-child(1) {
        transform: translateY(calc(2px + 0.35rem)) rotate(45deg);
    }
    .header__toggle:checked ~ .header__hamburger span:nth-child(2) {
        opacity: 0;
    }
    .header__toggle:checked ~ .header__hamburger span:nth-child(3) {
        transform: translateY(calc(-2px - 0.35rem)) rotate(-45deg);
    }
    .header__nav {
        display: flex;
        overflow: hidden;
        max-height: 0;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: var(--morado);
    }
    .header--home .header__nav { transition: none; }
    .header__toggle:checked ~ .header__nav { max-height: 600px; transition: max-height .35s ease-in-out;}
    .header__menu {
        flex-direction: column;
        padding: var(--l);
        gap: var(--l);
        align-items: flex-end;
        width: 100%;
        margin-top: -1px;
    }
}