:root{--blue:#0757b8;--blue2:#0a78e8;--navy:#06172e;--ink:#07172d;--muted:#627286;--line:#dce7f2;--bg:#f5f9fe;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.68}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}.container{width:min(1180px,calc(100% - 48px));margin:auto}
.site-header{position:fixed;z-index:70;top:0;left:0;right:0;padding:14px 0;background:rgba(255,255,255,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(7,87,184,.08);transition:.3s}.site-header.scrolled{box-shadow:0 10px 35px rgba(4,38,78,.08)}.nav-wrap{display:flex;align-items:center;justify-content:space-between}.brand img{width:98px;height:54px;object-fit:contain}.nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:700}.nav>a:not(.wa-nav){position:relative}.nav>a:not(.wa-nav):after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:2px;background:var(--blue);transition:.3s}.nav>a:not(.wa-nav):hover:after,.nav>a.active:not(.wa-nav):after{width:100%}.wa-nav{padding:11px 17px;background:var(--blue);color:#fff;border-radius:999px;box-shadow:0 9px 25px rgba(7,87,184,.2)}.menu-toggle{display:none;border:0;background:none;padding:8px}.menu-toggle span{display:block;width:25px;height:2px;background:var(--navy);margin:5px}
.eyebrow,.section-label{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--blue);font-weight:800}h1,h2,h3,h4{letter-spacing:-.04em}h2{font-size:clamp(35px,4.7vw,61px);line-height:1.08;margin:0 0 28px}h2 span{color:var(--blue)}.section{padding:112px 0}.button{display:inline-flex;align-items:center;gap:13px;padding:14px 21px;border-radius:999px;background:var(--blue);color:#fff;font-weight:750;box-shadow:0 14px 32px rgba(7,87,184,.18);transition:.3s}.button:hover{transform:translateY(-3px);background:#064a9e}.button.secondary{background:#fff;color:var(--blue);border:1px solid var(--line);box-shadow:none}.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}.delay{transition-delay:.12s}
.page-hero{position:relative;overflow:hidden;padding:168px 0 92px;background:linear-gradient(135deg,#f8fbff,#e5f2ff)}.page-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(7,87,184,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(7,87,184,.05) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(#000,transparent)}.page-hero:after{content:"";position:absolute;width:540px;height:540px;border-radius:50%;right:-180px;top:-110px;background:#8ac6ff;filter:blur(22px);opacity:.44}.page-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr .9fr;gap:80px;align-items:center}.page-hero h1{font-size:clamp(50px,6.5vw,86px);line-height:1;letter-spacing:-.06em;margin:18px 0 22px}.page-hero p{font-size:17px;color:var(--muted);max-width:620px}.page-hero-media{position:relative}.page-hero-media img{width:100%;height:440px;object-fit:cover;border-radius:28px;box-shadow:0 28px 65px rgba(4,43,88,.2)}.page-hero-media:after{content:"";position:absolute;inset:17px;border:1px solid rgba(255,255,255,.45);border-radius:20px;pointer-events:none}
.content-shell{display:grid;grid-template-columns:250px minmax(0,1fr);gap:45px;align-items:start}.toc{position:sticky;top:110px;border:1px solid var(--line);border-radius:22px;padding:20px;background:#fff;max-height:calc(100vh - 140px);overflow:auto}.toc-title{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--blue);font-weight:800;margin-bottom:12px}.toc a{display:block;padding:8px 0;border-bottom:1px solid #edf2f7;font-size:12px;color:#4c6076}.toc a:hover{color:var(--blue)}.legacy-stack{display:grid;gap:20px}.content-card{border:1px solid var(--line);border-radius:24px;background:#fff;padding:32px;box-shadow:0 7px 25px rgba(7,45,90,.04);overflow:hidden}.content-card h1,.content-card h2{font-size:clamp(27px,3vw,41px);line-height:1.13;margin:0 0 18px}.content-card h3{font-size:25px;margin:0 0 14px}.content-card h4{font-size:20px}.content-card h5,.content-card h6{font-size:13px;color:var(--blue);text-transform:uppercase;letter-spacing:.08em}.content-card p{color:#526479;margin:0 0 16px}.content-card ul,.content-card ol{padding-left:22px;color:#526479}.content-card li{margin:7px 0}.content-card a{color:var(--blue);font-weight:650}.table-wrap{overflow-x:auto;margin:18px 0}.content-card table{width:100%;border-collapse:collapse;font-size:13px;min-width:580px}.content-card th,.content-card td{border:1px solid var(--line);padding:11px;vertical-align:top}.content-card th{background:#eef5fd;text-align:left}
.inline-media{margin:22px 0;border-radius:18px;overflow:hidden;background:#eef5fd;border:1px solid var(--line)}.inline-media img{width:100%;max-height:620px;object-fit:contain;background:#fff;cursor:zoom-in}.inline-media video{display:block;width:100%;max-height:620px;background:#041224}.media-caption{padding:10px 14px;color:#607287;font-size:12px;background:#f7faff}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.media-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 7px 25px rgba(7,45,90,.04)}.media-card img,.media-card video{width:100%;height:320px;object-fit:contain;background:#f4f8fc}.media-card img{cursor:zoom-in}.media-card h3{font-size:16px;letter-spacing:-.02em;margin:0;padding:15px 17px}.lightbox{position:fixed;z-index:200;inset:0;background:rgba(2,12,28,.92);display:none;align-items:center;justify-content:center;padding:40px}.lightbox.open{display:flex}.lightbox img{max-width:94vw;max-height:90vh;object-fit:contain}.lightbox-close{position:absolute;right:24px;top:20px;width:46px;height:46px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;border-radius:50%;font-size:28px;cursor:pointer}
.category-banner{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}.category-banner a{font-size:12px;font-weight:700;padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--blue)}
.contact{background:var(--blue);color:#fff}.contact-grid{display:grid;grid-template-columns:1fr .72fr;gap:80px;align-items:start}.contact .section-label{color:#b7dcff}.contact h2{font-size:clamp(34px,4vw,55px)}.contact-box{display:flex;flex-direction:column;gap:12px;padding:28px;border:1px solid rgba(255,255,255,.22);border-radius:23px;background:rgba(255,255,255,.08)}.contact-box a,.contact-box span{font-size:17px}.wa-button{margin-top:9px;background:white;color:var(--blue);padding:14px 18px;border-radius:999px;text-align:center;font-weight:800;transition:.3s}.wa-button:hover{transform:translateY(-3px)}
footer{background:#041224;color:#a9b8ca;padding:28px 0}.footer-grid{display:grid;grid-template-columns:100px 1fr 40px;align-items:center;gap:35px}.footer-grid img{width:90px;filter:brightness(0) invert(1)}.footer-grid p{font-size:12px;margin:0}.footer-grid>a{width:40px;height:40px;border:1px solid #314258;border-radius:50%;display:grid;place-items:center}.whatsapp-float{position:fixed;z-index:60;right:24px;bottom:24px;background:#25D366;color:#fff;width:59px;height:59px;border-radius:50%;display:grid;place-items:center;font-weight:850;box-shadow:0 13px 35px rgba(0,0,0,.2);transition:.3s}.whatsapp-float:hover{transform:translateY(-4px) scale(1.04)}
@media(max-width:960px){.nav{display:none}.menu-toggle{display:block}.nav.open{display:flex;position:absolute;top:80px;left:24px;right:24px;background:#fff;padding:22px;border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.12);flex-direction:column;align-items:stretch;gap:18px}.nav .wa-nav{text-align:center}.page-hero-inner,.contact-grid{grid-template-columns:1fr;gap:40px}.page-hero-media img{height:370px}.content-shell{grid-template-columns:1fr}.toc{position:relative;top:auto;max-height:none}.media-grid{grid-template-columns:1fr}}
@media(max-width:560px){.container{width:calc(100% - 30px)}.section{padding:80px 0}.page-hero{padding-top:135px}.page-hero h1{font-size:49px}.page-hero-media img{height:310px}.content-card{padding:23px}.media-card img,.media-card video{height:260px}.footer-grid{grid-template-columns:70px 1fr}.footer-grid>a{grid-column:2;justify-self:end}}