/* Matteria - ficha4: 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-hero2 { background: var(--primary); }
/* Opcion 2 de los detalles tecnicos (.entry-folds2): sin desplegable, el rotulo
   es un h3 y los datos van siempre a la vista. Las filas son las de la base. */
.fold2-title { color: var(--ink); background: var(--veil-white-4); }
.author-title { color: var(--accent); }