.hero-new{min-height:700px}
.hero-stamp{position:absolute;right:10%;bottom:50px;width:125px;height:125px;padding-top:27px;text-align:center;border:1px solid #fff8;border-radius:50%;color:#fff;font:11px 'DM Mono';letter-spacing:2px;transform:rotate(-12deg)}
.hero-stamp strong{display:block;margin:8px 0;color:#f0d273;font-size:27px}
.hero-stamp span{font-size:8px}

.features{padding:78px 0;background:#fff}

.feature-slide{display:none;min-height:350px;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;padding:35px 55px;background:#edf4ff}
.feature-slide.active{display:grid}
.feature-slide p:not(.eyebrow){max-width:530px;font-size:14px;line-height:1.85}

.feature-art{display:flex;align-items:end;justify-content:space-between;height:280px;padding:22px;color:#fff;font:12px 'DM Mono';letter-spacing:1.5px}
.feature-art b{font:800 120px/.7 Poppins;letter-spacing:-8px}

.art-one{background:linear-gradient(150deg,#0a59b7,#06275b)}
.art-two{background:linear-gradient(150deg,#bd942e,#503c09)}
.art-three{background:linear-gradient(150deg,#0767a5,#20a669)}

.feature-dots{display:flex;justify-content:center;gap:8px;margin-top:20px}
.feature-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#b8c5d8}
.feature-dots button.active{width:28px;border-radius:8px;background:var(--gold)}

.speaker-photo span{position:relative;z-index:2;color:#fff;font:11px 'DM Mono';line-height:1.6;letter-spacing:1px}
.speakers-note{margin:25px 0 0;font-size:11px;color:#687b96}

.program-preview{padding:105px 0;color:#fff;background:var(--blue)}
.program-preview h2{font-size:clamp(36px,4.5vw,58px)}

.program-strip{
display:grid;
grid-template-columns:repeat(4,1fr);
margin-top:54px;
border-top:1px solid #fff8;
border-left:1px solid #fff8
}

.program-strip>*{
min-height:130px;
padding:22px;
border-right:1px solid #fff8;
border-bottom:1px solid #fff8;
font-size:15px;
font-weight:700
}

.program-strip a{
display:flex;
align-items:end;
color:#f0d273;
text-decoration:none;
font-size:12px
}

/* =======================
   Instituciones
======================= */

.institutions{
padding:56px 0;
background:#fff;
}

.institution-logos{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
gap:45px;
margin-top:35px;
}

.institution-logos img{
height:70px;
width:auto;
object-fit:contain;
opacity:.85;
transition:.3s ease;
}

.institution-logos img:hover{
opacity:1;
transform:scale(1.08);
}

@media(max-width:700px){

.hero-stamp{
display:none
}

.features{
padding:45px 0
}

.feature-slide{
grid-template-columns:1fr;
padding:28px;
gap:30px
}

.feature-art{
height:190px
}

.feature-art b{
font-size:80px
}

.program-strip{
grid-template-columns:1fr 1fr;
margin-top:34px
}

.institution-logos{
gap:20px;
}

.institution-logos img{
height:48px;
}

}