/* =========================================================
   Team Word · tema "Tablero" adaptado a Storefront / WooCommerce
   Paleta: fieltro verde + madera + crema + casillas (rojo/amarillo/azul/verde)
   ========================================================= */
:root{
  --felt:#1b4a37; --wood:#5a3720; --wood-l:#8a5a34;
  --cream:#f8f0da; --cream-d:#e8dbb8; --paper:#fffaf0;
  --ink:#2a1c10; --muted:#6b5a44;
  --red:#c8372d; --yellow:#f2b632; --blue:#2f6db5; --green:#2e7d3a;
  --serif:Rockwell,"Roboto Slab",Georgia,Cambria,serif;
  --sans:"Trebuchet MS","Segoe UI",system-ui,sans-serif;
}

body{
  font-family:var(--sans);
  color:var(--cream);
  background-color:var(--felt);
  background-image:radial-gradient(ellipse at 50% 0,rgba(255,255,255,.10),transparent 65%),
    repeating-linear-gradient(45deg,rgba(0,0,0,.06) 0 2px,transparent 2px 4px),
    repeating-linear-gradient(-45deg,rgba(255,255,255,.03) 0 2px,transparent 2px 4px);
}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}

/* -------- Cabecera: madera -------- */
.site-header,
.woocommerce-store-notice{
  background:linear-gradient(180deg,var(--wood-l),var(--wood)) !important;
  background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.08) 0 3px,transparent 3px 9px),
    linear-gradient(180deg,var(--wood-l),var(--wood)) !important;
  border-bottom:6px solid var(--yellow) !important;
  box-shadow:0 6px 0 var(--ink),0 10px 24px rgba(0,0,0,.4) !important;
  color:var(--cream);
}
.site-branding{padding:10px 0 4px}
.site-header .custom-logo-link img,
.site-header .site-logo-link img,
.custom-logo{
  width:auto !important;
  height:auto !important;
  max-width:100%;
  max-height:30px !important;
  border-radius:4px;
  border:0 !important;
  box-shadow:none;
  background:transparent;
}
@media (min-width:769px){
  .site-header .custom-logo-link img,
  .site-header .site-logo-link img,
  .custom-logo{max-height:46px !important}
}
.site-title,
.site-title a,
.site-title a:hover,
.site-description,
.site-header .widget{
  color:var(--cream) !important;
}
.site-title,
.site-title a{font-family:var(--serif);font-weight:700;text-shadow:2px 2px 0 var(--ink);letter-spacing:.5px}
.site-description{font-size:.85rem;font-weight:700}

/* -------- Nav: casillas del tablero -------- */
.main-navigation{
  background:transparent !important;
  border-top:none !important;
  box-shadow:none !important;
}
@media (min-width:769px){
  .main-navigation ul{
    display:flex;
    flex-wrap:nowrap;
    justify-content:center;
    gap:8px;
    padding:10px 0 14px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .main-navigation ul::-webkit-scrollbar{display:none}
}
.main-navigation ul li{
  background:transparent;
  border:none;
  box-shadow:none;
  padding:0;
  float:none;
  position:static;
  flex:0 0 auto;
}
.main-navigation ul li a,
.main-navigation ul li.current-menu-item > a,
.main-navigation ul li a:hover,
.main-navigation ul li:hover > a{
  font-family:var(--serif);
  font-weight:700;
  font-size:.95rem;
  text-decoration:none;
  color:var(--ink) !important;
  background:var(--cream);
  padding:9px 14px !important;
  border-radius:8px;
  border:none !important;
  border-bottom:5px solid var(--red) !important;
  box-shadow:0 3px 0 var(--ink);
  transition:transform .15s;
  display:inline-block;
  white-space:nowrap;
}
.main-navigation ul li:nth-child(4n+2) > a{border-bottom-color:var(--yellow) !important}
.main-navigation ul li:nth-child(4n+3) > a{border-bottom-color:var(--blue) !important}
.main-navigation ul li:nth-child(4n+4) > a{border-bottom-color:var(--green) !important}
.main-navigation ul li a:hover{transform:translateY(-3px) rotate(-1deg)}
.main-navigation ul li.current-menu-item > a{background:var(--yellow)}
.menu-toggle,
.site-header .cart-contents{
  color:var(--cream) !important;
  background:var(--ink);
  border:3px solid var(--cream) !important;
  border-radius:8px;
  box-shadow:0 3px 0 rgba(0,0,0,.5);
}

/* -------- Títulos de página (sobre fieltro) -------- */
h1,h2,h3,h4,h5,h6,
.entry-title,
.woocommerce-products-header__title,
.woocommerce-breadcrumb,
.page-title{
  font-family:var(--serif);
  color:var(--cream);
  text-shadow:2px 2px 0 var(--ink);
}
.woocommerce-breadcrumb{font-size:.85rem;color:var(--cream-d)}
.woocommerce-breadcrumb a{color:var(--yellow)}

.site-content,
.main-container,
.woocommerce .site-content{
  background:transparent !important;
}
.entry-content,
.woocommerce .entry-content,
.woocommerce-Tabs-panel{
  color:var(--cream-d);
}
.entry-summary p{color:var(--cream-d)}

/* -------- Productos: cajas de juego -------- */
ul.products{
  margin-top:10px;
}
ul.products li.product{
  background:var(--paper) !important;
  border:3px solid var(--ink) !important;
  border-radius:8px !important;
  box-shadow:5px 5px 0 var(--ink) !important;
  padding:0 0 16px !important;
  text-align:left;
  transition:transform .15s;
  color:var(--ink);
}
ul.products li.product:hover{
  transform:translateY(-4px) rotate(-1deg);
  border-color:var(--ink) !important;
  box-shadow:7px 7px 0 var(--ink) !important;
}
ul.products li.product a img{
  border-radius:0;
  margin:0 auto 10px;
  border-bottom:3px solid var(--ink);
}
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product h2,
ul.products li.product h3{
  font-family:var(--serif);
  color:var(--ink);
  text-shadow:none;
  font-size:1.05rem;
  padding:12px 14px 4px !important;
}
ul.products li.product .price{
  color:var(--green) !important;
  font-family:var(--serif);
  font-weight:800;
  font-size:1.25rem;
  padding:0 14px !important;
  display:block;
}
ul.products li.product .price del{color:var(--muted);font-size:.9rem;font-weight:600}

/* -------- Modo catalogo: boton Consultar WhatsApp -------- */
.tw-consultar{
  display:inline-block !important;
  margin:12px 14px 0 !important;
  background:#25d366 !important;
  color:#fff !important;
  border:2px solid var(--ink) !important;
  border-radius:8px !important;
  box-shadow:0 3px 0 var(--ink) !important;
  font-family:var(--serif) !important;
  font-weight:800 !important;
  padding:9px 14px !important;
  text-decoration:none !important;
  transition:transform .15s;
}
.tw-consultar:hover{transform:translateY(-3px) rotate(-1deg);background:#1ebe5b !important;color:#fff !important}
.tw-consultar::before{content:"\1F4AC ";}
.tw-catalogo-aviso{
  color:var(--cream-d) !important;
  font-size:.72rem;
  font-weight:700;
  margin:6px 14px 0 !important;
  opacity:.85;
}
ul.products li.product .tw-catalogo-aviso{color:var(--muted) !important;padding:0 14px}
ul.products li.product .button,
ul.products li.product .add_to_cart_button{
  margin:12px 14px 0 !important;
  float:none !important;
}
.onsale,
span.onsale{
  background:var(--yellow) !important;
  color:var(--ink) !important;
  border:2px solid var(--ink);
  border-radius:6px;
  font-family:var(--serif);
  font-weight:800;
  text-shadow:none;
  box-shadow:0 3px 0 var(--ink);
}

/* -------- Botones: fichas duras -------- */
.button,
button[type="submit"],
input[type="submit"],
.added_to_cart,
.wc-block-components-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
a.button{
  font-family:var(--serif);
  font-weight:700;
  color:#fff !important;
  background:var(--green) !important;
  border:3px solid var(--ink) !important;
  border-radius:8px !important;
  padding:9px 18px !important;
  box-shadow:0 3px 0 var(--ink) !important;
  text-shadow:none !important;
  transition:transform .15s;
  text-decoration:none;
}
.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
a.button:hover{
  transform:translateY(-3px);
  filter:brightness(1.06);
}
.woocommerce ul.products li.product .button{background:var(--yellow) !important;color:var(--ink) !important}
.woocommerce ul.products li.product .button:hover{background:var(--yellow) !important}
.alt{background:var(--blue) !important}

/* -------- Fichas de precio / tablas del producto -------- */
.single-product .product .price{color:var(--green);font-family:var(--serif);font-weight:800;font-size:1.5rem;text-shadow:none}
table.variations td,
.woocommerce-product-details__short-description{color:var(--cream-d)}
.woocommerce-product-details__short-description{font-size:.95rem;line-height:1.6}
.summary{color:var(--cream-d)}

/* -------- Búsqueda / widgets -------- */
.widget-area .widget,
.widget{
  background:var(--paper);
  border:3px solid var(--ink);
  border-radius:8px;
  box-shadow:4px 4px 0 var(--ink);
  color:var(--ink);
}
.widget-area .widget-title,
.widget h2,
.widget h3{
  font-family:var(--serif);
  color:var(--ink);
  text-shadow:none;
}
.widget a{color:var(--blue)}
.product_list_widget li{border-bottom:1px dashed var(--cream-d)}

/* -------- Formularios -------- */
input[type="text"],input[type="email"],input[type="tel"],input[type="password"],
input[type="search"],input.number,inputtextarea,textarea,select{
  background:var(--paper);
  border:3px solid var(--ink);
  border-radius:8px;
  color:var(--ink);
  padding:9px 12px;
  font-family:var(--sans);
  box-shadow:inset 0 2px 4px rgba(42,28,16,.15);
}
label{color:var(--cream);font-weight:700}

/* -------- Notices / avisos -------- */
.woocommerce-message,.woocommerce-info,.woocommerce-error{
  background:var(--paper) !important;
  color:var(--ink) !important;
  border:3px solid var(--ink);
  border-top-color:var(--green);
  border-radius:8px;
  box-shadow:4px 4px 0 var(--ink);
  text-shadow:none;
}
.woocommerce-error{border-top-color:var(--red)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--green)}

/* -------- Píldoras / badges del shop -------- */
.site-header .site-header-cart{color:var(--cream)}

/* -------- Pie: madera -------- */
.site-footer{
  background:linear-gradient(180deg,var(--wood),#3f2515) !important;
  border-top:4px solid var(--yellow);
  color:var(--cream-d);
  box-shadow:0 -6px 18px rgba(0,0,0,.35);
  padding:0 !important;
  margin-top:0 !important;
}
.site-footer .col-full{padding-top:0 !important;padding-bottom:0 !important}
.site-footer .widget-area,
.site-footer .footer-widget-wrapper,
.site-footer .block-footer-widgets{padding:0 !important;margin:0 !important}
.site-footer .widget{margin-bottom:0 !important}
.site-footer .widget .widget-title{display:none}
.site-footer .textwidget,
.site-footer .widget p{margin:0 !important;padding:0 !important;line-height:1.05;font-size:.7rem}
.site-footer .footer-widget-wrapper .widget{padding:4px 8px !important}
.site-footer a{color:var(--yellow)}
.site-footer h1,.site-footer h2,.site-footer h3,.site-footer .widget-title{
  color:var(--cream);text-shadow:2px 2px 0 var(--ink)
}
.footer-widget-wrapper .widget{background:rgba(248,240,218,.95)}
.site-footer .widget-title{font-size:1rem}
.site-footer .textwidget{font-size:.85rem}
.site-info{border-top:1px dashed rgba(248,240,218,.30);color:var(--cream-d);font-size:.68rem;line-height:1.1;padding:3px 0 !important;margin:0 !important}
.site-info a{font-weight:700}

/* -------- Pagination / breadcrumbs -------- */
.pagination .page-numbers,
.woocommerce-pagination .page-numbers{
  background:var(--cream);
  color:var(--ink);
  border:3px solid var(--ink);
  border-radius:8px;
  box-shadow:0 3px 0 var(--ink);
  font-family:var(--serif);
  font-weight:700;
}
.pagination .page-numbers.current{background:var(--yellow)}

/* -------- Aviso de envio / plazo de entrega (CJ) -------- */
.tw-envio{
  margin:12px 0;padding:10px 14px;border:3px solid var(--ink);border-radius:8px;
  box-shadow:3px 3px 0 var(--ink);font-size:.92rem;line-height:1.35;font-weight:700;color:var(--ink);
}
.tw-envio-local{background:#dff2e1}
.tw-envio-intl{background:#fdeec2}
ul.products li.product .tw-envio-loop{
  display:block;margin:6px 14px 0;padding:4px 8px;border:2px solid var(--ink);border-radius:6px;
  font-size:.72rem;font-weight:700;line-height:1.25;text-align:center;color:var(--ink);
}
ul.products li.product .tw-envio-loop.local{background:#dff2e1}
ul.products li.product .tw-envio-loop.intl{background:#fdeec2}

/* -------- Barra de direccion (migas) -------- */
.tw-migas-wrap{
  background:linear-gradient(180deg,var(--wood),#4a2c19);
  background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.10) 0 3px,transparent 3px 9px),
    linear-gradient(180deg,var(--wood),#4a2c19);
  border-bottom:3px solid var(--ink);
}
.tw-migas-wrap .col-full{
  padding:5px 16px;font-size:.8rem;line-height:1.15;color:var(--cream-d);
}
.tw-migas{display:block}
.tw-migas a{color:var(--yellow);text-decoration:none;font-weight:700}
.tw-migas a:hover{text-decoration:underline}
.tw-migas-sep{margin:0 .4em;color:var(--cream-d);opacity:.55;font-weight:700}
.tw-migas .breadcrumb_last{color:var(--cream);font-weight:700}
@media (max-width:768px){
  .tw-migas-wrap .col-full{padding:4px 10px;font-size:.72rem}
  .tw-catbar-list{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}
  .tw-catbar-item>a{padding:8px 10px;font-size:.78rem}
  .tw-catbar-sub{position:static;display:none;border:none;box-shadow:none;background:#1f140c}
  .tw-cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
  .tw-card-img{height:110px}
}

/* -------- Barra de navegacion por categorias -------- */
.tw-catbar{
  background:linear-gradient(180deg,#3f2515,#2a1c10);
  border-bottom:3px solid var(--ink);
}
.tw-catbar .col-full{padding:0 10px}
.tw-catbar-list{display:flex;flex-wrap:wrap;gap:2px;list-style:none;margin:0;padding:0;align-items:stretch}
.tw-catbar-item{position:relative}
.tw-catbar-item>a{display:block;padding:9px 12px;color:var(--cream);text-decoration:none;font-weight:700;font-size:.82rem;white-space:nowrap}
.tw-catbar-item>a:hover,.tw-catbar-item.has-sub:hover>a{background:var(--yellow);color:var(--ink)}
.tw-caret{font-size:.7em;opacity:.8}
.tw-catbar-sub{
  position:absolute;left:0;top:100%;min-width:210px;background:#2a1c10;
  border:2px solid var(--ink);border-radius:0 0 8px 8px;list-style:none;margin:0;padding:6px 0;
  display:none;z-index:60;box-shadow:4px 4px 0 rgba(0,0,0,.35);max-height:70vh;overflow:auto;
}
.tw-catbar-item.has-sub:hover .tw-catbar-sub,
.tw-catbar-item.has-sub:focus-within .tw-catbar-sub{display:block}
.tw-catbar-sub a{display:block;padding:6px 14px;color:var(--cream-d);text-decoration:none;font-size:.8rem}
.tw-catbar-sub a:hover{background:var(--wood-l);color:#fff}

/* -------- Portada: tarjetas de categorias -------- */
.tw-cards-wrap{max-width:1200px;margin:18px auto;padding:0 12px}
.tw-cards-title{font-family:var(--serif);color:var(--cream);text-align:center;margin:10px 0 16px;font-size:1.5rem}
.tw-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.tw-card{
  display:block;position:relative;background:var(--paper);border:3px solid var(--ink);border-radius:12px;
  overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:4px 4px 0 var(--ink);
  transition:transform .2s ease,box-shadow .2s ease;
  animation:twCardIn .55s cubic-bezier(.2,.7,.3,1) both;
}
.tw-card:hover,.tw-card:focus-visible{transform:translateY(-7px) rotate(-.4deg);box-shadow:7px 12px 0 rgba(0,0,0,.45)}
.tw-card:active{transform:translateY(-2px) scale(.99)}
.tw-card-img{
  display:block;height:130px;background-size:cover;background-position:center;background-color:#e8dbb8;
  transition:transform .45s ease,filter .3s ease;
}
.tw-card:hover .tw-card-img{transform:scale(1.1) rotate(1deg);filter:saturate(1.1)}
/* brillo que barre la tarjeta al pasar el raton */
.tw-card::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
  background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);
  transform:translateX(-130%) skewX(-12deg);transition:transform .65s ease;
}
.tw-card:hover::after,.tw-card:focus-visible::after{transform:translateX(130%) skewX(-12deg)}
/* flecha que aparece */
.tw-card-body{position:relative}
.tw-card-name::after{content:" →";opacity:0;transition:opacity .2s ease,margin .2s ease;margin-left:-6px}
.tw-card:hover .tw-card-name::after{opacity:1;margin-left:2px}
@keyframes twCardIn{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
.tw-cards .tw-card:nth-child(1){animation-delay:.03s}
.tw-cards .tw-card:nth-child(2){animation-delay:.06s}
.tw-cards .tw-card:nth-child(3){animation-delay:.09s}
.tw-cards .tw-card:nth-child(4){animation-delay:.12s}
.tw-cards .tw-card:nth-child(5){animation-delay:.15s}
.tw-cards .tw-card:nth-child(6){animation-delay:.18s}
.tw-cards .tw-card:nth-child(7){animation-delay:.21s}
.tw-cards .tw-card:nth-child(8){animation-delay:.24s}
.tw-cards .tw-card:nth-child(9){animation-delay:.27s}
.tw-cards .tw-card:nth-child(10){animation-delay:.30s}
.tw-cards .tw-card:nth-child(11){animation-delay:.33s}
.tw-cards .tw-card:nth-child(12){animation-delay:.36s}
.tw-cards .tw-card:nth-child(13){animation-delay:.39s}
.tw-cards .tw-card:nth-child(14){animation-delay:.42s}
.tw-cards .tw-card:nth-child(15){animation-delay:.45s}
.tw-card-ph{animation:twFloat 3.5s ease-in-out infinite alternate}
@keyframes twFloat{from{background-position:0 0}to{background-position:24px 18px}}
.tw-card-ph{
  display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:2.6rem;
  color:var(--wood);background:repeating-linear-gradient(45deg,#f0e3c0 0 8px,#e8dbb8 8px 16px);
}
.tw-card-body{display:block;padding:10px 12px}
.tw-card-name{display:block;font-weight:800;font-size:.95rem;line-height:1.15}
.tw-card-count{display:block;margin-top:4px;font-size:.75rem;color:var(--muted)}
/* En la portada no mostramos el catalogo, solo las tarjetas */
.home ul.products,
.home .woocommerce-products-header,
.home .storefront-sorting,
.home .woocommerce-result-count,
.home .woocommerce-ordering{display:none !important}

/* -------- Responsive (movil) -------- */
html,body{overflow-x:hidden;max-width:100%}
@media (max-width:768px){
  .site-header{padding-top:14px;padding-bottom:0}
  .site-header{padding-top:14px;padding-bottom:0}
  .site-header .col-full,
  .storefront-primary-navigation .col-full{padding-left:10px;padding-right:10px}
  /* Logo + buscador en la MISMA linea (logo izq, buscador der) */
  .site-header>.col-full{
    display:flex !important;
    align-items:center !important;
    gap:8px;
    flex-wrap:nowrap;
  }
  .site-header>.col-full::before,
  .site-header>.col-full::after{display:none !important;content:none !important}
  .site-branding{
    float:none !important;width:auto !important;flex:0 0 auto;
    text-align:left;padding:0;margin:0 !important;
    max-width:40%;
  }
  .site-branding .custom-logo-link img,
  .site-branding .custom-logo{max-height:30px !important;max-width:100% !important}
  /* Buscador VISIBLE y compacto en movil */
  .site-search{
    display:block !important;
    flex:1 1 auto;min-width:0;margin:0 !important;
    padding:0 !important;
    width:auto !important;float:none !important;clear:none !important;
  }
  .site-search .widget{margin:0 !important;padding:0 !important}
  .site-branding{margin-bottom:0 !important}
  .site-header{padding-bottom:0 !important;margin-bottom:0 !important}
  .col-full{margin-bottom:0 !important}
  .site-search .search-field{
    width:100%;min-width:0;
    padding:6px 8px !important;font-size:.85rem !important;
  }
  /* Formulario compacto en una sola linea */
  .woocommerce-product-search{display:flex;align-items:stretch;gap:0;width:100%;margin:0 !important;padding:0 !important}
  .woocommerce-product-search .search-field{
    flex:1 1 auto;min-width:0;
    border-radius:6px 0 0 6px !important;
    border-right:0 !important;
    padding:6px 8px !important;
  }
  .woocommerce-product-search button[type="submit"]{
    flex:0 0 auto;
    border-radius:0 6px 6px 0 !important;
    padding:6px 10px !important;
    font-size:.8rem !important;
    border-width:2px 2px 2px 0 !important;
  }
  .site-search .search-field{border:2px solid var(--ink) !important}
  /* Menu siempre visible: una fila con scroll (sin boton ni cajon) */
  .menu-toggle{display:none !important}
  .main-navigation .handheld-navigation{display:none !important}
  .main-navigation .primary-navigation{display:block !important}
  .site-header .main-navigation{float:none !important;width:100% !important;margin:0 !important;clear:both}
  .main-navigation .primary-navigation ul.menu{
    display:flex;flex-wrap:nowrap;gap:6px;
    overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;
    max-height:none;margin:0;padding:6px 0;
  }
  .main-navigation .primary-navigation ul.menu::-webkit-scrollbar{display:none}
  .main-navigation .primary-navigation ul.menu li{flex:0 0 auto;display:block}
  .main-navigation .primary-navigation ul.menu li a{
    display:block;margin:0;font-size:.85rem;padding:8px 11px !important;
    transform:none !important;white-space:nowrap;
  }
  .main-navigation .primary-navigation ul.menu li a:hover{transform:none}
  /* Carrito de la cabecera: propia linea y bien visible */
  .site-header-cart{float:none !important;width:100% !important;clear:both;display:block;margin:6px 0 10px !important;list-style:none;padding-left:0}
  .site-header-cart .cart-contents{display:inline-block;padding:8px 12px}
  /* Barra de categorias: scroll horizontal, sin romper la pagina */
  .tw-catbar{max-width:100vw;overflow:hidden}
  .tw-catbar .col-full{padding:0 6px}
  .tw-catbar-list{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;gap:0}
  .tw-catbar-item{flex:0 0 auto}
  .tw-catbar-item>a{padding:8px 10px;font-size:.78rem}
  .tw-catbar-sub{display:none !important}
  /* Migas en una linea con desplazamiento */
  .tw-migas-wrap{max-width:100vw;overflow-x:auto}
  .tw-migas-wrap .col-full{padding:4px 10px;font-size:.72rem;white-space:nowrap}
  ul.products li.product{margin-bottom:18px}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important}
}

/* =========================================================
   Banner de cookies (CookieYes) con paleta "Tablero"
   ========================================================= */
:root{
  --cky-felt:#1b4a37; --cky-felt-h:#123526; --cky-wood:#5a3720;
  --cky-paper:#fffaf0; --cky-border:#e8dbb8; --cky-ink:#2a1c10;
}
.cky-consent-bar{background:var(--cky-paper) !important;border-color:var(--cky-border) !important;
  border-radius:10px !important;box-shadow:0 6px 24px rgba(42,28,16,.18) !important}
.cky-title{font-family:var(--serif) !important;color:var(--cky-ink) !important}
.cky-notice-des{color:var(--cky-ink) !important}
.cky-notice-des a{color:var(--cky-felt) !important;text-decoration:underline !important}
.cky-btn-accept,.cky-btn-reject{color:#fff !important;background:var(--cky-felt) !important;
  border-color:var(--cky-felt) !important;border-radius:8px !important}
.cky-btn-accept:hover,.cky-btn-reject:hover{background:var(--cky-felt-h) !important;border-color:var(--cky-felt-h) !important}
.cky-btn-customize,.cky-btn-customise{color:var(--cky-felt) !important;background:transparent !important;
  border-color:var(--cky-felt) !important;border-radius:8px !important}
.cky-btn-customize:hover,.cky-btn-customise:hover{background:rgba(27,74,55,.08) !important}
.cky-btn-revisit-wrapper{background:var(--cky-felt) !important}
/* Preferencias / modal */
.cky-preference-center,.cky-modal .cky-preference-center{background:var(--cky-paper) !important;
  color:var(--cky-ink) !important;border-color:var(--cky-border) !important}
.cky-preference-title,.cky-preference-header{color:var(--cky-ink) !important}
.cky-audit-table,.cky-cookie-audit-table{color:var(--cky-ink) !important}
.cky-accordion-header,.cky-accordion.active .cky-accordion-header{background:rgba(27,74,55,.06) !important}
.cky-accordion-btn{color:var(--cky-felt) !important}
.cky-switch input[type=checkbox]:checked+span,.cky-switch input[type=checkbox]:checked~span{background:var(--cky-felt) !important}
/* Enlaces internos del banner que el plugin pinta de azul */
.cky-show-desc-btn,.cky-btn-readmore,.cky-policy,.cky-link{color:var(--cky-felt) !important}
.cky-btn-donotsell,.cky-btn-readmore{color:var(--cky-felt) !important;border-color:var(--cky-felt) !important}
/* Reforzar botonera del aviso */
.cky-notice-btn-wrapper .cky-btn-accept,
.cky-notice-btn-wrapper .cky-btn-reject{background:var(--cky-felt) !important}
.cky-notice-btn-wrapper .cky-btn-accept:hover,
.cky-notice-btn-wrapper .cky-btn-reject:hover{background:var(--cky-felt-h) !important}
/* =========================================================
   Header Desktop: Todo en una linea (logo + botones + buscador)
   Reduce altura cabecera 50% en desktop (>=769px)
   ========================================================= */
/* =========================================================
   Team Word · tema "Tablero" adaptado a Storefront / WooCommerce
   Paleta: fieltro verde + madera + crema + casillas (rojo/amarillo/azul/verde)
   ========================================================= */
:root{
  --felt:#1b4a37; --wood:#5a3720; --wood-l:#8a5a34;
  --cream:#f8f0da; --cream-d:#e8dbb8; --paper:#fffaf0;
  --ink:#2a1c10; --muted:#6b5a44;
  --red:#c8372d; --yellow:#f2b632; --blue:#2f6db5; --green:#2e7d3a;
  --serif:Rockwell,"Roboto Slab",Georgia,Cambria,serif;
  --sans:"Trebuchet MS","Segoe UI",system-ui,sans-serif;
}

body{
  font-family:var(--sans);
  color:var(--cream);
  background-color:var(--felt);
  background-image:radial-gradient(ellipse at 50% 0,rgba(255,255,255,.10),transparent 65%),
    repeating-linear-gradient(45deg,rgba(0,0,0,.06) 0 2px,transparent 2px 4px),
    repeating-linear-gradient(-45deg,rgba(255,255,255,.03) 0 2px,transparent 2px 4px);
}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}

/* -------- Cabecera: madera -------- */
.site-header,
.woocommerce-store-notice{
  background:linear-gradient(180deg,var(--wood-l),var(--wood)) !important;
  background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.08) 0 3px,transparent 3px 9px),
    linear-gradient(180deg,var(--wood-l),var(--wood)) !important;
  border-bottom:6px solid var(--yellow) !important;
  box-shadow:0 6px 0 var(--ink),0 10px 24px rgba(0,0,0,.4) !important;
  color:var(--cream);
}
.site-branding{padding:10px 0 4px}
.site-header .custom-logo-link img,
.site-header .site-logo-link img,
.custom-logo{
  width:auto !important;
  height:auto !important;
  max-width:100%;
  max-height:30px !important;
  border-radius:4px;
  border:0 !important;
  box-shadow:none;
  background:transparent;
}
@media (min-width:769px){
  .site-header .custom-logo-link img,
  .site-header .site-logo-link img,
  .custom-logo{max-height:46px !important}
}
.site-title,
.site-title a,
.site-title a:hover,
.site-description,
.site-header .widget{
  color:var(--cream) !important;
}
.site-title,
.site-title a{font-family:var(--serif);font-weight:700;text-shadow:2px 2px 0 var(--ink);letter-spacing:.5px}
.site-description{font-size:.85rem;font-weight:700}

/* -------- Nav: casillas del tablero -------- */
.main-navigation{
  background:transparent !important;
  border-top:none !important;
  box-shadow:none !important;
}
@media (min-width:769px){
  .main-navigation ul{
    display:flex;
    flex-wrap:nowrap;
    justify-content:center;
    gap:8px;
    padding:10px 0 14px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .main-navigation ul::-webkit-scrollbar{display:none}
}
.main-navigation ul li{
  background:transparent;
  border:none;
  box-shadow:none;
  padding:0;
  float:none;
  position:static;
  flex:0 0 auto;
}
.main-navigation ul li a,
.main-navigation ul li.current-menu-item > a,
.main-navigation ul li a:hover,
.main-navigation ul li:hover > a{
  font-family:var(--serif);
  font-weight:700;
  font-size:.95rem;
  text-decoration:none;
  color:var(--ink) !important;
  background:var(--cream);
  padding:9px 14px !important;
  border-radius:8px;
  border:none !important;
  border-bottom:5px solid var(--red) !important;
  box-shadow:0 3px 0 var(--ink);
  transition:transform .15s;
  display:inline-block;
  white-space:nowrap;
}
.main-navigation ul li:nth-child(4n+2) > a{border-bottom-color:var(--yellow) !important}
.main-navigation ul li:nth-child(4n+3) > a{border-bottom-color:var(--blue) !important}
.main-navigation ul li:nth-child(4n+4) > a{border-bottom-color:var(--green) !important}
.main-navigation ul li a:hover{transform:translateY(-3px) rotate(-1deg)}
.main-navigation ul li.current-menu-item > a{background:var(--yellow)}
.menu-toggle,
.site-header .cart-contents{
  color:var(--cream) !important;
  background:var(--ink);
  border:3px solid var(--cream) !important;
  border-radius:8px;
  box-shadow:0 3px 0 rgba(0,0,0,.5);
}

/* -------- Títulos de página (sobre fieltro) -------- */
h1,h2,h3,h4,h5,h6,
.entry-title,
.woocommerce-products-header__title,
.woocommerce-breadcrumb,
.page-title{
  font-family:var(--serif);
  color:var(--cream);
  text-shadow:2px 2px 0 var(--ink);
}
.woocommerce-breadcrumb{font-size:.85rem;color:var(--cream-d)}
.woocommerce-breadcrumb a{color:var(--yellow)}

.site-content,
.main-container,
.woocommerce .site-content{
  background:transparent !important;
}
.entry-content,
.woocommerce .entry-content,
.woocommerce-Tabs-panel{
  color:var(--cream-d);
}
.entry-summary p{color:var(--cream-d)}

/* -------- Productos: cajas de juego -------- */
ul.products{
  margin-top:10px;
}
ul.products li.product{
  background:var(--paper) !important;
  border:3px solid var(--ink) !important;
  border-radius:8px !important;
  box-shadow:5px 5px 0 var(--ink) !important;
  padding:0 0 16px !important;
  text-align:left;
  transition:transform .15s;
  color:var(--ink);
}
ul.products li.product:hover{
  transform:translateY(-4px) rotate(-1deg);
  border-color:var(--ink) !important;
  box-shadow:7px 7px 0 var(--ink) !important;
}
ul.products li.product a img{
  border-radius:0;
  margin:0 auto 10px;
  border-bottom:3px solid var(--ink);
}
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product h2,
ul.products li.product h3{
  font-family:var(--serif);
  color:var(--ink);
  text-shadow:none;
  font-size:1.05rem;
  padding:12px 14px 4px !important;
}
ul.products li.product .price{
  color:var(--green) !important;
  font-family:var(--serif);
  font-weight:800;
  font-size:1.25rem;
  padding:0 14px !important;
  display:block;
}
ul.products li.product .price del{color:var(--muted);font-size:.9rem;font-weight:600}

/* -------- Modo catalogo: boton Consultar WhatsApp -------- */
.tw-consultar{
  display:inline-block !important;
  margin:12px 14px 0 !important;
  background:#25d366 !important;
  color:#fff !important;
  border:2px solid var(--ink) !important;
  border-radius:8px !important;
  box-shadow:0 3px 0 var(--ink) !important;
  font-family:var(--serif) !important;
  font-weight:800 !important;
  padding:9px 14px !important;
  text-decoration:none !important;
  transition:transform .15s;
}
.tw-consultar:hover{transform:translateY(-3px) rotate(-1deg);background:#1ebe5b !important;color:#fff !important}
.tw-consultar::before{content:"\1F4AC ";}
.tw-catalogo-aviso{
  color:var(--cream-d) !important;
  font-size:.72rem;
  font-weight:700;
  margin:6px 14px 0 !important;
  opacity:.85;
}
ul.products li.product .tw-catalogo-aviso{color:var(--muted) !important;padding:0 14px}
ul.products li.product .button,
ul.products li.product .add_to_cart_button{
  margin:12px 14px 0 !important;
  float:none !important;
}
.onsale,
span.onsale{
  background:var(--yellow) !important;
  color:var(--ink) !important;
  border:2px solid var(--ink);
  border-radius:6px;
  font-family:var(--serif);
  font-weight:800;
  text-shadow:none;
  box-shadow:0 3px 0 var(--ink);
}

/* -------- Botones: fichas duras -------- */
.button,
button[type="submit"],
input[type="submit"],
.added_to_cart,
.wc-block-components-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
a.button{
  font-family:var(--serif);
  font-weight:700;
  color:#fff !important;
  background:var(--green) !important;
  border:3px solid var(--ink) !important;
  border-radius:8px !important;
  padding:9px 18px !important;
  box-shadow:0 3px 0 var(--ink) !important;
  text-shadow:none !important;
  transition:transform .15s;
  text-decoration:none;
}
.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
a.button:hover{
  transform:translateY(-3px);
  filter:brightness(1.06);
}
.woocommerce ul.products li.product .button{background:var(--yellow) !important;color:var(--ink) !important}
.woocommerce ul.products li.product .button:hover{background:var(--yellow) !important}
.alt{background:var(--blue) !important}

/* -------- Fichas de precio / tablas del producto -------- */
.single-product .product .price{color:var(--green);font-family:var(--serif);font-weight:800;font-size:1.5rem;text-shadow:none}
table.variations td,
.woocommerce-product-details__short-description{color:var(--cream-d)}
.woocommerce-product-details__short-description{font-size:.95rem;line-height:1.6}
.summary{color:var(--cream-d)}

/* -------- Búsqueda / widgets -------- */
.widget-area .widget,
.widget{
  background:var(--paper);
  border:3px solid var(--ink);
  border-radius:8px;
  box-shadow:4px 4px 0 var(--ink);
  color:var(--ink);
}
.widget-area .widget-title,
.widget h2,
.widget h3{
  font-family:var(--serif);
  color:var(--ink);
  text-shadow:none;
}
.widget a{color:var(--blue)}
.product_list_widget li{border-bottom:1px dashed var(--cream-d)}

/* -------- Formularios -------- */
input[type="text"],input[type="email"],input[type="tel"],input[type="password"],
input[type="search"],input[type="number"],inputtextarea,textarea,select{
  background:var(--paper);
  border:3px solid var(--ink);
  border-radius:8px;
  color:var(--ink);
}

/* -------- Responsive (movil) -------- */
html,body{overflow-x:hidden;max-width:100%}
@media (max-width:768px){
  .site-header{padding-top:14px;padding-bottom:0}
  .site-header .col-full,
  .storefront-primary-navigation .col-full{padding-left:10px;padding-right:10px}
  /* Logo + buscador en la MISMA linea (logo izq, buscador der) */
  .site-header>.col-full{
    display:flex !important;
    align-items:center !important;
    gap:8px;
    flex-wrap:nowrap;
  }
  .site-header>.col-full::before,
  .site-header>.col-full::after{display:none !important;content:none !important}
  .site-branding{
    float:none !important;width:auto !important;flex:0 0 auto;
    text-align:left;padding:0;margin:0 !important;
    max-width:40%;
  }
  .site-branding .custom-logo-link img,
  .site-branding .custom-logo{max-height:30px !important;max-width:100% !important}
  /* Buscador VISIBLE y compacto en movil */
  .site-search{
    display:block !important;
    flex:1 1 auto;min-width:0;margin:0 !important;
    padding:0 !important;
    width:auto !important;float:none !important;clear:none !important;
  }
  .site-search .widget{margin:0 !important;padding:0 !important}
  .site-branding{margin-bottom:0 !important}
  .site-header{padding-bottom:0 !important;margin-bottom:0 !important}
  .col-full{margin-bottom:0 !important}
  .site-search .search-field{
    width:100%;min-width:0;
    padding:6px 8px !important;font-size:.85rem !important
  }
  /* Formulario compacto en una sola linea */
  .woocommerce-product-search{display:flex;align-items:stretch;gap:0;width:100%;margin:0 !important;padding:0 !important}
  .woocommerce-product-search .search-field{
    flex:1 1 auto;min-width:0;
    border-radius:6px 0 0 6px !important;
    border-right:0 !important;
    padding:6px 8px !important;
  }
  .woocommerce-product-search button[type="submit"]{
    flex:0 0 auto;
    border-radius:0 6px 6px 0 !important;
    padding:6px 10px !important;
    font-size:.8rem !important;
    border-width:2px 2px 2px 0 !important;
  }
  .site-search .search-field{border:2px solid var(--ink) !important}
  /* Menu siempre visible: una fila con scroll (sin boton ni cajon) */
  .menu-toggle{display:none !important}
  .main-navigation .handheld-navigation{display:none !important}
  .main-navigation .primary-navigation{display:block !important}
  .site-header .main-navigation{float:none !important;width:100% !important;margin:0 !important;clear:both}
  .main-navigation .primary-navigation ul.menu{
    display:flex;flex-wrap:nowrap;gap:6px;
    overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;
    max-height:none;margin:0;padding:6px 0;
  }
  .main-navigation .primary-navigation ul.menu::-webkit-scrollbar{display:none}
  .main-navigation .primary-navigation ul.menu li{flex:0 0 auto;display:block}
  .main-navigation .primary-navigation ul.menu li a{
    display:block;margin:0;font-size:.85rem;padding:8px 11px !important;
    transform:none !important;white-space:nowrap;
  }
  .main-navigation .primary-navigation ul.menu li a:hover{transform:none}
  /* Carrito de la cabecera: propia linea y bien visible */
  .site-header-cart{float:none !important;width:100% !important;clear:both;display:block;margin:6px 0 10px !important;list-style:none;padding-left:0}
  .site-header-cart .cart-contents{display:inline-block;padding:8px 12px}
  /* Barra de categorias: scroll horizontal, sin romper la pagina */
  .tw-catbar{max-width:100vw;overflow:hidden}
  .tw-catbar .col-full{padding:0 6px}
  .tw-catbar-list{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;gap:0}
  .tw-catbar-item{flex:0 0 auto}
  .tw-catbar-item>a{padding:8px 10px;font-size:.78rem}
  .tw-catbar-sub{display:none !important}
  /* Migas en una linea con desplazamiento */
  .tw-migas-wrap{max-width:100vw;overflow-x:auto}
  .tw-migas-wrap .col-full{padding:4px 10px;font-size:.72rem;white-space:nowrap}
  ul.products li.product{margin-bottom:18px}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important}
}

/* =========================================================
   Banner de cookies (CookieYes) con paleta "Tablero"
   ========================================================= */
:root{
  --cky-felt:#1b4a37; --cky-felt-h:#123526; --cky-wood:#5a3720;
  --cky-paper:#fffaf0; --cky-border:#e8dbb8; --cky-ink:#2a1c10;
}
.cky-consent-bar{background:var(--cky-paper) !important;border-color:var(--cky-border) !important;
  border-radius:10px !important;box-shadow:0 6px 24px rgba(42,28,16,.18) !important}
.cky-title{font-family:var(--serif) !important;color:var(--cky-ink) !important}
.cky-notice-des{color:var(--cky-ink) !important}
.cky-notice-des a{color:var(--cky-felt) !important;text-decoration:underline !important}
.cky-btn-accept,.cky-btn-reject{color:#fff !important;background:var(--cky-felt) !important;
  border-color:var(--cky-felt) !important;border-radius:8px !important}
.cky-btn-accept:hover,.cky-btn-reject:hover{background:var(--cky-felt-h) !important;border-color:var(--cky-felt-h) !important}
.cky-btn-customize,.cky-btn-customise{color:var(--cky-felt) !important;background:transparent !important;
  border-color:var(--cky-felt) !important;border-radius:8px !important}
.cky-btn-customize:hover,.cky-btn-customise:hover{background:rgba(27,74,55,.08) !important}
.cky-btn-revisit-wrapper{background:var(--cky-felt) !important}
/* Preferencias / modal */
.cky-preference-center,.cky-modal .cky-preference-center{background:var(--cky-paper) !important;
  color:var(--cky-ink) !important;border-color:var(--cky-border) !important}
.cky-preference-title,.cky-preference-header{color:var(--cky-ink) !important}
.cky-audit-table,.cky-cookie-audit-table{color:var(--cky-ink) !important}
.cky-accordion-header,.cky-accordion.active .cky-accordion-header{background:rgba(27,74,55,.06) !important}
.cky-accordion-btn{color:var(--cky-felt) !important}
.cky-switch input[type=checkbox]:checked+span,.cky-switch input[type=checkbox]:checked~span{background:var(--cky-felt) !important}

/* =========================================================
   Header Desktop (>=769px): Todo en una sola línea
   Logo | Buscador | Navegación | Carrito + Cuenta
   Altura reducida 50%
   ========================================================= */
@media (min-width: 769px) {
  /* Contenedor principal: flex en una sola línea */
  .site-header>.col-full {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
    padding: 8px 12px !important;
  }
  .site-header>.col-full::before,
  .site-header>.col-full::after {
    display: none !important;
    content: none !important;
  }
  
  /* Logo: compacto a la izquierda */
  .site-branding {
    float: none !important;
    width: auto !important;
    flex: 0 0 auto !important;
    text-align: left;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 150px !important;
  }
  .site-branding .custom-logo-link img,
  .site-branding .custom-logo {
    max-height: 36px !important;
    max-width: 100% !important;
    height: auto !important;
  }
  
  /* Buscador: compacto a la derecha del logo */
  .site-search {
    display: block !important;
    flex: 0 0 220px !important;
    min-width: 180px !important;
    max-width: 280px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    float: none !important;
    clear: none !important;
  }
  .site-search .widget {
    margin: 0 !important;
    padding: 0 !important;
  }
  .site-search .widget_product_search {
    display: flex;
    gap: 0;
  }
  .site-search .search-field {
    width: 100% !important;
    min-width: 0 !important;
    padding: 6px 12px !important;
    font-size: .85rem !important;
    border-radius: 6px 0 0 6px !important;
    border-right: 0 !important;
    border: 2px solid var(--ink) !important;
  }
  .woocommerce-product-search {
    display: flex !important;
    align-items: stretch;
    gap: 0;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .woocommerce-product-search .search-field {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    border-radius: 6px 0 0 6px !important;
    border-right: 0 !important;
    padding: 6px 12px !important;
  }
  .woocommerce-product-search button[type="submit"] {
    flex: 0 0 auto !important;
    border-radius: 0 6px 6px 0 !important;
    padding: 6px 12px !important;
    font-size: .8rem !important;
    border-width: 2px 2px 2px 0 !important;
    background: var(--green) !important;
    color: #fff !important;
    border: 2px solid var(--ink) !important;
    border-left: 0 !important;
  }
  .woocommerce-product-search button[type="submit"]:hover {
    background: var(--yellow) !important;
    color: var(--ink) !important;
  }
  
  /* Navegación principal: compacta entre logo y carrito/cuenta */
  .main-navigation {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    justify-content: center !important;
    margin: 0 !important;
  }
  .main-navigation .primary-navigation {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
  }
  .main-navigation ul.menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .main-navigation ul.menu::-webkit-scrollbar { display: none; }
  .main-navigation ul.menu li {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .main-navigation ul.menu li a {
    font-family: var(--serif) !important;
    font-weight: 700 !important;
    font-size: .85rem !important;
    text-decoration: none !important;
    color: var(--ink) !important;
    background: var(--cream) !important;
    padding: 6px 12px !important;
    border-radius: 6px !important;
    border: none !important;
    border-bottom: 4px solid var(--red) !important;
    box-shadow: 0 2px 0 var(--ink) !important;
    transition: transform .15s !important;
    display: inline-block !important;
    white-space: nowrap !important;
    transform: none !important;
  }
  .main-navigation ul.menu li a:hover {
    transform: translateY(-2px) rotate(-1deg) !important;
  }
  .main-navigation ul.menu li:nth-child(4n+2) > a { border-bottom-color: var(--yellow) !important; }
  .main-navigation ul.menu li:nth-child(4n+3) > a { border-bottom-color: var(--blue) !important; }
  .main-navigation ul.menu li:nth-child(4n+4) > a { border-bottom-color: var(--green) !important; }
  
  /* Carrito y Mi Cuenta: compactos a la derecha */
  .site-header-cart {
    float: none !important;
    width: auto !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }
  .site-header-cart .cart-contents {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 8px 14px !important;
    font-size: .85rem !important;
    font-family: var(--serif) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    color: var(--cream) !important;
    background: var(--ink) !important;
    border: 3px solid var(--cream) !important;
    border-radius: 8px !important;
    box-shadow: 0 3px 0 rgba(0,0,0,.5) !important;
    white-space: nowrap !important;
  }
  .site-header-cart .cart-contents:hover {
    background: var(--yellow) !important;
    color: var(--ink) !important;
  }
  .site-header-cart .cart-contents .count {
    background: var(--red) !important;
    color: #fff !important;
    border-radius: 10px !important;
    padding: 2px 6px !important;
    font-size: .7rem !important;
    margin-left: 6px !important;
  }
  
  /* Mi cuenta link (si existe en el menu) */
  .main-navigation ul.menu li:last-child a {
    background: var(--blue) !important;
    border-bottom-color: var(--blue) !important;
  }
  
  /* Reducir padding general del header */
  .site-header {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .site-header .col-full,
  .storefront-primary-navigation .col-full {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  
  /* Ocultar boton menu-toggle en desktop */
  .menu-toggle {
    display: none !important;
  }
  
  /* Carrito header: ajustar */
  .site-header .cart-contents {
    padding: 8px 14px !important;
    font-size: .85rem !important;
  }
  
  /* Contenedor principal en una sola línea */
  .site-header>.col-full {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
    padding: 8px 12px !important;
  }
  .site-header>.col-full::before,
  .site-header>.col-full::after {
    display: none !important;
    content: none !important;
  }
  
  /* Logo: compacto a la izquierda */
  .site-branding {
    float: none !important;
    width: auto !important;
    flex: 0 0 auto !important;
    text-align: left;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 150px !important;
  }
  .site-branding .custom-logo-link img,
  .site-branding .custom-logo {
    max-height: 36px !important;
    max-width: 100% !important;
    height: auto !important;
  }
  
  /* Buscador: compacto a la derecha del logo */
  .site-search {
    display: block !important;
    flex: 0 0 220px !important;
    min-width: 180px !important;
    max-width: 280px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    float: none !important;
    clear: none !important;
  }
  .site-search .widget {
    margin: 0 !important;
    padding: 0 !important;
  }
  .site-search .widget_product_search {
    display: flex;
    gap: 0;
  }
  .site-search .search-field {
    width: 100% !important;
    min-width: 0 !important;
    padding: 6px 12px !important;
    font-size: .85rem !important;
    border-radius: 6px 0 0 6px !important;
    border-right: 0 !important;
    border: 2px solid var(--ink) !important;
  }
  .woocommerce-product-search {
    display: flex !important;
    align-items: stretch;
    gap: 0;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .woocommerce-product-search .search-field {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    border-radius: 6px 0 0 6px !important;
    border-right: 0 !important;
    padding: 6px 12px !important;
  }
  .woocommerce-product-search button[type="submit"] {
    flex: 0 0 auto !important;
    border-radius: 0 6px 6px 0 !important;
    padding: 6px 12px !important;
    font-size: .8rem !important;
    border-width: 2px 2px 2px 0 !important;
    background: var(--green) !important;
    color: #fff !important;
    border: 2px solid var(--ink) !important;
    border-left: 0 !important;
  }
  .woocommerce-product-search button[type="submit"]:hover {
    background: var(--yellow) !important;
    color: var(--ink) !important;
  }
  
  /* Navegación principal: compacta entre logo y carrito/cuenta */
  .main-navigation {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    justify-content: center !important;
    margin: 0 !important;
  }
  .main-navigation .primary-navigation {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
  }
  .main-navigation ul.menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .main-navigation ul.menu::-webkit-scrollbar { display: none; }
  .main-navigation ul.menu li {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .main-navigation ul.menu li a {
    font-family: var(--serif) !important;
    font-weight: 700 !important;
    font-size: .85rem !important;
    text-decoration: none !important;
    color: var(--ink) !important;
    background: var(--cream) !important;
    padding: 6px 12px !important;
    border-radius: 6px !important;
    border: none !important;
    border-bottom: 4px solid var(--red) !important;
    box-shadow: 0 2px 0 var(--ink) !important;
    transition: transform .15s !important;
    display: inline-block !important;
    white-space: nowrap !important;
    transform: none !important;
  }
  .main-navigation ul.menu li a:hover {
    transform: translateY(-2px) rotate(-1deg) !important;
  }
  .main-navigation ul.menu li:nth-child(4n+2) > a { border-bottom-color: var(--yellow) !important; }
  .main-navigation ul.menu li:nth-child(4n+3) > a { border-bottom-color: var(--blue) !important; }
  .main-navigation ul.menu li:nth-child(4n+4) > a { border-bottom-color: var(--green) !important; }
  
  /* Carrito y Mi Cuenta: compactos a la derecha */
  .site-header-cart {
    float: none !important;
    width: auto !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }
  .site-header-cart .cart-contents {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 8px 14px !important;
    font-size: .85rem !important;
    font-family: var(--serif) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    color: var(--cream) !important;
    background: var(--ink) !important;
    border: 3px solid var(--cream) !important;
    border-radius: 8px !important;
    box-shadow: 0 3px 0 rgba(0,0,0,.5) !important;
    white-space: nowrap !important;
  }
  .site-header-cart .cart-contents:hover {
    background: var(--yellow) !important;
    color: var(--ink) !important;
  }
  .site-header-cart .cart-contents .count {
    background: var(--red) !important;
    color: #fff !important;
    border-radius: 10px !important;
    padding: 2px 6px !important;
    font-size: .7rem !important;
    margin-left: 6px !important;
  }
  
  /* Reducir padding general del header */
  .site-header {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .site-header .col-full,
  .storefront-primary-navigation .col-full {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  
  /* Ocultar boton menu-toggle en desktop */
  .menu-toggle {
    display: none !important;
  }
  
  /* Carrito header: ajustar */
  .site-header .cart-contents {
    padding: 8px 14px !important;
    font-size: .85rem !important;
  }
  
  /* Contenedor principal en una sola línea - FORZAR AL FINAL */
  .site-header>.col-full {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
    padding: 8px 12px !important;
  }
  .site-header>.col-full::before,
  .site-header>.col-full::after {
    display: none !important;
    content: none !important;
  }
  
  /* Logo: compacto a la izquierda */
  .site-branding {
    float: none !important;
    width: auto !important;
    flex: 0 0 auto !important;
    text-align: left;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 150px !important;
  }
  .site-branding .custom-logo-link img,
  .site-branding .custom-logo {
    max-height: 36px !important;
    max-width: 100% !important;
    height: auto !important;
  }
  
  /* Buscador: compacto a la derecha del logo */
  .site-search {
    display: block !important;
    flex: 0 0 220px !important;
    min-width: 180px !important;
    max-width: 280px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    float: none !important;
    clear: none !important;
  }
  .site-search .widget {
    margin: 0 !important;
    padding: 0 !important;
  }
  .site-search .widget_product_search {
    display: flex;
    gap: 0;
  }
  .site-search .search-field {
    width: 100% !important;
    min-width: 0 !important;
    padding: 6px 12px !important;
    font-size: .85rem !important;
    border-radius: 6px 0 0 6px !important;
    border-right: 0 !important;
    border: 2px solid var(--ink) !important;
  }
  .woocommerce-product-search {
    display: flex !important;
    align-items: stretch;
    gap: 0;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .woocommerce-product-search .search-field {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    border-radius: 6px 0 0 6px !important;
    border-right: 0 !important;
    padding: 6px 12px !important;
  }
  .woocommerce-product-search button[type="submit"] {
    flex: 0 0 auto !important;
    border-radius: 0 6px 6px 0 !important;
    padding: 6px 12px !important;
    font-size: .8rem !important;
    border-width: 2px 2px 2px 0 !important;
    background: var(--green) !important;
    color: #fff !important;
    border: 2px solid var(--ink) !important;
    border-left: 0 !important;
  }
  .woocommerce-product-search button[type="submit"]:hover {
    background: var(--yellow) !important;
    color: var(--ink) !important;
  }
  
  /* Navegación principal: compacta entre logo y carrito/cuenta */
  .main-navigation {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    justify-content: center !important;
    margin: 0 !important;
  }
  .main-navigation .primary-navigation {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
  }
  .main-navigation ul.menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .main-navigation ul.menu::-webkit-scrollbar { display: none; }
  .main-navigation ul.menu li {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .main-navigation ul.menu li a {
    font-family: var(--serif) !important;
    font-weight: 700 !important;
    font-size: .85rem !important;
    text-decoration: none !important;
    color: var(--ink) !important;
    background: var(--cream) !important;
    padding: 6px 12px !important;
    border-radius: 6px !important;
    border: none !important;
    border-bottom: 4px solid var(--red) !important;
    box-shadow: 0 2px 0 var(--ink) !important;
    transition: transform .15s !important;
    display: inline-block !important;
    white-space: nowrap !important;
    transform: none !important;
  }
  .main-navigation ul.menu li a:hover {
    transform: translateY(-2px) rotate(-1deg) !important;
  }
  .main-navigation ul.menu li:nth-child(4n+2) > a { border-bottom-color: var(--yellow) !important; }
  .main-navigation ul.menu li:nth-child(4n+3) > a { border-bottom-color: var(--blue) !important; }
  .main-navigation ul.menu li:nth-child(4n+4) > a { border-bottom-color: var(--green) !important; }
  
  /* Carrito y Mi Cuenta: compactos a la derecha */
  .site-header-cart {
    float: none !important;
    width: auto !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }
  .site-header-cart .cart-contents {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 8px 14px !important;
    font-size: .85rem !important;
    font-family: var(--serif) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    color: var(--cream) !important;
    background: var(--ink) !important;
    border: 3px solid var(--cream) !important;
    border-radius: 8px !important;
    box-shadow: 0 3px 0 rgba(0,0,0,.5) !important;
    white-space: nowrap !important;
  }
  .site-header-cart .cart-contents:hover {
    background: var(--yellow) !important;
    color: var(--ink) !important;
  }
  .site-header-cart .cart-contents .count {
    background: var(--red) !important;
    color: #fff !important;
    border-radius: 10px !important;
    padding: 2px 6px !important;
    font-size: .7rem !important;
    margin-left: 6px !important;
  }
  
  /* Reducir padding general del header */
  .site-header {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .site-header .col-full,
  .storefront-primary-navigation .col-full {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  
  /* Ocultar boton menu-toggle en desktop */
  .menu-toggle {
    display: none !important;
  }
  
  /* Carrito header: ajustar */
  .site-header .cart-contents {
    padding: 8px 14px !important;
    font-size: .85rem !important;
  }
}/* =========================================================
   Footer links - White text for visibility
   ========================================================= */
.site-footer,
.site-footer .site-info,
.site-footer .site-info a {
    color: #ffffff !important;
}
.site-footer a {
    color: #ffffff !important;
}
.site-info {
    color: #ffffff !important;
}
.site-info a {
    color: #ffffff !important;
    font-weight: 700 !important;
}
.site-info a:hover {
    color: var(--yellow) !important;
}
.site-footer a:hover {
    color: var(--yellow) !important;
}
.site-info {
    border-top: 1px dashed rgba(255,255,255,.30) !important;
    color: #ffffff !important;
}