/* ========================================
   SERGIO RAMOS — Shared CSS
   Variables, reset, nav, footer, utilities
   ======================================== */

:root{--w:#fff;--sn:#FAFAF7;--iv:#F3F0EB;--st:#E8E3DC;--sa:#D5CFC7;--ash:#8A8478;--gr:#4A4640;--cb:#2C2926;--n:#1A1816;--tc:#C4704D;--cp:#A85A38;--tc1:rgba(196,112,77,.1);--tc2:rgba(196,112,77,.2);--fd:'Instrument Serif',Georgia,serif;--fh:'Space Grotesk',system-ui,sans-serif;--fb:'Inter',system-ui,sans-serif;--fm:'JetBrains Mono',monospace;--e:cubic-bezier(.16,1,.3,1);--nh:64px;--mw:1100px}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--fb);color:var(--gr);background:var(--w);-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;border:none;background:none;outline:none;color:inherit}button{cursor:pointer}::selection{background:var(--tc2);color:var(--n)}.wr{width:100%;max-width:var(--mw);margin:0 auto;padding:0 clamp(1.25rem,4vw,2.5rem)}

.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nh);display:flex;align-items:center;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:.5px solid transparent;transition:border-color .3s}.nav.scrolled{border-color:var(--st)}.nav__in{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--mw);margin:0 auto;padding:0 clamp(1.25rem,4vw,2.5rem)}.nav__logo img{height:36px;width:auto}.nav__lk{display:flex;align-items:center;gap:1.75rem}.nav__a{font-family:var(--fh);font-size:.8125rem;font-weight:500;color:var(--gr);position:relative;transition:color .2s}.nav__a::after{content:'';position:absolute;bottom:-3px;left:0;width:0;height:1.5px;background:var(--tc);transition:width .3s var(--e)}.nav__a:hover{color:var(--n)}.nav__a:hover::after{width:100%}.nav__a--active{color:var(--n)}.nav__a--active::after{width:100%}.btn--p{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--fh);font-size:.875rem;font-weight:500;padding:.7rem 1.6rem;border-radius:8px;background:var(--tc);color:#fff;transition:all .2s var(--e)}.btn--p:hover{background:var(--cp);transform:translateY(-1px)}.nav__ham{display:none;flex-direction:column;gap:5px;padding:4px 0}.nav__ham span{display:block;width:22px;height:1.5px;background:var(--n);transition:all .3s var(--e)}.nav__ham.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.nav__ham.open span:nth-child(2){opacity:0}.nav__ham.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.nav__mob{position:fixed;top:var(--nh);left:0;right:0;bottom:0;background:var(--w);padding:2.5rem clamp(1.25rem,4vw,2.5rem);z-index:99;display:flex;flex-direction:column;gap:1.5rem;opacity:0;pointer-events:none;transform:translateY(-8px);transition:all .3s var(--e)}.nav__mob.open{opacity:1;pointer-events:all;transform:translateY(0)}.nav__mob a{font-family:var(--fd);font-size:1.75rem;color:var(--n)}.nav__mob a:hover{color:var(--tc)}@media(max-width:768px){.nav__lk{display:none}.nav__ham{display:flex}}

.ft{background:var(--n);color:var(--ash);padding:2.25rem 0}.ft__in{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1.25rem}.ft__logo img{height:32px;width:auto;margin-bottom:.3rem}.ft__tg{font-size:.75rem}.ft__r{text-align:right}.ft__em{font-size:.8125rem;color:var(--sa);transition:color .2s}.ft__em:hover{color:var(--tc)}.ft__loc{font-size:.75rem;margin-top:.15rem}.ft__soc{display:flex;gap:.65rem;margin-top:.4rem;justify-content:flex-end}.ft__soc a{font-size:.75rem;transition:color .2s}.ft__soc a:hover{color:var(--tc)}.ft__bot{margin-top:1.25rem;padding-top:.75rem;border-top:.5px solid rgba(255,255,255,.06);font-size:.7rem;opacity:.45}@media(max-width:600px){.ft__in{flex-direction:column}.ft__r{text-align:left}.ft__soc{justify-content:flex-start}}

/* === WHATSAPP BUTTON === */
.wa{position:fixed;bottom:24px;right:24px;z-index:95;width:52px;height:52px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(37,211,102,.35);transition:all .2s;cursor:pointer;text-decoration:none}
.wa:hover{transform:scale(1.08);box-shadow:0 6px 20px rgba(37,211,102,.45)}
.wa svg{width:26px;height:26px;fill:#fff}
@media(max-width:768px){.wa{bottom:72px;right:16px;width:48px;height:48px}.wa svg{width:24px;height:24px}}
/* === STICKY MOBILE CTA === */
.sticky-cta{display:none}
@media(max-width:768px){.sticky-cta{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:94;background:var(--n,#1A1816);padding:10px 16px;gap:8px;align-items:center;justify-content:center;box-shadow:0 -2px 12px rgba(0,0,0,.15)}
.sticky-cta__btn{flex:1;text-align:center;padding:10px;border-radius:8px;font-family:var(--fh,'Space Grotesk',sans-serif);font-size:.82rem;font-weight:500;color:#fff;background:var(--tc,#C4704D);text-decoration:none;transition:background .2s}
.sticky-cta__btn:hover{background:var(--cp,#A85A38)}
.sticky-cta__sec{font-family:var(--fh,'Space Grotesk',sans-serif);font-size:.75rem;color:rgba(255,255,255,.5);text-decoration:none;padding:8px 12px;transition:color .2s}
.sticky-cta__sec:hover{color:#fff}}
/* === PAGE TRANSITIONS === */
.page-fade{animation:pageFadeIn .4s ease}
@keyframes pageFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}