/* marca.css — tokens del libro de estilos v2.0 («dos tintas») */
:root{
  /* Papel y tinta base */
  --paper:#FBFBF9; --paper-2:#F0EFEA; --paper-3:#DEDCD5;
  --ink:#101010; --ink-70:#4A4A48; --ink-50:#6E6E6B;
  /* Tinta 1 · rosa (LLAMA — nunca texto) */
  --pink:#FF4F87; --pink-300:#FF7AA4; --pink-600:#E01F62; --pink-700:#B00B48; --pink-50:#FFE0EA;
  /* Tinta 2 · verde (ORDENA) */
  --green:#00856F; --green-300:#46C0A6; --green-700:#0B4F43; --green-900:#062F28; --green-50:#D5EDE7;
  /* Sobreimpresión (solo gráficos/ilustración) */
  --overprint:#7A2F55;
  /* Sistema */
  --radius:0;                          /* radio 0 SIEMPRE */
  --shadow:6px 6px 0 var(--ink);       /* sombra maciza desplazada, negra */
  --shadow-pink:5px 5px 0 var(--pink); /* variante de resalte */
  --rule:3px;                          /* regla rosa bajo antetítulos */
  --font-sans:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
  --font-black:"Archivo Black","Archivo",system-ui,sans-serif;
  --focus:3px solid var(--ink);
}
*,*::before,*::after{box-sizing:border-box;border-radius:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:18px;line-height:1.5;}
h1,h2{font-family:var(--font-sans);font-weight:700;letter-spacing:-0.03em;line-height:1.02;}
.antetitulo{font-family:var(--font-mono);font-size:14px;letter-spacing:0.16em;text-transform:uppercase;color:var(--green-700);border-bottom:var(--rule) solid var(--pink);display:inline-block;padding-bottom:6px;}
.num{font-family:var(--font-sans);font-weight:600;font-variant-numeric:tabular-nums;}
.btn{display:inline-block;background:var(--pink);color:var(--ink);font-family:var(--font-sans);font-weight:700;line-height:1.2;text-decoration:none;border:2px solid var(--ink);border-radius:0;box-shadow:var(--shadow);padding:18px 28px;font-size:18px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;}
.btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink);}
.btn:active{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink);}
.btn[disabled]{cursor:progress;transform:none;box-shadow:var(--shadow);}
.input{width:100%;background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:0;padding:14px 16px;font-size:18px;font-family:var(--font-sans);}
.input::placeholder{color:var(--ink-50);opacity:1}
.mono{font-family:var(--font-mono)}

/* Foco visible: contorno negro de 3 px desplazado */
:focus{outline:none}
:focus-visible{outline:var(--focus);outline-offset:3px}

/* Monograma V: plancha negra + segunda pasada rosa desplazada abajo-izquierda */
.firma{display:flex;align-items:center;gap:14px}
.monograma{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;flex:none;background:var(--ink);color:var(--paper);font-family:var(--font-black);font-weight:900;font-size:26px;line-height:1;box-shadow:-3px 3px 0 var(--pink);}
.dominio{font-family:var(--font-mono);font-size:14px;letter-spacing:0.16em;text-transform:uppercase;color:var(--ink);white-space:nowrap}
@media (max-width:420px){.dominio{letter-spacing:0.07em}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}