/* =========================================================
   WALON UI — Header, mega-menú, buscador y footer
   Namespace .wln-* para no chocar con Astra / Elementor / Woo.
   ========================================================= */

:root{
  /* El sitio es de diseño claro. Sin esto, el "tema oscuro automático" de
     Chrome en Android invierte los colores y el header sale negro. */
  color-scheme: light;

  --wln-ink:#0a0a0a;
  --wln-ink-soft:#5b5b5b;
  --wln-paper:#ffffff;
  --wln-panel:#f4f4f2;
  --wln-line:#e3e3e0;
  --wln-yellow:#F2D93B;
  --wln-sale:#8a3b2b;
  --wln-sale-soft:#f5e7e2;
  --wln-head: var(--w-font-head, "Shapiro", system-ui, sans-serif);
  --wln-body: var(--w-font-body, "Neusa Next Pro", system-ui, sans-serif);
  --wln-header-h: 118px;
}

/* ---------- restos del header/footer/buscador anteriores ---------- */
body.wln-ui-active #masthead,
body.wln-ui-active #colophon,
body.wln-ui-active #walon-mheader,
body.wln-ui-active #walon-mheader-spacer,
body.wln-ui-active #walon-mnav-viewport,
body.wln-ui-active #ast-mobile-popup-wrapper,
body.wln-ui-active .ast-mobile-header-wrap,
body.wln-ui-active .ast-mobile-popup-drawer,
body.wln-ui-active .dgwt-wcas-search-wrapp{
  display:none !important;
}

/* ---------- reset acotado a nuestros componentes ----------
   Va dentro de :where() a propósito: así tiene especificidad 0 y cualquier
   regla nuestra de más abajo le gana sin necesidad de !important. Sin esto,
   ".wln-footer a{color:inherit}" pisaba colores puntuales (el botón "Únete"
   quedaba gris sobre blanco) y ".wln-footer svg{display:block}" hacía
   aparecer en desktop los chevrons que son solo de mobile. */
:where(.wln-header, .wln-footer, .wln-mnav){
  font-family: var(--wln-body);
  color: var(--wln-ink);
}
.wln-header, .wln-footer, .wln-mnav{ box-sizing:border-box; }
.wln-header *, .wln-footer *, .wln-mnav *{ box-sizing: border-box; }

:where(.wln-header, .wln-footer, .wln-mnav) ul{ list-style:none; margin:0; padding:0; }
:where(.wln-header, .wln-footer, .wln-mnav) a{
  text-decoration:none; color:inherit; box-shadow:none; border:0;
}
:where(.wln-header, .wln-footer, .wln-mnav) a:hover{ text-decoration:none; box-shadow:none; }
:where(.wln-header, .wln-footer, .wln-mnav) button{
  font-family:inherit; background:none; border:0; padding:0; margin:0;
  color:inherit; cursor:pointer; text-align:left;
}
:where(.wln-header, .wln-footer, .wln-mnav) svg{ display:block; }
:where(.wln-header, .wln-footer) img{ max-width:100%; height:auto; }

.wln-skip{
  position:absolute; left:-9999px; top:0; z-index:100000;
  background:#000; color:#fff; padding:10px 16px;
}
.wln-skip:focus{ left:0; }

/* =========================================================
   HEADER
   ========================================================= */
.wln-header{
  position:relative; z-index:900; background:var(--wln-paper);
}

/* Sticky solo al subir: al bajar se va, para no robar pantalla mientras
   el cliente recorre el catálogo. */
.wln-header__main{ position:relative; }
.wln-header.is-stuck .wln-header__main{
  position:fixed; top:0; left:0; right:0; z-index:930;
  background:var(--wln-paper); box-shadow:0 6px 22px rgba(0,0,0,.09);
  animation:wlnDrop .2s ease;
}
body.admin-bar .wln-header.is-stuck .wln-header__main{ top:32px; }
@keyframes wlnDrop{ from{ transform:translateY(-100%); } to{ transform:translateY(0); } }
@media (prefers-reduced-motion: reduce){
  .wln-header.is-stuck .wln-header__main{ animation:none; }
}

/* El header ocupa todo el ancho de la pantalla: el margen lateral crece con
   la pantalla en vez de dejar franjas blancas en monitores grandes. */
.wln-topbar{ background:var(--wln-ink); color:#e6e6e6; }
.wln-topbar__inner{
  padding:9px clamp(18px, 2.2vw, 48px);
  display:flex; align-items:center; justify-content:center; gap:8px;
  font-size:12.5px; text-align:center; flex-wrap:wrap;
}
.wln-topbar__link{ color:#fff; text-decoration:underline !important; }
.wln-topbar__link:hover{ color:#bbb; }

.wln-header__main{ border-bottom:1px solid var(--wln-line); }
.wln-header__inner{ padding:0 clamp(18px, 2.2vw, 48px); }

/* La línea va en la fila (ancho completo), no en el contenido con padding:
   así llega de borde a borde como en producción. */
.wln-header__rowtop{ border-bottom:1px solid var(--wln-line); }

.wln-header__top{
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  padding:18px 0 16px;
}
.wln-logo img{ display:block; height:44px; width:auto; }

.wln-header__actions{ display:flex; align-items:center; gap:26px; }
.wln-action{
  display:flex; flex-direction:column; align-items:center; gap:4px;
  color:var(--wln-ink); position:relative;
}
.wln-action svg{ width:20px; height:20px; }
.wln-action span{
  font-size:10px; font-weight:600; letter-spacing:.03em; text-transform:uppercase; white-space:nowrap;
}
.wln-action--searchm{ display:none; }

.wln-cart__count{
  position:absolute; top:-6px; right:-10px; min-width:17px; height:17px;
  border-radius:100px; background:var(--wln-ink); color:#fff;
  font-size:10px; font-weight:700; line-height:17px; text-align:center; padding:0 4px;
}
.wln-cart__count.is-empty{ display:none; }

/* El carrito vive junto al buscador en desktop; en mobile sube a la fila del logo. */
.wln-cart--mobile{ display:none; }
.wln-cart--desktop{ flex:0 0 auto; }

/* ---- fila de navegación ---- */
.wln-header__bottom{
  display:flex; align-items:center; gap:28px; padding:10px 0;
}
.wln-nav{ flex:0 0 auto; }
.wln-nav__list{ display:flex; gap:2px; }
.wln-nav__item{ position:static; }
/* Neusa Next Pro, no Shapiro: la variante "Wide" de Shapiro estira las
   letras y no coincide con el menú de producción. */
.wln-nav__link{
  display:inline-flex; align-items:center; gap:5px;
  font-family:var(--wln-body); font-weight:700; font-size:13.5px;
  text-transform:uppercase; letter-spacing:.01em;
  padding:12px 14px; border-bottom:2px solid transparent;
}
.wln-nav__link .wln-chev{ width:11px; height:11px; opacity:.55; }
.wln-nav__item:hover > .wln-nav__link,
.wln-nav__item.is-open > .wln-nav__link{ border-bottom-color:var(--wln-ink); }

/* ---- mega menú ---- */
.wln-mega{
  position:absolute; left:0; right:0; top:100%;
  background:var(--wln-paper); border-top:1px solid var(--wln-line);
  box-shadow:0 18px 40px rgba(0,0,0,.10);
  padding:34px 0 40px;
}
.wln-mega[hidden]{ display:none; }
.wln-mega__inner{
  padding:0 clamp(18px, 2.2vw, 48px);
  display:flex; gap:32px; align-items:flex-start;
}
.wln-mega__promo{ flex:0 0 220px; width:220px; }
.wln-mega__promo img{ width:100%; aspect-ratio:4/5; object-fit:cover; display:block; }
.wln-mega__promo-fallback{
  width:100%; aspect-ratio:4/5; background:var(--wln-ink); color:#fff;
  display:flex; flex-direction:column; justify-content:center; gap:10px; padding:22px 18px;
}
.wln-mega__promo-fallback .l1{
  font-family:var(--wln-head); font-weight:700; font-size:14px;
  text-transform:uppercase; letter-spacing:.03em; color:#b9b9b9;
}
.wln-mega__promo-fallback .l2{
  font-family:var(--wln-head); font-weight:800; font-size:30px;
  text-transform:uppercase; line-height:.95; color:#fff;
}
.wln-mega__content{ flex:1 1 auto; min-width:0; }
.wln-mega__cols{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:34px;
}
.wln-mega__title{
  font-family:var(--wln-head); font-size:18px; font-weight:800;
  text-transform:uppercase; letter-spacing:.02em;
  margin:0 0 12px; padding-bottom:9px; border-bottom:1px solid var(--wln-ink);
  color:var(--wln-ink);
}
.wln-mega__title a{ color:inherit; }
.wln-mega__list li{ padding:5px 0; }
.wln-mega__list li.is-sub{ padding-left:14px; }
.wln-mega__list li.is-sub a::before{ content:"— "; color:var(--wln-ink-soft); }
.wln-mega__list a{
  font-size:14px; color:var(--wln-ink); display:inline-block;
}
.wln-mega__list a:hover{ text-decoration:underline !important; }

/* deportes: tira fotográfica */
.wln-sports{ display:flex; gap:22px; flex-wrap:wrap; justify-content:center; }
.wln-sport{ width:150px; text-align:center; }
.wln-sport__ph{
  display:flex; align-items:flex-end; justify-content:center;
  height:110px; margin-bottom:12px;
}
.wln-sport__ph img{ max-height:110px; width:auto; object-fit:contain; }
.wln-sport__label{
  font-family:var(--wln-head); font-weight:800; font-size:15px;
  text-transform:uppercase; letter-spacing:.02em; display:block;
}
.wln-sport:hover .wln-sport__label{ text-decoration:underline; }

/* equipos: escudos */
.wln-clubs{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:26px 18px;
}
.wln-club{ text-align:center; display:flex; flex-direction:column; align-items:center; transition:transform .15s ease; }
.wln-club:hover{ transform:translateY(-3px); }
.wln-club__crest{
  height:76px; display:flex; align-items:center; justify-content:center; margin-bottom:12px;
}
.wln-club__crest img{ max-height:76px; max-width:100%; width:auto; object-fit:contain; }
.wln-club__name{
  font-family:var(--wln-head); font-weight:800; font-size:14px;
  text-transform:uppercase; line-height:1.25;
}
.wln-club__count{ font-size:11px; color:var(--wln-ink-soft); margin-top:4px; }

/* =========================================================
   BUSCADOR
   ========================================================= */
.wln-header__tools{
  display:flex; align-items:center; gap:28px; margin-left:auto; flex:0 0 auto;
}
/* Buscador: sin caja. Solo lupa, texto y una línea fina debajo.
   Al enfocar, la línea se pone negra. */
.wln-searchbar{
  position:relative; flex:0 0 300px; width:300px;
  display:flex; align-items:center; gap:11px;
  background:transparent; border:0; border-bottom:1px solid var(--wln-line);
  border-radius:0; padding:0 0 9px; height:auto;
  transition:border-color .15s ease;
}
.wln-searchbar:focus-within{ border-bottom-color:var(--wln-ink); }
.wln-searchbar > svg{ width:16px; height:16px; opacity:.5; flex:0 0 auto; }

/* El !important va a propósito: Astra y WooCommerce estilizan
   input[type="search"] con más especificidad que una sola clase, y ese borde
   propio del input era lo que dibujaba las cajitas internas del buscador. */
.wln-searchbar input.wln-searchbar__input,
.wln-searchbar input[type="search"]{
  flex:1 1 auto; min-width:0;
  -webkit-appearance:none; appearance:none;
  border:0 !important; outline:0 !important; background:transparent !important;
  box-shadow:none !important; border-radius:0 !important;
  padding:0 !important; margin:0 !important;
  height:auto !important; min-height:0 !important;
  font-family:var(--wln-body); font-size:13.5px; color:var(--wln-ink); line-height:1.5;
}
.wln-searchbar__input::placeholder{ color:#9a9a9a; opacity:1; }
.wln-searchbar__input::-webkit-search-cancel-button,
.wln-searchbar__input::-webkit-search-decoration{ -webkit-appearance:none; display:none; }

/* La X vive dentro del campo, al final de la misma línea. */
.wln-searchbar__clear{
  flex:0 0 auto; display:flex; align-items:center; padding:0; border:0; background:none;
}
.wln-searchbar__clear svg{ width:14px; height:14px; opacity:.45; }
.wln-searchbar__clear:hover svg{ opacity:.9; }
.wln-searchbar__clear[hidden]{ display:none; }

/* ---- Panel de búsqueda a ancho completo ----
   Dos zonas: a la izquierda por dónde seguir buscando (sugerencias,
   categorías, recientes) y a la derecha los productos con foto grande. */
.wln-searchpanel{
  position:absolute; top:100%; left:0; right:0; z-index:950;
  background:#fff; border-top:1px solid var(--wln-line);
  box-shadow:0 18px 40px rgba(0,0,0,.12);
  max-height:74vh; overflow-y:auto;
  animation:wlnFade .16s ease;
}
.wln-searchpanel[hidden]{ display:none; }
@keyframes wlnFade{ from{ opacity:0; transform:translateY(-6px); } to{ opacity:1; transform:none; } }
.wln-searchpanel__inner{
  padding:28px clamp(18px, 2.2vw, 48px) 34px;
  display:grid; grid-template-columns:250px 1fr; gap:44px; align-items:start;
}
.wln-searchpanel__inner.is-single{ grid-template-columns:1fr; }

.wln-sr__aside{ display:flex; flex-direction:column; gap:26px; }
.wln-sr__main{ min-width:0; }

.wln-sr__label{
  font-family:var(--wln-body); font-size:11px; font-weight:700;
  letter-spacing:.07em; text-transform:uppercase; color:var(--wln-ink-soft);
  margin:0 0 12px;
}
.wln-sr__links{ display:flex; flex-direction:column; gap:10px; align-items:flex-start; }
.wln-sr__link{ font-size:13.5px; color:var(--wln-ink); text-align:left; line-height:1.35; }
.wln-sr__link:hover{ text-decoration:underline !important; }
.wln-sr__link .n{ color:var(--wln-ink-soft); font-size:11.5px; }

.wln-sr__chips{ display:flex; flex-wrap:wrap; gap:8px; }
.wln-sr__chip{
  font-size:12.5px; font-weight:500; padding:7px 13px; border-radius:100px;
  background:transparent; border:1px solid var(--wln-line); color:var(--wln-ink);
}
.wln-sr__chip:hover{ border-color:var(--wln-ink); }

/* Productos con foto grande, no una lista de filas minúsculas */
.wln-sr__head{
  display:flex; align-items:baseline; justify-content:space-between; gap:16px;
  margin-bottom:16px; flex-wrap:wrap;
}
.wln-sr__seeall{ font-size:12.5px; font-weight:700; text-decoration:underline !important; }
.wln-sr__grid{
  display:grid; grid-template-columns:repeat(auto-fill, minmax(175px, 1fr)); gap:24px 20px;
}
.wln-sr__card{ display:block; color:var(--wln-ink); }
.wln-sr__card:hover .wln-sr__thumb{ transform:scale(1.04); }
.wln-sr__card.is-active{ outline:2px solid var(--wln-ink); outline-offset:5px; }
.wln-sr__thumbwrap{
  display:block; aspect-ratio:1/1; overflow:hidden;
  background:var(--wln-panel); margin-bottom:10px; position:relative;
}
.wln-sr__thumb{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .25s ease; }
.wln-sr__badge{
  position:absolute; top:8px; left:8px;
  font-size:10px; font-weight:700; background:var(--wln-ink); color:#fff;
  padding:3px 8px; letter-spacing:.02em;
}
.wln-sr__cat{ font-size:11px; color:var(--wln-ink-soft); margin-bottom:3px; }
.wln-sr__name{
  font-size:13px; font-weight:600; line-height:1.35; margin-bottom:5px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.wln-sr__name mark{ background:none; color:inherit; font-weight:800; }
.wln-sr__price{ font-size:13px; }
.wln-sr__price del{ font-size:11.5px; color:var(--wln-ink-soft); margin-right:6px; }
.wln-sr__price ins{ text-decoration:none; font-weight:700; color:var(--wln-sale); }
.wln-sr__price .amount{ font-weight:700; }
.wln-sr__oos{ font-size:10.5px; color:var(--wln-ink-soft); }

.wln-sr__empty{ font-size:14px; color:var(--wln-ink-soft); padding:6px 0 18px; }
.wln-sr__empty b{ display:block; color:var(--wln-ink); margin-bottom:6px; font-size:16px; }
.wln-sr__dym{ font-size:13px; margin-bottom:16px; color:var(--wln-ink-soft); }
.wln-sr__dym button{ font-weight:700; text-decoration:underline; color:var(--wln-ink); }

.wln-skel__grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(175px,1fr)); gap:24px 20px; }
.wln-skel__box{
  background:linear-gradient(90deg,#eee 25%,#f7f7f7 37%,#eee 63%);
  background-size:400% 100%; animation:wlnShimmer 1.2s infinite;
}
.wln-skel__img{ aspect-ratio:1/1; margin-bottom:10px; }
.wln-skel__line{ height:10px; border-radius:3px; margin-bottom:7px; }

@media (prefers-reduced-motion: reduce){
  .wln-skel__box{ animation:none; }
  .wln-club{ transition:none; }
}

/* =========================================================
   MENÚ MOBILE (navegación por niveles)
   ========================================================= */
.wln-burger{
  display:none; width:26px; height:17px; flex:0 0 auto;
  flex-direction:column; justify-content:space-between; padding:0;
}
.wln-burger span{ display:block; height:2px; width:100%; background:var(--wln-ink); border-radius:0; }

.wln-overlay{
  position:fixed; inset:0; background:rgba(0,0,0,.45); z-index:940;
}
.wln-overlay[hidden]{ display:none; }

.wln-mnav{
  position:fixed; top:0; left:0; bottom:0; width:min(88vw,380px);
  background:#fff; z-index:960; display:flex; flex-direction:column;
  transform:translateX(-100%); transition:transform .22s ease;
}
.wln-mnav[hidden]{ display:none; }
.wln-mnav.is-open{ transform:translateX(0); }
.wln-mnav__head{
  display:flex; align-items:center; gap:10px; padding:16px;
  border-bottom:1px solid var(--wln-line);
}
.wln-mnav__title{
  font-family:var(--wln-head); font-weight:800; font-size:15px;
  text-transform:uppercase; flex:1 1 auto;
}
.wln-mnav__back{ display:flex; align-items:center; gap:4px; font-size:13px; font-weight:600; }
.wln-mnav__back[hidden]{ display:none; }
.wln-mnav__back svg{ width:16px; height:16px; }
.wln-mnav__close svg{ width:20px; height:20px; }
.wln-mnav__body{ flex:1 1 auto; overflow-y:auto; }
.wln-mnav__level[hidden]{ display:none; }
.wln-mnav__row{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  width:100%; padding:15px 18px; border-bottom:1px solid var(--wln-line);
  font-family:var(--wln-body); font-weight:700; font-size:13.5px; text-transform:uppercase;
}
.wln-mnav__row svg{ width:15px; height:15px; opacity:.5; flex:0 0 auto; }
.wln-mnav__row--all{ color:var(--wln-ink-soft); font-size:12px; }
.wln-mnav__row--plain{ text-transform:none; font-weight:600; font-size:14px; }
.wln-mnav__row--plain span{ display:flex; align-items:center; gap:11px; }
.wln-mnav__row--plain svg{ width:19px; height:19px; flex:0 0 auto; }
.wln-mnav__sep{ margin-top:18px; border-top:1px solid var(--wln-line); }
.wln-mnav__row.is-sub{ padding-left:34px; }
.wln-mnav__row.is-sub span::before{ content:"— "; color:var(--wln-ink-soft); }

/* buscador full-screen en mobile */
.wln-msearch{
  position:fixed; inset:0; background:#fff; z-index:970; display:flex; flex-direction:column;
}
.wln-msearch[hidden]{ display:none; }
.wln-msearch__head{ display:flex; align-items:center; gap:10px; padding:14px 16px; border-bottom:1px solid var(--wln-line); }
.wln-msearch__head input{
  flex:1 1 auto; border:0; outline:0; font-size:16px; font-family:var(--wln-body); background:transparent;
}
.wln-msearch__cancel{ font-size:13px; font-weight:600; flex:0 0 auto; }
.wln-msearch__body{ flex:1 1 auto; overflow-y:auto; }
.wln-msearch__body .wln-searchpanel{
  position:static; box-shadow:none; border-top:0; max-height:none; animation:none;
}
.wln-msearch__body .wln-searchpanel__inner{
  grid-template-columns:1fr; gap:26px; padding:20px 16px 32px;
}

/* =========================================================
   FOOTER
   ========================================================= */
.wln-footer{ background:#0a0a0a; color:#eaeaea; font-family:var(--wln-body); }

.wln-news{ background:var(--wln-yellow); }
.wln-news__inner{
  padding:46px clamp(18px, 2.2vw, 48px);
  display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap;
}
.wln-news__copy h2{
  font-family:var(--wln-head); font-weight:800; text-transform:uppercase;
  font-size:clamp(20px,2.6vw,30px); color:#0a0a0a; margin:0 0 10px;
  max-width:26ch; line-height:1.08;
}
.wln-news__copy p{ font-size:12px; font-style:italic; color:#5a521c; margin:0; }
.wln-news__form{ display:flex; flex:0 0 auto; }
.wln-news__form input{
  font-family:var(--wln-body); font-size:13.5px; padding:13px 16px; width:230px;
  background:#fff; border:1px solid #0a0a0a; border-right:0; color:#0a0a0a;
  border-radius:0; outline:0; height:auto;
}
.wln-news__form button{
  font-family:var(--wln-head); font-weight:800; font-size:12.5px;
  letter-spacing:.04em; text-transform:uppercase;
  padding:0 24px; background:#0a0a0a; color:#fff; border:1px solid #0a0a0a;
}
.wln-news__form button:hover{ background:#262626; }
.wln-news__msg{ flex-basis:100%; font-size:12.5px; color:#5a521c; margin-top:8px; }

.wln-footer__main{
  padding:52px clamp(18px, 2.2vw, 48px) 36px;
  display:grid; grid-template-columns:1fr 1fr 1fr 1.15fr; gap:36px;
}
.wln-fcol__toggle{
  width:100%; display:flex; align-items:center; justify-content:space-between;
  margin:0 0 16px; padding-bottom:11px; border-bottom:1px solid #262626; cursor:default;
}
.wln-fcol__toggle h3{
  font-family:var(--wln-head); font-weight:800; font-size:13.5px;
  text-transform:uppercase; letter-spacing:.03em; color:#fff; margin:0;
}
/* Va con .wln-footer delante a propósito: el reset .wln-footer svg{display:block}
   de más arriba tiene más especificidad y si no, el chevron se vería en desktop. */
.wln-footer .wln-fcol__chev{ display:none; width:16px; height:16px; color:#eaeaea; transition:transform .2s ease; }
.wln-fcol ul{ display:flex; flex-direction:column; gap:12px; }
.wln-fcol a{ font-size:13.5px; color:#adadad; }
.wln-fcol a:hover{ color:#fff; }
.wln-fcol a.is-pending{ cursor:default; opacity:.75; }
.wln-reclamo{ display:flex; align-items:center; gap:8px; }
.wln-reclamo img{ height:24px; width:auto; flex:0 0 auto; }

.wln-fjoin p{ font-size:13px; color:#adadad; line-height:1.55; margin:0 0 18px; max-width:30ch; }
.wln-fjoin__btn{
  display:inline-block; font-family:var(--wln-head); font-weight:800; font-size:12px;
  letter-spacing:.03em; text-transform:uppercase;
  color:#0a0a0a; background:#fff; padding:12px 22px; margin-bottom:24px;
}
.wln-fjoin__btn:hover{ background:#d8d8d8; color:#0a0a0a; }
.wln-social{ display:flex; gap:12px; }
.wln-social a{
  width:34px; height:34px; border:1px solid #333; border-radius:50%;
  display:flex; align-items:center; justify-content:center; color:#eaeaea;
}
.wln-social a:hover{ border-color:#fff; color:#fff; }
.wln-social svg{ width:15px; height:15px; }

.wln-tagline{
  padding:26px clamp(18px, 2.2vw, 48px) 36px;
  display:flex; align-items:center; gap:10px; border-top:1px solid #1c1c1c;
}
.wln-tagline img{ width:22px; height:22px; object-fit:contain; }
.wln-tagline span{
  font-family:var(--wln-head); font-weight:800; font-size:14px;
  text-transform:uppercase; letter-spacing:.02em; color:#fff;
}
.wln-copy{ border-top:1px solid #1c1c1c; }
.wln-copy p{
  padding:18px clamp(18px, 2.2vw, 48px);
  font-size:11.5px; color:#6e6e6e; text-align:center;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */
/* Con el buscador abierto el header sube por encima del velo de fondo. */
.wln-header.is-searching{ z-index:960; }

@media (max-width:1180px){
  .wln-searchbar{ flex-basis:230px; width:230px; }
  .wln-header__tools{ gap:18px; }
  .wln-header__bottom{ gap:16px; }
  .wln-searchpanel__inner{ grid-template-columns:200px 1fr; gap:30px; }
}

@media (max-width:960px){
  .wln-header__inner{ padding:0 18px; }
  .wln-topbar__inner{ padding:8px 18px; font-size:11.5px; }

  /* Header mobile igual al de producción: hamburguesa, logo, y a la derecha
     solo buscador y carrito. Mi cuenta y Tiendas viven dentro del menú. */
  .wln-burger{ display:flex; }
  .wln-header__rowtop{ border-bottom:0; }
  .wln-header__top{ padding:12px 0; gap:12px; }
  .wln-logo{ margin-right:auto; margin-left:14px; }
  .wln-logo img{ height:30px; }
  .wln-header__actions{ gap:22px; }
  .wln-action span{ display:none; }
  .wln-action svg{ width:23px; height:23px; }
  .wln-action--searchm{ display:flex; }
  .wln-cart--mobile{ display:flex; }
  .wln-cart--desktop{ display:none; }
  /* Mi cuenta y Tiendas se quitan del header y pasan al menú lateral. */
  .wln-header__actions > .wln-action:not(.wln-action--searchm):not(.wln-cart){ display:none; }
  .wln-header__bottom{ display:none; }

  .wln-mega{ display:none !important; }

  .wln-news__inner{ flex-direction:column; align-items:flex-start; padding:36px 18px; }
  .wln-news__form{ width:100%; }
  .wln-news__form input{ flex:1 1 auto; width:auto; }

  .wln-footer__main{ grid-template-columns:1fr; gap:0; padding:8px 18px 32px; }
  .wln-fcol{ border-bottom:1px solid #262626; }
  .wln-fcol__toggle{ border-bottom:0; margin:0; padding:18px 0; cursor:pointer; }
  .wln-footer .wln-fcol__chev{ display:block; }
  .wln-footer .wln-fcol.is-open .wln-fcol__chev{ transform:rotate(180deg); }
  .wln-fcol ul{ display:none; padding-bottom:20px; gap:14px; }
  .wln-fcol.is-open ul{ display:flex; }
  .wln-fcol[data-col="ayuda"]{ order:1; }
  .wln-fcol[data-col="acerca"]{ order:2; }
  .wln-fcol[data-col="terminos"]{ order:3; }
  .wln-fjoin{ order:4; padding-top:28px; }

  .wln-tagline, .wln-copy p{ padding-left:18px; padding-right:18px; }
}

@media (min-width:961px){
  .wln-mnav, .wln-msearch{ display:none !important; }
}