/* ============================================================
   Cocina Luz — selector de tema (LK-441)
   4 temas intercambiables sobre el mismo negocio/menú real.
   Ver claude/plan-multitenant-cocinaluz-likepak.md (proyecto Likepak)
   para la decisión de arquitectura y el plan de portarlo a `theme_id`
   por tenant cuando exista el módulo SPA multi-tenant (Sprint 8).

   Reglas compartidas por los 4 temas (fuera del selector [data-site-theme=...]
   porque no dependen del tema, solo del contenido: el fallback de ícono
   para platillos sin foto todavía).
   ============================================================ */
.s-iconwrap svg{ width:36%; height:36%; }
[hidden]{ display:none !important; }
.s-card{ position:relative; }
.s-card.is-unavailable{ opacity:.55; }
.s-row.is-unavailable{ opacity:.6; }

/* ============================================================
   TEMA — CASERO  (cocina, calidez, hecho a mano)
   ============================================================ */
[data-site-theme="casero"]{
  --s-ink: oklch(24% 0.03 50);
  --s-ink-soft: oklch(38% 0.03 50);
  --s-bg: oklch(97% 0.020 75);
  --s-surface: oklch(99% 0.006 90);
  --s-accent: oklch(62% 0.17 45);
  --s-accent-dark: oklch(46% 0.15 38);
  --s-accent-tint: oklch(93% 0.045 55);
  --s-cta: oklch(50% 0.11 152);
  --s-cta-dark: oklch(38% 0.10 152);
  --s-cta-tint: oklch(93% 0.045 150);
  --s-pink: oklch(58% 0.19 9);
  --s-pink-tint: oklch(93% 0.045 9);
  --s-yellow: oklch(86% 0.13 92);
  --s-shadow: 0 18px 40px -18px oklch(24% 0.03 50 / .35);
  background: var(--s-bg); color: var(--s-ink); font-family:'Nunito',sans-serif;
}
[data-site-theme="casero"] h1,[data-site-theme="casero"] h2,[data-site-theme="casero"] h3{ font-family:'Baloo 2',sans-serif; font-weight:800; margin:0; color:var(--s-ink); }
[data-site-theme="casero"] .s-container{ max-width:1180px; margin:0 auto; padding:0 20px; }
@media (min-width:860px){ [data-site-theme="casero"] .s-container{ padding:0 40px; } }
[data-site-theme="casero"] .s-eyebrow{ display:inline-flex; align-items:center; gap:8px; font-family:'Caveat',cursive; font-weight:700; font-size:1.35rem; color:var(--s-accent-dark); background:var(--s-accent-tint); padding:4px 16px 6px; border-radius:999px; margin-bottom:14px; }
[data-site-theme="casero"] .s-btn-cta{ display:inline-flex; align-items:center; gap:8px; background:var(--s-cta); color:#fff; padding:14px 26px; border-radius:999px; font-weight:800; font-size:.95rem; box-shadow:var(--s-shadow); }
[data-site-theme="casero"] .s-btn-cta svg{ width:19px; height:19px; }
[data-site-theme="casero"] .s-header{ position:sticky; top:0; z-index:20; background:color-mix(in oklch, var(--s-bg) 88%, transparent); backdrop-filter:blur(8px); border-bottom:1px solid oklch(24% 0.03 50/.08); padding:10px 20px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
[data-site-theme="casero"] .s-brand{ display:flex; align-items:center; gap:10px; font-family:'Baloo 2',sans-serif; font-weight:700; }
[data-site-theme="casero"] .s-brand img{ height:38px; width:38px; border-radius:50%; }
[data-site-theme="casero"] .s-brand small{ display:block; font-family:'Nunito',sans-serif; font-weight:700; font-size:.6rem; letter-spacing:.12em; text-transform:uppercase; color:var(--s-cta-dark); }
[data-site-theme="casero"] .s-hero{ padding:40px 0 56px; }
[data-site-theme="casero"] .s-hero .s-container{ display:flex; flex-direction:column; gap:32px; align-items:center; text-align:center; }
@media (min-width:900px){ [data-site-theme="casero"] .s-hero .s-container{ flex-direction:row; text-align:left; gap:52px; } }
[data-site-theme="casero"] .s-hero h1{ font-size:clamp(2rem,5vw,2.9rem); line-height:1.08; }
[data-site-theme="casero"] .s-hero h1 em{ font-style:normal; color:var(--s-accent); }
[data-site-theme="casero"] .s-hero p{ color:var(--s-ink-soft); margin:16px 0 24px; max-width:44ch; font-size:1.02rem; line-height:1.55; }
[data-site-theme="casero"] .s-hero-media{ flex:1 1 0; width:100%; max-width:400px; aspect-ratio:4/5; border-radius:26px; background-size:cover; background-position:center; box-shadow:var(--s-shadow); border:6px solid var(--s-surface); position:relative; }
[data-site-theme="casero"] .s-band{ background:var(--s-cta-dark); color:#fff; padding:22px 0; }
[data-site-theme="casero"] .s-band .s-container{ display:flex; flex-wrap:wrap; gap:14px 24px; align-items:center; justify-content:space-between; }
[data-site-theme="casero"] .s-band .s-facts{ display:flex; flex-wrap:wrap; gap:8px 20px; font-size:.85rem; font-weight:700; }
[data-site-theme="casero"] .s-section{ padding:54px 0; }
[data-site-theme="casero"] .s-section-head{ text-align:center; max-width:600px; margin:0 auto 34px; }
[data-site-theme="casero"] .s-section-head h2{ font-size:clamp(1.5rem,3.2vw,2.1rem); }
[data-site-theme="casero"] .s-cat-head{ display:flex; align-items:center; gap:12px; margin:8px 0 14px; }
[data-site-theme="casero"] .s-cat-head:not(:first-child){ margin-top:30px; }
[data-site-theme="casero"] .s-cat-head h3{ color:var(--s-accent-dark); font-size:1.05rem; white-space:nowrap; }
[data-site-theme="casero"] .s-cat-head::after{ content:""; flex:1; height:2px; background:var(--s-accent-tint); }
[data-site-theme="casero"] .s-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
@media (min-width:600px){ [data-site-theme="casero"] .s-grid{ grid-template-columns:repeat(3,1fr); gap:18px; } }
@media (min-width:900px){ [data-site-theme="casero"] .s-grid{ grid-template-columns:repeat(4,1fr); } }
[data-site-theme="casero"] .s-card{ background:var(--s-surface); border-radius:20px; overflow:hidden; box-shadow:0 12px 26px -18px oklch(24% 0.03 50/.4); border:1px solid oklch(24% 0.03 50/.06); display:flex; flex-direction:column; }
[data-site-theme="casero"] .s-card .s-photo,[data-site-theme="casero"] .s-card .s-iconwrap{ width:100%; aspect-ratio:4/3; object-fit:cover; }
[data-site-theme="casero"] .s-card .s-iconwrap{ display:flex; align-items:center; justify-content:center; }
[data-site-theme="casero"] .s-card .s-iconwrap.caldo{ background:var(--s-accent-tint); color:var(--s-accent-dark); }
[data-site-theme="casero"] .s-card .s-iconwrap.guisado{ background:var(--s-cta-tint); color:var(--s-cta-dark); }
[data-site-theme="casero"] .s-card .s-iconwrap.mananero{ background:var(--s-yellow); color:var(--s-accent-dark); }
[data-site-theme="casero"] .s-card .s-iconwrap.bebida{ background:var(--s-pink-tint); color:var(--s-pink); }
[data-site-theme="casero"] .s-card-body{ padding:14px 16px 16px; display:flex; flex-direction:column; gap:8px; flex-grow:1; }
[data-site-theme="casero"] .s-card h4{ font-family:'Baloo 2',sans-serif; font-size:.96rem; margin:0; }
[data-site-theme="casero"] .s-card p{ color:var(--s-ink-soft); font-size:.8rem; line-height:1.4; margin:0; flex-grow:1; }
[data-site-theme="casero"] .s-price{ font-family:'Baloo 2',sans-serif; font-weight:700; color:var(--s-accent-dark); background:var(--s-accent-tint); padding:5px 12px; border-radius:999px; font-size:.78rem; align-self:flex-start; }
[data-site-theme="casero"] .s-about{ display:flex; flex-direction:column; gap:30px; align-items:center; }
@media (min-width:900px){ [data-site-theme="casero"] .s-about{ flex-direction:row; } }
[data-site-theme="casero"] .s-about-art{ flex:0 0 220px; width:220px; height:220px; border-radius:50%; position:relative; }
[data-site-theme="casero"] .s-about-art::before{ content:""; position:absolute; inset:0; border-radius:50%; border:3px dashed var(--s-accent-tint); }
[data-site-theme="casero"] .s-about-art img{ position:absolute; inset:16px; width:calc(100% - 32px); height:calc(100% - 32px); border-radius:50%; object-fit:cover; }
[data-site-theme="casero"] .s-about-text{ flex:1; }
[data-site-theme="casero"] .s-about-text h2{ font-size:1.5rem; margin-bottom:12px; }
[data-site-theme="casero"] .s-about-text p{ color:var(--s-ink-soft); line-height:1.6; }
[data-site-theme="casero"] .s-footer{ background:var(--s-ink); color:oklch(88% 0.01 75); padding:40px 20px 26px; }
[data-site-theme="casero"] .s-footer .s-container{ display:flex; flex-direction:column; gap:24px; }
[data-site-theme="casero"] .s-footer h4{ color:#fff; font-family:'Baloo 2',sans-serif; font-size:.9rem; margin-bottom:10px; }
[data-site-theme="casero"] .s-footer p,[data-site-theme="casero"] .s-footer li{ font-size:.85rem; color:oklch(78% 0.01 75); }
[data-site-theme="casero"] .s-footer ul{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:8px; }
[data-site-theme="casero"] .s-fab{ position:fixed; right:18px; bottom:18px; width:56px; height:56px; border-radius:50%; background:var(--s-cta); display:flex; align-items:center; justify-content:center; box-shadow:0 14px 30px -10px oklch(50% 0.11 152/.6); color:#fff; z-index:10; }
[data-site-theme="casero"] .s-fab svg{ width:26px; height:26px; }

/* ============================================================
   TEMA — TECH  (conversación, IA, producto)
   ============================================================ */
[data-site-theme="tech"]{
  --s-ink: oklch(20% 0.02 255);
  --s-ink-soft: oklch(46% 0.015 255);
  --s-bg: oklch(98% 0.004 240);
  --s-surface: oklch(100% 0 0);
  --s-panel: oklch(16% 0.03 258);
  --s-panel-ink: oklch(96% 0.006 240);
  --s-accent: oklch(64% 0.135 200);
  --s-accent-dark: oklch(47% 0.125 205);
  --s-accent-tint: oklch(93% 0.03 200);
  --s-border: oklch(90% 0.006 240);
  background: var(--s-bg); color: var(--s-ink); font-family:'IBM Plex Sans',sans-serif;
}
[data-site-theme="tech"] h1,[data-site-theme="tech"] h2,[data-site-theme="tech"] h3{ font-family:'Sora',sans-serif; font-weight:700; margin:0; letter-spacing:-.01em; }
[data-site-theme="tech"] .s-mono{ font-family:'IBM Plex Mono',monospace; }
[data-site-theme="tech"] .s-container{ max-width:1180px; margin:0 auto; padding:0 20px; }
@media (min-width:860px){ [data-site-theme="tech"] .s-container{ padding:0 40px; } }
[data-site-theme="tech"] .s-eyebrow{ display:inline-flex; align-items:center; gap:7px; font-family:'IBM Plex Mono',monospace; font-weight:600; font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; color:var(--s-accent-dark); background:var(--s-accent-tint); padding:5px 12px; border-radius:6px; margin-bottom:16px; }
[data-site-theme="tech"] .s-btn-cta{ display:inline-flex; align-items:center; gap:8px; background:var(--s-accent); color:oklch(15% 0.02 205); padding:13px 24px; border-radius:11px; font-weight:700; font-size:.92rem; }
[data-site-theme="tech"] .s-btn-cta svg{ width:18px; height:18px; }
[data-site-theme="tech"] .s-btn-ghost{ display:inline-flex; align-items:center; gap:6px; font-weight:600; color:var(--s-ink-soft); font-size:.88rem; padding:13px 4px; }
[data-site-theme="tech"] .s-header{ position:sticky; top:0; z-index:20; background:color-mix(in oklch, var(--s-bg) 90%, transparent); backdrop-filter:blur(8px); border-bottom:1px solid var(--s-border); padding:12px 20px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
[data-site-theme="tech"] .s-brand{ display:flex; align-items:center; gap:9px; font-family:'Sora',sans-serif; font-weight:700; font-size:1rem; }
[data-site-theme="tech"] .s-brand img{ height:26px; width:26px; border-radius:6px; }
[data-site-theme="tech"] .s-nav{ display:none; gap:26px; }
[data-site-theme="tech"] .s-nav a{ font-weight:600; font-size:.86rem; color:var(--s-ink-soft); text-decoration:none; }
@media (min-width:820px){ [data-site-theme="tech"] .s-nav{ display:flex; } }
[data-site-theme="tech"] .s-hero{ background:var(--s-panel); color:var(--s-panel-ink); padding:52px 0 60px; }
[data-site-theme="tech"] .s-hero .s-container{ display:flex; flex-direction:column; gap:36px; }
@media (min-width:960px){ [data-site-theme="tech"] .s-hero .s-container{ flex-direction:row; align-items:center; gap:56px; } }
[data-site-theme="tech"] .s-hero .s-eyebrow{ background:color-mix(in oklch, var(--s-accent) 22%, transparent); color:var(--s-accent); }
[data-site-theme="tech"] .s-hero h1{ font-size:clamp(2rem,4.6vw,2.8rem); color:#fff; line-height:1.12; }
[data-site-theme="tech"] .s-hero p{ color:oklch(78% 0.01 250); margin:16px 0 26px; max-width:46ch; font-size:1rem; line-height:1.6; }
[data-site-theme="tech"] .s-hero-ctas{ display:flex; flex-wrap:wrap; gap:12px; }
[data-site-theme="tech"] .s-chat{ flex:1 1 0; width:100%; max-width:380px; background:oklch(21% 0.025 255); border:1px solid oklch(30% 0.02 255); border-radius:16px; padding:18px; display:flex; flex-direction:column; gap:10px; }
[data-site-theme="tech"] .s-bubble{ max-width:82%; padding:10px 13px; border-radius:12px; font-size:.85rem; line-height:1.4; }
[data-site-theme="tech"] .s-bubble.user{ align-self:flex-end; background:var(--s-accent); color:oklch(14% 0.02 205); border-bottom-right-radius:4px; }
[data-site-theme="tech"] .s-bubble.ai{ align-self:flex-start; background:oklch(28% 0.02 255); color:oklch(92% 0.006 240); border-bottom-left-radius:4px; }
[data-site-theme="tech"] .s-chat-label{ font-family:'IBM Plex Mono',monospace; font-size:.68rem; color:oklch(60% 0.01 250); letter-spacing:.06em; text-transform:uppercase; margin-bottom:2px; }
[data-site-theme="tech"] .s-stats{ padding:26px 0; border-bottom:1px solid var(--s-border); }
[data-site-theme="tech"] .s-stats .s-container{ display:flex; flex-wrap:wrap; gap:22px 34px; justify-content:center; }
[data-site-theme="tech"] .s-stat{ display:flex; align-items:center; gap:9px; font-size:.86rem; font-weight:600; color:var(--s-ink-soft); }
[data-site-theme="tech"] .s-stat svg{ width:17px; height:17px; color:var(--s-accent-dark); }
[data-site-theme="tech"] .s-section{ padding:56px 0; }
[data-site-theme="tech"] .s-section-head{ max-width:600px; margin:0 0 30px; }
[data-site-theme="tech"] .s-section-head h2{ font-size:clamp(1.5rem,3vw,2rem); }
[data-site-theme="tech"] .s-section-head p{ color:var(--s-ink-soft); margin-top:10px; line-height:1.55; }
[data-site-theme="tech"] .s-cat-tabs{ display:flex; gap:8px; margin-bottom:20px; flex-wrap:wrap; }
[data-site-theme="tech"] .s-cat-tabs span{ font-size:.78rem; font-weight:600; padding:6px 13px; border-radius:8px; background:var(--s-accent-tint); color:var(--s-accent-dark); }
[data-site-theme="tech"] .s-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
@media (min-width:640px){ [data-site-theme="tech"] .s-grid{ grid-template-columns:repeat(3,1fr); } }
@media (min-width:980px){ [data-site-theme="tech"] .s-grid{ grid-template-columns:repeat(4,1fr); } }
[data-site-theme="tech"] .s-card{ background:var(--s-surface); border:1px solid var(--s-border); border-radius:13px; overflow:hidden; display:flex; flex-direction:column; }
[data-site-theme="tech"] .s-card .s-photo,[data-site-theme="tech"] .s-card .s-iconwrap{ width:100%; aspect-ratio:1/1; object-fit:cover; background:var(--s-accent-tint); }
[data-site-theme="tech"] .s-card .s-iconwrap{ display:flex; align-items:center; justify-content:center; color:var(--s-accent-dark); }
[data-site-theme="tech"] .s-card-body{ padding:12px 14px 14px; display:flex; flex-direction:column; gap:6px; flex-grow:1; }
[data-site-theme="tech"] .s-card h4{ font-family:'Sora',sans-serif; font-size:.9rem; font-weight:600; }
[data-site-theme="tech"] .s-card p{ color:var(--s-ink-soft); font-size:.76rem; line-height:1.4; margin:0; flex-grow:1; }
[data-site-theme="tech"] .s-card-foot{ display:flex; align-items:center; justify-content:space-between; margin-top:2px; }
[data-site-theme="tech"] .s-price{ font-family:'IBM Plex Mono',monospace; font-weight:600; font-size:.78rem; color:var(--s-ink-soft); background:oklch(95% 0.005 240); padding:3px 8px; border-radius:6px; }
[data-site-theme="tech"] .s-dot{ display:inline-flex; align-items:center; gap:5px; font-size:.68rem; color:var(--s-accent-dark); font-weight:600; }
[data-site-theme="tech"] .s-dot::before{ content:""; width:6px; height:6px; border-radius:50%; background:var(--s-accent); }
[data-site-theme="tech"] .s-tiles{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; }
[data-site-theme="tech"] .s-tile{ border:1px solid var(--s-border); border-radius:13px; padding:20px; background:var(--s-surface); }
[data-site-theme="tech"] .s-tile .s-mono{ font-size:1.6rem; font-weight:600; color:var(--s-accent-dark); display:block; margin-bottom:6px; }
[data-site-theme="tech"] .s-tile p{ margin:0; font-size:.84rem; color:var(--s-ink-soft); line-height:1.5; }
[data-site-theme="tech"] .s-footer{ background:var(--s-panel); color:oklch(78% 0.01 250); padding:40px 20px 26px; }
[data-site-theme="tech"] .s-footer .s-container{ display:flex; flex-direction:column; gap:22px; }
[data-site-theme="tech"] .s-footer h4{ color:#fff; font-family:'Sora',sans-serif; font-size:.85rem; margin-bottom:10px; }
[data-site-theme="tech"] .s-footer p,[data-site-theme="tech"] .s-footer li{ font-size:.83rem; }
[data-site-theme="tech"] .s-footer ul{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:8px; }
[data-site-theme="tech"] .s-fab{ position:fixed; right:18px; bottom:18px; width:52px; height:52px; border-radius:14px; background:var(--s-accent); display:flex; align-items:center; justify-content:center; color:oklch(15% 0.02 205); box-shadow:0 14px 30px -10px oklch(64% 0.135 200/.5); z-index:10; }
[data-site-theme="tech"] .s-fab svg{ width:24px; height:24px; }

/* ============================================================
   TEMA — MERCADO  (marketplace, denso, catálogo)
   ============================================================ */
[data-site-theme="tienda"]{
  --s-ink: oklch(20% 0.01 30);
  --s-ink-soft: oklch(42% 0.01 30);
  --s-bg: oklch(97% 0.004 60);
  --s-surface: oklch(100% 0 0);
  --s-accent: oklch(55% 0.20 25);
  --s-accent-dark: oklch(42% 0.18 24);
  --s-accent-tint: oklch(94% 0.045 30);
  --s-line: oklch(88% 0.005 60);
  background: var(--s-bg); color: var(--s-ink); font-family:'Source Sans 3',sans-serif;
}
[data-site-theme="tienda"] h1,[data-site-theme="tienda"] h2,[data-site-theme="tienda"] h3{ font-family:'Libre Franklin',sans-serif; font-weight:800; margin:0; }
[data-site-theme="tienda"] .s-container{ max-width:1220px; margin:0 auto; padding:0 20px; }
@media (min-width:860px){ [data-site-theme="tienda"] .s-container{ padding:0 32px; } }
[data-site-theme="tienda"] .s-btn-cta{ display:inline-flex; align-items:center; gap:7px; background:var(--s-accent); color:#fff; padding:10px 20px; border-radius:7px; font-weight:700; font-size:.86rem; }
[data-site-theme="tienda"] .s-btn-cta svg{ width:17px; height:17px; }
[data-site-theme="tienda"] .s-header{ position:sticky; top:0; z-index:20; background:var(--s-surface); border-bottom:1px solid var(--s-line); padding:10px 20px; }
[data-site-theme="tienda"] .s-header-row{ display:flex; align-items:center; justify-content:space-between; gap:16px; max-width:1220px; margin:0 auto; }
[data-site-theme="tienda"] .s-brand{ display:flex; align-items:center; gap:9px; font-family:'Libre Franklin',sans-serif; font-weight:800; font-size:1rem; }
[data-site-theme="tienda"] .s-brand img{ height:30px; width:30px; border-radius:5px; }
[data-site-theme="tienda"] .s-search{ flex:1; max-width:360px; display:none; }
[data-site-theme="tienda"] .s-search input{ width:100%; border:1px solid var(--s-line); border-radius:7px; padding:8px 12px; font:inherit; font-size:.85rem; background:var(--s-bg); }
@media (min-width:760px){ [data-site-theme="tienda"] .s-search{ display:block; } }
[data-site-theme="tienda"] .s-catnav{ display:flex; gap:6px; overflow-x:auto; padding:9px 20px; border-bottom:1px solid var(--s-line); background:var(--s-surface); }
[data-site-theme="tienda"] .s-catnav button{ flex:0 0 auto; border:1px solid var(--s-line); background:var(--s-bg); color:var(--s-ink-soft); font-weight:700; font-size:.8rem; padding:7px 15px; border-radius:999px; }
[data-site-theme="tienda"] .s-catnav button.active{ background:var(--s-accent); border-color:var(--s-accent); color:#fff; }
[data-site-theme="tienda"] .s-promo{ background:var(--s-accent-tint); padding:16px 0; }
[data-site-theme="tienda"] .s-promo .s-container{ display:flex; flex-wrap:wrap; gap:10px 22px; align-items:center; justify-content:center; font-size:.82rem; font-weight:700; color:var(--s-accent-dark); }
[data-site-theme="tienda"] .s-promo .s-sep{ opacity:.5; }
[data-site-theme="tienda"] .s-hero-mini{ padding:26px 0 8px; }
[data-site-theme="tienda"] .s-hero-mini h1{ font-size:clamp(1.5rem,3.4vw,2rem); }
[data-site-theme="tienda"] .s-hero-mini p{ color:var(--s-ink-soft); margin:8px 0 0; max-width:60ch; font-size:.92rem; }
[data-site-theme="tienda"] .s-section{ padding:22px 0 50px; }
[data-site-theme="tienda"] .s-cat-head{ font-size:1.05rem; margin:26px 0 12px; padding-bottom:6px; border-bottom:2px solid var(--s-ink); display:inline-block; }
[data-site-theme="tienda"] .s-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
@media (min-width:560px){ [data-site-theme="tienda"] .s-grid{ grid-template-columns:repeat(3,1fr); } }
@media (min-width:860px){ [data-site-theme="tienda"] .s-grid{ grid-template-columns:repeat(4,1fr); } }
@media (min-width:1120px){ [data-site-theme="tienda"] .s-grid{ grid-template-columns:repeat(5,1fr); } }
[data-site-theme="tienda"] .s-card{ background:var(--s-surface); border:1px solid var(--s-line); border-radius:7px; overflow:hidden; display:flex; flex-direction:column; position:relative; }
[data-site-theme="tienda"] .s-card .s-photo,[data-site-theme="tienda"] .s-card .s-iconwrap{ width:100%; aspect-ratio:1/1; object-fit:cover; background:var(--s-accent-tint); }
[data-site-theme="tienda"] .s-card .s-iconwrap{ display:flex; align-items:center; justify-content:center; color:var(--s-accent-dark); }
[data-site-theme="tienda"] .s-badge{ position:absolute; top:7px; left:7px; background:var(--s-ink); color:#fff; font-size:.6rem; font-weight:700; padding:3px 7px; border-radius:4px; text-transform:uppercase; letter-spacing:.03em; }
[data-site-theme="tienda"] .s-card-body{ padding:9px 10px 11px; display:flex; flex-direction:column; gap:5px; flex-grow:1; }
[data-site-theme="tienda"] .s-card h4{ font-family:'Libre Franklin',sans-serif; font-size:.82rem; font-weight:700; line-height:1.25; }
[data-site-theme="tienda"] .s-card p{ color:var(--s-ink-soft); font-size:.7rem; line-height:1.35; margin:0; flex-grow:1; }
[data-site-theme="tienda"] .s-card-foot{ display:flex; align-items:center; justify-content:space-between; margin-top:4px; gap:6px; }
[data-site-theme="tienda"] .s-price{ font-weight:800; font-size:.86rem; color:var(--s-accent-dark); }
[data-site-theme="tienda"] .s-seller{ background:var(--s-surface); border:1px solid var(--s-line); border-radius:9px; padding:18px 20px; display:flex; flex-wrap:wrap; gap:14px 26px; align-items:center; justify-content:space-between; }
[data-site-theme="tienda"] .s-seller-id{ display:flex; align-items:center; gap:11px; }
[data-site-theme="tienda"] .s-seller-id img{ height:40px; width:40px; border-radius:6px; }
[data-site-theme="tienda"] .s-seller-id strong{ display:block; font-size:.92rem; }
[data-site-theme="tienda"] .s-seller-id span{ font-size:.78rem; color:var(--s-ink-soft); }
[data-site-theme="tienda"] .s-footer{ background:var(--s-ink); color:oklch(85% 0.01 60); padding:34px 20px 22px; }
[data-site-theme="tienda"] .s-footer .s-container{ display:flex; flex-direction:column; gap:20px; }
[data-site-theme="tienda"] .s-footer h4{ color:#fff; font-family:'Libre Franklin',sans-serif; font-size:.82rem; margin-bottom:9px; }
[data-site-theme="tienda"] .s-footer p,[data-site-theme="tienda"] .s-footer li{ font-size:.8rem; color:oklch(78% 0.008 60); }
[data-site-theme="tienda"] .s-footer ul{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:7px; }
[data-site-theme="tienda"] .s-fab{ position:fixed; right:18px; bottom:18px; width:50px; height:50px; border-radius:9px; background:var(--s-accent); display:flex; align-items:center; justify-content:center; color:#fff; box-shadow:0 14px 26px -10px oklch(55% 0.20 25/.55); z-index:10; }
[data-site-theme="tienda"] .s-fab svg{ width:23px; height:23px; }

/* ============================================================
   TEMA — BUSINESS  (formal, ficha de negocio, confianza)
   ============================================================ */
[data-site-theme="business"]{
  --s-ink: oklch(24% 0.02 265);
  --s-ink-soft: oklch(46% 0.015 265);
  --s-bg: oklch(97% 0.004 250);
  --s-surface: oklch(100% 0 0);
  --s-panel: oklch(18% 0.03 265);
  --s-panel-ink: oklch(93% 0.006 250);
  --s-accent: oklch(68% 0.13 80);
  --s-accent-dark: oklch(52% 0.12 75);
  --s-accent-tint: oklch(94% 0.03 85);
  --s-line: oklch(86% 0.008 265);
  background: var(--s-bg); color: var(--s-ink); font-family:'Karla',sans-serif;
}
[data-site-theme="business"] h1,[data-site-theme="business"] h2,[data-site-theme="business"] h3{ font-family:'Fraunces',serif; font-weight:600; margin:0; color:var(--s-ink); }
[data-site-theme="business"] .s-container{ max-width:1080px; margin:0 auto; padding:0 20px; }
@media (min-width:860px){ [data-site-theme="business"] .s-container{ padding:0 40px; } }
[data-site-theme="business"] .s-eyebrow{ display:inline-flex; align-items:center; gap:8px; font-family:'Karla',sans-serif; font-weight:700; font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--s-accent); margin-bottom:14px; }
[data-site-theme="business"] .s-btn-cta{ display:inline-flex; align-items:center; gap:8px; background:transparent; color:var(--s-panel-ink); padding:12px 24px; border-radius:3px; font-weight:700; font-size:.85rem; letter-spacing:.03em; border:1.5px solid var(--s-accent); }
[data-site-theme="business"] .s-btn-cta:hover{ background:var(--s-accent); color:var(--s-panel); }
[data-site-theme="business"] .s-btn-cta svg{ width:16px; height:16px; }
[data-site-theme="business"] .s-header{ background:var(--s-panel); color:var(--s-panel-ink); padding:16px 20px; border-bottom:2px solid var(--s-accent); }
[data-site-theme="business"] .s-header-row{ display:flex; align-items:center; justify-content:space-between; gap:16px; max-width:1080px; margin:0 auto; }
[data-site-theme="business"] .s-brand{ display:flex; align-items:center; gap:11px; font-family:'Fraunces',serif; font-weight:600; font-size:1.1rem; letter-spacing:.02em; }
[data-site-theme="business"] .s-brand img{ height:30px; width:30px; border-radius:3px; }
[data-site-theme="business"] .s-brand small{ display:block; font-family:'Karla',sans-serif; font-weight:600; font-size:.6rem; letter-spacing:.14em; text-transform:uppercase; color:var(--s-accent); }
[data-site-theme="business"] .s-nav{ display:none; gap:24px; }
[data-site-theme="business"] .s-nav a{ font-weight:600; font-size:.82rem; color:oklch(78% 0.01 250); text-decoration:none; letter-spacing:.02em; }
@media (min-width:820px){ [data-site-theme="business"] .s-nav{ display:flex; } }
[data-site-theme="business"] .s-hero{ background:var(--s-panel); color:var(--s-panel-ink); padding:46px 0 40px; }
[data-site-theme="business"] .s-hero h1{ font-size:clamp(1.9rem,4.2vw,2.6rem); color:#fff; line-height:1.15; max-width:22ch; }
[data-site-theme="business"] .s-hero p{ color:oklch(76% 0.01 250); margin:16px 0 26px; max-width:52ch; font-size:.98rem; line-height:1.6; }
[data-site-theme="business"] .s-facttable{ display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:0; margin-top:30px; border-top:1px solid oklch(40% 0.02 265); }
[data-site-theme="business"] .s-fact{ padding:16px 18px 0; border-left:1px solid oklch(40% 0.02 265); }
[data-site-theme="business"] .s-fact:first-child{ border-left:none; padding-left:0; }
[data-site-theme="business"] .s-fact span{ display:block; font-size:.66rem; text-transform:uppercase; letter-spacing:.1em; color:var(--s-accent); font-weight:700; margin-bottom:5px; }
[data-site-theme="business"] .s-fact strong{ font-family:'Fraunces',serif; font-weight:600; font-size:1rem; color:#fff; }
[data-site-theme="business"] .s-section{ padding:50px 0; }
[data-site-theme="business"] .s-section-head{ max-width:640px; margin:0 0 26px; border-bottom:1px solid var(--s-line); padding-bottom:16px; }
[data-site-theme="business"] .s-section-head h2{ font-size:clamp(1.4rem,2.8vw,1.8rem); }
[data-site-theme="business"] .s-section-head p{ color:var(--s-ink-soft); margin-top:8px; line-height:1.55; font-size:.92rem; }
[data-site-theme="business"] .s-cat-head{ font-family:'Karla',sans-serif; font-weight:700; font-size:.72rem; text-transform:uppercase; letter-spacing:.12em; color:var(--s-accent-dark); margin:30px 0 4px; padding-bottom:8px; border-bottom:1.5px solid var(--s-accent-tint); }
[data-site-theme="business"] .s-cat-head:first-child{ margin-top:0; }
[data-site-theme="business"] .s-menu-list{ display:flex; flex-direction:column; }
[data-site-theme="business"] .s-row{ display:flex; align-items:center; gap:16px; padding:14px 0; border-bottom:1px solid var(--s-line); }
[data-site-theme="business"] .s-row .s-thumb,[data-site-theme="business"] .s-row .s-iconwrap{ width:56px; height:56px; border-radius:4px; object-fit:cover; flex-shrink:0; }
[data-site-theme="business"] .s-row .s-iconwrap{ display:flex; align-items:center; justify-content:center; background:var(--s-accent-tint); color:var(--s-accent-dark); }
[data-site-theme="business"] .s-row .s-iconwrap svg{ width:24px; height:24px; }
[data-site-theme="business"] .s-row-body{ flex:1; min-width:0; }
[data-site-theme="business"] .s-row-body h4{ font-family:'Fraunces',serif; font-weight:600; font-size:1rem; margin:0 0 3px; }
[data-site-theme="business"] .s-row-body p{ color:var(--s-ink-soft); font-size:.82rem; line-height:1.4; margin:0; }
[data-site-theme="business"] .s-price{ font-family:'Karla',sans-serif; font-weight:700; font-size:.9rem; color:var(--s-accent-dark); font-variant-numeric:tabular-nums; white-space:nowrap; padding-left:10px; }
[data-site-theme="business"] .s-profile{ background:var(--s-surface); border:1px solid var(--s-line); border-radius:4px; padding:26px 28px; display:flex; flex-direction:column; gap:18px; }
@media (min-width:760px){ [data-site-theme="business"] .s-profile{ flex-direction:row; gap:40px; } }
[data-site-theme="business"] .s-profile-text{ flex:1; }
[data-site-theme="business"] .s-profile-text p{ color:var(--s-ink-soft); line-height:1.65; font-size:.94rem; }
[data-site-theme="business"] .s-profile-facts{ flex:0 0 auto; display:flex; flex-direction:column; gap:12px; min-width:220px; }
[data-site-theme="business"] .s-profile-facts div{ display:flex; justify-content:space-between; gap:16px; padding-bottom:10px; border-bottom:1px solid var(--s-line); font-size:.84rem; }
[data-site-theme="business"] .s-profile-facts b{ color:var(--s-ink-soft); font-weight:600; }
[data-site-theme="business"] .s-profile-facts span{ text-align:right; font-weight:600; }
[data-site-theme="business"] .s-footer{ background:var(--s-panel); color:oklch(76% 0.01 250); padding:36px 20px 24px; border-top:2px solid var(--s-accent); }
[data-site-theme="business"] .s-footer .s-container{ display:flex; flex-direction:column; gap:22px; }
[data-site-theme="business"] .s-footer h4{ font-family:'Karla',sans-serif; color:var(--s-accent); font-size:.68rem; text-transform:uppercase; letter-spacing:.12em; margin-bottom:10px; }
[data-site-theme="business"] .s-footer p,[data-site-theme="business"] .s-footer li{ font-size:.85rem; }
[data-site-theme="business"] .s-footer ul{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:8px; }
[data-site-theme="business"] .s-fab{ position:fixed; right:18px; bottom:18px; width:52px; height:52px; border-radius:50%; background:var(--s-panel); border:1.5px solid var(--s-accent); display:flex; align-items:center; justify-content:center; color:var(--s-accent); box-shadow:0 14px 26px -10px oklch(18% 0.03 265/.5); z-index:10; }
[data-site-theme="business"] .s-fab svg{ width:22px; height:22px; }