/* ============================================================
   BASE — reset, variables y tipografía global
   ============================================================ */

:root {
    /* Paleta editorial: negro tinta, crema vintage, verde ácido y rojo intenso */
    --noir: #0d0d0d;
    --cream: #f3f0e9;
    --acid-green: #c4ff0e;
    --intense-red: #e60023;
    --charcoal: #2d2d2d;
    --ink: #111111;
    --gold-accent: #d4af37;
    --dim-gray: #888;

    /* Tipos */
    --font-display: 'Bebas Neue', sans-serif;
    --font-serif: 'Playfair Display', serif;
    --font-body: 'Cormorant Garamond', serif;
    --font-mono: 'Space Mono', monospace;

    /* Layout */
    --marquee-width: 60px;
}

/* Reset minimalista */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Cursor custom solo en desktop, en móvil se restaura por media query */
@media (hover: hover) and (pointer: fine) {
    * { cursor: none; }
}

html {
    font-size: 16px;
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-body);
    background: var(--noir);
    color: var(--cream);
    overflow-x: hidden;
}

img {
    display: block;
    max-width: 100%;
}

a { color: inherit; text-decoration: none; }

/* Main-content arranca oculto: lo activa el script de intro */
#main-content {
    opacity: 0;
    transition: opacity 0.5s ease;
}

#main-content.visible { opacity: 1; }

/* Capa de ruido SVG global, da textura tipo papel */
.noise-overlay {
    position: fixed;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)' opacity='0.4'/%3E%3C/svg%3E");
    background-size: 150px;
    opacity: 0.12;
    mix-blend-mode: multiply;
    pointer-events: none;
    z-index: 9000;
}

/* Misma textura, pero local a una sección */
.folklore-texture {
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)' opacity='0.5'/%3E%3C/svg%3E");
    opacity: 0.15;
    mix-blend-mode: multiply;
    z-index: 1;
    pointer-events: none;
}