:root{--blue:#172238;--gold:#c49a2c;--cream:#f8f5ef;--ink:#111827;--muted:#5b6473;--white:#fff;--line:rgba(196,154,44,.34);--shadow:0 24px 70px rgba(23,34,56,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--cream);line-height:1.65}img{max-width:100%;height:auto;display:block}a{color:inherit}.skip{position:absolute;left:-999px;top:1rem;background:var(--blue);color:#fff;padding:.7rem 1rem;z-index:9}.skip:focus{left:1rem}.site-header{position:fixed;inset:0 0 auto 0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:1rem clamp(1rem,4vw,4rem);background:rgba(248,245,239,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(23,34,56,.08);transition:.25s}.site-header.compact{padding-top:.55rem;padding-bottom:.55rem;box-shadow:0 10px 30px rgba(23,34,56,.08)}.brand img{width:180px}.nav{display:flex;gap:2rem;align-items:center}.nav a{text-decoration:none;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--blue)}.nav a:after{content:"";display:block;width:0;height:1px;background:var(--gold);transition:.25s}.nav a:hover:after{width:100%}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:.55rem .8rem;color:var(--blue);letter-spacing:.12em;text-transform:uppercase}.hero{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;padding:9rem 1.4rem 5rem;background:radial-gradient(circle at 50% 35%,#fff 0,#faf8f3 38%,var(--cream) 100%)}.hex-pattern{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(30deg,var(--gold) 12%,transparent 12.5%,transparent 87%,var(--gold) 87.5%,var(--gold)),linear-gradient(150deg,var(--gold) 12%,transparent 12.5%,transparent 87%,var(--gold) 87.5%,var(--gold)),linear-gradient(30deg,var(--gold) 12%,transparent 12.5%,transparent 87%,var(--gold) 87.5%,var(--gold)),linear-gradient(150deg,var(--gold) 12%,transparent 12.5%,transparent 87%,var(--gold) 87.5%,var(--gold));background-size:86px 150px;background-position:0 0,0 0,43px 75px,43px 75px;mask-image:radial-gradient(circle at 50% 38%,#000,transparent 64%)}.hero-inner{position:relative;text-align:center;max-width:920px}.hero-logo{width:min(720px,92vw);margin:0 auto 1.8rem;filter:drop-shadow(0 20px 35px rgba(23,34,56,.09))}.eyebrow{margin:0 0 .75rem;color:var(--gold);letter-spacing:.22em;text-transform:uppercase;font-size:.78rem;font-weight:600}.hero h1,.section h2,.about h2{font-family:Georgia,'Times New Roman',serif;color:var(--blue);font-weight:400;line-height:1.05}.hero h1{font-size:clamp(3rem,8vw,7rem);margin:.2rem 0 1rem;font-style:italic}.hero-text{max-width:650px;margin:0 auto 2rem;color:var(--muted);font-size:1.08rem}.cta{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gold);background:var(--blue);color:#fff;text-decoration:none;padding:.95rem 1.35rem;min-height:48px;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;transition:.25s;cursor:pointer}.cta:hover{background:var(--gold);color:var(--blue);transform:translateY(-2px)}.section{padding:7rem clamp(1.2rem,5vw,5rem)}.section-head{max-width:720px;margin:0 auto 3rem;text-align:center}.section h2,.about h2{font-size:clamp(2.3rem,5vw,4.7rem);margin:.2rem 0 1rem}.section-head p{color:var(--muted)}.grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.card{background:#fff;border:1px solid rgba(23,34,56,.08);padding:2rem;min-height:230px;box-shadow:var(--shadow);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:2rem;width:42px;height:3px;background:var(--gold)}.card h3{font-family:Georgia,'Times New Roman',serif;color:var(--blue);font-size:1.45rem;font-weight:400;margin:.7rem 0 1rem}.card p{color:var(--muted);margin:0}.about{padding:8rem clamp(1.2rem,5vw,5rem);background:linear-gradient(rgba(23,34,56,.88),rgba(23,34,56,.92)),linear-gradient(120deg,var(--blue),#0f1726);color:#fff}.about-card{max-width:860px;margin:0 auto;border:1px solid rgba(196,154,44,.45);padding:clamp(2rem,5vw,5rem);background:rgba(255,255,255,.03);box-shadow:0 35px 90px rgba(0,0,0,.25)}.about h2{color:#fff}.about p:not(.eyebrow){color:rgba(255,255,255,.78);font-size:1.05rem}.contact-layout{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.contact-form,.map{background:#fff;border:1px solid rgba(23,34,56,.08);box-shadow:var(--shadow)}.contact-form{padding:2rem;display:grid;gap:1rem}label{display:grid;gap:.35rem;color:var(--blue);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}input,textarea{width:100%;border:1px solid rgba(23,34,56,.16);background:#fbfaf7;padding:.95rem 1rem;font:inherit;color:var(--ink);outline-color:var(--gold)}textarea{resize:vertical}.form-note{margin:0;color:var(--muted);font-size:.9rem}.map{min-height:420px;overflow:hidden}.map iframe{width:100%;height:100%;border:0;filter:saturate(.75) contrast(1.03)}.whatsapp{position:fixed;right:1.1rem;bottom:1.1rem;z-index:11;text-decoration:none;background:rgba(23,34,56,.94);color:#fff;border:1px solid var(--gold);padding:.75rem .9rem;border-radius:999px;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 15px 35px rgba(0,0,0,.18)}.footer{background:var(--blue);color:#fff;text-align:center;padding:3rem 1rem}.footer img{width:230px;margin:0 auto 1rem}.footer p{margin:.35rem 0;color:rgba(255,255,255,.72);font-size:.9rem}.footer a{color:#fff}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@media (max-width:960px){.grid{grid-template-columns:repeat(2,1fr)}.contact-layout{grid-template-columns:1fr}.map{min-height:340px}}@media (max-width:720px){.site-header{padding:.8rem 1rem}.brand img{width:150px}.menu-toggle{display:block}.nav{position:absolute;top:100%;right:1rem;left:1rem;display:none;flex-direction:column;gap:0;background:#fff;border:1px solid rgba(23,34,56,.1);box-shadow:var(--shadow)}.nav.open{display:flex}.nav a{width:100%;padding:1rem;text-align:center}.hero{padding-top:8rem}.grid{grid-template-columns:1fr}.card{min-height:auto}.section{padding:5rem 1rem}.about{padding:5rem 1rem}.contact-form{padding:1.2rem}.hero-logo{width:96vw}.whatsapp{right:.8rem;bottom:.8rem}}
