/* G&G · Black Friday (tienda de David Farré). Usa las variables del tema gg-farre (--brasa, --tierra-2…). */

/* ── Barra de arriba del todo ───────────────────────────────── */
.gg-bf-barra{background:var(--brasa,#8B5E3C);color:#fff;text-align:center;font:600 11.5px/1.4 'Inter',sans-serif;letter-spacing:.14em;text-transform:uppercase}
.gg-bf-barra a{display:flex;flex-wrap:wrap;gap:.2em 1.1em;justify-content:center;align-items:center;padding:9px 16px;color:inherit;text-decoration:none}
.gg-bf-barra b{letter-spacing:.22em;font-weight:700}
.gg-bf-barra u{text-underline-offset:3px;font-weight:700}
.gg-bf-barra:hover u{text-decoration-thickness:2px}
.gg-bf-corto{display:none}
@media (max-width:640px){
  .gg-bf-barra{font-size:10.5px;letter-spacing:.1em}
  .gg-bf-barra a{gap:.2em .8em;padding:8px 12px}
  .gg-bf-largo{display:none}
  .gg-bf-corto{display:inline}
}

/* ── Etiqueta «-12 %» junto al precio ───────────────────────── */
.gg-bf-dto{display:inline-block;margin-left:.45em;padding:.05em .5em;background:var(--brasa,#8B5E3C);color:#fff;font:700 .72em/1.7 'Inter',sans-serif;letter-spacing:.04em;border-radius:2px;vertical-align:middle;white-space:nowrap;text-decoration:none}
.gg-prenda-precio ins,.price ins{text-decoration:none;background:none}
.gg-prenda-precio del{opacity:.75}

/* ── Bloque grande (portada y página de ofertas) ────────────── */
.gg-bf-portada{background:var(--tierra-2,#1B1310);color:var(--hueso,#FBF7EF);text-align:center;padding:clamp(40px,7vw,76px) 22px;border-top:1px solid rgba(192,138,94,.35);border-bottom:1px solid rgba(192,138,94,.35)}
.gg-bf-portada small{display:block;color:var(--brasa-clara,#C08A5E);font:700 12px/1.4 'Inter',sans-serif;letter-spacing:.3em;text-transform:uppercase}
.gg-bf-portada h1,.gg-bf-portada h2{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(46px,9vw,92px);line-height:1;margin:.18em 0 .14em;color:var(--hueso,#FBF7EF);letter-spacing:-.01em}
.gg-bf-portada h1 em,.gg-bf-portada h2 em{font-style:italic;color:var(--brasa-clara,#C08A5E)}
.gg-bf-portada p{max-width:36rem;margin:0 auto 1.7rem;font-size:clamp(15px,1.6vw,18px);color:rgba(251,247,239,.86)}
.gg-bf-boton{display:inline-block;background:var(--brasa,#8B5E3C);color:#fff;padding:15px 34px;font:700 12px/1 'Inter',sans-serif;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;transition:background .2s}
.gg-bf-boton:hover{background:var(--brasa-2,#6B4226);color:#fff}
.gg-bf-vacia{min-height:46vh;display:flex;flex-direction:column;justify-content:center;align-items:center}
.gg-bf-vacia h1{font-size:clamp(34px,6vw,60px)}

/* ── Página de ofertas ──────────────────────────────────────── */
.gg-bf-pestanas{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:1280px;margin:30px auto 0;padding:0 20px}
.gg-bf-pestanas a{display:inline-block;padding:10px 20px;border:1px solid var(--linea,#D8CDB6);background:#fff;color:var(--tierra,#2A1F18);font:600 13px/1 'Inter',sans-serif;letter-spacing:.06em;text-decoration:none}
.gg-bf-pestanas a small{margin-left:6px;color:var(--gris,#6B5F50);font-weight:500}
.gg-bf-pestanas a.on,.gg-bf-pestanas a:hover{background:var(--tierra-2,#1B1310);border-color:var(--tierra-2,#1B1310);color:#fff}
.gg-bf-pestanas a.on small,.gg-bf-pestanas a:hover small{color:rgba(255,255,255,.7)}
.gg-bf-lista{padding-top:26px}
.gg-bf-rejilla{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:1280px;margin:0 auto;padding:0 20px}
@media (min-width:760px){.gg-bf-rejilla{grid-template-columns:repeat(3,1fr);gap:16px;padding:0 28px}}
@media (min-width:1100px){.gg-bf-rejilla{grid-template-columns:repeat(4,1fr)}}
.gg-bf-rejilla .gg-prenda{min-width:0}
.gg-bf-rejilla .gg-prenda-nombre{font-size:18px}
.gg-bf-legal{max-width:60rem;margin:6px auto 56px;padding:0 24px;text-align:center;font-size:12.5px;line-height:1.6;color:var(--gris,#6B5F50)}

/* ── Fila en la portada ─────────────────────────────────────── */
.gg-bf-fila .gg-bloque-cab h2{color:var(--tierra,#2A1F18)}