/* TEMA VOGUE — fashion editorial. Blanco y negro, tipografía protagonista. */
:root {
    --fuente-titulos: "Playfair Display", Georgia, serif;
    --fuente-cuerpo: "Inter", system-ui, sans-serif;
    --fondo: #ffffff; --texto: #3d3d3d; --texto-fuerte: #000000; --texto-suave: #9a9a9a;
    --primario: #000000; --primario-contraste: #ffffff;
    --acento: #c81d4e; --acento-contraste: #ffffff; --precio: #000000;
    --header-fondo: rgba(255,255,255,.98); --tarjeta-fondo: #ffffff; --campo-fondo: #ffffff;
    --suave: #f4f4f4; --borde: #e4e4e4; --pie-fondo: #000000;
    --hero-fondo: #f4f4f4; --hero-texto: #000000; --hero-texto-suave: #5c5c5c;
    --ok-fondo: #e2f1e6; --ok-texto: #1f7a3d; --error-fondo: #fbe1e8; --error-texto: #c81d4e;
    --warn-fondo: #f7eed6; --warn-texto: #8a6d1f; --info-fondo: #e3e9f5; --info-texto: #2e4f9e;
    --radio: 0px; --radio-grande: 0px; --sombra: 0 16px 40px rgba(0,0,0,.14);
}
h1, h2 { text-transform: uppercase; letter-spacing: .08em; }
.logo span { text-transform: uppercase; letter-spacing: .22em; font-weight: 700; }
.btn { text-transform: uppercase; letter-spacing: .12em; font-size: .78rem; padding: 12px 26px; }
.header { border-bottom: 2px solid #000; box-shadow: none; }
.tarjeta { border: 1px solid #e4e4e4; }
.tarjeta:hover { border-color: #000; box-shadow: none; transform: none; }
.pie h4, .pie p { color: #cfcfcf; }
.pie-copy { color: #8a8a8a; }

/* Pie negro: enlaces en blanco (el primario del tema es negro y no se veían) */
:root { --pie-enlace: #ffffff; }
.pie a { text-decoration: underline; text-decoration-color: rgba(255, 255, 255, .35); }