/*
Theme Name: Araucano Store
Theme URI: https://araucanostore.com
Author: AS Solutions
Author URI: https://araucanostore.com
Description: Tema oficial Araucano Store — High Quality Apparel. Diseño inspirado en Americanino.cl con identidad propia: negro, blanco y amarillo. Compatible con WooCommerce.
Version: 2.3.0
Requires at least: 6.0
Tested up to: 6.7
WC requires at least: 8.0
WC tested up to: 9.0
License: Privado
Text Domain: araucano-store
*/

/* ============================================================
   VARIABLES Y RESET
============================================================ */
:root {
    --negro: #0a0a0a;
    --blanco: #ffffff;
    --amarillo: #F5C800;
    --amarillo-hover: #e0b800;
    --gris-claro: #f5f5f3;
    --gris-medio: #e8e8e6;
    --gris-oscuro: #2a2a2a;
    --texto-muted: #767674;
    --font-main: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    --transition: all .2s ease;
    --max-width: 1400px;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

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

body {
    font-family: var(--font-main);
    background: var(--blanco);
    color: var(--negro);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

a { text-decoration: none; color: inherit; transition: var(--transition); }
img { max-width: 100%; height: auto; display: block; }
button { cursor: pointer; font-family: var(--font-main); }
ul { list-style: none; }

/* ============================================================
   TIPOGRAFÍA GLOBAL
============================================================ */
h1, h2, h3, h4, h5, h6 {
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: -0.5px;
}

/* ============================================================
   UTILIDADES
============================================================ */
.container {
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 2rem;
}

.btn {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: 14px 32px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    border: none;
    transition: var(--transition);
    cursor: pointer;
}

.btn-primary {
    background: var(--amarillo);
    color: var(--negro);
}
.btn-primary:hover { background: var(--amarillo-hover); }

.btn-outline-white {
    background: transparent;
    color: var(--blanco);
    border: 1.5px solid rgba(255,255,255,.35);
}
.btn-outline-white:hover {
    background: var(--blanco);
    color: var(--negro);
    border-color: var(--blanco);
}

.btn-outline-dark {
    background: transparent;
    color: var(--negro);
    border: 1.5px solid var(--negro);
}
.btn-outline-dark:hover {
    background: var(--negro);
    color: var(--blanco);
}

.section-label {
    font-size: 10px;
    letter-spacing: 4px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--amarillo);
    display: block;
    margin-bottom: .75rem;
}

.ver-todo-link {
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    border-bottom: 1.5px solid currentColor;
    padding-bottom: 2px;
    transition: var(--transition);
}
.ver-todo-link:hover { opacity: .6; }