/* ============================================================
   MOLOKLI — Tokens compartidos (fuentes, color, reset, utils)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Reenie+Beanie&family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');

:root{
  /* Paleta activa Molokli */
  --teal:#57B396;
  --pink:#E26DB4;
  --purple:#9A5CB7;
  --yellow:#F4E64F;
  --cyan:#5ECCEF;
  --indigo:#5A73B8;
  --lime:#ADD960;
  --orange:#F28D40;
  --ink:#616262;
  --black:#141414;
  --white:#ffffff;
  --paper:#faf8f5;

  --font-title:'Bebas Neue',sans-serif;
  --font-hand:'Reenie Beanie',cursive;
  --font-body:'Montserrat',system-ui,sans-serif;

  --maxw:1240px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:var(--font-body);
  color:var(--black);
  background:var(--white);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4{margin:0;}
p{margin:0;}

/* Tipografía base */
.t-display{font-family:var(--font-title);line-height:.92;letter-spacing:.01em;text-transform:uppercase;}
.t-hand{font-family:var(--font-hand);line-height:.95;}
.eyebrow{
  font-family:var(--font-body);font-weight:700;letter-spacing:.32em;
  text-transform:uppercase;font-size:.72rem;
}
.body{font-size:1.02rem;line-height:1.75;color:#3a3a3a;font-weight:400;}

/* Layout helpers */
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;}
.section{padding:clamp(64px,9vw,128px) 0;}

/* Botones */
.btn{
  display:inline-flex;align-items:center;gap:.6em;
  font-family:var(--font-title);font-size:1.35rem;letter-spacing:.04em;
  text-transform:uppercase;padding:.7em 1.5em;border-radius:999px;
  cursor:pointer;border:2px solid transparent;transition:transform .2s ease,
  background .2s ease,color .2s ease,border-color .2s ease;line-height:1;
}
.btn:hover{transform:translateY(-3px);}
.btn--primary{background:var(--pink);color:#fff;}
.btn--primary:hover{background:var(--purple);}
.btn--ghost{background:transparent;border-color:currentColor;}
.btn--ghost:hover{background:#fff;color:var(--black);}
.btn--dark{background:var(--black);color:#fff;}
.btn--dark:hover{background:var(--teal);}

/* Nota de copy pendiente (texto del brochure final) */
.pending{
  display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink);opacity:.55;border:1px dashed currentColor;
  padding:.25em .7em;border-radius:6px;margin-top:.4em;
}

/* Marcador de placeholder de párrafo */
.placeholder-copy{color:#8a8a8a;font-style:italic;}