/* ==========================================================
   RESET · capa de estilo común (alinea las páginas con la portada)
   Papel #F4F2EC · Tinta #12110E · Oro #CBA86A
   Titulares y texto: Times New Roman · Etiquetas: JetBrains Mono
   Acentos: Newsreader cursiva
   ========================================================== */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Newsreader:ital,opsz,wght@1,6..72,400;1,6..72,500&display=swap');

:root{--rs-paper:#F4F2EC;--rs-paper2:#EAE6DC;--rs-ink:#12110E;--rs-gold:#CBA86A;--rs-line:rgba(18,17,14,.14)}

/* Base */
html,body{background:var(--rs-paper)!important;color:var(--rs-ink)}
body,body *{font-family:'Times New Roman',Times,serif!important}
body{-webkit-font-smoothing:antialiased}

/* Fondos */
.bg-white,.bg-\[\#fafafa\],.bg-gray-50,.bg-neutral-50{background-color:var(--rs-paper)!important}
.bg-zinc-50,.bg-zinc-100,.bg-gray-100,.bg-neutral-100,.bg-stone-50,.bg-stone-100{background-color:var(--rs-paper2)!important}
.bg-black,.bg-zinc-950,.bg-zinc-900,.bg-neutral-950,.bg-neutral-900,.bg-gray-900{background-color:var(--rs-ink)!important}
.text-black,.text-zinc-900,.text-zinc-950,.text-neutral-900,.text-gray-900{color:var(--rs-ink)!important}

/* Líneas */
.border,.border-t,.border-b,.border-l,.border-r,.border-y,.border-x{border-color:var(--rs-line)}
.border-black,.border-zinc-900{border-color:var(--rs-ink)!important}
.bg-black .border,.bg-black .border-t,.bg-black .border-b,.bg-black .border-l,.bg-black .border-r{border-color:rgba(255,255,255,.16)}

/* Titulares: Times New Roman en negrita, tracking ajustado */
h1,h2,h3,h4,.font-black,.font-extrabold{font-family:'Times New Roman',Times,serif!important;font-weight:700!important;letter-spacing:-.02em!important}

/* Palabras de acento (las que iban en gris claro dentro de los titulares) */
h1 .text-zinc-200,h1 .text-zinc-300,h1 .text-zinc-400,h1 .text-gray-300,h1 .text-gray-400,
h2 .text-zinc-200,h2 .text-zinc-300,h2 .text-zinc-400,h2 .text-gray-300,h2 .text-gray-400,
h1 .text-zinc-500,h2 .text-zinc-500,h1 .text-zinc-600,h2 .text-zinc-600,h1 .text-zinc-700,h2 .text-zinc-700,h1 .text-zinc-800,h2 .text-zinc-800,h1 .dim,h2 .dim{
  font-family:'Newsreader',serif!important;font-style:italic!important;font-weight:400!important;color:var(--rs-gold)!important;letter-spacing:-.01em!important}

h1 .text-zinc-200,h1 .text-zinc-300,h1 .text-zinc-400,h1 .text-zinc-500,h1 .text-zinc-600,h1 .text-zinc-700,h1 .text-zinc-800,h1 .dim{font-size:.86em}

/* Etiquetas, menús y botones: JetBrains Mono */
.uppercase.tracking-widest,.uppercase.tracking-wider,.uppercase.tracking-wide,
[class*="tracking-[0."],[class*="text-[9px]"],[class*="text-[10px]"],[class*="text-[11px]"],
nav a,nav span,button,.btn,.stripe-btn,a.uppercase,
.font-mono{font-family:'JetBrains Mono',monospace!important;font-weight:500!important;letter-spacing:.1em}
h1[class*="tracking-[0."],h2[class*="tracking-[0."],h3[class*="tracking-[0."]{font-family:'Times New Roman',Times,serif!important;font-weight:700!important;letter-spacing:-.02em!important}

/* Botones y acentos de color */
a.bg-black:hover,button.bg-black:hover,a.stripe-btn:hover{background-color:var(--rs-gold)!important;color:var(--rs-ink)!important}
.text-amber-400,.text-amber-500,.text-yellow-500,.text-yellow-600{color:var(--rs-gold)!important}

/* Cursivas del texto */
em,i{font-family:'Newsreader',serif!important}

/* Herramientas (hoja de estilos propia) */
.hero,.section,.card,.product-card{border-color:var(--rs-line)}

/* Móvil: los titulares con acento no deben desbordar */
@media (max-width:640px){
  h1 .text-zinc-200,h1 .text-zinc-300,h1 .text-zinc-400,h1 .text-zinc-500,h1 .text-zinc-600,h1 .text-zinc-700,h1 .text-zinc-800,h1 .dim{font-size:.72em}
  h1,h2{overflow-wrap:break-word}
}