/* Dental Vais · sitio público — base común de las propuestas */
:root{
  --ink:#0b0b0b;          /* negro de marca (mismo fondo del logo) */
  --ink2:#161616;
  --bg:#ffffff;
  --soft:#f3f4f6;         /* secciones grises */
  --line:#e2e3e7;
  --line-d:#2a2a2a;       /* líneas sobre negro */
  --txt:#161616;
  --txt2:#5b5e66;
  --txt3:#8b8e95;
  --pill:#dcdde1;         /* botón claro del header */
  --serif:'Lora',Georgia,serif;
  --sans:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
  --wrap:1180px;
  --gut:clamp(20px,5vw,92px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{background:var(--bg);color:var(--txt);font-family:var(--sans);font-weight:300;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;line-height:1.15;letter-spacing:-.005em}
.wrap{max-width:calc(var(--wrap) + 2*var(--gut));margin:0 auto;padding:0 var(--gut)}
.eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--txt3);font-weight:400;margin-bottom:14px}
.on-dark .eyebrow,.eyebrow.light{color:#9a9a9a}
.h2{font-size:clamp(28px,3.4vw,40px)}
.lead{color:var(--txt2);font-size:16px;max-width:52ch}
.sec{padding:clamp(64px,9vw,110px) 0}
.soft{background:var(--soft)}
.dark{background:var(--ink);color:#f2f2f2}
.dark p{color:#a9a9a9}
.pend{opacity:.75}

/* Botones */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--sans);font-weight:500;font-size:14.5px;padding:13px 24px;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s;white-space:nowrap}
.btn:active{transform:translateY(1px)}
.btn-dark{background:var(--ink);color:#fff}
.btn-dark:hover{background:#2a2a2a}
.btn-line{border-color:#cfd0d4;color:var(--txt);font-weight:400}
.btn-line:hover{border-color:var(--txt)}
.btn-light{background:#fff;color:var(--ink)}
.btn-light:hover{background:var(--pill)}
.btn-ghost{border-color:rgba(255,255,255,.55);color:#fff;font-weight:400}
.btn-ghost:hover{background:rgba(255,255,255,.1)}
.btn-pill{background:var(--pill);color:var(--ink)}
.btn-pill:hover{background:#fff}
.sq .btn{border-radius:2px}
.ico{width:16px;height:16px;flex:none}

/* Header */
.hdr{position:sticky;top:0;z-index:50;background:var(--ink);color:#fff}
/* Franja negra más alta para que el logo se vea grande; al bajar se achica */
.hdr .wrap{display:flex;align-items:center;gap:28px;height:124px;transition:height .25s ease}
.hdr .logo img{height:108px;width:auto;transition:height .25s ease}
.hdr.compact .wrap{height:76px}
.hdr.compact .logo img{height:62px}
.hdr nav{display:flex;gap:26px;margin-left:clamp(20px,8vw,110px);font-size:13.5px;color:#d6d6d6}
.hdr nav a:hover{color:#fff}
.hdr .acts{margin-left:auto;display:flex;gap:10px;align-items:center}
.hdr .btn{padding:9px 16px;font-size:13.5px}
.hdr .login{border:1px solid #444;color:#eee;font-weight:400}
.hdr .login:hover{border-color:#aaa}
.burger{display:none;background:none;border:0;color:#fff;cursor:pointer;padding:8px;margin-left:4px}
.mnav{display:none}
@media (max-width:980px){
  .hdr nav{display:none}
  .hdr .acts .wa-top{display:none}
  .burger{display:block}
  .hdr .wrap,.hdr.compact .wrap{height:84px}
  .hdr .logo img,.hdr.compact .logo img{height:70px}
  .mnav{position:fixed;inset:84px 0 auto 0;background:var(--ink);border-top:1px solid var(--line-d);padding:10px var(--gut) 22px;z-index:49;flex-direction:column}
  .mnav.open{display:flex}
  .mnav a{padding:13px 0;border-bottom:1px solid var(--line-d);color:#e2e2e2;font-size:15px}
  .mnav .btn{margin-top:16px;border-bottom:0}
}
@media (max-width:420px){.hdr .login span{display:none}.hdr .login{padding:9px 12px}}

/* Barra fija de WhatsApp en celular */
.wa-bar{display:none}
@media (max-width:760px){
  .wa-bar{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:60;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.25);padding:15px}
  body{padding-bottom:80px}
}

/* Pie */
.foot-bottom{border-top:1px solid #1e1e1e;font-size:12px;color:#8a8a8a}
.foot-bottom .wrap{display:flex;justify-content:space-between;gap:16px;padding-top:18px;padding-bottom:18px;flex-wrap:wrap}

/* Cinta de propuesta (solo mientras eligen) */
.prop-tag{position:fixed;left:14px;bottom:14px;z-index:70;background:#fff;color:#111;border:1px solid #ddd;border-radius:999px;font-size:12px;padding:7px 14px;box-shadow:0 4px 14px rgba(0,0,0,.12);font-weight:500}
.prop-tag a{text-decoration:underline;margin-left:6px;font-weight:400}
@media (max-width:760px){.prop-tag{bottom:auto;top:92px;left:10px;font-size:11px;padding:5px 11px}}

/* Aparición suave al hacer scroll */
.rv{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}}
.wa-bar{border-color:#3a3a3a}