/* Colegio Especial Abriendo Caminos · portada institucional 2027 */
:root{--ink:#283c3a;--purple:#3c4448;--cream:#fffdf8;--paper:#fff;--muted:#5d6866;--line:#e4e9e7;--orange:#f4b63c;--green:#006b61;--pink:#e64b3c}
body.ac-home{color:var(--ink);background:var(--cream)}
.site-header{background:#fff;border-bottom:1px solid #e7eae8}
.nav-wrap{min-height:96px;gap:18px}
.brand{align-items:center;flex-shrink:1;min-width:0}
.brand img{display:block;width:auto;height:87px;max-height:none;max-width:205px;object-fit:contain}
.main-nav{gap:19px}
.main-nav>a:hover{color:var(--green)}
.btn-primary{background:#006b61;color:#fff}
.btn-primary:hover{background:#00564c}
.hero{padding:28px 0 42px}
.campus-cover{position:relative;isolation:isolate}
.campus-cover>img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;border-radius:22px;box-shadow:0 20px 50px rgba(22,57,53,.1)}
.admission-banner{position:absolute;z-index:2;top:20px;right:20px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:20px 25px;background:#ffc746;color:#27332d;max-width:min(300px,38%);border-radius:15px;box-shadow:0 10px 35px #141f2133}
.admission-banner>span{font-size:10px;font-weight:850;letter-spacing:.12em}
.admission-banner>strong{font-size:clamp(21px,2.5vw,31px);letter-spacing:-.03em;font-weight:900;line-height:1.08}
.admission-banner>a{margin-top:8px;font-size:12px;font-weight:800;border-bottom:1px solid #27332d;padding-bottom:2px}
.hero-content-row{padding:48px 4px 15px}
.hero-text{max-width:890px}
.hero h1{font-size:clamp(42px,5vw,68px);max-width:920px;line-height:1.12}
.hero h1 em{color:#006e67;text-decoration-color:#ffc746}
.hero-text>p{max-width:750px;font-size:16px;color:#586462}
.hero .eyebrow{color:#08776e}
.hero-strip{margin-top:30px}
.hero-strip .dot{background:#ee5945}
.hero-strip span:nth-child(2) .dot{background:#08776e}
.hero-strip span:nth-child(3) .dot{background:#f4b63c}
.footer{background:#eaf2ef;color:#263b38}
.footer-logo{width:230px;max-width:230px;height:auto;max-height:none}
.footer-saying{color:#335e56}
.footer-bottom{border-top:1px solid #bfcfca;color:#435c55}
.footer-links a:hover{text-decoration:underline}
@media(max-width:1080px){.brand img{width:auto;height:75px;max-width:180px;max-height:none}.hero h1{font-size:clamp(41px,5.7vw,61px)}}
@media(max-width:760px){
 html{scroll-padding-top:87px}
 .nav-wrap{min-height:82px;gap:8px}
 .brand img{width:auto;height:67px;max-width:148px;max-height:none;object-fit:contain}
 .mobile-nav>summary{font-size:12px;min-height:42px;padding:8px 12px}
 .hero{padding:16px 0 34px}
 .campus-cover>img{border-radius:16px;max-height:none;width:100%;height:auto;object-fit:contain}
 .admission-banner{position:relative;inset:auto;max-width:none;width:100%;margin:0;padding:13px 17px;gap:3px;border-radius:0 0 14px 14px;box-shadow:none;display:flex;align-items:flex-start}
 .admission-banner>span{font-size:9px}
 .admission-banner>strong{font-size:24px}
 .admission-banner>a{font-size:12px;margin-top:4px}
 .hero-content-row{padding:29px 0 2px}
 .hero h1{font-size:clamp(34px,9vw,49px);line-height:1.14}
 .hero .eyebrow{font-size:10px}
 .hero-text>p{font-size:14px;line-height:1.7;margin:20px 0}
 .hero-strip{margin-top:28px}
 .footer-logo{width:195px;max-width:195px;height:auto}
}
@media(max-width:360px){.brand img{width:auto;height:58px;max-width:129px;max-height:none}.hero h1{font-size:35px}.admission-banner>strong{font-size:22px}}