/* Tema «Taller» · cálido y artesanal */
:root {
  --bg: #fbf8f3;
  --bg-2: #f4eee5;
  --surface: #ffffff;
  --ink: #2a231e;
  --ink-2: #4b423a;
  --muted: #776c62;
  --line: #e4dacd;
  --accent: #c2792a;
  --accent-hover: #9e5f1d;
  --accent-ink: #ffffff;
  --accent-soft: #f1e2cf;
  --em: #c2792a;
  --dark: #33281f;
  --dark-ink: #f4ebe0;
  --dark-muted: #cbbba9;
  --dark-line: rgba(255, 255, 255, .13);
  --dark-surface: #3e3127;
  --ff-display: "Fraunces", Georgia, serif;
  --ff-body: "Manrope", system-ui, sans-serif;
  --radius: 8px;
  --radius-img: 6px;
}

.sb-header { background: rgba(251, 248, 243, .94); backdrop-filter: blur(10px); }
.sb-eyebrow { color: var(--accent-hover); }
.sb-hero--overlay .sb-eyebrow, .sb-hero--overlay h1 em { color: #f2c58d; }
.sb-trust-item strong { color: var(--accent-hover); }

/* Tiendas sobre fondo oscuro */
.sb-stores-sec { background: var(--dark); color: var(--dark-ink); }
.sb-stores-sec h2, .sb-stores-sec h3 { color: #fff; }
.sb-stores-sec .sb-eyebrow { color: #e9a868; }
.sb-stores-sec .sb-lead, .sb-stores-sec .sb-lead p { color: var(--dark-muted); }
.sb-stores-sec .sb-more { color: #fff; }
.sb-stores-sec .sb-store { background: var(--dark-surface); border: 0; }
.sb-stores-sec .sb-store p { color: var(--dark-muted); }
.sb-stores-sec .sb-status { color: var(--dark-muted); }
.sb-stores-sec .sb-status.is-open { color: #7fd6a0; }
.sb-stores-sec .sb-btn-line { color: #fff; border-color: rgba(255, 255, 255, .28); }
.sb-stores-sec .sb-btn-line:hover { background: #fff; color: var(--ink); border-color: #fff; }

/* Sello de las secciones de texto con imagen */
.sb-media-sec--alt .sb-media-img { position: relative; }
.sb-media-sec--alt .sb-media-img::after { content: "Hecho en Elche"; position: absolute; right: -18px; bottom: 36px; width: 120px; height: 120px; border-radius: 50%; background: var(--accent); color: #fff; display: grid; place-items: center; text-align: center; font: 500 16px/1.15 var(--ff-display); padding: 18px; transform: rotate(-8deg); box-shadow: 0 10px 30px rgba(60, 35, 10, .25); }

.sb-cta--center { background: var(--bg-2); }
.sb-footer { background: var(--ink); }
.sb-pagehead { background: var(--bg-2); }
.sb-cat h3, .sb-post h3, .sb-store h3 { font-weight: 500; }

@media (max-width: 860px) {
  .sb-media-sec--alt .sb-media-img::after { right: 12px; width: 100px; height: 100px; font-size: 14px; }
}