/* ══════════════════════════════════════════════════════ DARK MODE GLOBAL — Asonry Designs Activo cuando ══════════════════════════════════════════════════════ */ /* ── Variables y base ─────────────────────────────── */ body.dark { background: #160e08; color: #f0e8d8; --ink: #f0e8d8; --parchment: #1e1208; --warm-white: #160e08; --cream: #1a1008; } /* ── Nav ──────────────────────────────────────────── */ body.dark nav { background: rgba(14,8,4,.96) !important; border-bottom-color: rgba(184,146,42,.15) !important; } body.dark .nav-links a { color: #f0e8d8; } body.dark .nav-hamburger span { background: #f0e8d8 !important; } body.dark .nav-logo img { filter: invert(1) brightness(1.8); } body.dark .dark-toggle { color: #f0e8d8; } body.dark .carrito-btn { border-color: rgba(184,146,42,.4); color: #f0e8d8; } /* ── Fondos de secciones ──────────────────────────── */ body.dark .hero-left { background: #1c1410 !important; } body.dark .hero-right { background: #1e1208 !important; } body.dark .hero-right .stat-label { color: rgba(240,232,216,.45) !important; } body.dark .registro-banner { background: #1c1410 !important; } body.dark .page-header { background: #1a1008; } body.dark #proceso { background: #1a1008; } body.dark footer { background: #0a0604 !important; } body.dark .scroll-hint { background: #1c1410 !important; } /* ── Tarjetas y contenedores ──────────────────────── */ body.dark .card, body.dark .perfil-card, body.dark .cuenta-card, body.dark .recompensa-card, body.dark .cupon-card, body.dark .amigo-card, body.dark .resumen-lateral, body.dark .carrito-resumen, body.dark .card-login, body.dark .tab-content, body.dark .metodo-pago, body.dark .confianza-card, body.dark .faq-item { background: #1e1208 !important; border-color: rgba(184,146,42,.2) !important; } /* ── Productos ────────────────────────────────────── */ body.dark .producto-card { background: #1e1208; border-color: rgba(184,146,42,.2); } body.dark .producto-card:hover { box-shadow: 0 20px 50px rgba(0,0,0,.4); } body.dark .producto-img { background: #231508; } /* ── Filtros ──────────────────────────────────────── */ body.dark .filtro-btn { color: rgba(240,232,216,.6); border-color: rgba(184,146,42,.3); } body.dark .filter-btn { color: #f0e8d8; border-color: rgba(247,241,232,.2); } body.dark .filter-btn.active { background: var(--gold); color: #1c1410; } /* ── Inputs y formularios ─────────────────────────── */ body.dark input, body.dark textarea, body.dark select { background: #231508; color: #f0e8d8; border-color: rgba(184,146,42,.3); } body.dark input::placeholder, body.dark textarea::placeholder { color: rgba(240,232,216,.35); } /* ── Botones ──────────────────────────────────────── */ body.dark .btn-primary { background: var(--gold); color: #1c1410; } body.dark .btn-carrito { background: #1c1410; color: var(--gold); } body.dark .btn-conoce-detras { border-color: rgba(247,241,232,.25); color: #f0e8d8; } body.dark .btn-conoce-detras:hover { border-color: #b8922a; color: #b8922a; } /* ── Proceso (home) ───────────────────────────────── */ body.dark .paso-titulo { color: #f0e8d8; } body.dark .paso-desc { color: rgba(240,232,216,.55); } /* ── Galería encargos ─────────────────────────────── */ body.dark .galeria-grid { background: #160e08; gap: 4px; } body.dark .galeria-cell { background: #160e08; } /* ── Sobre mí ─────────────────────────────────────── */ body.dark .sobre-parrafos p { color: rgba(240,232,216,.75) !important; } body.dark .sobre-stat-label { color: rgba(240,232,216,.5) !important; } body.dark .sobre-hero { background: #1a1008; } body.dark .foto-upload-label, body.dark .foto-upload-label span, body.dark .foto-upload-progress { color: rgba(240,232,216,.45) !important; } /* ── Carrito ──────────────────────────────────────── */ body.dark .carrito-header-outer p, body.dark .carrito-vacio p, body.dark .item-envio-label, body.dark .item-envio-coste, body.dark .item-desc, body.dark .resumen-linea, body.dark .pago-titulo, body.dark .pago-opcion-desc, body.dark .cupon-label, body.dark .cupon-login p, body.dark .seguir-comprando, body.dark .confirmacion p, body.dark .envio-selector-label, body.dark .envio-desc, body.dark .info-fila-simple small, body.dark .info-nota-small { color: rgba(240,232,216,.65) !important; } /* ── Mi cuenta ────────────────────────────────────── */ body.dark .recompensa-puntos, body.dark .historial-concepto, body.dark .historial-fecha, body.dark .zona-peligro p, body.dark .modal-danger-box p, body.dark .modal p, body.dark .cupon-info, body.dark .cupon-usado-tag, body.dark .pedido-meta, body.dark .pedido-chevron, body.dark .estado-label { color: rgba(240,232,216,.55) !important; } body.dark .puntos-banner, body.dark .puntos-section { background: #1e1208 !important; color: #f0e8d8 !important; } /* Placeholders de carga de galería */ body.dark .galeria-cell, body.dark .galeria-cell .emoji-ph, body.dark .producto-img, body.dark [style*="background:#f7f1e8"], body.dark [style*="background:var(--parchment)"], body.dark [style*="background:var(--cream)"] { background: #1a1008 !important; } /* Skeleton de carga */ body.dark .skeleton-card { background: #1e1208 !important; border-color: rgba(184,146,42,.1) !important; } body.dark .skeleton-img { background: #2a1a10 !important; } body.dark .skeleton-line { background: #2a1a10 !important; } /* Hero home */ body.dark .hero-title { color: #f0e8d8 !important; } body.dark .hero-subtitle { color: rgba(240,232,216,.6) !important; } body.dark .btn-secondary { color: #f0e8d8 !important; border-color: rgba(247,241,232,.3) !important; } body.dark .hero-badge { color: var(--gold) !important; } /* Encargos — pasos y FAQ */ body.dark .faq-pregunta { color: #f0e8d8 !important; } body.dark .faq-respuesta p { color: rgba(240,232,216,.7) !important; } body.dark .faq-item { border-bottom-color: rgba(184,146,42,.2); } body.dark .paso { background: #1e1208 !important; border-color: rgba(184,146,42,.15) !important; color: #f0e8d8 !important; } body.dark .paso p, body.dark .paso span:not(.paso-num) { color: #f0e8d8 !important; } /* Encargos — paso-card y FAQ padding */ body.dark .paso-card { background: #1e1208 !important; color: #f0e8d8 !important; } body.dark .paso-card h3 { color: #f0e8d8 !important; } body.dark .paso-card p { color: rgba(240,232,216,.7) !important; } body.dark .faq-item { background: #1e1208; padding: 0 1.2rem; } /* Encargos — overlay galería */ body.dark .overlay-nombre { color: #f0e8d8 !important; } body.dark .galeria-overlay { background: linear-gradient(to top, rgba(14,11,8,.95) 0%, rgba(14,11,8,.4) 50%, transparent 100%); } /* Encargos — overlay siempre visible en dark */ body.dark .galeria-cell .galeria-overlay { opacity: 0.75; } body.dark .galeria-cell:hover .galeria-overlay { opacity: 1; } /* Restaurar zoom hover en galería */ body.dark .galeria-cell img { transition: transform .4s ease, filter .3s; } body.dark .galeria-cell:hover img { transform: scale(1.04); filter: brightness(.65); } /* Reseñas en producto */ body.dark .resena-card-item { background: #1e1208 !important; color: #f0e8d8 !important; } body.dark .resena-card-item { color: #f0e8d8 !important; } body.dark .resena-nombre { color: #f0e8d8 !important; } body.dark .resena-texto { color: rgba(240,232,216,.8) !important; } /* Encargos — secciones con fondo ink que deben quedarse oscuras */ body.dark .faq-section { background: #1a1008 !important; } body.dark .faq-titulo { color: #f0e8d8 !important; } /* Tienda — botones cantidad +/- */ body.dark .qty-btn, body.dark .cantidad-btn, body.dark button[onclick*="cambiarQty"], body.dark button[onclick*="qty"] { background: #1e1208 !important; color: #f0e8d8 !important; border-color: rgba(184,146,42,.4) !important; } /* Sobre mí — textos */ body.dark .sobre-content p, body.dark .sobre-bio p, body.dark .sobre-section p { color: rgba(240,232,216,.75) !important; } /* Botones cantidad +/- en producto */ body.dark button[onclick*="cambiarCantidad"] { color: #f0e8d8 !important; border-color: rgba(184,146,42,.4) !important; }