/* CANDEL visual system — v141. Functionality stays in each page; this layer is presentation only. */
:root {
  --c-black: #030303;
  --c-ink: #f6f0e6;
  --c-paper: #ede7dc;
  --c-hot: #d95b08;
  --c-hot-bright: #ff6a00;
  --c-smoke: #a8a19a;
  --c-line: rgba(246, 240, 230, .15);
  --c-line-strong: rgba(246, 240, 230, .32);
  --c-panel: #0a0a0b;
  --c-panel-2: #111113;
  --c-shadow: 0 24px 70px rgba(0, 0, 0, .48);
  --c-display: "Pirata One", Impact, serif;
  --c-body: "Barlow Condensed", Arial, sans-serif;
}

html { scroll-padding-top: 92px; }
body {
  background:
    radial-gradient(circle at 8% 2%, rgba(255, 106, 0, .07), transparent 24rem),
    radial-gradient(circle at 92% 31%, rgba(255, 106, 0, .035), transparent 28rem),
    var(--c-black);
  color: var(--c-ink);
  font-family: var(--c-body);
  text-rendering: geometricPrecision;
  overflow-x: hidden;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .15;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 56px 56px;
  -webkit-mask-image: linear-gradient(to bottom, #000, transparent 70%);
  mask-image: linear-gradient(to bottom, #000, transparent 70%);
}

::selection { background: var(--c-hot); color: #fff; }
:focus-visible { outline: 2px solid var(--c-hot-bright) !important; outline-offset: 3px; }
button, a { -webkit-tap-highlight-color: transparent; }
[hidden] { display: none !important; }
.wrap { width: min(1240px, calc(100% - 48px)); }

/* Shared flagship navigation */
header {
  z-index: 50;
  background: rgba(3, 3, 3, .83) !important;
  border-bottom: 1px solid var(--c-line) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.16);
  -webkit-backdrop-filter: blur(20px) saturate(140%);
  backdrop-filter: blur(20px) saturate(140%);
}
header nav { min-height: 78px; }
.brand img {
  width: 154px !important;
  filter: drop-shadow(0 8px 20px rgba(0,0,0,.5));
  transition: transform .25s ease, filter .25s ease;
}
.brand:hover img { transform: translateY(-2px); filter: drop-shadow(0 8px 24px rgba(255,106,0,.22)); }
.nav-actions, .navlinks, .links { gap: 8px !important; }
.nav-actions > a, .nav-actions > button,
.navlinks > a, .navlinks > button,
.links > a, .links > button {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 !important;
  text-transform: uppercase;
  white-space: nowrap;
  transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease !important;
}
.offers-mobile, .shirts-mobile { display: none; }
.nav-actions > a:hover, .nav-actions > button:hover,
.navlinks > a:hover, .navlinks > button:hover,
.links > a:hover, .links > button:hover { transform: translateY(-2px); opacity: 1 !important; }
.offers-nav, .offers-link, .offers-mobile,
.caps-entry, .active-link {
  background: var(--c-hot) !important;
  color: #fff !important;
  border-color: var(--c-hot) !important;
  box-shadow: 0 0 26px rgba(255,106,0,.2) !important;
}
.offers-nav:hover, .offers-link:hover, .offers-mobile:hover,
.caps-entry:hover, .active-link:hover {
  background: var(--c-hot-bright) !important;
  border-color: var(--c-hot-bright) !important;
  box-shadow: 0 0 34px rgba(255,106,0,.34) !important;
}
.contact-link, .nav-cta, .cart-button {
  background: var(--c-ink) !important;
  color: var(--c-black) !important;
  border-color: var(--c-ink) !important;
}
.contact-link:hover, .nav-cta:hover, .cart-button:hover {
  background: var(--c-hot) !important;
  color: #fff !important;
  border-color: var(--c-hot) !important;
}
.admin-access { border-color: var(--c-line-strong) !important; background: rgba(255,255,255,.025) !important; }
.admin-access:hover { border-color: var(--c-hot) !important; color: #fff !important; background: rgba(255,106,0,.12) !important; }
.cart-count { background: var(--c-black) !important; color: #fff !important; }

/* Editorial labels and headings */
.kicker {
  color: #d7b99e !important;
  font-family: var(--c-body) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .24em !important;
  text-transform: uppercase;
}
h1, h2, h3 { text-wrap: balance; }
.section-head h2, .offers-head h2, .brand-title h2, .collection-label h3 {
  text-shadow: 0 10px 34px rgba(0,0,0,.28);
}

/* CAMISAS — flagship home */
body[data-page="camisas"] .hero {
  min-height: 72svh;
  isolation: isolate;
  border-bottom: 1px solid var(--c-line) !important;
}
body[data-page="camisas"] .hero::before {
  content: "01 / CAMISAS";
  position: absolute;
  right: max(24px, calc((100vw - 1240px)/2));
  bottom: 32px;
  z-index: 3;
  color: rgba(255,255,255,.68);
  font: 800 11px/1 var(--c-body);
  letter-spacing: .24em;
}
body[data-page="camisas"] .hero::after {
  content: "";
  position: absolute;
  right: 7%;
  top: 14%;
  width: 36vw;
  max-width: 520px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: rgba(255,106,0,.14);
  filter: blur(90px);
  pointer-events: none;
}
body[data-page="camisas"] .hero-art {
  opacity: .68 !important;
  filter: grayscale(.45) saturate(.85) contrast(1.16) !important;
  transform: scale(1.015);
}
body[data-page="camisas"] .hero-art::after {
  background:
    linear-gradient(90deg, rgba(3,3,3,.98) 0, rgba(3,3,3,.79) 42%, rgba(3,3,3,.17) 77%),
    linear-gradient(0deg, var(--c-black) 0, transparent 48%) !important;
}
body[data-page="camisas"] .hero-copy { padding: 100px 0 76px; }
body[data-page="camisas"] .hero h1 {
  max-width: 760px;
  margin: 18px 0 28px;
  font-size: clamp(76px, 11vw, 154px);
  line-height: .76;
  letter-spacing: -.035em;
  text-shadow: 0 14px 45px rgba(0,0,0,.55);
}
body[data-page="camisas"] .lead { max-width: 520px; color: #ded7cd; }
body[data-page="camisas"] .collections { padding-top: 86px; }
body[data-page="camisas"] .brand-disclosure {
  border-color: var(--c-line) !important;
  background: linear-gradient(135deg, rgba(255,255,255,.035), rgba(255,255,255,.01)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.03);
}
body[data-page="camisas"] .brand-disclosure > summary { padding: 28px 30px; }
body[data-page="camisas"] .brand-disclosure > summary:hover { background: rgba(255,106,0,.065) !important; }
body[data-page="camisas"] .brand-summary-action { background: var(--c-hot); box-shadow: 0 12px 34px rgba(255,106,0,.18); }
body[data-page="camisas"] .brand-filter { gap: 9px; }
body[data-page="camisas"] .brand-filter button {
  background: rgba(255,255,255,.022);
  border-color: var(--c-line);
  min-height: 76px;
}
body[data-page="camisas"] .brand-filter button:hover { background: rgba(255,106,0,.09); }
body[data-page="camisas"] .brand-filter button.active { background: var(--c-hot); }
body[data-page="camisas"] .collection-shell { border-color: var(--c-line); }

/* Product cards across all departments */
body[data-page="camisas"] .product-grid,
body[data-page="gorras"] .product-grid,
body[data-page="zapatos"] .grid { gap: 16px; }
body[data-page="camisas"] .product-card,
body[data-page="gorras"] .product-card,
body[data-page="zapatos"] .card {
  border: 1px solid rgba(255,255,255,.08) !important;
  background: linear-gradient(180deg, #101011, #09090a) !important;
  box-shadow: 0 1px rgba(255,255,255,.03);
  transition: transform .28s cubic-bezier(.2,.8,.2,1), border-color .28s ease, box-shadow .28s ease !important;
}
body[data-page="camisas"] .product-card:hover,
body[data-page="gorras"] .product-card:hover,
body[data-page="zapatos"] .card:hover {
  transform: translateY(-7px) !important;
  opacity: 1 !important;
  border-color: rgba(255,106,0,.64) !important;
  box-shadow: 0 22px 55px rgba(0,0,0,.46), 0 0 0 1px rgba(255,106,0,.1) !important;
}
body[data-page="camisas"] .product-card img,
body[data-page="gorras"] .product-card img,
body[data-page="zapatos"] .photo img {
  transition: transform .45s cubic-bezier(.2,.8,.2,1), filter .35s ease;
}
body[data-page="camisas"] .product-card:hover img,
body[data-page="gorras"] .product-card:hover img,
body[data-page="zapatos"] .card:hover .photo img { transform: scale(1.025); }
body[data-page="camisas"] .product-brand,
body[data-page="gorras"] .product-number,
body[data-page="zapatos"] .card-brand { color: #d3ad8c !important; }
body[data-page="camisas"] .product-name,
body[data-page="gorras"] .product-name,
body[data-page="zapatos"] .card h3 { color: #fff; }
body[data-page="camisas"] .product-price,
body[data-page="gorras"] .product-card-price,
body[data-page="zapatos"] .price { color: var(--c-ink); }

/* Offers: intentional, dense, never creates image side bands for caps */
body[data-page="camisas"] .offers {
  padding: 80px 0 84px;
  border-block: 1px solid rgba(255,106,0,.28);
  background:
    radial-gradient(circle at 87% 10%, rgba(255,106,0,.25), transparent 31%),
    linear-gradient(145deg, #17000d, #050505 57%, #0d050a) !important;
}
body[data-page="camisas"] .offers::before { color: rgba(255,255,255,.045); top: -42px; }
body[data-page="camisas"] .offers-head { margin-bottom: 34px; }
body[data-page="camisas"] .offer-card {
  border-color: rgba(255,106,0,.36) !important;
  background: #0d090b !important;
  box-shadow: 0 16px 45px rgba(0,0,0,.28);
}
body[data-page="camisas"] .offer-card:hover {
  border-color: var(--c-hot-bright) !important;
  box-shadow: 0 26px 65px rgba(0,0,0,.42), 0 0 34px rgba(255,106,0,.16) !important;
}
body[data-page="camisas"] .offer-ribbon {
  top: 12px;
  left: 12px;
  padding: 8px 12px;
  background: var(--c-hot);
  box-shadow: 0 10px 28px rgba(0,0,0,.38);
}
body[data-page="camisas"] .offer-photo { background: #252526 !important; }
body[data-page="camisas"] .offer-gorra .offer-photo-main {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  background: #252526 !important;
}
body[data-page="camisas"] .offer-info { padding: 18px; }
body[data-page="camisas"] .offer-kind { color: #dc8fba; }
body[data-page="camisas"] .sale-price { color: var(--c-hot-bright); }

/* GORRAS — dramatic campaign page */
body[data-page="gorras"] main > .hero {
  width: min(1240px, calc(100% - 48px));
  min-height: 76svh;
  margin-top: 22px;
  padding: 84px 0;
  border: 1px solid var(--c-line);
  box-shadow: var(--c-shadow);
}
body[data-page="gorras"] main > .hero::before {
  content: "02 / GORRAS";
  position: absolute;
  left: 30px;
  bottom: 24px;
  z-index: 3;
  color: rgba(255,255,255,.62);
  font: 800 11px/1 var(--c-body);
  letter-spacing: .22em;
}
body[data-page="gorras"] .hero-copy { padding-left: clamp(28px,5vw,72px); width: 62%; }
body[data-page="gorras"] .hero h1 {
  font-size: clamp(70px, 9.2vw, 126px);
  line-height: .77;
  text-shadow: 0 16px 50px #000;
}
body[data-page="gorras"] .hero-art img { filter: saturate(.78) contrast(1.14); }
body[data-page="gorras"] .hero-art::after {
  background: linear-gradient(90deg, rgba(3,3,3,.96), rgba(3,3,3,.68) 45%, rgba(3,3,3,.08) 82%) !important;
}
body[data-page="gorras"] .cta {
  background: var(--c-ink);
  color: var(--c-black);
  box-shadow: 0 14px 38px rgba(0,0,0,.34);
  transition: .2s ease;
}
body[data-page="gorras"] .cta:hover { background: var(--c-hot); color: #fff; transform: translateY(-2px); }
body[data-page="gorras"] #colecciones { padding-top: 86px; }
body[data-page="gorras"] .collection-accordion {
  margin-bottom: 16px;
  border-color: var(--c-line);
  background: rgba(8,8,9,.92);
  box-shadow: inset 0 1px rgba(255,255,255,.025);
}
body[data-page="gorras"] .collection-summary { min-height: 138px; padding: 34px 38px; }
body[data-page="gorras"] .collection-summary:hover { background: linear-gradient(90deg, var(--c-hot), #94004f) !important; }
body[data-page="gorras"] .collection-summary h2 { font-size: clamp(48px, 6vw, 82px); line-height: .83; }
body[data-page="gorras"] .category-nav a,
body[data-page="gorras"] .original-type-tab,
body[data-page="gorras"] .filter-toggle {
  border-color: var(--c-line-strong);
  background: rgba(255,255,255,.025);
}
body[data-page="gorras"] .category-nav a:hover,
body[data-page="gorras"] .original-type-tab:hover,
body[data-page="gorras"] .original-type-tab.active,
body[data-page="gorras"] .filter-toggle:hover { background: var(--c-hot); color: #fff; border-color: var(--c-hot); }
body[data-page="gorras"] .catalog-title { padding-bottom: 16px; border-bottom: 1px solid var(--c-line); }
body[data-page="gorras"] .product-card img { background: #2b2b2d; }
body[data-page="gorras"] .product-card.on-sale { outline: 0 !important; border-color: rgba(255,106,0,.55) !important; }
body[data-page="gorras"] .cart-launcher {
  background: var(--c-ink);
  color: var(--c-black);
  border-color: var(--c-ink);
  box-shadow: 0 18px 50px rgba(0,0,0,.48);
}
body[data-page="gorras"] .banner { background: var(--c-paper); }

/* ZAPATOS — polished mono-magenta showroom */
body[data-page="zapatos"] .hero {
  min-height: 560px;
  align-items: center;
  border-color: var(--c-line);
  background:
    radial-gradient(circle at 79% 46%, rgba(255,106,0,.28) 0 5%, rgba(255,106,0,.11) 19%, transparent 36%),
    linear-gradient(118deg, #030303 44%, #170510) !important;
}
body[data-page="zapatos"] .hero::before {
  content: "CANDEL / FOOTWEAR / 03";
  position: absolute;
  right: max(24px, calc((100vw - 1240px)/2));
  bottom: 34px;
  color: rgba(255,255,255,.62);
  font: 800 11px/1 var(--c-body);
  letter-spacing: .24em;
  z-index: 2;
}
body[data-page="zapatos"] .hero::after {
  right: 10%;
  top: 10%;
  width: min(38vw, 460px);
  height: min(38vw, 460px);
  border-color: rgba(255,106,0,.28);
  box-shadow: 0 0 110px rgba(255,106,0,.15), inset 0 0 100px rgba(255,106,0,.06);
}
body[data-page="zapatos"] .hero-copy { padding: 90px 0 76px; }
body[data-page="zapatos"] .hero h1 {
  font-size: clamp(78px, 11vw, 154px);
  line-height: .75;
  text-shadow: 0 16px 50px rgba(0,0,0,.48);
}
body[data-page="zapatos"] .brands { padding: 70px 0 28px; }
body[data-page="zapatos"] .brand-title { padding-bottom: 20px; border-bottom: 1px solid var(--c-line); }
body[data-page="zapatos"] .brand-title h2 { font-size: clamp(46px,6vw,74px); }
body[data-page="zapatos"] .brand-title button { color: var(--c-smoke); }
body[data-page="zapatos"] .brand-filter { gap: 9px; }
body[data-page="zapatos"] .brand-filter button {
  min-height: 64px;
  border-color: var(--c-line);
  background: rgba(255,255,255,.022);
  transition: .2s ease;
}
body[data-page="zapatos"] .brand-filter button:hover,
body[data-page="zapatos"] .brand-filter button.active { background: var(--c-hot); border-color: var(--c-hot); transform: translateY(-2px); }
body[data-page="zapatos"] main { padding-top: 52px; }
body[data-page="zapatos"] .photo { background: linear-gradient(145deg,#252527,#111113); }
body[data-page="zapatos"] .card-copy { padding: 17px; }
body[data-page="zapatos"] .contact { background: var(--c-paper); color: var(--c-black); border: 0; padding: 58px 0; }
body[data-page="zapatos"] .contact .kicker { color: #715c4c !important; }
body[data-page="zapatos"] .whatsapp { background: var(--c-black); color: #fff; transition: .2s ease; }
body[data-page="zapatos"] .whatsapp:hover { background: var(--c-hot); transform: translateY(-2px); }

/* Dialogs, carts and administrative controls */
dialog {
  border-color: var(--c-line-strong) !important;
  background: #09090a !important;
  box-shadow: 0 34px 110px rgba(0,0,0,.8), 0 0 0 1px rgba(255,255,255,.03) !important;
}
dialog::backdrop { background: rgba(0,0,0,.8) !important; backdrop-filter: blur(10px) !important; }
.modal-close, .dialog-close, .close, .drawer-close, .cart-close {
  border-color: var(--c-line-strong) !important;
  transition: .2s ease;
}
.modal-close:hover, .dialog-close:hover, .close:hover, .drawer-close:hover, .cart-close:hover {
  color: #fff !important;
  background: var(--c-hot) !important;
  border-color: var(--c-hot) !important;
  transform: rotate(4deg);
}
.add, .add-to-cart, .checkout, .checkout-button, .save, .admin-save, .login-submit {
  background: var(--c-hot) !important;
  color: #fff !important;
  transition: .2s ease;
}
.add:hover, .add-to-cart:hover, .checkout:hover, .checkout-button:hover, .save:hover, .admin-save:hover, .login-submit:hover {
  background: var(--c-hot-bright) !important;
  transform: translateY(-2px);
}
.product-switch, .dialog-nav, .gallery-arrow {
  box-shadow: 0 12px 36px rgba(0,0,0,.45) !important;
  transition: .2s ease;
}
.product-switch:hover, .dialog-nav:hover, .gallery-arrow:hover { background: var(--c-hot) !important; color: #fff !important; border-color: var(--c-hot) !important; }
input, select, textarea { border-radius: 0 !important; }

/* Contact/footer */
.contact-bar { background: var(--c-paper) !important; }
.contact-bar-inner { min-height: 142px !important; }
.contact-button { transition: .2s ease; }
.contact-button:hover { background: var(--c-hot) !important; color: #fff !important; border-color: var(--c-hot) !important; transform: translateY(-2px); }
.footer, body[data-page="gorras"] footer {
  position: relative;
  background: linear-gradient(180deg, #080809, #030303);
  border-top-color: var(--c-line) !important;
}
.footer::before, body[data-page="gorras"] footer::before {
  content: "CANDEL";
  position: absolute;
  right: -12px;
  bottom: -52px;
  color: rgba(255,255,255,.024);
  font: 400 clamp(110px,18vw,260px)/1 var(--c-display);
  pointer-events: none;
}
.store-location { border-color: var(--c-line) !important; background: rgba(255,255,255,.018); }

/* Responsive polish */
@media (max-width: 980px) {
  .wrap { width: min(100% - 32px, 1240px); }
  body[data-page="camisas"] .hero::before,
  body[data-page="zapatos"] .hero::before { right: 18px; }
  body[data-page="gorras"] main > .hero { width: min(100% - 32px, 1240px); }
  body[data-page="camisas"] .nav-actions { gap: 5px !important; }
}

@media (max-width: 850px) {
  header nav { min-height: 70px; }
  .brand img { width: 124px !important; }
  body[data-page="camisas"] .hero,
  body[data-page="gorras"] main > .hero { min-height: 610px; }
  body[data-page="camisas"] .hero h1,
  body[data-page="gorras"] .hero h1,
  body[data-page="zapatos"] .hero h1 { font-size: clamp(66px,16vw,100px); }
  body[data-page="gorras"] .hero-copy { width: 76%; padding-left: 28px; }
  body[data-page="camisas"] .offers { padding-block: 62px; }
  body[data-page="camisas"] .offers-grid { gap: 12px; }
  body[data-page="camisas"] .back,
  body[data-page="camisas"] .contact-link { display: none; }
  body[data-page="gorras"] .offers-mobile { display: inline-flex; }
  body[data-page="gorras"] .shirts-mobile { display: none; }
}

@media (max-width: 560px) {
  .wrap { width: min(100% - 22px, 1240px); }
  header nav { min-height: 64px; }
  .brand img { width: 112px !important; }
  body[data-page="camisas"] .hero { min-height: 550px; }
  body[data-page="camisas"] .hero-copy { padding: 74px 0 58px; }
  body[data-page="camisas"] .hero h1 { font-size: clamp(64px, 21vw, 92px); }
  body[data-page="camisas"] .hero-art::after { background: linear-gradient(90deg,rgba(3,3,3,.95),rgba(3,3,3,.5)),linear-gradient(0deg,#030303,transparent 55%) !important; }
  body[data-page="camisas"] .hero::before,
  body[data-page="zapatos"] .hero::before { bottom: 18px; font-size: 9px; }
  body[data-page="gorras"] main > .hero { width: calc(100% - 22px); min-height: 560px; margin-top: 11px; }
  body[data-page="gorras"] .hero-copy { width: 88%; padding-left: 20px; }
  body[data-page="gorras"] .hero h1 { font-size: clamp(62px,18vw,86px); }
  body[data-page="gorras"] .collection-summary { min-height: 112px; padding: 25px 21px; }
  body[data-page="gorras"] .collection-summary h2 { font-size: 48px; }
  body[data-page="zapatos"] .hero { min-height: 480px; }
  body[data-page="zapatos"] .hero::after { right: -24%; top: 18%; width: 82vw; height: 82vw; }
  body[data-page="zapatos"] .hero h1 { font-size: clamp(66px,20vw,92px); }
  body[data-page="camisas"] .product-grid,
  body[data-page="gorras"] .product-grid,
  body[data-page="zapatos"] .grid { gap: 10px; }
  body[data-page="camisas"] .offers-grid { gap: 10px; }
  .contact-bar-inner { min-height: 0 !important; }
}

/* CANDEL flagship edition — v144 */
.candel-ticker {
  position: relative;
  z-index: 8;
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #ff4aab;
  background: var(--c-hot);
  color: #fff;
  font: 400 13px/38px var(--c-display);
  letter-spacing: .13em;
  white-space: nowrap;
}
.candel-ticker > div {
  display: flex;
  width: max-content;
  animation: candel-marquee 24s linear infinite;
}
.candel-ticker span { display: block; padding-right: 1.8rem; }
@keyframes candel-marquee { to { transform: translateX(-50%); } }

.department-switcher {
  position: relative;
  z-index: 4;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  width: min(650px, 100%);
  margin-top: 38px;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.department-switcher a {
  min-height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  padding: 10px 20px 10px 11px;
  border: 1px solid rgba(255,255,255,.34);
  border-radius: 999px;
  color: #fff !important;
  background: rgba(5,5,5,.72);
  box-shadow: inset 0 1px rgba(255,255,255,.05), 0 12px 34px rgba(0,0,0,.26);
  backdrop-filter: blur(10px);
  transition: background .2s ease, transform .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.department-switcher small {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  flex: 0 0 32px;
  color: rgba(255,255,255,.76);
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 50%;
  background: rgba(255,255,255,.05);
  font: 800 11px/1 var(--c-body);
  letter-spacing: .12em;
}
.department-switcher span { font: 400 18px/1 var(--c-display); letter-spacing: .05em; }
.department-switcher a:hover {
  transform: translateY(-3px);
  border-color: #fff;
  background: rgba(255,255,255,.11);
  box-shadow: 0 16px 38px rgba(0,0,0,.34);
}
.department-switcher a.is-active {
  background: var(--c-hot);
  color: #fff !important;
  border-color: var(--c-hot-bright);
  box-shadow: 0 15px 38px rgba(214,0,115,.28);
}
.department-switcher a.is-active small {
  color: var(--c-hot);
  border-color: #fff;
  background: #fff;
}

/* Bolder campaign covers */
body[data-page="camisas"] .hero {
  min-height: calc(100svh - 116px);
  background: #050505;
}
body[data-page="camisas"] .hero::before {
  content: "01\A DROP / 2026";
  white-space: pre;
  right: max(24px, calc((100vw - 1240px)/2));
  bottom: 44px;
  color: #fff;
  font: 800 11px/1.55 var(--c-body);
  letter-spacing: .22em;
  border-left: 3px solid var(--c-hot);
  padding-left: 14px;
}
body[data-page="camisas"] .hero::after {
  right: -6vw;
  top: -14vw;
  width: 52vw;
  max-width: none;
  border-radius: 0;
  aspect-ratio: 1;
  background:
    linear-gradient(135deg, transparent 0 47%, rgba(214,0,115,.82) 47% 58%, transparent 58%),
    repeating-linear-gradient(90deg, transparent 0 22px, rgba(255,255,255,.035) 22px 23px);
  filter: none;
  opacity: .48;
  transform: rotate(-7deg);
}
body[data-page="camisas"] .hero-art { opacity: .82 !important; }
body[data-page="camisas"] .hero-copy { position: relative; }
body[data-page="camisas"] .hero-copy::before {
  content: "C";
  position: absolute;
  z-index: -1;
  left: -5px;
  top: 42px;
  color: transparent;
  -webkit-text-stroke: 1px rgba(255,255,255,.11);
  font: 400 clamp(260px,34vw,520px)/.72 var(--c-display);
  transform: rotate(-4deg);
}
body[data-page="camisas"] .hero h1 { color: #fff; }
body[data-page="camisas"] .hero h1::first-line { color: var(--c-ink); }

body[data-page="gorras"] main > .hero {
  min-height: calc(100svh - 138px);
  margin-top: 26px;
  background: #070707;
}
body[data-page="gorras"] main > .hero::after {
  content: "C / 02";
  position: absolute;
  right: 24px;
  top: 18px;
  z-index: 3;
  color: rgba(255,255,255,.16);
  font: 400 clamp(74px,11vw,150px)/1 var(--c-display);
  letter-spacing: .02em;
}
body[data-page="gorras"] .hero-copy { max-width: 760px; }
body[data-page="gorras"] .hero h1 { color: #fff; }
body[data-page="gorras"] .hero .cta {
  background: var(--c-hot) !important;
  color: #fff !important;
  border: 1px solid var(--c-hot);
  box-shadow: 0 14px 38px rgba(0,0,0,.34), 0 0 28px rgba(214,0,115,.2);
}
body[data-page="gorras"] .hero .cta:hover { background: #fff !important; color: #050505 !important; }

body[data-page="zapatos"] .hero {
  min-height: calc(100svh - 116px);
  background:
    linear-gradient(90deg, rgba(3,3,3,.98) 0 43%, rgba(3,3,3,.44) 70%),
    repeating-radial-gradient(circle at 80% 46%, rgba(214,0,115,.74) 0 2px, transparent 2px 44px),
    linear-gradient(118deg, #030303 44%, #3a0623) !important;
}
body[data-page="zapatos"] .hero::after {
  content: "03";
  display: grid;
  place-items: center;
  right: 8%;
  top: 50%;
  width: min(41vw, 500px);
  height: min(41vw, 500px);
  transform: translateY(-50%);
  border: 1px solid rgba(255,255,255,.25);
  color: rgba(255,255,255,.11);
  font: 400 clamp(120px,20vw,300px)/1 var(--c-display);
}

/* Strong section rhythm and premium catalogue cards */
body[data-page="camisas"] .offers-head,
body[data-page="camisas"] .section-head,
body[data-page="zapatos"] .section-head,
body[data-page="zapatos"] .brand-title {
  position: relative;
  padding-left: 22px;
}
body[data-page="camisas"] .offers-head::before,
body[data-page="camisas"] .section-head::before,
body[data-page="zapatos"] .section-head::before,
body[data-page="zapatos"] .brand-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  background: var(--c-hot);
}
body[data-page="camisas"] .offers-head h2,
body[data-page="camisas"] .section-head h2,
body[data-page="zapatos"] .section-head h2,
body[data-page="zapatos"] .brand-title h2 { font-size: clamp(58px,8vw,104px) !important; line-height: .78 !important; }

body[data-page="camisas"] .product-card,
body[data-page="gorras"] .product-card,
body[data-page="zapatos"] .card { position: relative; overflow: hidden; isolation: isolate; }
body[data-page="camisas"] .product-card::before,
body[data-page="gorras"] .product-card::before,
body[data-page="zapatos"] .card::before {
  content: "";
  position: absolute;
  z-index: 4;
  left: 0;
  right: 100%;
  top: 0;
  height: 4px;
  background: var(--c-hot);
  transition: right .28s ease;
}
body[data-page="camisas"] .product-card:hover::before,
body[data-page="gorras"] .product-card:hover::before,
body[data-page="zapatos"] .card:hover::before { right: 0; }
body[data-page="camisas"] .product-card img,
body[data-page="gorras"] .product-card img,
body[data-page="zapatos"] .photo { border-bottom: 1px solid rgba(255,255,255,.09); }
body[data-page="camisas"] .product-name,
body[data-page="gorras"] .product-name,
body[data-page="zapatos"] .card h3 { font-size: clamp(17px,1.5vw,23px) !important; }
body[data-page="camisas"] .product-price,
body[data-page="gorras"] .product-card-price,
body[data-page="zapatos"] .price { color: #fff !important; font-weight: 900; }

body[data-page="camisas"] .offers {
  position: relative;
  overflow: hidden;
  border-top: 8px solid var(--c-hot);
}
body[data-page="camisas"] .offers::after {
  content: "SALE";
  position: absolute;
  right: -16px;
  top: 10px;
  color: rgba(255,255,255,.035);
  font: 400 clamp(150px,27vw,410px)/.78 var(--c-display);
  pointer-events: none;
}
body[data-page="camisas"] .offers > .wrap { position: relative; z-index: 1; }
body[data-page="camisas"] .offer-card { border-width: 1px 1px 5px !important; border-bottom-color: var(--c-hot) !important; }
body[data-page="camisas"] .brand-filter button::after,
body[data-page="zapatos"] .brand-filter button::after {
  content: "↗";
  position: absolute;
  right: 12px;
  top: 10px;
  color: rgba(255,255,255,.22);
  font: 700 14px/1 Arial,sans-serif;
}
body[data-page="zapatos"] .brand-filter button { position: relative; }

body[data-page="gorras"] #colecciones { counter-reset: candel-collection; }
body[data-page="gorras"] .collection-accordion { counter-increment: candel-collection; }
body[data-page="gorras"] .collection-summary::after {
  content: "0" counter(candel-collection) "  +" !important;
  color: rgba(255,255,255,.38) !important;
  font: 400 clamp(34px,5vw,68px)/1 var(--c-display) !important;
}
body[data-page="gorras"] .collection-accordion[open] > .collection-summary::after { content: "0" counter(candel-collection) "  −" !important; color: #fff !important; }

/* Permanent contrast contract: every control is readable before hover */
.admin-access,
.nav-link,
.navlinks > a:not(.nav-cta):not(.offers-link):not(.shirts-link),
.brand-title button,
.brand-filter button,
.category-nav a,
.original-type-tab,
.filter-toggle,
.clear-filter,
.edit-toggle,
.edit-cancel,
.login-cancel,
.cancel,
.delete,
.continue-shopping,
.cart-close,
.drawer-close,
.modal-close,
.dialog-close,
.close,
.gallery-arrow,
.product-switch,
.dialog-nav { color: #fff !important; }
.category-nav a,
.original-type-tab,
.filter-toggle,
.edit-toggle,
.edit-cancel,
.login-cancel,
.cancel,
.continue-shopping { background: #101012 !important; border-color: rgba(255,255,255,.42) !important; }
.category-nav a:hover,
.original-type-tab:hover,
.original-type-tab.active,
.filter-toggle:hover,
.filter-toggle:focus-visible,
.edit-toggle:hover,
.edit-cancel:hover,
.login-cancel:hover,
.cancel:hover,
.continue-shopping:hover { background: var(--c-hot) !important; color: #fff !important; border-color: var(--c-hot) !important; }
.edit-save,
.admin-submit,
.login-submit,
.add-to-cart,
.checkout-button,
.save,
.add { background: var(--c-hot) !important; color: #fff !important; border-color: var(--c-hot) !important; }
.brand-summary-action { color: #fff !important; background: var(--c-hot) !important; }
.edit-product { background: var(--c-ink) !important; color: #050505 !important; border-color: var(--c-ink) !important; }
.edit-product:hover { background: var(--c-hot) !important; color: #fff !important; border-color: var(--c-hot) !important; }
.cart-launcher { background: var(--c-hot) !important; color: #fff !important; border-color: var(--c-hot) !important; }
.checkout-save { background: var(--c-ink) !important; color: #050505 !important; }
.contact-button:not(.primary), .whatsapp { color: #050505 !important; }
.contact-button:not(.primary):hover, .whatsapp:hover { color: #fff !important; }

@media (max-width: 850px) {
  .candel-ticker { font-size: 11px; line-height: 32px; }
  .department-switcher { margin-top: 28px; }
  .department-switcher a { min-height: 52px; padding: 9px 16px 9px 9px; }
  .department-switcher span { font-size: 16px; }
  body[data-page="camisas"] .hero,
  body[data-page="gorras"] main > .hero,
  body[data-page="zapatos"] .hero { min-height: 650px; }
  body[data-page="camisas"] .hero::after { width: 74vw; right: -24vw; }
}

@media (max-width: 560px) {
  .department-switcher { width: 100%; gap: 8px; }
  .department-switcher a { min-height: 48px; flex: 1 1 calc(50% - 4px); padding: 8px 14px 8px 8px; }
  .department-switcher small { width: 28px; height: 28px; flex-basis: 28px; }
  body[data-page="camisas"] .hero,
  body[data-page="gorras"] main > .hero,
  body[data-page="zapatos"] .hero { min-height: 690px; }
  body[data-page="camisas"] .hero::before,
  body[data-page="zapatos"] .hero::before { display: none; }
  body[data-page="zapatos"] .hero::after { right: -28%; width: 95vw; height: 95vw; }
  body[data-page="camisas"] .offers-head h2,
  body[data-page="camisas"] .section-head h2,
  body[data-page="zapatos"] .section-head h2,
  body[data-page="zapatos"] .brand-title h2 { font-size: 58px !important; }
}

/* Clear global department navigation — v146 */
.site-header .global-nav {
  min-height: 88px;
  height: auto;
  display: grid;
  grid-template-columns: auto minmax(390px, 1fr) auto;
  align-items: center;
  gap: clamp(18px, 2.2vw, 34px);
  padding: 12px 0;
}
.site-header .brand { align-self: center; }
.site-header .department-tabs {
  min-width: 0;
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 4px;
  padding: 5px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.035);
  box-shadow: inset 0 1px rgba(255,255,255,.035);
}
.site-header .department-label {
  display: flex;
  align-items: center;
  padding: 0 10px;
  color: rgba(255,255,255,.58);
  font: 800 12px/1 var(--c-body);
  letter-spacing: .16em;
}
.site-header .department-tab {
  position: relative;
  min-width: 112px;
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 10px 15px;
  border: 1px solid transparent;
  color: #fff !important;
  background: transparent;
  font: 400 17px/1 var(--c-display);
  letter-spacing: .035em;
  text-align: center;
  transition: background .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.site-header .department-number {
  color: rgba(255,255,255,.55);
  font: 800 12px/1 var(--c-body);
  letter-spacing: .06em;
}
.site-header .department-tab:hover {
  border-color: rgba(255,255,255,.48);
  background: rgba(255,255,255,.08);
  transform: translateY(-1px);
}
.site-header .department-tab.is-current {
  padding-top: 18px;
  border-color: var(--c-hot-bright);
  background: var(--c-hot);
  color: #fff !important;
  box-shadow: 0 8px 24px rgba(214,0,115,.26);
}
.site-header .department-tab.is-current::before {
  content: "ESTÁS AQUÍ";
  position: absolute;
  left: 50%;
  top: 5px;
  transform: translateX(-50%);
  color: rgba(255,255,255,.84);
  font: 800 10px/1 var(--c-body);
  letter-spacing: .12em;
  white-space: nowrap;
}
.site-header .department-tab.is-current .department-number { color: #fff; }
.site-header .header-tools {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
}
.site-header .header-tools > a,
.site-header .header-tools > button {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 13px;
  white-space: nowrap;
  font-family: var(--c-display) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: .035em !important;
  line-height: 1 !important;
  transition: transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
}
.site-header .header-tools > a:hover,
.site-header .header-tools > button:hover { transform: translateY(-2px); }
.site-header .header-tools .contact-link {
  border: 1px solid rgba(255,255,255,.34) !important;
  background: transparent !important;
  color: #fff !important;
}
.site-header .header-tools .contact-link:hover {
  border-color: #fff !important;
  background: #fff !important;
  color: #050505 !important;
}
.site-header .header-admin-link {
  border: 1px solid rgba(255,255,255,.34);
  color: #fff;
}
.site-header .collection-shortcuts {
  height: auto;
  min-height: 44px;
  border-top: 1px solid rgba(255,255,255,.08);
  background: #09090a;
}
.site-header .collection-shortcuts .wrap {
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  overflow-x: auto;
  scrollbar-width: none;
}
.site-header .collection-shortcuts .wrap::-webkit-scrollbar { display: none; }
.site-header .collection-shortcuts a,
.site-header .shortcut-label {
  flex: 0 0 auto;
  padding: 8px 12px;
  color: #fff;
  font: 400 14px/1 var(--c-display);
  letter-spacing: .04em;
}
.site-header .shortcut-label {
  color: #d4af91;
  font-family: var(--c-body);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
}
.site-header .collection-shortcuts a {
  border-bottom: 2px solid transparent;
  transition: color .2s ease, border-color .2s ease, background .2s ease;
}
.site-header .collection-shortcuts a:hover {
  color: #fff;
  border-bottom-color: var(--c-hot);
  background: rgba(214,0,115,.08);
}

@media (max-width: 1180px) {
  .site-header .global-nav { grid-template-columns: auto minmax(330px,1fr) auto; gap: 12px; }
  .site-header .department-label { display: none; }
  .site-header .department-tab { min-width: 98px; padding-inline: 11px; }
  .site-header .header-tools .contact-link { display: none; }
  .site-header .header-tools > a,
  .site-header .header-tools > button { padding-inline: 10px; font-size: 12px !important; }
}

@media (max-width: 850px) {
  .site-header .global-nav {
    grid-template-columns: auto minmax(0,1fr);
    gap: 9px;
    padding: 10px 0 9px;
  }
  .site-header .header-tools { min-width: 0; gap: 5px; }
  .site-header .department-tabs {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 4px;
  }
  .site-header .department-tab { min-width: 0; min-height: 50px; padding: 9px 7px; font-size: 16px; }
  .site-header .department-tab.is-current { padding-top: 17px; }
  .site-header .header-tools > a,
  .site-header .header-tools > button { min-height: 38px; padding: 8px; font-size: 11px !important; }
  .site-header .header-tools .offers-nav { display: inline-flex; }
  .site-header .collection-shortcuts .wrap { justify-content: flex-start; }
}

@media (max-width: 560px) {
  .site-header .brand img { width: 104px !important; }
  .site-header .header-tools { justify-content: flex-end; }
  .site-header .header-tools .offers-nav { display: none; }
  .site-header .header-tools > a,
  .site-header .header-tools > button { padding-inline: 7px; }
  .site-header .department-tab { gap: 5px; font-size: 15px; }
  .site-header .department-number { font-size: 11px; }
  .site-header .department-tab.is-current::before { font-size: 9px; }
  .site-header .collection-shortcuts a,
  .site-header .shortcut-label { padding-inline: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* CANDEL editorial streetwear — v147 */
:root {
  --c-surface: #0b0b0d;
  --c-surface-high: #141417;
  --c-cream: #f7f0e6;
  --c-magenta-glow: rgba(255,106,0,.28);
  --c-ease: cubic-bezier(.22,.82,.26,1);
}

body {
  background-color: #030303;
  background-image:
    radial-gradient(ellipse at 18% -8%, rgba(255,106,0,.13), transparent 34rem),
    radial-gradient(ellipse at 92% 36%, rgba(124,22,78,.10), transparent 38rem),
    linear-gradient(115deg, rgba(255,255,255,.018), transparent 38%, rgba(255,255,255,.012) 72%, transparent),
    repeating-linear-gradient(135deg, rgba(255,255,255,.012) 0 1px, transparent 1px 8px);
}
body::after {
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.34;
  background:linear-gradient(90deg, transparent 0 8%, rgba(255,255,255,.018) 8% 8.08%, transparent 8.08% 91.92%, rgba(255,255,255,.018) 91.92% 92%, transparent 92%);
}

/* Header: departments are the principal navigation; utilities stay secondary. */
.site-header {
  position:sticky;
  top:0;
  isolation:isolate;
  border-bottom:0 !important;
  background:linear-gradient(180deg, rgba(5,5,6,.97), rgba(5,5,6,.91)) !important;
  box-shadow:0 18px 55px rgba(0,0,0,.34), inset 0 -1px rgba(255,255,255,.09) !important;
}
.site-header::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(255,106,0,.75) 34%, rgba(255,255,255,.18) 50%, rgba(255,106,0,.75) 66%, transparent);
}
.site-header .global-nav {
  min-height:96px;
  grid-template-columns:minmax(135px,.65fr) minmax(420px,1.55fr) minmax(310px,1fr);
  gap:clamp(16px,2vw,30px);
  padding:13px 0;
}
.site-header .brand img { width:166px !important; }
.site-header .department-tabs {
  position:relative;
  gap:0;
  padding:0;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.026);
  box-shadow:0 14px 32px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.04);
}
.site-header .department-label {
  position:absolute;
  left:12px;
  top:-8px;
  z-index:2;
  padding:2px 8px;
  color:#d7b99e;
  background:#050506;
  font-size:10px;
}
.site-header .department-tab {
  min-width:0;
  min-height:64px;
  flex:1 1 0;
  justify-content:flex-start;
  padding:14px 18px;
  border:0;
  border-right:1px solid rgba(255,255,255,.12);
  overflow:hidden;
  font-size:20px;
}
.site-header .department-tab:last-child { border-right:0; }
.site-header .department-tab::after {
  content:"→";
  margin-left:auto;
  color:rgba(255,255,255,.34);
  font:500 20px/1 Arial,sans-serif;
  transform:translateX(-4px);
  transition:transform .25s var(--c-ease), color .25s ease;
}
.site-header .department-tab:hover::after { color:#fff; transform:translateX(2px); }
.site-header .department-tab:hover {
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.12);
  transform:none;
}
.site-header .department-tab.is-current {
  padding:20px 18px 10px;
  border-color:transparent;
  background:linear-gradient(135deg, #ff6a00, #a93f00);
  box-shadow:inset 0 1px rgba(255,255,255,.25), 0 12px 30px var(--c-magenta-glow);
}
.site-header .department-tab.is-current::before {
  left:18px;
  top:9px;
  transform:none;
  font-size:9px;
}
.site-header .department-tab.is-current::after { color:#fff; }
.site-header .department-number {
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  flex:0 0 26px;
  border:1px solid rgba(255,255,255,.25);
  color:rgba(255,255,255,.74);
}
.site-header .header-tools { gap:6px; }
.site-header .header-tools > a,
.site-header .header-tools > button {
  min-height:43px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.22) !important;
  background:rgba(255,255,255,.035) !important;
  color:#fff !important;
  box-shadow:none !important;
}
.site-header .header-tools > a:hover,
.site-header .header-tools > button:hover {
  border-color:#fff !important;
  background:#fff !important;
  color:#050505 !important;
  transform:translateY(-2px);
}
.site-header .header-tools .offers-nav {
  border-color:var(--c-hot-bright) !important;
  background:var(--c-hot) !important;
  color:#fff !important;
  box-shadow:0 9px 24px rgba(255,106,0,.22) !important;
}
.site-header .header-tools .offers-nav:hover { background:var(--c-hot-bright) !important; color:#fff !important; }
.site-header .header-tools .cart-button { background:var(--c-cream) !important; color:#050505 !important; }
.site-header .header-tools .cart-button:hover { background:var(--c-hot) !important; color:#fff !important; border-color:var(--c-hot) !important; }

/* Department-specific depth, without touching product photography. */
body[data-page="camisas"] main,
body[data-page="camisas"] .collections {
  background-image:linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px),linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px);
  background-size:64px 64px;
}
body[data-page="gorras"] main {
  background-image:radial-gradient(circle at 13% 34%, rgba(255,106,0,.075), transparent 24rem),repeating-linear-gradient(118deg, rgba(255,255,255,.011) 0 1px, transparent 1px 11px);
}
body[data-page="zapatos"] main {
  background-image:radial-gradient(ellipse at 50% 12%, rgba(255,255,255,.065), transparent 32rem),linear-gradient(180deg, transparent 45%, rgba(255,255,255,.018));
}

/* Editorial content rhythm. */
body[data-page="camisas"] .collections,
body[data-page="zapatos"] .catalog,
body[data-page="gorras"] main > section { position:relative; }
.section-head, .offers-head, .brand-title {
  position:relative;
  padding-bottom:20px;
}
.section-head::after, .offers-head::after, .brand-title::after {
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:min(210px,34vw);
  height:3px;
  background:linear-gradient(90deg,var(--c-hot-bright),rgba(255,106,0,0));
}
.section-head h2, .offers-head h2, .brand-title h2 { letter-spacing:-.02em; }

/* Product cards become premium catalogue tiles. */
body[data-page="camisas"] .product-card,
body[data-page="gorras"] .product-card,
body[data-page="zapatos"] .card,
.offer-card {
  border:1px solid rgba(255,255,255,.115) !important;
  background:linear-gradient(180deg,#141416 0,#09090b 100%) !important;
  box-shadow:0 18px 45px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.025) !important;
  transition:transform .28s var(--c-ease), border-color .28s ease, box-shadow .28s ease !important;
}
body[data-page="camisas"] .product-card::after,
body[data-page="gorras"] .product-card::after,
body[data-page="zapatos"] .card::after,
.offer-card::after {
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:0;
  height:3px;
  background:var(--c-hot-bright);
  transition:right .3s var(--c-ease);
  pointer-events:none;
}
body[data-page="camisas"] .product-card:hover::after,
body[data-page="gorras"] .product-card:hover::after,
body[data-page="zapatos"] .card:hover::after,
.offer-card:hover::after { right:0; }
body[data-page="camisas"] .product-card:hover,
body[data-page="gorras"] .product-card:hover,
body[data-page="zapatos"] .card:hover,
.offer-card:hover {
  transform:translateY(-8px) !important;
  border-color:rgba(255,106,0,.72) !important;
  box-shadow:0 26px 65px rgba(0,0,0,.48),0 0 0 1px rgba(255,106,0,.10) !important;
}
.product-badge, .offer-ribbon {
  border-left:3px solid #fff;
  background:linear-gradient(90deg,var(--c-hot-bright),var(--c-hot)) !important;
  box-shadow:0 9px 24px rgba(0,0,0,.34),0 0 22px rgba(255,106,0,.18) !important;
}
.old-price { opacity:.58; }
.sale-price { text-shadow:0 0 18px rgba(255,106,0,.32); }

/* Filters and buttons use the same label/ticket language. */
.brand-disclosure, .filters, .filter-panel, .collection-shell {
  box-shadow:0 22px 62px rgba(0,0,0,.26), inset 0 1px rgba(255,255,255,.025);
}
.brand-filter button, .filters button, .filter-panel button {
  transition:transform .22s var(--c-ease), border-color .22s ease, background .22s ease, box-shadow .22s ease !important;
}
.brand-filter button:hover, .filters button:hover, .filter-panel button:hover {
  transform:translateY(-3px);
  box-shadow:0 12px 28px rgba(0,0,0,.28);
}
.add, .checkout, .admin-save, .login-submit {
  position:relative;
  overflow:hidden;
  border:1px solid var(--c-cream) !important;
  background:var(--c-cream) !important;
  color:#050505 !important;
  box-shadow:0 12px 30px rgba(0,0,0,.25);
  transition:transform .22s var(--c-ease), background .22s ease, color .22s ease, border-color .22s ease !important;
}
.add:hover, .checkout:hover, .admin-save:hover, .login-submit:hover {
  transform:translateY(-2px);
  border-color:var(--c-hot-bright) !important;
  background:var(--c-hot-bright) !important;
  color:#fff !important;
}

/* Mobile: persistent, thumb-friendly department selector. */
@media (max-width:1180px) {
  .site-header .global-nav { grid-template-columns:auto minmax(360px,1fr) auto; }
  .site-header .department-tab { padding-inline:13px; font-size:18px; }
  .site-header .header-tools .contact-link { display:none; }
}
@media (max-width:850px) {
  html { scroll-padding-top:150px; }
  .site-header .global-nav { grid-template-columns:auto 1fr; padding-bottom:10px; }
  .site-header .brand img { width:126px !important; }
  .site-header .department-tabs {
    grid-column:1/-1;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    border-color:rgba(255,255,255,.2);
  }
  .site-header .department-tab { min-height:58px; padding:13px 10px; justify-content:center; font-size:17px; }
  .site-header .department-tab::after { display:none; }
  .site-header .department-tab.is-current { padding:19px 10px 8px; }
  .site-header .department-tab.is-current::before { left:50%; transform:translateX(-50%); top:7px; }
  .site-header .header-tools { overflow-x:auto; scrollbar-width:none; }
  .site-header .header-tools::-webkit-scrollbar { display:none; }
}
@media (max-width:560px) {
  .wrap { width:min(100% - 24px,1240px); }
  .site-header .global-nav { min-height:auto; gap:8px; }
  .site-header .brand img { width:112px !important; }
  .site-header .header-tools > a,
  .site-header .header-tools > button { min-height:36px; padding:7px 8px; font-size:10px !important; }
  .site-header .header-tools .offers-nav { display:inline-flex; }
  .site-header .header-tools .contact-link { display:none; }
  .site-header .department-tab { min-height:56px; padding-inline:5px; gap:6px; font-size:15px; }
  .site-header .department-number { width:23px; height:23px; flex-basis:23px; }
  .site-header .department-label { display:flex; }
  body[data-page="camisas"] .product-card:hover,
  body[data-page="gorras"] .product-card:hover,
  body[data-page="zapatos"] .card:hover,
  .offer-card:hover { transform:translateY(-3px) !important; }
}

/* CANDEL Care — compact cleaning service campaign. */
body[data-page="gorras"] .collection-shortcuts .cleaning-shortcut {
  margin-left:6px;
  border:1px solid rgba(255,106,0,.65);
  border-bottom-color:rgba(255,106,0,.65);
  background:rgba(255,106,0,.12);
  color:#fff;
}
body[data-page="gorras"] .collection-shortcuts .cleaning-shortcut::before {
  content:"✦";
  margin-right:7px;
  color:#ff52b2;
  font-family:Arial,sans-serif;
}
body[data-page="gorras"] .collection-shortcuts .cleaning-shortcut:hover,
body[data-page="gorras"] .collection-shortcuts .cleaning-shortcut:focus-visible {
  border-color:var(--c-hot-bright);
  background:var(--c-hot-bright);
  color:#fff;
}
body[data-page="gorras"] .cleaning-promo {
  padding:clamp(68px,8vw,112px) 0;
  scroll-margin-top:150px;
  border-top:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(circle at 78% 24%,rgba(255,106,0,.12),transparent 24rem),
    linear-gradient(180deg,#080809,#030304);
  color:#fff;
}
body[data-page="gorras"] .cleaning-promo-shell { position:relative; }
body[data-page="gorras"] .cleaning-promo-head {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:32px;
  margin-bottom:28px;
}
body[data-page="gorras"] .cleaning-kicker {
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
  color:#b7b2ad;
  font:800 11px/1.2 var(--c-body);
  letter-spacing:.18em;
}
body[data-page="gorras"] .cleaning-kicker::before {
  content:"";
  width:42px;
  height:2px;
  background:var(--c-hot-bright);
  box-shadow:0 0 18px var(--c-magenta-glow);
}
body[data-page="gorras"] .cleaning-kicker span { color:#ff75bd; }
body[data-page="gorras"] .cleaning-promo h2 {
  margin:0;
  color:#fff;
  font:400 clamp(52px,7vw,94px)/.82 var(--c-display);
  letter-spacing:-.035em;
}
body[data-page="gorras"] .cleaning-promo-head p {
  max-width:560px;
  margin:20px 0 0;
  color:#cbc7c1;
  font:500 clamp(17px,1.8vw,21px)/1.38 var(--c-body);
}
body[data-page="gorras"] .cleaning-booking {
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:26px;
  min-width:238px;
  padding:16px 18px;
  border:1px solid var(--c-cream);
  background:var(--c-cream);
  color:#050505;
  font:400 16px/1 var(--c-display);
  letter-spacing:.04em;
  box-shadow:0 16px 42px rgba(0,0,0,.35);
  transition:transform .22s var(--c-ease),background .22s ease,color .22s ease,border-color .22s ease;
}
body[data-page="gorras"] .cleaning-booking span {
  font:700 18px/1 Arial,sans-serif;
  transition:transform .22s var(--c-ease);
}
body[data-page="gorras"] .cleaning-booking:hover,
body[data-page="gorras"] .cleaning-booking:focus-visible {
  transform:translateY(-3px);
  border-color:var(--c-hot-bright);
  background:var(--c-hot-bright);
  color:#fff;
}
body[data-page="gorras"] .cleaning-booking:hover span { transform:translate(3px,-3px); }
body[data-page="gorras"] .cleaning-image-frame {
  position:relative;
  overflow:hidden;
  aspect-ratio:3/1;
  border:1px solid rgba(255,255,255,.16);
  background:#101012;
  box-shadow:0 28px 80px rgba(0,0,0,.46);
}
body[data-page="gorras"] .cleaning-image-frame::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.04) 55%,rgba(0,0,0,.5));
}
body[data-page="gorras"] .cleaning-image-frame img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
body[data-page="gorras"] .cleaning-image-label {
  position:absolute;
  z-index:1;
  left:18px;
  bottom:16px;
  padding:8px 11px;
  border-left:3px solid var(--c-hot-bright);
  background:rgba(4,4,5,.8);
  color:#fff;
  font:800 11px/1 var(--c-body);
  letter-spacing:.14em;
  backdrop-filter:blur(8px);
}
body[data-page="gorras"] .cleaning-levels {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  margin-top:1px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.14);
}
body[data-page="gorras"] .cleaning-level {
  min-width:0;
  min-height:112px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  padding:18px;
  background:#0b0b0d;
  color:#fff;
  transition:background .22s ease,transform .22s var(--c-ease),box-shadow .22s ease;
}
body[data-page="gorras"] .cleaning-level:hover,
body[data-page="gorras"] .cleaning-level:focus-visible {
  position:relative;
  z-index:1;
  transform:translateY(-5px);
  background:linear-gradient(135deg,#d95b08,#ff6a00);
  box-shadow:0 18px 38px rgba(0,0,0,.46),0 0 30px var(--c-magenta-glow);
  outline:0;
}
body[data-page="gorras"] .cleaning-level-number {
  display:grid;
  place-items:center;
  width:29px;
  height:29px;
  border:1px solid rgba(255,255,255,.25);
  color:#ff62b7;
  font:900 10px/1 var(--c-body);
}
body[data-page="gorras"] .cleaning-level:hover .cleaning-level-number { color:#fff; }
body[data-page="gorras"] .cleaning-level-name { min-width:0; }
body[data-page="gorras"] .cleaning-level-name strong {
  display:block;
  color:#fff;
  font:400 clamp(16px,1.5vw,20px)/1 var(--c-display);
  letter-spacing:.025em;
}
body[data-page="gorras"] .cleaning-level-name small {
  display:block;
  margin-top:6px;
  color:#8f8b88;
  font:800 9px/1 var(--c-body);
  letter-spacing:.12em;
}
body[data-page="gorras"] .cleaning-level:hover small { color:rgba(255,255,255,.74); }
body[data-page="gorras"] .cleaning-level b {
  color:#fff;
  font:400 clamp(21px,2vw,28px)/1 var(--c-display);
  white-space:nowrap;
}
@media (max-width:960px) {
  body[data-page="gorras"] .cleaning-levels { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body[data-page="gorras"] .cleaning-level-name strong { font-size:20px; }
}
@media (max-width:700px) {
  body[data-page="gorras"] .cleaning-promo { padding:58px 0; scroll-margin-top:185px; }
  body[data-page="gorras"] .cleaning-promo-head { grid-template-columns:1fr; align-items:start; gap:24px; }
  body[data-page="gorras"] .cleaning-booking { width:100%; min-width:0; }
  body[data-page="gorras"] .cleaning-image-label { left:10px; bottom:9px; font-size:9px; }
}
@media (max-width:520px) {
  body[data-page="gorras"] .collection-shortcuts .cleaning-shortcut { margin-left:0; }
  body[data-page="gorras"] .cleaning-promo h2 { font-size:clamp(48px,17vw,70px); }
  body[data-page="gorras"] .cleaning-levels { grid-template-columns:1fr; }
  body[data-page="gorras"] .cleaning-level { min-height:88px; padding:15px; }
  body[data-page="gorras"] .cleaning-image-label { display:none; }
}

/* HALLOWEEN_TEMP_START — retirar completo cuando finalice la temporada */
body::after {
  content:"";
  position:fixed;
  inset:0;
  z-index:9999;
  pointer-events:none;
  border:1px solid rgba(255,106,0,.16);
  box-shadow:inset 0 0 90px rgba(255,82,0,.045);
  background:
    radial-gradient(circle at 0 0,rgba(255,106,0,.12),transparent 15rem),
    radial-gradient(circle at 100% 100%,rgba(255,106,0,.08),transparent 18rem);
}
.site-header {
  border-bottom-color:rgba(255,106,0,.32) !important;
  box-shadow:0 12px 44px rgba(0,0,0,.34),0 1px 22px rgba(255,106,0,.08) !important;
}
.candel-ticker {
  border-block-color:rgba(255,106,0,.34) !important;
  background:linear-gradient(90deg,#070300,#1d0900 45%,#070300) !important;
  color:#ffb06e !important;
}
.candel-ticker span::before { content:"✦  "; color:#ff6a00; }
.product-card,.offer-card,.new-arrival-card {
  --halloween-glow:0 0 0 1px rgba(255,106,0,.04),0 18px 48px rgba(0,0,0,.34);
}
.product-card:hover,.offer-card:hover,.new-arrival-card:hover {
  box-shadow:0 24px 64px rgba(0,0,0,.48),0 0 26px rgba(255,106,0,.12) !important;
}
/* HALLOWEEN_TEMP_END */

/* El carrito de zapatos comparte la misma estructura visual que el de gorras. */
body[data-page="zapatos"] .cart-backdrop {
  position:fixed;
  inset:0;
  z-index:79;
  background:rgba(0,0,0,.68);
  backdrop-filter:blur(6px);
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease;
}
body[data-page="zapatos"] .cart-backdrop.open {
  opacity:1;
  pointer-events:auto;
}
body[data-page="zapatos"] .cart-drawer {
  position:fixed;
  z-index:80;
  top:0;
  right:0;
  width:min(430px,100%);
  height:100dvh;
  background:#0b0b0b;
  color:#f7f3eb;
  border-left:1px solid #292929;
  transform:translateX(100%);
  transition:transform .25s ease;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  pointer-events:none;
  box-shadow:-24px 0 70px rgba(0,0,0,.72);
  font-family:"Barlow Condensed",Arial,sans-serif;
}
body[data-page="zapatos"] .cart-drawer.open {
  transform:translateX(0);
  pointer-events:auto;
}
body[data-page="zapatos"] .cart-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex:0 0 auto;
  padding:24px;
  border-bottom:1px solid #292929;
}
body[data-page="zapatos"] .cart-head h2 {
  margin:0;
  color:#f7f3eb;
  font:800 24px/1.2 "Barlow Condensed",Arial,sans-serif;
  letter-spacing:-.02em;
}
body[data-page="zapatos"] .cart-close {
  width:38px;
  height:38px;
  border:1px solid #555;
  border-radius:50%;
  background:transparent;
  color:#fff;
  font-size:22px;
  cursor:pointer;
}
body[data-page="zapatos"] .cart-close:hover,
body[data-page="zapatos"] .cart-close:focus-visible {
  border-color:#fff;
  outline:0;
}
body[data-page="zapatos"] .cart-items {
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  padding:10px 24px;
}
body[data-page="zapatos"] .cart-empty {
  margin:0;
  color:#aaa39a;
  text-align:center;
  padding:55px 15px;
  font:800 15px/1.5 "Barlow Condensed",Arial,sans-serif;
}
body[data-page="zapatos"] .cart-item {
  display:grid;
  grid-template-columns:76px minmax(0,1fr);
  gap:14px;
  padding:14px 0;
  border-bottom:1px solid #292929;
}
body[data-page="zapatos"] .cart-item > img {
  display:block;
  width:76px;
  height:76px;
  max-width:76px;
  object-fit:contain;
  background:#292929;
}
body[data-page="zapatos"] .cart-item-info { min-width:0; }
body[data-page="zapatos"] .cart-item-name {
  margin:2px 0 5px;
  color:#f7f3eb;
  font:900 14px/1.25 "Barlow Condensed",Arial,sans-serif;
  overflow-wrap:anywhere;
}
body[data-page="zapatos"] .cart-item-meta {
  margin:0;
  color:#aaa39a;
  font:800 11px/1.25 "Barlow Condensed",Arial,sans-serif;
  letter-spacing:.07em;
}
body[data-page="zapatos"] .cart-item-controls {
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:11px;
}
body[data-page="zapatos"] .cart-qty {
  width:30px;
  height:30px;
  border:1px solid #555;
  background:transparent;
  color:#fff;
  font-size:17px;
  cursor:pointer;
}
body[data-page="zapatos"] .cart-qty:hover,
body[data-page="zapatos"] .cart-qty:focus-visible {
  border-color:#fff;
  outline:0;
}
body[data-page="zapatos"] .cart-quantity {
  min-width:22px;
  color:#f7f3eb;
  text-align:center;
  font:900 13px/1 "Barlow Condensed",Arial,sans-serif;
}
body[data-page="zapatos"] .cart-remove {
  margin-left:auto;
  border:0;
  background:transparent;
  color:#ff9292;
  padding:7px 0;
  font:800 10px/1.2 "Barlow Condensed",Arial,sans-serif;
  letter-spacing:.06em;
  cursor:pointer;
}
body[data-page="zapatos"] .cart-summary {
  flex:0 0 auto;
  border-top:1px solid #292929;
  padding:20px 24px 24px;
  background:#080808;
}
body[data-page="zapatos"] .cart-total {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:17px;
  color:#f7f3eb;
  font:900 16px/1.25 "Barlow Condensed",Arial,sans-serif;
  letter-spacing:.04em;
}
body[data-page="zapatos"] .cart-total strong { font-size:24px; }
body[data-page="zapatos"] .checkout-button,
body[data-page="zapatos"] .continue-shopping {
  display:block;
  width:100%;
  font:800 14px/1.2 "Barlow Condensed",Arial,sans-serif;
  letter-spacing:.06em;
  cursor:pointer;
}
body[data-page="zapatos"] .checkout-button {
  border:0;
  background:#ff6a00;
  color:#fff;
  padding:17px;
  box-shadow:0 0 0 2px #ff6a00;
}
body[data-page="zapatos"] .checkout-button:hover,
body[data-page="zapatos"] .checkout-button:focus-visible {
  background:#fff;
  color:#050505;
  outline:0;
}
body[data-page="zapatos"] .checkout-button:disabled {
  opacity:.42;
  cursor:not-allowed;
}
body[data-page="zapatos"] .continue-shopping {
  border:1px solid #555;
  background:transparent;
  color:#fff;
  padding:14px;
  margin-top:12px;
  font-size:12px;
}
body[data-page="zapatos"] .continue-shopping:hover,
body[data-page="zapatos"] .continue-shopping:focus-visible {
  border-color:#fff;
  outline:0;
}
body[data-page="zapatos"] .cart-toast {
  position:fixed;
  left:50%;
  bottom:28px;
  z-index:90;
  transform:translate(-50%,20px);
  background:#ff6a00;
  color:#fff;
  padding:12px 17px;
  font:900 12px/1.2 "Barlow Condensed",Arial,sans-serif;
  opacity:0;
  pointer-events:none;
  transition:.2s;
}
body[data-page="zapatos"] .cart-toast.show {
  opacity:1;
  transform:translate(-50%,0);
}

body[data-page="zapatos"] .checkout-dialog {
  width:min(560px,calc(100% - 28px));
  max-height:92vh;
  padding:0;
  border:1px solid #444;
  background:#0b0b0b;
  color:#fff;
  overflow:auto;
}
body[data-page="zapatos"] .checkout-dialog::backdrop {
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(8px);
}
body[data-page="zapatos"] .checkout-form { padding:28px; }
body[data-page="zapatos"] .checkout-form h2 {
  margin:0 0 6px;
  font:900 28px/1.1 "Barlow Condensed",Arial,sans-serif;
  letter-spacing:.02em;
}
body[data-page="zapatos"] .checkout-form p {
  margin:0 0 20px;
  color:#bdbdb8;
  font:16px/1.35 "Barlow Condensed",Arial,sans-serif;
}
body[data-page="zapatos"] .checkout-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
body[data-page="zapatos"] .checkout-field {
  display:block;
  font:800 14px/1.2 "Barlow Condensed",Arial,sans-serif;
  letter-spacing:.04em;
}
body[data-page="zapatos"] .checkout-field.full { grid-column:1/-1; }
body[data-page="zapatos"] .checkout-field input,
body[data-page="zapatos"] .checkout-field textarea,
body[data-page="zapatos"] .checkout-field select {
  width:100%;
  box-sizing:border-box;
  margin-top:6px;
  border:1px solid #555;
  background:#050505;
  color:#fff;
  padding:12px;
  font:16px "Barlow Condensed",Arial,sans-serif;
}
body[data-page="zapatos"] .checkout-field textarea {
  min-height:70px;
  resize:vertical;
}
body[data-page="zapatos"] .checkout-sizes {
  grid-column:1/-1;
  display:grid;
  gap:12px;
  padding:14px;
  border:1px solid #555;
  background:#050505;
}
body[data-page="zapatos"] .checkout-sizes-title {
  font:900 16px/1.2 "Barlow Condensed",Arial,sans-serif;
  letter-spacing:.04em;
}
body[data-page="zapatos"] .checkout-size-product {
  display:block;
  color:#d9d9d4;
  font:800 14px/1.2 "Barlow Condensed",Arial,sans-serif;
}
body[data-page="zapatos"] .checkout-actions {
  display:flex;
  gap:10px;
  margin-top:22px;
}
body[data-page="zapatos"] .checkout-actions button {
  padding:13px 16px;
  font:800 15px/1.2 "Barlow Condensed",Arial,sans-serif;
  cursor:pointer;
}
body[data-page="zapatos"] .checkout-save {
  border:0;
  background:#f5f2e9;
  color:#050505;
}
body[data-page="zapatos"] .checkout-cancel {
  border:1px solid #555;
  background:transparent;
  color:#fff;
}

@media (max-width:600px) {
  body[data-page="zapatos"] .cart-head { padding:20px; }
  body[data-page="zapatos"] .cart-items { padding:8px 20px; }
  body[data-page="zapatos"] .cart-summary { padding:18px 20px 20px; }
  body[data-page="zapatos"] .checkout-form { padding:22px 18px; }
  body[data-page="zapatos"] .checkout-grid { grid-template-columns:1fr; }
  body[data-page="zapatos"] .checkout-field.full,
  body[data-page="zapatos"] .checkout-sizes { grid-column:1; }
  body[data-page="zapatos"] .checkout-actions { flex-direction:column; }
}

/* Carrito CANDEL unificado */
.cart-item-category {
  display:inline-flex;
  width:max-content;
  margin:0 0 5px;
  padding:4px 7px;
  border:1px solid rgba(255,106,0,.62);
  background:rgba(255,106,0,.13);
  color:#ff5cb4;
  font:900 9px/1 "Barlow Condensed",Arial,sans-serif;
  letter-spacing:.14em;
}
.checkout-sizes[hidden],
.checkout-field[hidden],
.visor-note[hidden] { display:none !important; }
.checkout-dialog .visor-options {
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:8px;
}
.checkout-dialog .visor-options label {
  border:1px solid #555;
  padding:10px 12px;
  color:#fff;
  font:700 15px/1.2 "Barlow Condensed",Arial,sans-serif;
  cursor:pointer;
}
.checkout-dialog .visor-options input {
  accent-color:#ff6a00;
  margin-right:6px;
}
.checkout-dialog .visor-note {
  color:#bdbdb8 !important;
  font:14px/1.35 "Barlow Condensed",Arial,sans-serif !important;
}

body[data-page="camisas"] .drawer {
  z-index:71;
  box-shadow:-24px 0 70px rgba(0,0,0,.72);
}
body[data-page="camisas"] .drawer-backdrop { z-index:70; backdrop-filter:blur(6px); }
body[data-page="camisas"] .cart-item {
  grid-template-columns:76px minmax(0,1fr);
  align-items:start;
  gap:14px;
  padding:14px 0;
}
body[data-page="camisas"] .cart-item img {
  width:76px;
  height:76px;
  object-fit:contain;
  background:#292929;
}
body[data-page="camisas"] .cart-item-info { min-width:0; }
body[data-page="camisas"] .cart-item strong {
  display:block;
  color:#f5f1e8;
  font:900 14px/1.25 "Barlow Condensed",Arial,sans-serif;
  overflow-wrap:anywhere;
}
body[data-page="camisas"] .cart-item small {
  display:block;
  margin-top:4px;
  color:#a5a39d;
  font:800 11px/1.25 "Barlow Condensed",Arial,sans-serif;
  letter-spacing:.06em;
}
body[data-page="camisas"] .cart-item-controls {
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:11px;
}
body[data-page="camisas"] .cart-qty {
  width:30px;
  height:30px;
  border:1px solid #555;
  background:transparent;
  color:#fff;
  font-size:17px;
  cursor:pointer;
}
body[data-page="camisas"] .cart-qty:hover,
body[data-page="camisas"] .cart-qty:focus-visible { border-color:#fff; outline:0; }
body[data-page="camisas"] .cart-quantity {
  min-width:22px;
  text-align:center;
  font:900 13px/1 "Barlow Condensed",Arial,sans-serif;
}
body[data-page="camisas"] .cart-remove {
  margin-left:auto;
  border:0;
  background:transparent;
  color:#ff9292;
  padding:7px 0;
  font:800 10px/1.2 "Barlow Condensed",Arial,sans-serif;
  letter-spacing:.06em;
  cursor:pointer;
}
body[data-page="camisas"] .continue-shopping {
  display:block;
  width:100%;
  margin-top:11px;
  border:1px solid #555;
  background:transparent;
  color:#fff;
  padding:13px;
  font:800 12px/1.2 "Barlow Condensed",Arial,sans-serif;
  letter-spacing:.06em;
  cursor:pointer;
}
body[data-page="camisas"] .continue-shopping:hover,
body[data-page="camisas"] .continue-shopping:focus-visible { border-color:#fff; outline:0; }
body[data-page="camisas"] .checkout-dialog {
  width:min(560px,calc(100% - 28px));
  max-height:92vh;
  padding:0;
  border:1px solid #444;
  background:#0b0b0b;
  color:#fff;
  overflow:auto;
}
body[data-page="camisas"] .checkout-dialog::backdrop {
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(8px);
}
body[data-page="camisas"] .checkout-form { padding:28px; }
body[data-page="camisas"] .checkout-form h2 {
  margin:0 0 6px;
  font:900 28px/1.1 "Barlow Condensed",Arial,sans-serif;
}
body[data-page="camisas"] .checkout-form > p {
  margin:0 0 20px;
  color:#bdbdb8;
  font:16px/1.35 "Barlow Condensed",Arial,sans-serif;
}
body[data-page="camisas"] .checkout-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
body[data-page="camisas"] .checkout-field {
  display:block;
  font:800 14px/1.2 "Barlow Condensed",Arial,sans-serif;
  letter-spacing:.04em;
}
body[data-page="camisas"] .checkout-field.full { grid-column:1/-1; }
body[data-page="camisas"] .checkout-field input,
body[data-page="camisas"] .checkout-field textarea,
body[data-page="camisas"] .checkout-field select {
  width:100%;
  box-sizing:border-box;
  margin-top:6px;
  border:1px solid #555;
  background:#050505;
  color:#fff;
  padding:12px;
  font:16px "Barlow Condensed",Arial,sans-serif;
}
body[data-page="camisas"] .checkout-field textarea { min-height:70px; resize:vertical; }
body[data-page="camisas"] .checkout-sizes {
  grid-column:1/-1;
  display:grid;
  gap:12px;
  padding:14px;
  border:1px solid #555;
  background:#050505;
}
body[data-page="camisas"] .checkout-sizes-title {
  font:900 16px/1.2 "Barlow Condensed",Arial,sans-serif;
  letter-spacing:.04em;
}
body[data-page="camisas"] .checkout-size-product {
  display:block;
  color:#d9d9d4;
  font:800 14px/1.2 "Barlow Condensed",Arial,sans-serif;
}
body[data-page="camisas"] .checkout-actions { display:flex; gap:10px; margin-top:22px; }
body[data-page="camisas"] .checkout-actions button {
  padding:13px 16px;
  font:800 15px/1.2 "Barlow Condensed",Arial,sans-serif;
  cursor:pointer;
}
body[data-page="camisas"] .checkout-save { border:0; background:#f5f2e9; color:#050505; }
body[data-page="camisas"] .checkout-cancel { border:1px solid #555; background:transparent; color:#fff; }

@media (max-width:600px) {
  body[data-page="camisas"] .checkout-form { padding:22px 18px; }
  body[data-page="camisas"] .checkout-grid { grid-template-columns:1fr; }
  body[data-page="camisas"] .checkout-field.full,
  body[data-page="camisas"] .checkout-sizes { grid-column:1; }
  body[data-page="camisas"] .checkout-actions { flex-direction:column; }
}

/* Discovery, filters, purchase guidance and shareable product links. */
.storefront-filtered-out { display:none !important; }

.site-header .global-search-button {
  display:inline-flex;
  align-items:center;
  gap:7px;
  border-color:rgba(255,255,255,.28) !important;
  background:#121214 !important;
  color:#fff !important;
}
.site-header .global-search-button > span {
  font:700 19px/1 Arial,sans-serif;
  transform:rotate(-12deg);
}
.site-header .global-search-button > b {
  font:inherit;
  letter-spacing:inherit;
}
.site-header .global-search-button:hover,
.site-header .global-search-button:focus-visible {
  border-color:var(--c-hot-bright) !important;
  background:var(--c-hot-bright) !important;
  outline:0;
}

.global-search-dialog {
  width:min(1040px,calc(100% - 30px));
  max-height:min(860px,92dvh);
  padding:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.22);
  background:#08080a;
  color:#fff;
  box-shadow:0 34px 120px rgba(0,0,0,.88),0 0 0 1px rgba(255,106,0,.08);
}
.global-search-dialog::backdrop {
  background:rgba(0,0,0,.82);
  backdrop-filter:blur(11px);
}
.global-search-shell {
  max-height:min(860px,92dvh);
  overflow:auto;
  padding:clamp(22px,4vw,42px);
  scrollbar-color:var(--c-hot-bright) #171719;
}
.global-search-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
}
.global-search-kicker {
  display:block;
  margin-bottom:7px;
  color:#ff71bc;
  font:900 11px/1.2 var(--c-body);
  letter-spacing:.2em;
}
.global-search-head h2 {
  margin:0;
  font:400 clamp(40px,6vw,72px)/.86 var(--c-display);
  letter-spacing:-.025em;
}
.global-search-close {
  width:44px;
  height:44px;
  flex:0 0 44px;
  border:1px solid rgba(255,255,255,.32);
  border-radius:50%;
  background:#111;
  color:#fff;
  font:300 29px/1 Arial,sans-serif;
  cursor:pointer;
}
.global-search-close:hover,
.global-search-close:focus-visible { border-color:var(--c-hot-bright); background:var(--c-hot-bright); outline:0; }
.global-search-input-wrap {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  margin-top:28px;
  padding:0 17px;
  border:1px solid rgba(255,255,255,.24);
  background:#111113;
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.global-search-input-wrap:focus-within { border-color:var(--c-hot-bright); box-shadow:0 0 0 3px rgba(255,106,0,.12); }
.global-search-input-wrap > span { color:#ff5db2; font:700 29px Arial,sans-serif; }
.global-search-input {
  min-width:0;
  height:62px;
  border:0;
  outline:0;
  background:transparent;
  color:#fff;
  font:700 20px var(--c-body);
}
.global-search-input::placeholder { color:#77747a; }
.global-search-input-wrap kbd {
  padding:5px 7px;
  border:1px solid #48484c;
  border-radius:3px;
  background:#1a1a1d;
  color:#aaa7ad;
  font:800 10px Arial,sans-serif;
}
.global-search-categories {
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  margin:14px 0 24px;
}
.global-search-categories button {
  min-height:38px;
  padding:8px 15px;
  border:1px solid rgba(255,255,255,.22);
  background:#0c0c0e;
  color:#d4d0cb;
  font:800 12px var(--c-body);
  letter-spacing:.08em;
  cursor:pointer;
}
.global-search-categories button:hover,
.global-search-categories button:focus-visible,
.global-search-categories button.is-active { border-color:var(--c-hot-bright); background:var(--c-hot-bright); color:#fff; outline:0; }
.global-search-meta {
  margin-bottom:12px;
  color:#9c999d;
  font:900 11px var(--c-body);
  letter-spacing:.14em;
}
.global-search-results {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.global-search-result {
  min-width:0;
  display:grid;
  grid-template-columns:92px minmax(0,1fr) auto;
  align-items:center;
  gap:15px;
  padding:8px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(135deg,#111114,#0a0a0c);
  color:#fff;
  transition:transform .2s var(--c-ease),border-color .2s ease,background .2s ease;
}
.global-search-result:hover,
.global-search-result:focus-visible { transform:translateY(-3px); border-color:var(--c-hot-bright); background:#151116; outline:0; }
.global-search-result img {
  display:block;
  width:92px;
  height:92px;
  object-fit:contain;
  background:#252527;
}
.global-search-result-copy { min-width:0; }
.global-search-result-copy small {
  display:block;
  overflow:hidden;
  color:#d88ab4;
  font:900 9px var(--c-body);
  letter-spacing:.12em;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}
.global-search-result-copy strong {
  display:block;
  overflow:hidden;
  margin:6px 0;
  font:400 18px/1.05 var(--c-display);
  text-overflow:ellipsis;
  white-space:nowrap;
}
.global-search-result-copy > span { color:#bdb8b2; font:700 13px var(--c-body); }
.global-search-result-arrow { padding:0 9px; color:#ff5eb4; font:22px Arial,sans-serif; }
.global-search-empty,
.global-search-loading {
  grid-column:1/-1;
  min-height:190px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:10px;
  border:1px dashed rgba(255,255,255,.18);
  color:#77757a;
  text-align:center;
}
.global-search-empty strong { color:#fff; font:400 28px var(--c-display); }
.global-search-empty span,
.global-search-loading span { font:700 13px var(--c-body); letter-spacing:.06em; }
.global-search-loading i {
  width:28px;
  height:28px;
  border:3px solid #333;
  border-top-color:var(--c-hot-bright);
  border-radius:50%;
  animation:candel-spin .75s linear infinite;
}
@keyframes candel-spin { to { transform:rotate(360deg); } }

.catalog-tools-host,
#catalog-tools-host { margin:0 0 30px; }
.catalog-tools {
  position:relative;
  overflow:hidden;
  padding:22px;
  border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(135deg,#151316,#09090b 58%);
  color:#fff;
  box-shadow:0 20px 55px rgba(0,0,0,.32);
}
.catalog-tools::before {
  content:"";
  position:absolute;
  right:-90px;
  top:-120px;
  width:280px;
  height:280px;
  border:1px solid rgba(255,106,0,.22);
  border-radius:50%;
  box-shadow:0 0 90px rgba(255,106,0,.12);
  pointer-events:none;
}
.catalog-tools-title {
  position:relative;
  display:flex;
  align-items:baseline;
  gap:12px;
  margin-bottom:16px;
}
.catalog-tools-title span { color:#ff67b7; font:900 10px var(--c-body); letter-spacing:.17em; }
.catalog-tools-title strong { font:400 25px var(--c-display); letter-spacing:.02em; }
.catalog-tools-grid {
  position:relative;
  display:grid;
  grid-template-columns:minmax(210px,1.6fr) repeat(5,minmax(110px,1fr));
  gap:8px;
}
.catalog-tools-grid label { min-width:0; }
.catalog-tools-grid label > span {
  display:block;
  margin:0 0 6px 2px;
  color:#979399;
  font:900 9px var(--c-body);
  letter-spacing:.13em;
}
.catalog-tools-grid input,
.catalog-tools-grid select {
  width:100%;
  height:44px;
  border:1px solid #3a383c;
  border-radius:0;
  background:#08080a;
  color:#fff;
  padding:0 11px;
  outline:0;
  font:700 14px var(--c-body);
}
.catalog-tools-grid input:focus,
.catalog-tools-grid select:focus { border-color:var(--c-hot-bright); box-shadow:0 0 0 2px rgba(255,106,0,.12); }
.catalog-tools-foot {
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
}
.catalog-check {
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:37px;
  padding:7px 11px;
  border:1px solid #39373b;
  background:#0b0b0d;
  cursor:pointer;
}
.catalog-check input { accent-color:var(--c-hot-bright); }
.catalog-check span { font:800 11px var(--c-body); letter-spacing:.07em; }
.catalog-clear {
  min-height:37px;
  padding:7px 12px;
  border:1px solid #565259;
  background:transparent;
  color:#fff;
  font:800 11px var(--c-body);
  letter-spacing:.07em;
  cursor:pointer;
}
.catalog-clear:hover,
.catalog-clear:focus-visible { border-color:var(--c-hot-bright); color:#ff68b8; outline:0; }
.catalog-results { margin-left:auto; color:#c9c4bd; font:900 11px var(--c-body); letter-spacing:.12em; }
body[data-page="gorras"] #catalog-tools-host { margin:0 0 24px; }
body[data-page="gorras"] #catalog-tools-host + .collection-accordion { margin-top:0; }

.product-share-actions {
  display:grid;
  grid-template-columns:1.35fr 1fr;
  gap:8px;
  margin-top:9px;
}
.product-share-actions button {
  min-height:42px;
  padding:10px;
  border:1px solid #555;
  background:#101012;
  color:#fff;
  font:800 11px var(--c-body);
  letter-spacing:.08em;
  cursor:pointer;
}
.product-share-actions .share-product { border-color:rgba(255,106,0,.7); color:#ffb06e; }
.product-share-actions button:hover,
.product-share-actions button:focus-visible { border-color:var(--c-hot-bright); background:var(--c-hot-bright); color:#fff; outline:0; }

.purchase-info {
  position:relative;
  padding:clamp(58px,7vw,90px) 0;
  overflow:hidden;
  border-top:1px solid rgba(255,255,255,.12);
  background:radial-gradient(circle at 92% 0,rgba(255,106,0,.12),transparent 26rem),#080809;
  color:#fff;
}
.purchase-info-head {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:26px;
  margin-bottom:24px;
}
.purchase-info-kicker { color:#ff70bd; font:900 11px var(--c-body); letter-spacing:.18em; }
.purchase-info h2 { margin:8px 0 0; font:400 clamp(42px,6vw,72px)/.86 var(--c-display); letter-spacing:-.02em; }
.purchase-info-head p { max-width:440px; margin:0; color:#bdb8b2; font:500 18px/1.4 var(--c-body); }
.purchase-info-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.purchase-step {
  min-height:182px;
  padding:20px;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(145deg,#121214,#0a0a0c);
}
.purchase-step-number {
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  margin-bottom:26px;
  border:1px solid rgba(255,106,0,.64);
  color:#ff69b8;
  font:900 10px var(--c-body);
}
.purchase-step h3 { margin:0 0 8px; font:400 23px/1 var(--c-display); }
.purchase-step p { margin:0; color:#aaa5a0; font:500 15px/1.4 var(--c-body); }
.purchase-info-actions { display:flex; gap:9px; flex-wrap:wrap; margin-top:20px; }
.purchase-info-actions a {
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:11px 16px;
  border:1px solid var(--c-cream);
  color:#fff;
  font:400 15px var(--c-display);
}
.purchase-info-actions a:first-child { background:var(--c-cream); color:#050505; }
.purchase-info-actions a:hover,
.purchase-info-actions a:focus-visible { border-color:var(--c-hot-bright); background:var(--c-hot-bright); color:#fff; outline:0; }

@media (max-width:1050px) {
  .catalog-tools-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .catalog-tool-search { grid-column:span 2; }
  .purchase-info-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .global-search-results { grid-template-columns:1fr; }
  .global-search-input { height:55px; font-size:17px; }
  .global-search-input-wrap kbd { display:none; }
  .global-search-result { grid-template-columns:74px minmax(0,1fr) auto; }
  .global-search-result img { width:74px; height:74px; }
  .catalog-tools { padding:16px; }
  .catalog-tools-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .catalog-tool-search { grid-column:1/-1; }
  .purchase-info-head { display:block; }
  .purchase-info-head p { margin-top:15px; }
}
@media (max-width:520px) {
  .site-header .global-search-button > b { display:none; }
  .site-header .global-search-button { min-width:36px; justify-content:center; }
  .global-search-shell { padding:20px 14px; }
  .global-search-head h2 { font-size:40px; }
  .global-search-result { grid-template-columns:66px minmax(0,1fr); gap:10px; }
  .global-search-result img { width:66px; height:66px; }
  .global-search-result-arrow { display:none; }
  .catalog-tools-grid { grid-template-columns:1fr 1fr; }
  .catalog-tools-grid label:first-child,
  .catalog-tools-grid label:last-child { grid-column:1/-1; }
  .catalog-results { width:100%; margin:4px 0 0; }
  .purchase-info-grid { grid-template-columns:1fr; }
  .purchase-step { min-height:0; }
  .product-share-actions { grid-template-columns:1fr; }
}

/* Outfit recommendations and private performance panel */
.site-header .analytics-open {
  min-height:38px;
  border:1px solid rgba(255,255,255,.28);
  background:#151518;
  color:#fff;
  padding:9px 12px;
  font:400 13px var(--c-display);
  letter-spacing:.04em;
  cursor:pointer;
}
.site-header .analytics-open:hover,
.site-header .analytics-open:focus-visible { border-color:var(--c-hot-bright); background:var(--c-hot-bright); outline:0; }

body[data-page="gorras"] .related-look {
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.15);
}
body[data-page="gorras"] .related-look-head {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
body[data-page="gorras"] .related-look-head span,
body[data-page="gorras"] .related-look-head small { color:#a7a2a0; font:800 9px var(--c-body); letter-spacing:.13em; }
body[data-page="gorras"] .related-look-head h4 { margin:3px 0 0; color:#fff; font:400 24px/1 var(--c-display); }
body[data-page="gorras"] .related-look-grid { display:grid; gap:8px; }
body[data-page="gorras"] .related-loading {
  grid-column:1/-1;
  padding:14px;
  border:1px dashed rgba(255,255,255,.2);
  color:#aaa;
  font:800 10px var(--c-body);
  letter-spacing:.1em;
}
body[data-page="gorras"] .related-card {
  position:relative;
  display:grid;
  grid-template-columns:64px minmax(0,1fr) 16px;
  align-items:center;
  gap:10px;
  min-height:66px;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(120deg,#151518,#0b0b0d);
  color:#fff;
  overflow:hidden;
  transition:border-color .18s ease,transform .18s ease,background .18s ease;
}
body[data-page="gorras"] .related-card:hover,
body[data-page="gorras"] .related-card:focus-visible { border-color:var(--c-hot-bright); background:#1a0b14; transform:translateX(2px); outline:0; }
body[data-page="gorras"] .related-card img { width:64px; height:64px; object-fit:contain; background:#262629; }
body[data-page="gorras"] .related-card-copy { min-width:0; display:grid; gap:2px; }
body[data-page="gorras"] .related-card-copy small { color:#ff9a48; font:900 8px var(--c-body); letter-spacing:.12em; }
body[data-page="gorras"] .related-card-copy strong { overflow:hidden; color:#fff; font:800 12px/1.15 var(--c-body); text-overflow:ellipsis; white-space:nowrap; }
body[data-page="gorras"] .related-card-copy b { color:#d9d4ce; font:800 11px var(--c-body); }
body[data-page="gorras"] .related-card > i { color:#ff8a2b; font:400 16px var(--c-body); font-style:normal; }

.analytics-dialog {
  width:min(1080px,calc(100% - 30px));
  max-height:92dvh;
  padding:0;
  border:1px solid rgba(255,255,255,.2);
  background:#08080a;
  color:#fff;
  overflow:auto;
  box-shadow:0 30px 110px rgba(0,0,0,.86);
}
.analytics-dialog::backdrop { background:rgba(0,0,0,.78); backdrop-filter:blur(9px); }
.analytics-shell { position:relative; padding:32px; }
.analytics-close {
  position:absolute;
  top:15px;
  right:15px;
  width:38px;
  height:38px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:50%;
  background:#111;
  color:#fff;
  font-size:24px;
  cursor:pointer;
}
.analytics-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; padding-right:40px; }
.analytics-heading > div > span { color:#ff9a48; font:900 10px var(--c-body); letter-spacing:.17em; }
.analytics-heading h2 { margin:7px 0 0; font:400 clamp(38px,5vw,66px)/.9 var(--c-display); }
.analytics-controls { display:flex; align-items:end; gap:8px; }
.analytics-controls label { display:grid; gap:5px; color:#aaa; font:800 9px var(--c-body); letter-spacing:.13em; }
.analytics-controls select,
.analytics-controls button { min-height:42px; border:1px solid rgba(255,255,255,.24); background:#111; color:#fff; padding:9px 12px; font:800 12px var(--c-body); cursor:pointer; }
.analytics-controls button { border-color:var(--c-hot); background:var(--c-hot); }
.analytics-note { max-width:740px; margin:20px 0 14px; color:#aaa6a2; font:500 15px/1.4 var(--c-body); }
.analytics-status { padding:12px 14px; border:1px solid rgba(255,255,255,.12); background:#101012; color:#d5d0cb; font:800 11px var(--c-body); letter-spacing:.08em; }
.analytics-kpis { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin-top:14px; }
.analytics-kpis article { min-height:132px; display:flex; flex-direction:column; padding:17px; border:1px solid rgba(255,255,255,.14); background:linear-gradient(145deg,#151518,#0b0b0d); }
.analytics-kpis article > span { color:#ff9a48; font:900 9px var(--c-body); letter-spacing:.12em; }
.analytics-kpis article > strong { margin:auto 0 5px; color:#fff; font:400 46px/1 var(--c-display); }
.analytics-kpis article > small { color:#999; font:600 12px var(--c-body); }
.analytics-panels { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:10px; }
.analytics-panels > section { min-width:0; border:1px solid rgba(255,255,255,.14); background:#0d0d0f; }
.analytics-panel-head { padding:17px 17px 12px; border-bottom:1px solid rgba(255,255,255,.12); }
.analytics-panel-head span { color:#ff9a48; font:900 9px var(--c-body); letter-spacing:.14em; }
.analytics-panel-head h3 { margin:4px 0 0; font:400 25px/1 var(--c-display); }
.analytics-rank-item { display:grid; grid-template-columns:28px minmax(0,1fr) auto; align-items:center; gap:10px; padding:12px 16px; border-bottom:1px solid rgba(255,255,255,.08); }
.analytics-rank-item > span { color:#68686c; font:900 10px var(--c-body); }
.analytics-rank-item > div { min-width:0; display:grid; gap:2px; }
.analytics-rank-item strong { overflow:hidden; font:800 13px var(--c-body); text-overflow:ellipsis; white-space:nowrap; }
.analytics-rank-item small { color:#8e8986; font:700 9px var(--c-body); text-transform:uppercase; }
.analytics-rank-item b { color:#ff9a48; font:900 10px var(--c-body); white-space:nowrap; }
.analytics-empty { margin:0; padding:24px 17px; color:#8e8986; font:600 14px/1.4 var(--c-body); }

@media (max-width:850px) {
  .site-header .analytics-open { min-height:34px; padding:7px 9px; font-size:0; }
  .site-header .analytics-open::after { content:"DATOS"; font:400 11px var(--c-display); }
  .analytics-shell { padding:26px 16px 20px; }
  .analytics-heading { display:block; padding-right:34px; }
  .analytics-controls { margin-top:18px; }
  .analytics-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .analytics-panels { grid-template-columns:1fr; }
}
@media (max-width:520px) {
  .analytics-controls { align-items:stretch; flex-direction:column; }
  .analytics-kpis { grid-template-columns:1fr 1fr; }
  .analytics-kpis article { min-height:112px; padding:13px; }
  .analytics-kpis article > strong { font-size:36px; }
  .analytics-rank-item { grid-template-columns:24px minmax(0,1fr); }
  .analytics-rank-item > b { grid-column:2; }
}