/* Estilo de Lovely Gio: Boutique elegante (crema, rosa palo y malva, líneas finas).
   Gio lo eligió el 2026-10-15; ya no se cambia en vivo. Sobrescribe las variables
   base de tienda.css. Las capturas de los otros estilos que se le mostraron están en variantes/. */

[data-theme="boutique"] {
  --accent: #b5657a;
  --accent-deep: #964d61;
  --accent-soft: #e7b9c4;
  --accent-2: #6d4c5c;
  --accent-3: #ead7c3;
  --accent-4: #dde5da;
  --accent-5: #efdfe3;
  --danger: #b33a4f;
  --ink: #3b2a31;
  --muted: #8b7680;
  --on-accent: #fff;
  --bg: #fbf7f3;
  --bg-image: none;
  --bg-size: auto;
  --surface: #fff;
  --surface-2: #f6efea;
  --surface-3: #f3e6e6;
  --field-bg: #fff;
  --line: #e6d8d0;
  --bw: 1px;
  --bw-sm: 1px;
  --shadow: none;
  --shadow-sm: none;
  --shadow-hover: 0 18px 40px rgba(59, 42, 49, .08);
  --shadow-panel: 0 18px 40px rgba(59, 42, 49, .06);
  --shadow-img: none;
  --radius: 4px;
  --radius-lg: 4px;
  --radius-sm: 2px;
  --radius-btn: 0;
  --tilt: 0deg;
  --lift: translateY(-3px);
  --f-display: 'Playfair Display', Georgia, serif;
  --f-body: 'Jost', 'Outfit', sans-serif;
  --display-style: normal;
  --display-weight: 500;
  --title-spacing: 0;
  --nav-case: uppercase;
  --nav-spacing: .16em;
  --announce-bg: #3b2a31;
  --announce-ink: #f3e6e6;
  --header-bg: rgba(251, 247, 243, .95);
  --hero-bg: linear-gradient(180deg, #f6ebe6 0%, #fbf7f3 100%);
  --hero-ink: #3b2a31;
  --hero-title-shadow: none;
  --hero-dots: none;
  --hero-em: #b5657a;
  --band-bg: #f3e6e6;
  --band-ink: #3b2a31;
  --footer-bg: #3b2a31;
  --footer-ink: #f1e6e9;
  --footer-head: #e7b9c4;
  --logo-ink: #3b2a31;
  --bead: #b5657a;
  --marquee-bg: transparent;
  --marquee-ink: #b5657a;
  --marquee-tilt: 0deg;
}
[data-theme="boutique"] .announce { font-weight: 400; letter-spacing: .14em; text-transform: uppercase; font-size: .72rem; }
[data-theme="boutique"] .main-nav a { font-weight: 500; font-size: .82rem; }
[data-theme="boutique"] .main-nav a:hover { background: none; color: var(--accent); }
[data-theme="boutique"] .main-nav.open a { font-size: 1.05rem; padding: 10px 0; }
[data-theme="boutique"] .main-nav.open .nav-social a { font-size: 1rem; padding: 0; }
[data-theme="boutique"] .btn { border-color: var(--ink); background: var(--ink); font-weight: 500; font-size: .85rem; padding: 14px 28px; }
[data-theme="boutique"] .btn:hover { background: var(--accent); border-color: var(--accent); transform: none; }
[data-theme="boutique"] .btn-ghost { background: transparent; color: var(--ink); }
[data-theme="boutique"] .btn-ghost:hover { background: var(--ink); color: #fff; }
[data-theme="boutique"] .sticker { background: none !important; border: 0; border-bottom: 1px solid currentColor; border-radius: 0; color: var(--accent) !important; padding: 0 0 4px; letter-spacing: .2em; text-transform: uppercase; font-weight: 500; font-size: .72rem; box-shadow: none; }
[data-theme="boutique"] .hero h1 { font-size: clamp(2.4rem, 6.4vw, 4.6rem); }
[data-theme="boutique"] .hero h1, [data-theme="boutique"] .page-hero h1 { font-style: normal; }
[data-theme="boutique"] .arch { border: 0; box-shadow: none; }
[data-theme="boutique"] .arch-0 { transform: none; } [data-theme="boutique"] .arch-1 { transform: none; } [data-theme="boutique"] .arch-2 { transform: none; border-radius: 999px 999px 0 0; }
[data-theme="boutique"] .spin-badge { background: #fff; border-color: var(--line); }
[data-theme="boutique"] .spin-badge text { fill: var(--accent); font-weight: 500; }
[data-theme="boutique"] .float-heart { display: none; }
[data-theme="boutique"] .big-marquee { border-color: var(--line); }
[data-theme="boutique"] .big-marquee b { color: var(--accent-soft); }
[data-theme="boutique"] .title-deco::after { background: var(--accent); height: 1px; width: 60px; margin-top: 14px; }
[data-theme="boutique"] .cat-tile { border: 0; min-height: 220px; }
[data-theme="boutique"] .cat-tile:hover { transform: none; }
[data-theme="boutique"] .cat-deco { display: none; }
[data-theme="boutique"] .card { border: 0; padding: 0 0 8px; background: transparent; }
[data-theme="boutique"] .card-img { border: 0; }
[data-theme="boutique"] .card h3 { font-weight: 400; text-align: center; }
[data-theme="boutique"] .card .price { justify-content: center; }
[data-theme="boutique"] .price strong { font-family: var(--f-body); font-weight: 500; color: var(--ink); font-size: 1rem; }
[data-theme="boutique"] .card-add { background: transparent; border-color: var(--ink); text-transform: uppercase; letter-spacing: .12em; font-size: .75rem; font-weight: 500; }
[data-theme="boutique"] .card-add:hover { background: var(--ink); }
[data-theme="boutique"] .burst { clip-path: none; transform: none; width: auto; height: auto; padding: 4px 10px; background: var(--accent); color: #fff; font-weight: 500; }
[data-theme="boutique"] .band::before, [data-theme="boutique"] .band::after { display: none; }
[data-theme="boutique"] .band { border-color: var(--line); }
[data-theme="boutique"] .perk-ico { background: transparent; border-color: var(--accent); color: var(--accent); }
[data-theme="boutique"] .about-teaser { border: 0; border-radius: 0; background: var(--surface-3); }
[data-theme="boutique"] .about-logo { box-shadow: none; border: 1px solid var(--line); }
[data-theme="boutique"] .site-footer .wave, [data-theme="boutique"] .hero-wave { display: none; }
[data-theme="boutique"] .chip.on { background: var(--ink); }
[data-theme="boutique"] .icon-btn, [data-theme="boutique"] .menu-btn { border: 0; background: transparent; }
[data-theme="boutique"] .bag-btn { background: transparent; color: var(--ink); }
[data-theme="boutique"] .bag-count { background: var(--accent); color: #fff; border: 0; }
[data-theme="boutique"] .wa-float { border: 0; box-shadow: 0 8px 20px rgba(0,0,0,.15); }
[data-theme="boutique"] .gallery-main { border: 0; }
[data-theme="boutique"] .pay-box { border-radius: var(--radius); box-shadow: none; }
[data-theme="boutique"] .btn-sm { padding: 8px 14px; font-size: .74rem; }