/* La campaña viste la tienda. Los precios, las fotos y los estados usan los datos del catálogo. */
html.black-november {
  --bn-carbon:#191a1c;
  --bn-metal:#ebc66f;
  --bn-laton:#745416;
  --bn-papel:#faf9f6;
  --bn-borde:#dfdcd4;
  --navy:#202123;
  --navy2:#303033;
  --ink:#27282a;
  --muted:#5d6060;
  --line:var(--bn-borde);
  --gi-line:var(--bn-borde);
}
.black-november body:not(.eco) {background:var(--bn-papel)}

/* Curvas de nivel en los extremos. La zona central queda libre para el aviso editable. */
.black-november #annbar.bn-ribbon {
  position:relative;isolation:isolate;overflow:hidden;
  display:flex!important;align-items:center;justify-content:center;gap:clamp(12px,2vw,32px);
  min-height:62px;padding:10px clamp(12px,5vw,80px);
  background:#111214;color:#fcf2d6;border:0;border-bottom:1px solid #705b34;
}
.black-november .bn-ribbon::before,.black-november .bn-ribbon::after {
  content:"";position:absolute;inset-block:0;width:31%;z-index:-1;pointer-events:none;
  background:repeating-radial-gradient(ellipse at 35% 153%,transparent 0 20px,#dfb65d80 21px,transparent 22px 27px);
  mask-image:linear-gradient(to right,#000 12%,transparent);
}
.black-november .bn-ribbon::before {left:0;transform:skewX(-24deg) scale(1.18)}
.black-november .bn-ribbon::after {right:0;transform:rotate(180deg) skewX(-24deg) scale(1.18)}
.black-november .bn-ribbon strong {
  color:#f0d392;font:italic 900 clamp(24px,3.1vw,44px)/1 'Segoe UI',Arial,sans-serif;
  text-transform:uppercase;letter-spacing:-.048em;white-space:nowrap;
}
.black-november .bn-ribbon span {
  padding-left:clamp(12px,2vw,32px);border-left:1px solid #8a784e;
  font-size:13px;font-weight:600;line-height:1.4;text-align:left;overflow-wrap:anywhere;max-width:52ch;
}
.black-november header.top,.black-november .gi-confirmacion header {
  background:var(--bn-carbon);color:white;border-bottom:1px solid #37383a;box-shadow:none;
}
.black-november header.top .brand b {color:#fff}
.black-november header.top .brand small {color:#e5d5b2}
.black-november header.top .brand .mk {box-shadow:0 0 0 1px #ffffff52}
.black-november .top-in>.search {background:#ffffff;border-color:#efede7}
.black-november .top-in>.search input {background:transparent;color:#242528}
.black-november .hbtns .gi-menuButton,.black-november .hbtns .gi-headCats {
  color:#211c11;background:var(--bn-metal);border-color:var(--bn-metal);
}
.black-november .hbtns .gi-cartButton,.black-november header .eco-vuelve {
  color:#f7f5ee;background:#2c2d30;border-color:#62605c;
}
.black-november .gi-cartButton .cbadge:not(.zero) {background:var(--bn-metal);color:#1f1d16;border-color:var(--bn-carbon)}
.black-november .gi-navWrap,.black-november #giQuickWrap {background:#fff;border-color:var(--bn-borde)}
.black-november .gi-nav button[aria-current=page],.black-november .gi-quickCats .on {color:var(--bn-laton);border-color:var(--bn-laton)}
.black-november .gi-quickCats button.on::after {background:var(--bn-laton)}
.black-november .gi-categoryAside .catchips button:hover {background:#f5f0e5}
.black-november .gi-categoryAside .catchips button.on,.black-november .gi-catalogLayout .fchip {background:#f1e6ca;color:#574119}
@media(min-width:761px){
  .black-november .gi-catalogLayout #giCatalogFilters {background:#f5f3ee;border-color:var(--bn-borde)}
}
.black-november .gi-shelfHead {padding-bottom:12px;border-bottom:1px solid var(--bn-borde)}
.black-november .gi-localStock .gi-shelfHead h1 {letter-spacing:-.042em}
.black-november .gi-shelf .card .ph,.black-november .gi-catalogLayout .card .ph {
  background:#fff;border:1px solid var(--bn-borde);
}
.black-november .gi-shelf .card:hover .ph,.black-november .gi-catalogLayout .card:hover {border-color:#ae9460}
.black-november .gi-shelf .cname,.black-november .gi-catalogLayout .cname {color:var(--navy)}
.black-november .cact .btn-ped,.black-november .gi-productInfo .pd-cta>.btn-ped,.black-november .btn-primary {
  color:#fff;background:var(--bn-carbon);border-color:var(--bn-carbon);
}
.black-november .cact .btn-secondary {color:#54482a;background:#f6f2e8;border-color:#d4c7ab}
.black-november .card .sello.of,.black-november .pd-priceBlock .pd-off {
  color:#302409;background:#f3d589;border:1px solid #cda953;
  font-weight:800;letter-spacing:.01em;border-radius:4px;box-shadow:none;
}
.black-november .card .sello.of {padding:4px 7px;font-size:11px;line-height:1}
.black-november .gi-productMedia,.black-november .pd-technical,.black-november .gi-catalogLayout .card {border-color:var(--bn-borde)}
.black-november .pd-technical,.black-november .avisos,.black-november .gi-advisers {
  background:#f3f1eb;border-color:#dcd6c7;
}
.black-november .gi-advisers .gi-adviser {border-color:#d9d4c6}
.black-november .gi-productMedia .pd-thumbs button.on {border-color:var(--bn-laton);background:#faf5e9}
.black-november .gi-helpGrid button,.black-november #menuOv .gm-shortcuts>.dlink {background:#f3f1eb}
.black-november #menuOv .drawer-h,.black-november #cartOv .drawer-h,.black-november .modal-h {
  background:var(--bn-carbon);color:white;border-bottom:2px solid var(--bn-metal);
}
.black-november #cartOv,.black-november .chk {background:#f4f3ef}
.black-november #cartOv .csum {background:#f7f4ec;border-color:#dbd3be}
.black-november .chk-head {background:var(--bn-carbon);color:#fff;border-bottom:2px solid var(--bn-metal)}
.black-november .chk-head .x {color:#fff}
.black-november .chk-steps span.on {background:#937022}
.black-november .gi-bottomNav button[aria-current=page] {background:#f5e9cc;color:#584015}
.black-november footer:not(.gi-confirmacion footer) {background:var(--bn-carbon);border-top:2px solid #ab8c4a}
.black-november .gi-privacidad .top .sub {color:#e4d5af}
.black-november .gi-confirmacion header,.black-november .gi-privacidad header.top {border-bottom:2px solid #bb9a52}
.black-november :is(header.top,#menuOv .drawer-h,#cartOv .drawer-h) :focus-visible {outline:3px solid #f4cb69;outline-offset:3px}
@media(max-width:600px){
  .black-november #annbar.bn-ribbon {min-height:46px;padding:8px 12px;gap:11px}
  .black-november .bn-ribbon strong {font-size:clamp(18px,4.8vw,26px)}
  .black-november .bn-ribbon span {padding-left:11px;font-size:11px;max-width:46%}
  .black-november .bn-ribbon::before,.black-november .bn-ribbon::after {width:17%;opacity:.62}
  .black-november .gi-shelfHead {padding-bottom:8px;margin-bottom:12px}
  .black-november body.eco header.top .top-in {
    display:grid;grid-template-columns:minmax(0,1fr) auto auto;
    grid-template-areas:"marca marca volver" "buscar carrito categorias";
    align-items:center;column-gap:6px;row-gap:5px;
  }
  .black-november body.eco .top-in>.brand {grid-area:marca;width:100%;min-width:0}
  .black-november body.eco .top-in>.search {grid-area:buscar;width:100%;min-width:0}
  .black-november body.eco .top-in>.hbtns {display:contents}
  .black-november body.eco .hbtns>.eco-vuelve {
    grid-area:volver;justify-self:end;max-width:96px;min-height:44px;margin:0;padding:3px 6px;
    border:0;background:transparent;color:#f2d99b;white-space:normal;text-align:right;line-height:1.25;
  }
  .black-november body.eco .hbtns>.gi-cartButton {grid-area:carrito}
  .black-november body.eco .hbtns>.gi-headCats {grid-area:categorias}
}
@media(prefers-color-scheme:dark){
  .black-november body.gi-privacidad {background:#191a1c;color:#f3f1eb;--muted:#c6c6c0;--line:#494a49;--card:#292a2c;--bg:#212223}
  .black-november .gi-privacidad :is(h1,h2) {color:#f2d99b}
}