:root{font-synthesis:none;text-rendering:optimizelegibility}body{margin:0}:root{color:#0f172a;scroll-behavior:smooth;background:#f8fafc;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#2563eb1f,#0000 32rem),linear-gradient(#f8fafc 0%,#eef6ff 100%);min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.navbar{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border-bottom:1px solid #94a3b833;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem 6%;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.75rem;display:flex}.brand-logo{color:#fff;background:linear-gradient(135deg,#2563eb,#16a34a);border-radius:14px;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.brand strong{font-size:1rem;display:block}.brand small{color:#64748b;font-size:.78rem}.nav-menu{color:#334155;align-items:center;gap:1rem;font-size:.95rem;display:flex}.nav-menu a{transition:all .2s}.nav-menu a:hover{color:#2563eb}.hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:3rem;min-height:72vh;padding:3rem 6%;display:grid}.eyebrow{color:#1d4ed8;background:#dbeafe;border-radius:999px;width:fit-content;margin:0 0 1rem;padding:.45rem .8rem;font-size:.85rem;font-weight:700;display:inline-flex}.hero h1{letter-spacing:-.06em;max-width:760px;margin:0;font-size:clamp(2.6rem,7vw,5.6rem);line-height:.95}.hero-text{color:#475569;max-width:650px;margin:1.5rem 0 0;font-size:1.2rem;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.btn{border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 1.3rem;font-weight:700;transition:all .2s;display:inline-flex}.btn.primary{color:#fff;background:#2563eb;box-shadow:0 16px 32px #2563eb3d}.btn.primary:hover{background:#1d4ed8;transform:translateY(-2px)}.btn.secondary{color:#1e293b;background:#fff;border:1px solid #cbd5e1}.btn.secondary:hover{border-color:#2563eb;transform:translateY(-2px)}.hero-card{color:#fff;background:linear-gradient(135deg,#2563ebf2,#16a34ae6),#2563eb;border-radius:32px;padding:2rem;position:relative;overflow:hidden;box-shadow:0 24px 70px #0f172a2e}.hero-card:after{content:"";background:#ffffff29;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-70px;right:-70px}.hero-card-icon{background:#ffffff2e;border-radius:28px;place-items:center;width:90px;height:90px;margin-bottom:1.5rem;font-size:3rem;display:grid}.hero-card h2{margin:0;font-size:2rem}.hero-card p{color:#ffffffe0;line-height:1.8}.hero-photo-card{background:#fff;padding:0}.hero-photo-card:after{display:none}.hero-photo-card img{object-fit:cover;width:100%;height:390px;display:block}.hero-photo-caption{background:linear-gradient(135deg,#2563eb,#16a34a);padding:1.5rem}.hero-photo-caption h2{color:#fff;margin:0}.hero-photo-caption p{color:#ffffffe6;margin-bottom:0}.stats{grid-template-columns:repeat(4,1fr);gap:1.2rem;padding:0 6% 4rem;display:grid}.stat-card{background:#fff;border:1px solid #94a3b82e;border-radius:24px;padding:1.5rem;box-shadow:0 16px 34px #0f172a0f}.stat-card strong{color:#2563eb;font-size:2rem;display:block}.stat-card span{color:#64748b}.section{padding:5rem 6%}.soft-section{background:#ffffff8c}.section-title{text-align:center;max-width:780px;margin:0 auto 2.5rem}.section-title p{color:#2563eb;text-transform:uppercase;letter-spacing:.14em;margin:0 0 .6rem;font-size:.78rem;font-weight:800}.section-title h2{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,4vw,3rem)}.section-title span{color:#64748b;margin-top:1rem;line-height:1.7;display:block}.profile-grid{grid-template-columns:1fr .9fr;align-items:start;gap:2rem;display:grid}.profile-text,.profile-list,.vision-card,.message-card,.teacher-card,.program-card,.news-card,.gallery-card,.contact-info,.contact-form{background:#fff;border:1px solid #94a3b82e;box-shadow:0 18px 40px #0f172a0f}.profile-text{border-radius:28px;padding:2rem}.profile-text h3{margin-top:0;font-size:1.6rem}.profile-text p{color:#475569;line-height:1.85}.profile-list{border-radius:28px;gap:.8rem;padding:1.2rem;display:grid}.profile-list div{background:#f8fafc;border-radius:18px;gap:.35rem;padding:1rem;display:grid}.profile-list span{color:#64748b;font-size:.9rem}.profile-list strong{color:#0f172a}.vision-grid{grid-template-columns:.8fr 1.2fr;gap:1.5rem;display:grid}.vision-card{border-radius:28px;padding:2rem}.vision-card h3{color:#1d4ed8;margin-top:0;font-size:1.6rem}.vision-card p,.vision-card li{color:#475569;line-height:1.8}.vision-card ul{margin:0;padding-left:1.2rem}.message-card{border-radius:32px;grid-template-columns:220px 1fr;align-items:center;gap:2rem;padding:2rem;display:grid}.principal-photo{background:linear-gradient(135deg,#dbeafe,#dcfce7);border-radius:28px;place-items:center;width:220px;height:220px;display:grid}.principal-photo span{font-size:5rem}.message-card h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,4vw,2.7rem)}.message-card p:not(.eyebrow){color:#475569;line-height:1.8}.message-card strong{margin-top:1rem;display:block}.muted{color:#64748b;margin-top:.25rem;display:block}.teacher-grid{grid-template-columns:repeat(4,1fr);gap:1.2rem;display:grid}.teacher-card{text-align:center;border-radius:28px;padding:1.5rem;transition:all .2s}.teacher-card:hover{transform:translateY(-4px)}.teacher-avatar{background:#e0f2fe;border-radius:999px;place-items:center;width:112px;height:112px;margin:0 auto 1rem;display:grid;overflow:hidden}.teacher-avatar img{object-fit:cover;width:100%;height:100%}.teacher-avatar span{font-size:3rem}.teacher-card h3{margin:0}.teacher-card p{color:#64748b;margin-bottom:0}.program-grid{grid-template-columns:repeat(3,1fr);gap:1.2rem;display:grid}.program-card{border-radius:28px;padding:1.6rem;transition:all .2s}.program-card:hover{transform:translateY(-4px)}.program-card span{background:#eff6ff;border-radius:18px;place-items:center;width:58px;height:58px;font-size:2rem;display:grid}.program-card h3{margin:1.2rem 0 .7rem}.program-card p{color:#64748b;margin:0;line-height:1.7}.achievement-grid{grid-template-columns:repeat(4,1fr);gap:1.2rem;display:grid}.achievement-card{background:#fff;border:1px solid #94a3b82e;border-radius:28px;padding:1.6rem;transition:all .2s;box-shadow:0 18px 40px #0f172a0f}.achievement-card:hover{transform:translateY(-4px)}.achievement-card span{background:#eff6ff;border-radius:18px;place-items:center;width:58px;height:58px;font-size:2rem;display:grid}.achievement-card h3{margin:1.2rem 0 .7rem}.achievement-card p{color:#64748b;margin:0;line-height:1.7}.news-grid{grid-template-columns:repeat(3,1fr);gap:1.2rem;display:grid}.news-card{border-radius:28px;padding:1.6rem}.news-card span{color:#2563eb;margin-bottom:1rem;font-size:.9rem;font-weight:700;display:inline-block}.news-card h3{margin:0 0 .8rem}.news-card p{color:#64748b;line-height:1.7}.news-card a{color:#2563eb;font-weight:700}.gallery-grid{grid-template-columns:repeat(4,1fr);gap:1.2rem;display:grid}.gallery-card{border-radius:28px;overflow:hidden}.gallery-card img,.gallery-placeholder{width:100%;height:190px}.gallery-card img{object-fit:cover}.gallery-placeholder{background:linear-gradient(135deg,#dbeafe,#dcfce7);place-items:center;display:grid}.gallery-placeholder span{font-size:4rem}.gallery-card div:last-child{padding:1.2rem}.gallery-card h3{margin:0 0 .4rem}.gallery-card p{color:#64748b;margin:0;line-height:1.6}.map-wrapper{grid-template-columns:.8fr 1.2fr;align-items:stretch;gap:1.5rem;display:grid}.map-info,.map-frame{background:#fff;border:1px solid #94a3b82e;border-radius:28px;box-shadow:0 18px 40px #0f172a0f}.map-info{padding:2rem}.map-info h3{margin-top:0;font-size:1.6rem}.map-info p{color:#475569;line-height:1.8}.map-button{color:#fff;background:#2563eb;border-radius:999px;justify-content:center;align-items:center;min-height:46px;margin-top:1rem;padding:0 1.2rem;font-weight:700;transition:all .2s;display:inline-flex}.map-button:hover{background:#1d4ed8;transform:translateY(-2px)}.map-frame{min-height:380px;overflow:hidden}.map-frame iframe{border:0;width:100%;height:100%;min-height:380px}.contact-section{color:#fff;background:#0f172a}.contact-section .section-title p{color:#93c5fd}.contact-section .section-title span{color:#cbd5e1}.contact-grid{grid-template-columns:.9fr 1.1fr;gap:1.5rem;display:grid}.contact-info,.contact-form{box-shadow:none;background:#ffffff0f;border-color:#ffffff1f}.contact-info{border-radius:28px;gap:1rem;padding:1.5rem;display:grid}.contact-info div{background:#ffffff0f;border-radius:20px;gap:1rem;padding:1rem;display:flex}.contact-info span{font-size:1.4rem}.contact-info p{color:#cbd5e1;margin:0}.contact-info strong{color:#fff;margin-bottom:.25rem;display:block}.contact-form{border-radius:28px;gap:1rem;padding:1.5rem;display:grid}.contact-form input,.contact-form textarea{color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;outline:none;width:100%;padding:1rem}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#94a3b8}.contact-form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:16px;padding:1rem;font-weight:800}.footer{color:#cbd5e1;background:#020617;grid-template-columns:1.5fr .7fr 1fr;gap:2rem;padding:3rem 6%;display:grid}.footer h3{color:#fff;margin-top:0}.footer strong{color:#fff;margin-bottom:.8rem;display:block}.footer a,.footer span{margin-bottom:.5rem;display:block}.whatsapp-button{z-index:60;color:#fff;background:#22c55e;border-radius:999px;place-items:center;width:58px;height:58px;font-size:1.8rem;transition:all .2s;display:grid;position:fixed;bottom:1.4rem;right:1.4rem;box-shadow:0 16px 35px #22c55e59}.whatsapp-button:hover{transform:translateY(-4px)scale(1.03)}@media (width<=1100px){.nav-menu{display:none}.hero,.profile-grid,.vision-grid,.message-card,.map-wrapper,.contact-grid,.footer{grid-template-columns:1fr}.stats,.teacher-grid,.program-grid,.achievement-grid,.news-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)}.principal-photo{width:100%}}@media (width<=640px){.navbar{padding:.8rem 1rem}.brand small{display:none}.hero,.section{padding-left:1rem;padding-right:1rem}.hero{min-height:auto;padding-top:3rem;padding-bottom:3rem}.hero-actions{flex-direction:column}.btn{width:100%}.stats{grid-template-columns:1fr;padding-left:1rem;padding-right:1rem}.teacher-grid,.program-grid,.achievement-grid,.news-grid,.gallery-grid{grid-template-columns:1fr}.message-card{padding:1.2rem}.principal-photo{height:180px}.footer{padding-left:1rem;padding-right:1rem}}