/* Matteria - ficha5: solo lo que la separa de entry-hero.css.
   Cargar SIEMPRE despues de assets/css/entry-hero.css. */
:root {
  /* Colores de la pagina */
  --cream: #fdf8f3;
  --white: #ffffff;
  /* papel claro, disponible como token */
  --primary: #50110c;
  /* color base de la paleta */
  --bg-body: #6b1a14;
  /* el fondo de la pagina */
  --secondary: #e76a4d;
  /* superficies y boton */
  --ink: #f1e8f0;
  /* texto corrido y titulares */
  --ink-light: #f8cfa1;
  /* rotulos de menor jerarquia */
  --dark: #25251c;
  /* header del modal de pagos */
  --accent: #fd750a;
  /* numerales, boton de compra y enlaces */
  --accent-2: #eb9428;
  /* hover de enlaces */
  /* Paleta de marca: pigmentos historicos, se iran usando por ficha */
  --cochinilla-1: #670437;
  --cochinilla-2: #de257b;
  --cochinilla-3: #fcdfd4;
  --ocre-1: #d13328;
  --ocre-2: #e76a4d;
  --ocre-3: #f1e09a;
  --cardenillo-1: #024e50;
  --cardenillo-2: #1eaaae;
  --cardenillo-3: #d7e6c7;
  --borders: rgb(from var(--ink) r g b / 0.1);
  /* filetes, filas, campos */
  --grid-width: 1440px;
  /* El sangrado cubre siempre el margen real de .entry (--edge), no solo el resto
     de ventana: asi el carrusel llega al borde derecho en cualquier ancho. */
  --bleed-pad: calc((100vw - min(var(--grid-width), 100vw)) / 2 + var(--edge));
}
@media (min-width: 1241px) {
  :root {
    --edge: 80px;
  }
}
.entry-buy .buy-cta-secondary {
  background: var(--veil-white-10);
  color: var(--ink-hero, #f9f7eb);
}
.entry-buy .buy-cta-secondary:hover,
.entry-buy .buy-cta-secondary:focus-visible {
  background: var(--veil-white-2);
  color: #fff;
}
.entry-buy .buy-meta span:first-child { color: var(--ink-light); }
.author-title { color: var(--ink-light); }
.author-works li,
.author-works li span:last-child { color: var(--accent); }
/* Detalles tecnicos sin desplegable (.entry-folds2), como en ficha4 */
.fold2-title { color: var(--ink); background: var(--veil-white-4); }