/* AdBee shared base — requires /assets/ds/tokens/tokens.css and /assets/ds/components/adbee.css (loaded first). Landing-specific shared components: header, footer, buttons, logo, fab */

:root{--cream:#FFF9EE;--sky:#E3F1FF;--sky-scene:#BFE3FF;--amber-soft:#FFE7A3;--peach:#FFE6DC;--whatsapp:#25D366;--radius-card:22px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--ink)}a:hover{color:var(--amber-hover)}
img,svg{max-width:100%}
.wrap{max-width:1160px;margin:0 auto;padding-left:20px;padding-right:20px}

/* logo: real SVG files; use the _blanco_para_fondo_oscuro variant on dark surfaces */
.logo{display:inline-flex;align-items:center;line-height:0}
.logo img,img.logo-sm{display:block;width:auto}
.logo img{height:30px}
img.logo-sm{height:26px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-weight:600;line-height:1;text-decoration:none;padding:0 22px;cursor:pointer;border:0;text-align:center}
.btn:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
.btn-primary{background:var(--amber);color:var(--ink);height:var(--control-lg);font-size:17px;border-radius:var(--radius-lg)}
.btn-primary:hover{color:var(--ink);filter:brightness(.96)}
.btn-dark{background:var(--ink);color:var(--surface);height:var(--control-md);font-size:16px;border-radius:var(--radius-lg)}
.btn-dark:hover{color:var(--surface)}
.btn-dark-lg{background:var(--ink);color:var(--ink-on-dark);height:var(--control-lg);font-size:17px;border-radius:var(--radius-lg)}
.btn-dark-lg:hover{color:var(--ink-on-dark);background:var(--ink-soft)}
.btn-line-lg{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink);height:var(--control-lg);font-size:17px;border-radius:var(--radius-lg)}
.btn-line-lg:hover{color:var(--ink);background:rgba(255,255,255,.35)}
.btn-wa{background:var(--success);color:var(--ink-on-dark);height:var(--control-lg);font-size:17px;border-radius:var(--radius-lg)}
.btn-wa:hover{color:var(--ink-on-dark);filter:brightness(1.08)}

/* typography helpers */
.eyebrow{font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--ink-muted)}
h1,h2,h3{font-family:var(--font-display);margin:0}
.h2{font-weight:700;font-size:clamp(26px,3.4vw,38px);line-height:1.15;letter-spacing:-.015em}
.lead{margin:0;font-size:17px;line-height:1.6;color:var(--ink-soft)}

/* header */
.topbar{background:var(--ink);color:var(--ink-on-dark)}
.topbar .wrap{padding-top:14px;padding-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.nav a{color:var(--ink-on-dark-muted);font-size:14px;text-decoration:none}
.nav a:hover{color:var(--ink-on-dark)}
.nav a.nav-cta{display:inline-flex;align-items:center;height:var(--control-sm);padding:0 14px;border:1px solid var(--border-on-dark);border-radius:var(--radius-md);color:var(--ink-on-dark);font-weight:600}
.site-header{background:var(--amber);color:var(--ink)}

/* footer */
.site-footer{background:var(--ink);color:var(--ink-on-dark)}
.site-footer .wrap{padding-top:32px;padding-bottom:96px;display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between}
.foot-brand{display:inline-flex;align-items:center;gap:10px}
.foot-nav{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:14px}
.foot-nav a{color:var(--ink-on-dark-muted)}
.foot-nav a:hover{color:var(--ink-on-dark)}

.fab{position:fixed;right:16px;bottom:20px;width:var(--fab);height:var(--fab);border-radius:var(--radius-pill);background:var(--whatsapp);color:#0B3D20;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-fab);z-index:10}
.fab:hover{color:#0B3D20;filter:brightness(1.06)}

/* mobile */
@media (max-width:600px){
  .topbar .wrap{padding-top:12px;padding-bottom:12px}
  .nav{gap:8px 16px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}