@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&family=Manrope:wght@400;500;700;800;900&display=swap');
/* Colegio Abriendo Caminos · Fidelidad al mockup aprobado · 7 octubre 2026 */
:root{--ac-ink:#004a4c;--ac-teal:#007d7a;--ac-orange:#ff683a;--ac-red:#f02c31;--ac-warm:#fffaf2;--ac-mint:#e7f6f1}
body.ac-home{background:#fff;color:#183b3a}
.ac-home .site-header{background:#fff;z-index:99;box-shadow:0 2px 15px #104a4720}
.ac-home .nav-wrap{min-height:76px;max-width:1450px;gap:20px}
.ac-home .brand img{height:67px;width:auto;max-width:174px;object-fit:contain}
.ac-home .main-nav{gap:18px;font-size:11px;font-weight:800;white-space:nowrap;letter-spacing:-.01em}
.ac-home .main-nav a{color:#213d3c}
.ac-home .main-nav a.active{color:var(--ac-teal);border-bottom:2px solid var(--ac-teal)}
.ac-home .main-nav a:hover{color:var(--ac-orange)}
.ac-home .main-nav .doc-drop summary{font-size:11px}
.ac-home .nav-cta{background:#008b88;white-space:nowrap;border-radius:10px;font-size:12px;padding:10px 16px;min-height:44px;box-shadow:0 5px 16px #00686229}
.ac-home .nav-cta:hover{background:#006c68}
.ac-home .hero{padding:0}
.ac-home .hero>.wrap{padding:0;max-width:none;width:100%;position:relative}
.ac-home .campus-cover{height:clamp(440px,41vw,625px);border-radius:0;overflow:hidden;box-shadow:none;position:relative}
.ac-home .campus-cover>img{height:100%;min-height:100%;max-height:unset;object-fit:cover;object-position:center 49%;border-radius:0;filter:saturate(1.13) brightness(1.05) contrast(1.04)}
.ac-home .campus-cover:after{border-radius:0;z-index:2;inset:0;background:linear-gradient(90deg,rgba(1,32,33,.87) 0%,rgba(4,38,36,.72) 28%,rgba(5,46,43,.13) 61%,rgba(0,0,0,.05) 100%),linear-gradient(0deg,rgba(7,44,41,.22),transparent 40%)}
.ac-home .hero-content-row{left:clamp(25px,5.2vw,80px);top:clamp(28px,3.5vw,62px);max-width:580px;width:53%;padding:0;position:absolute;z-index:5}
.ac-home .hero-script{font-family:"Segoe Print","Comic Sans MS",cursive;font-size:clamp(15px,1.6vw,22px);line-height:1.32;margin:0 0 26px;transform:rotate(-6deg);color:#fff5e8;text-shadow:0 1px 10px #0005}
.ac-home .hero-script span{color:#ffd25f;font-size:1.35em}
.ac-home .hero h1{font-family:Manrope,"Trebuchet MS",Arial,sans-serif;font-size:clamp(44px,5.2vw,74px);letter-spacing:-.065em;line-height:1.03;font-weight:900;text-wrap:initial;color:white;margin:0;max-width:600px}
.ac-home .hero h1 em{color:#ff7038;font-style:normal;text-decoration:none;position:relative;display:inline-block}
.ac-home .hero h1 em:after{content:"";height:5px;width:68%;position:absolute;left:4%;bottom:-8px;background:var(--ac-orange);border-radius:100%;transform:rotate(-3deg)}
.ac-home .hero-text>p{color:#fff;font-size:clamp(14px,1.35vw,19px);line-height:1.52;margin:27px 0 22px;max-width:440px;text-shadow:0 1px 12px #0005}
.ac-home .hero-actions{gap:11px;flex-wrap:wrap}
.ac-home .hero-actions .btn{min-height:45px;font-size:12px;font-weight:850;border-radius:999px;padding:11px 22px;box-shadow:0 4px 10px #1d27212e}
.ac-home .hero-actions .btn-primary{background:#ff503b;color:white}
.ac-home .hero-actions .btn-outline{background:#ffffff0f;border:1.5px solid #fff;color:white}
.ac-home .hero-note{display:none}
.ac-home .hero-strip{display:none}
.ac-home .admission-banner{display:flex;top:37px;right:clamp(30px,5vw,84px);width:204px;max-width:204px;min-height:142px;padding:14px 14px 14px 38px;border-radius:25px 19px 26px 22px;transform:rotate(-7deg);background:linear-gradient(150deg,#ff4736 0%,#f4262b 80%);box-shadow:0 13px 22px #671d1566;color:white;text-decoration:none;justify-content:center;align-items:center;z-index:6;transition:transform .2s ease}
.ac-home .admission-banner:hover{transform:rotate(-5deg) translateY(-3px);color:white}
.ac-home .admission-megaphone{position:absolute;left:-28px;top:33px;width:57px;height:57px;display:grid;place-items:center;background:#ff3f2c;border-radius:50%;box-shadow:0 4px 10px #79160f4d}
.ac-home .admission-megaphone svg{width:37px;height:37px}
.ac-home .admission-typography{display:flex;flex-direction:column;align-items:flex-start;gap:0;line-height:1}
.ac-home .admission-typography b{font-size:19px;letter-spacing:.005em;font-weight:900}
.ac-home .admission-typography strong{font-size:53px;font-weight:950;letter-spacing:-.07em;line-height:.96}
.ac-home .admission-typography small{font-size:12px;line-height:1.2;font-weight:650;margin-top:7px}
.ac-home .hero-handnote{position:absolute;z-index:4;right:clamp(24px,3.5vw,60px);bottom:22px;color:white;font-family:"Segoe Print",cursive;font-size:clamp(13px,1.5vw,21px);line-height:1.4;transform:rotate(-4deg);text-shadow:0 2px 10px #0009;text-align:right}
.ac-home .campus-location{background:#fff;padding:30px 0}
.ac-home .location-premium-grid{max-width:1415px;grid-template-columns:1.15fr 1.08fr .88fr;gap:13px;align-items:center}
.ac-home .location-intro{padding:15px 12px 16px 70px;position:relative}
.ac-home .location-intro:before{content:"";position:absolute;width:46px;height:61px;left:4px;top:30px;background:#fc5733;clip-path:path('M 23 0 C 10 0 0 10 0 23 C 0 41 23 61 23 61 C 23 61 46 41 46 23 C 46 10 36 0 23 0 Z')}
.ac-home .location-intro:after{content:"";position:absolute;width:15px;height:15px;left:19.5px;top:45px;background:#fff;border-radius:50%}
.ac-home .location-intro .eyebrow{margin:0 0 7px;color:#fa5533;letter-spacing:.07em;font-size:10px}
.ac-home .location-intro h2{font-size:clamp(25px,3.0vw,39px);line-height:1.08;letter-spacing:-.055em;font-family:Manrope,sans-serif;font-weight:900;color:#004f51}
.ac-home .location-intro h2 em{font-style:normal;color:#004f51}
.ac-home .location-intro address{font-size:14px;font-weight:900;color:#fa5533;margin:10px 0 5px;line-height:1.2;letter-spacing:0}
.ac-home .location-intro p{font-size:11px;line-height:1.6;margin:7px 0 0;max-width:310px}
.ac-home .location-intro .location-primary{display:none}
.ac-home .location-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:stretch;padding:24px 20px;background:#fffaf1;border-radius:20px;box-shadow:0 12px 20px #decab01e}
.ac-home .location-benefits>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;min-width:0}
.ac-home .location-benefits .location-glyph{font-size:23px;grid-row:auto;width:39px;height:39px;background:transparent;color:#005b5a}
.ac-home .location-benefits strong{font-size:11px;line-height:1.35}
.ac-home .location-benefits small{font-size:10px;line-height:1.45}
.ac-home .location-map{min-height:227px;border-radius:18px}
.ac-home .location-map iframe{min-height:227px;height:227px}
.ac-home .location-map>a{font-size:11px;left:8px;right:8px;bottom:8px;padding:10px}
.ac-home .tv-showcase{background:linear-gradient(111deg,#eb0f22,#fc192a 57%,#a80c23);padding:28px 0;overflow:hidden}
.ac-home .tv-showcase-grid{max-width:1370px;grid-template-columns:190px 1fr 290px;gap:33px;min-height:210px}
.ac-home .tv-channel-stamp{width:180px;height:180px;background:white;border:6px solid #fff;box-shadow:0 0 0 3px #fce6dd,0 6px 22px #6206186b;border-radius:50%;outline:0}
.ac-home .tv-logo-fallback{font-weight:900;color:#b20826;font-size:22px;text-align:center;line-height:1.2}
.ac-home .tv-brow{color:#ffe6df;letter-spacing:.1em;font-size:10px}
.ac-home .tv-main h2{font-family:"Segoe Print",Manrope,sans-serif;color:white;font-size:clamp(31px,3vw,42px);letter-spacing:-.035em;margin:5px 0 12px}
.ac-home .tv-main h2 em{color:white;font-style:normal}
.ac-home .tv-main p{font-size:12px;line-height:1.6;margin:8px 0 14px;max-width:510px;color:white}
.ac-home .tv-actions{margin:10px 0;gap:18px}
.ac-home .tv-actions .btn-white{background:white;color:#cc1725;font-weight:900;font-size:11px;padding:10px 19px}
.ac-home .tv-actions .tv-secondary{font-size:11px}
.ac-home .tv-filmframe{width:280px;height:164px;align-self:center;position:relative;transform:rotate(-4deg)}
.ac-home .tv-monitor{background:linear-gradient(135deg,#17191d,#323035);height:135px;border:8px solid #16191c;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;box-shadow:8px 13px 18px #4d06093a;color:#fff}
.ac-home .tv-monitor:before{content:"";position:absolute;left:-20px;top:10px;width:12px;height:85px;background:#1a1418;border-radius:6px}
.ac-home .tv-monitor-play{font-size:32px;background:#e81024;padding:0 16px;border-radius:10px}
.ac-home .tv-monitor>span:last-child{font-size:11px;letter-spacing:.2em;font-weight:800}
.ac-home .tv-script-right{position:absolute;right:4px;bottom:-11px;font-family:"Segoe Print",cursive;line-height:1.3;color:#fff5e8;text-shadow:0 2px 12px #0008;font-size:12px;text-align:right}
.ac-home .inclusion-premium{background:#f5fbf9;padding:10px 0 35px}
.ac-home .inclusion-grid{box-shadow:none;border-radius:0;max-width:1415px}
.ac-home .inclusion-photo,.ac-home .inclusion-photo img{min-height:370px;max-height:430px}
.ac-home .inclusion-photo img{height:100%;object-position:center}
.ac-home .inclusion-content{padding:35px 46px}
.ac-home .inclusion-content h2{font-size:clamp(33px,3.5vw,51px);color:#005355}
.ac-home .inclusion-content h2 em{color:#f16539}
.ac-home .inclusion-points{justify-content:space-between;gap:10px}
.ac-home .inclusion-points span{display:flex;align-items:center;gap:7px;font-weight:850;background:transparent;color:#164a49}
.ac-home .inclusion-points b{border-radius:50%;background:#fb633e;color:white;width:35px;height:35px;display:grid;place-items:center;font-size:20px}
.ac-home .inclusion-points span:nth-child(2) b{background:#07938a}
.ac-home .inclusion-points span:nth-child(3) b{background:#ffb32c}
.ac-home .uniform-premium{background:#fff;padding:25px 0 48px}
.ac-home .uniform-layout{max-width:1415px;display:grid;grid-template-columns:minmax(0,.77fr) minmax(0,1.1fr) minmax(0,.85fr);gap:0}
.ac-home .uniform-intro{padding:22px 24px 22px 0}
.ac-home .uniform-intro .eyebrow{color:#f2643c}
.ac-home .uniform-intro h2{font-size:clamp(31px,3vw,41px);color:#005052}
.ac-home .uniform-intro h2 em{color:#fa6638}
.ac-home .uniform-intro p{font-size:12px;margin:16px 0}
.ac-home .uniform-intro .btn{font-size:11px}
.ac-home .uniform-card{margin:0;padding:0;min-height:370px;border-radius:0;background:#e7eee9;display:block;position:relative;overflow:hidden}
.ac-home .uniform-tracksuit{border-radius:20px 0 0 20px}
.ac-home .uniform-polo{border-radius:0 20px 20px 0;border-left:5px solid white;background:#f7f7f4}
.ac-home .uniform-photo{width:100%;height:370px;min-height:370px;background-position:center center;background-size:cover;background-repeat:no-repeat;position:relative}
.ac-home .uniform-photo:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(0deg,#013b397a,transparent);pointer-events:none}
.ac-home .uniform-photo-buzo{background-color:#d8e9de}
.ac-home .uniform-photo-polera{background-color:#eff0ee}
.ac-home .uniform-image-caption{position:absolute;z-index:1;top:15px;left:15px;color:#0d554e;font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:900;background:#fffef2e8;padding:7px 12px;border-radius:999px;box-shadow:0 3px 8px #0001}
.ac-home .uniform-card figcaption{position:absolute;z-index:2;bottom:11px;left:18px;right:18px;color:white;text-align:center;font-family:"Segoe Print",cursive;font-size:13px;text-shadow:0 1px 10px #0008;line-height:1.4}
.ac-home .uniform-disclaimer{font-size:10px;margin:13px 0 0;color:#6e7c78}
.ac-home .community{display:none}
.ac-home .footer{background:linear-gradient(130deg,#005a5e,#067a78);color:white}
.ac-home .footer-top>a{display:inline-flex;background:#fff;border-radius:15px;padding:10px 15px;box-shadow:0 10px 28px #003b3b30}
.ac-home .footer-top .footer-logo{filter:drop-shadow(0 2px 6px #00373550)}
.ac-home .hero-script,.ac-home .hero-handnote,.ac-home .tv-main h2 em,.ac-home .tv-script-right,.ac-home .inclusion-photo-note,.ac-home .uniform-card figcaption{font-family:'Caveat','Segoe Print',cursive}
.ac-home .footer{position:relative;overflow:hidden}
.ac-home .footer:before{content:"";position:absolute;inset:-100px -25px auto auto;width:440px;height:260px;background:radial-gradient(ellipse,#09a5a190,transparent 70%);pointer-events:none}
.ac-home .footer>.wrap{position:relative;z-index:1}
.ac-home .footer-saying{color:#e9f5ef}
.ac-home .footer-bottom{color:#c1ebe4;border-color:#ffffff30}
@media(max-width:1200px){
.ac-home .main-nav{gap:11px;font-size:10px}
.ac-home .nav-wrap{gap:10px}
.ac-home .tv-showcase-grid{grid-template-columns:165px 1fr 210px;gap:21px}
.ac-home .tv-channel-stamp{width:155px;height:155px}
.ac-home .tv-filmframe{width:200px}
.ac-home .location-intro{padding-left:56px}
.ac-home .location-intro:before{transform:scale(.8);transform-origin:left top}
.ac-home .location-intro:after{transform:scale(.8);transform-origin:left top}
}
@media(max-width:1040px){
.ac-home .main-nav,.ac-home .nav-cta{display:none}
.ac-home .mobile-nav{display:block}
.ac-home .nav-wrap{min-height:80px}
.ac-home .hero-content-row{width:57%;left:32px}
.ac-home .hero h1{font-size:clamp(35px,5.5vw,57px)}
.ac-home .hero-text>p{font-size:13px}
.ac-home .location-premium-grid{grid-template-columns:1fr 1fr}
.ac-home .location-intro{grid-column:1;grid-row:1}
.ac-home .location-benefits{grid-column:1;grid-row:2}
.ac-home .location-map{grid-column:2;grid-row:1 / span 2;min-height:300px}
.ac-home .location-map iframe{min-height:300px;height:300px}
}
@media(max-width:760px){
.ac-home .nav-wrap{min-height:76px}
.ac-home .brand img{height:63px;max-width:155px}
.ac-home .hero{padding:0}
.ac-home .campus-cover{height:auto;min-height:unset;overflow:visible}
.ac-home .campus-cover>img{min-height:0;height:auto;max-height:unset;object-fit:contain;filter:saturate(1.07)}
.ac-home .campus-cover:after{display:none}
.ac-home .admission-banner{top:12px;right:18px;width:137px;max-width:137px;min-height:100px;padding:7px 8px 8px 28px;transform:rotate(-7deg);border-radius:16px 12px 18px 13px;position:absolute;z-index:6}
.ac-home .admission-megaphone{left:-21px;top:30px;width:39px;height:39px}
.ac-home .admission-megaphone svg{width:28px;height:28px}
.ac-home .admission-typography b{font-size:12px}
.ac-home .admission-typography strong{font-size:34px}
.ac-home .admission-typography small{font-size:8px;margin-top:4px}
.ac-home .hero-handnote{display:none}
.ac-home .hero-content-row{inset:auto;position:relative;width:100%;max-width:none;padding:27px 24px 31px;background:#064b49;border-radius:0;pointer-events:auto}
.ac-home .hero-script{font-size:14px;margin:0 0 20px}
.ac-home .hero h1{font-size:clamp(35px,9vw,47px);max-width:500px;line-height:1.06}
.ac-home .hero-text>p{font-size:14px;margin:22px 0 17px}
.ac-home .hero-actions .btn{font-size:12px}
.ac-home .campus-location{padding:31px 0}
.ac-home .location-premium-grid{display:flex;flex-direction:column;gap:12px}
.ac-home .location-intro{padding:6px 12px 6px 65px;align-self:stretch}
.ac-home .location-intro:before{left:5px;top:15px}
.ac-home .location-intro:after{left:20px;top:30px}
.ac-home .location-intro h2{font-size:31px}
.ac-home .location-intro .eyebrow{font-size:9px}
.ac-home .location-intro address{font-size:12px}
.ac-home .location-intro p{font-size:12px}
.ac-home .location-benefits{width:100%;padding:18px 13px}
.ac-home .location-map{width:100%;min-height:225px}
.ac-home .location-map iframe{min-height:225px;height:225px}
.ac-home .tv-showcase{padding:29px 0 33px}
.ac-home .tv-showcase-grid{display:grid;grid-template-columns:105px 1fr;gap:13px;align-items:center}
.ac-home .tv-channel-stamp{width:104px;height:104px;border:4px solid #fff}
.ac-home .tv-logo-fallback{font-size:12px}
.ac-home .tv-main h2{font-size:clamp(25px,7vw,33px)}
.ac-home .tv-main p{font-size:11px;line-height:1.5}
.ac-home .tv-main .tv-brow{font-size:8px}
.ac-home .tv-actions{gap:9px}
.ac-home .tv-actions .btn{font-size:10px;padding:10px 13px;min-height:40px}
.ac-home .tv-secondary{font-size:10px}
.ac-home .tv-filmframe{display:none}
.ac-home .inclusion-premium{padding:13px 0 28px}
.ac-home .inclusion-grid{display:grid;grid-template-columns:1fr}
.ac-home .inclusion-photo{min-height:240px}
.ac-home .inclusion-photo img{height:250px;min-height:250px;max-height:300px;object-fit:cover}
.ac-home .inclusion-content{padding:29px 23px}
.ac-home .inclusion-content h2{font-size:36px}
.ac-home .inclusion-content p{font-size:13px}
.ac-home .uniform-premium{padding:23px 0 29px}
.ac-home .uniform-layout{grid-template-columns:1fr 1fr;gap:0}
.ac-home .uniform-intro{grid-column:1 / -1;padding:5px 0 20px}
.ac-home .uniform-intro h2{font-size:36px}
.ac-home .uniform-card{min-height:280px}
.ac-home .uniform-photo{height:280px;min-height:280px}
.ac-home .uniform-image-caption{font-size:8px;padding:5px 9px;left:7px;top:8px}
.ac-home .uniform-card figcaption{font-size:10px;left:7px;right:7px}
.ac-home .uniform-tracksuit{border-radius:17px 0 0 17px}
.ac-home .uniform-polo{border-radius:0 17px 17px 0;border-left:3px solid white}
.ac-home .uniform-disclaimer{font-size:10px}
}
@media(max-width:360px){
.ac-home .hero h1{font-size:34px}
.ac-home .admission-banner{right:10px;top:9px}
.ac-home .location-intro{padding-left:60px}
.ac-home .tv-showcase-grid{grid-template-columns:95px 1fr;gap:9px}
.ac-home .tv-channel-stamp{width:94px;height:94px}
.ac-home .tv-main h2{font-size:23px}
}
@media(max-width:760px){
.ac-home .campus-cover>img{height:clamp(235px,68vw,310px);max-height:none;object-fit:cover;object-position:63% 54%}
.ac-home .campus-cover{height:auto}
.ac-home .hero .admission-banner{top:13px;right:15px}
.ac-home .location-benefits .location-center-cta{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.ac-home .admission-banner{transition:none}}
/* Destacar acceso inmediato a Google Maps, como en el diseño aprobado */
.ac-home .location-benefits .location-center-cta{grid-column:1/-1;display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#008783;color:#fff;border-radius:999px;font-size:12px;font-weight:850;text-decoration:none;padding:12px 15px;min-height:44px;margin-top:10px;box-shadow:0 9px 18px #04726726}
.ac-home .location-benefits .location-center-cta:hover{background:#006963}
.ac-home .location-benefits .location-center-cta span:first-child{font-size:20px}