/* ============================================
   QORIMIA - Tema visual
   Vino profundo + rosa + oro champán
   "Qori" = oro en quechua
   ============================================ */
:root {
    --qori-oro: #d9b26f;
    --qori-oro-claro: #f3dca4;
    --qori-oro-oscuro: #b8863b;
    --qori-rosa: #ec4899;
    --qori-vino: #2a0f22;
    --qori-ciruela: #3a1631;
    --qori-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
}

html body { background: var(--qori-vino); font-family: 'Inter', sans-serif; }

/* Títulos con tipografía elegante */
html body h1,
html body .page-title,
html body .faq-section-title,
html body .hero-section h1,
html body .footer-col-brand h3 {
    font-family: var(--qori-serif);
    letter-spacing: .3px;
}

/* Detalles dorados */
html body .page-title i,
html body .hero-section h1 span { color: var(--qori-oro); }

html body .producto-card .precio-actual,
html body .producto-card .precio-oferta { color: var(--qori-oro-claro); }

html body .producto-card .badge-destacado,
html body .badge-destacado {
    background: linear-gradient(135deg, var(--qori-oro-claro), var(--qori-oro-oscuro));
    color: #2a0f22;
    font-weight: 700;
}

html body .footer-col h4,
html body .footer-col-brand h3 { color: var(--qori-oro); }

html body .footer-links a:hover,
html body .footer-contact-item a:hover { color: var(--qori-oro-claro); }

/* Tarjetas: bordes suaves y brillo dorado al pasar el mouse */
html body .producto-card {
    border-radius: 18px;
    border: 1px solid rgba(217, 178, 111, .12);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
html body .producto-card:hover {
    border-color: rgba(217, 178, 111, .45);
    box-shadow: 0 14px 40px rgba(0, 0, 0, .35), 0 0 0 1px rgba(217, 178, 111, .2);
}

/* Botones principales: rosa elegante */
html body .producto-card .btn-agregar { border-radius: 999px; letter-spacing: .3px; }

/* Línea decorativa dorada bajo los títulos de sección */
html body .page-title::after {
    content: '';
    display: block;
    width: 56px; height: 2px; margin: 10px auto 0;
    background: linear-gradient(90deg, transparent, var(--qori-oro), transparent);
}

/* Selección de texto y scrollbar */
::selection { background: rgba(217, 178, 111, .35); color: #fff; }
html { scrollbar-color: var(--qori-oro-oscuro) var(--qori-vino); }