.contact-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch}
.contact-card{display:flex;flex-direction:column;align-items:center;min-width:0;padding:28px 20px;position:relative}
.contact-icon{font-size:28px;line-height:1;margin-bottom:12px}
.contact-card h3{font-size:21px;margin:0 0 4px}
.contact-caption{font-size:12px;margin:0 0 22px}
.qr-link{display:block;background:#fff;border-radius:12px;padding:10px;margin:0 0 20px;box-shadow:0 8px 25px #040e3026}
.contact-qr{display:block;position:static;width:168px;height:168px;max-width:100%;object-fit:contain;image-rendering:pixelated}
.contact-value{display:block;font-size:13px;font-weight:600;line-height:1.6;overflow-wrap:anywhere;width:100%;margin-bottom:24px;color:#def5ff}
.contact-value:hover{text-decoration:underline;text-underline-offset:4px}
.contact-action{width:100%;margin-top:auto;gap:8px;padding:13px 9px;min-height:46px;font-size:12px}
.contact-card:nth-child(1){border-top:3px solid #70ecc5}.contact-card:nth-child(2){border-top:3px solid #8bcaff}.contact-card:nth-child(3){border-top:3px solid #ffda78}.contact-card:nth-child(4){border-top:3px solid #caadff}
.footer-contacts{grid-column:1/-1;border-top:1px solid #92b9e42b;padding-top:24px;display:flex;gap:14px 28px;flex-wrap:wrap;align-items:center}
.footer-contacts>strong{font-size:14px;width:100%;margin-bottom:4px}.footer-contacts>a{font-size:12px;margin:0;overflow-wrap:anywhere;max-width:100%}.footer-contacts>p{width:100%;margin:0;font-size:12px}
.quick-whatsapp{position:fixed;right:22px;bottom:22px;z-index:25;display:flex;align-items:center;gap:8px;padding:13px 18px;border:1px solid #a9f9db88;border-radius:30px;color:#e9fff7;background:#165a4ee8;backdrop-filter:blur(15px);box-shadow:0 8px 28px #020b2780;font-size:13px;font-weight:700;min-height:48px}
.quick-whatsapp:hover{background:#1e7765}.quick-whatsapp>span{font-size:21px}
.quick-whatsapp[hidden]{display:none}
footer{padding-bottom:95px}
@media(max-width:1250px){.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px) and (min-width:801px){header{gap:12px}nav{gap:12px}.brand strong{font-size:14px}.brandmark{width:62px}}
@media(max-width:600px){.contact-grid{grid-template-columns:1fr;gap:22px}.contact-card{padding:28px 24px}.contact-card h3{font-size:22px}.contact-caption{font-size:14px}.contact-value{font-size:14px;margin-bottom:20px}.contact-action{font-size:14px}.contact-qr{width:184px;height:184px}.quick-whatsapp{right:14px;bottom:14px;font-size:12px;padding:10px 15px}.footer-contacts{display:block}.footer-contacts>a{margin-top:16px}.footer-contacts>p{margin-top:20px}}

/* El logo original, transparente, es el título principal de la portada. */
.brandmark{width:138px;height:73px;padding:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
.brandmark img{filter:drop-shadow(.4px 0 0 #e5faff) drop-shadow(-.4px 0 0 #e5faff) drop-shadow(0 .4px 0 #e5faff) drop-shadow(0 -.4px 0 #e5faff)}
header{padding-top:8px;padding-bottom:8px}
.hero{padding-top:32px;row-gap:32px}
.hero .school-logo-title{grid-column:1/-1;justify-self:center;width:min(880px,100%);max-width:none;margin:0 auto 8px;line-height:0;font-size:inherit;letter-spacing:normal;background:none;border:0;padding:0;box-shadow:none}
.school-logo-title img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(.75px 0 0 #e5faff) drop-shadow(-.75px 0 0 #e5faff) drop-shadow(0 .75px 0 #e5faff) drop-shadow(0 -.75px 0 #e5faff) drop-shadow(0 0 15px #bcefff36)}
.hero-copy>.eyebrow{margin-bottom:20px}.hero-copy>.level-pills{margin-top:0;margin-bottom:22px}.hero-copy>p{font-size:19px;max-width:490px;min-height:0}.hero-bottom{margin-top:26px}
.identity-motto{margin:35px 0}.identity-motto p{font-size:clamp(25px,2.6vw,36px);font-weight:800;line-height:1.35;letter-spacing:-.7px;margin:10px 0;color:#e8f9ff}.identity-motto p:nth-child(2){color:#ffe184}.identity-motto p:nth-child(3){color:#7de9df}
@media(max-width:1000px) and (min-width:801px){.brandmark{width:112px;height:60px}}
@media(max-width:800px){header{padding-top:8px;padding-bottom:8px}.brandmark{width:112px;height:59px}.hero{padding-top:24px;gap:28px}.hero .school-logo-title{width:min(630px,100%);margin:0 auto 4px}.hero-copy{text-align:center}.hero-copy>.eyebrow,.hero-copy>.level-pills,.hero-copy>.actions{justify-content:center}.hero-copy>p{font-size:16px;max-width:560px;margin-left:auto;margin-right:auto}.hero-bottom{display:none}}
@media(max-width:480px){.brandmark{width:100px;height:53px}.hero{padding-top:22px}.hero .school-logo-title{font-size:inherit;letter-spacing:normal}.hero-copy>.eyebrow{font-size:9px}.hero-copy>p{font-size:15px}.identity-motto{margin:25px 0}.identity-motto p{font-size:25px}}