/* ── BASE DE LAS PÁGINAS DE BROCHURE · PLAZA VITALIA ─────────────────────────
   El sitio de Vitalia es UNA sola página con su css embebido, así que estas
   páginas no tienen de dónde heredar. Acá va lo mínimo: los tokens con los
   VALORES de Vitalia (la marca es el :root) y el armado del pie.
   El visor en sí lo estiliza visor.css, que es común a todas las marcas. */
:root{
  /* paleta propia de Vitalia (copiada de su index, no inventada) */
  --navy:#0B1F3A; --navy-2:#08182E;
  --paper:#F5EFE3; --paper-2:#EDE7D9;
  --champagne:#C8A35A; --champagne-l:#E2C48F;
  --ink:#0A0E16;
  --f:"Helvetica Neue","Helvetica","Arial",system-ui,-apple-system,sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);

  /* contrato de tokens que espera el módulo del visor → valores de Vitalia */
  --carbon:var(--navy);
  --cream:var(--paper);
  --cream-d:rgba(245,239,227,.66);
  --line-d:rgba(245,239,227,.18);
  --line-dd:rgba(245,239,227,.10);
  --mono:var(--f);
  --maxw:1380px;
  --pad:clamp(20px,5vw,72px);
  --t-2:clamp(1.7rem,3.2vw,2.9rem);
  --sage-lt:var(--champagne-l);   /* el acento sobre fondo oscuro */
}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--navy);color:var(--paper);font-family:var(--f);
  font-weight:300;line-height:1.5;-webkit-font-smoothing:antialiased;}
a{color:inherit;}

/* cierre de la página · misma voz sobria del sitio */
.brx-end h2{font-weight:300;letter-spacing:-.01em;}
.brx-end p{color:rgba(245,239,227,.72);}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;
  padding:13px 26px;border:1px solid var(--champagne);border-radius:2px;
  font-size:.82rem;letter-spacing:.08em;text-decoration:none;color:var(--paper);
  transition:background .3s var(--ease),color .3s var(--ease);}
.btn:hover{background:var(--champagne);color:var(--navy);}
.btn--solid{background:var(--champagne);color:var(--navy);}
.btn--solid:hover{background:transparent;color:var(--paper);}

.foot{border-top:1px solid var(--line-dd);padding:clamp(34px,6vh,64px) var(--pad);
  max-width:var(--maxw);margin:0 auto;}
.foot__brand{font-size:1.02rem;letter-spacing:.14em;text-transform:uppercase;}
.foot__brand b{font-weight:500;color:var(--champagne-l);}
.foot__tags{margin-top:10px;font-size:.74rem;letter-spacing:.1em;color:rgba(245,239,227,.5);}
.foot__legal{margin-top:22px;font-size:.7rem;line-height:1.75;color:rgba(245,239,227,.42);max-width:92ch;}

/* flotante de WhatsApp · el visor lee de acá el número, nunca del código */
.wafloat{position:fixed;right:max(16px,env(safe-area-inset-right));
  bottom:max(16px,env(safe-area-inset-bottom));z-index:900;width:54px;height:54px;
  display:inline-flex;align-items:center;justify-content:center;border-radius:50%;
  background:#25D366;color:#fff;text-decoration:none;transition:transform .3s var(--ease);}
.wafloat:hover{transform:scale(1.06);}
.wafloat svg{width:28px;height:28px;fill:currentColor;}