:root{--barto-ink:#171412;--barto-paper:#fffaf0;--barto-cream:#fbf1cf;--barto-sun:#fece43;--barto-green:#1d7552;--barto-green-d:#155c40;--barto-maroon:#922434}

/* ================= Aviso emergente ================= */
.barto-aviso{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px}
.barto-aviso[hidden]{display:none !important}
.barto-aviso__fondo{position:absolute;inset:0;background:rgba(23,20,18,.62)}
.barto-aviso__caja{position:relative;max-width:480px;width:100%;background:var(--barto-paper);border:2px solid var(--barto-ink);border-radius:16px;box-shadow:6px 6px 0 var(--barto-ink);padding:28px 26px}
.barto-aviso__caja h2{margin:12px 0 12px;font-size:1.5rem;line-height:1.15}
.barto-aviso__caja p{margin:0 0 14px;font-size:.98rem;line-height:1.55}
.barto-aviso__caja a{font-weight:700}
.barto-aviso__ok{margin-top:4px;width:100%;padding:13px 20px;font-size:1rem;font-weight:700;color:#fff;background:var(--barto-green);border:2px solid var(--barto-ink);border-radius:10px;box-shadow:3px 3px 0 var(--barto-ink);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}
.barto-aviso__ok:hover{background:var(--barto-green-d)}
.barto-aviso__ok:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--barto-ink)}
@media (max-width:520px){.barto-aviso__caja{padding:22px 20px}.barto-aviso__caja h2{font-size:1.3rem}}

/* ================= Selector de idioma ================= */
.barto-idiomas{display:inline-flex;gap:0;border:2px solid rgba(255,250,240,.55);border-radius:999px;overflow:hidden;background:rgba(255,255,255,.12)}
.barto-idiomas__i{display:inline-block;padding:4px 13px;font-size:.78rem;font-weight:800;letter-spacing:.03em;color:#fffaf0 !important;text-decoration:none !important;line-height:1.5;transition:background-color .12s ease}
.barto-idiomas__i:hover{background:rgba(255,255,255,.22)}
.barto-idiomas__on{background:#fffaf0;color:var(--barto-ink) !important}
.barto-idiomas__on:hover{background:#fffaf0}
/* Tarjetas de categoría: el enlace "Ver" siempre en su propia línea */
.barto-cats > .wp-block-group{display:flex;flex-direction:column}
.barto-cats > .wp-block-group > p{margin-top:10px !important;margin-bottom:0 !important}
.barto-cats > .wp-block-group > p > a{display:block;margin-top:4px;white-space:nowrap}

/* Aviso de categoría sin producto todavía */
.barto-cat-vacia{margin:26px auto 10px;padding:22px 24px;max-width:640px;text-align:center;border:2px dashed var(--barto-ink);border-radius:14px;background:var(--barto-paper)}
.barto-cat-vacia strong{display:block;margin-bottom:6px;font-size:1.05rem}
.barto-cat-vacia p{margin:0}

/* Selector de idioma dentro del aviso emergente */
.barto-aviso__cabecera{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 6px}
.barto-idiomas--largo{border-color:var(--barto-ink);background:transparent;flex-wrap:wrap}
.barto-idiomas--largo .barto-idiomas__i{color:var(--barto-ink) !important;padding:4px 11px;font-size:.74rem}
.barto-idiomas--largo .barto-idiomas__i:hover{background:rgba(23,20,18,.08)}
.barto-idiomas--largo .barto-idiomas__on{background:var(--barto-ink);color:#fffaf0 !important}
.barto-idiomas--largo .barto-idiomas__on:hover{background:var(--barto-ink)}
@media (max-width:480px){
.barto-aviso__cabecera{gap:8px}
.barto-idiomas--largo .barto-idiomas__i{padding:4px 8px;font-size:.7rem}
}
.barto-aviso__vias{list-style:none;margin:0 0 18px;padding:0}
.barto-aviso__vias li{margin:0 0 6px;font-size:.98rem}

.trp-floating-switcher{display:none !important}
.has-accent-2-background-color{position:relative}
.has-accent-2-background-color p{margin-bottom:0}
.trp-shortcode-switcher__wrapper{margin:0}
.trp-shortcode-switcher{background:transparent !important;border:0 !important;box-shadow:none !important;min-width:0 !important;width:auto !important;font-size:.78rem}
.trp-shortcode-switcher>p{display:none}
.trp-shortcode-switcher .trp-language-item{display:inline-flex !important;align-items:center;gap:7px;padding:5px 12px !important;border:2px solid rgba(255,250,240,.55) !important;border-radius:999px;background:rgba(255,255,255,.14) !important;color:#fffaf0 !important;font-weight:700;text-decoration:none;white-space:nowrap;line-height:1.3}
.trp-shortcode-switcher .trp-language-item:hover{background:rgba(255,255,255,.28) !important;border-color:#fffaf0 !important;color:#fffaf0 !important}
.trp-shortcode-switcher img{width:17px;height:auto;display:inline-block;border-radius:2px}
.trp-shortcode-switcher .trp-current-language-item__wrapper,.trp-shortcode-switcher .trp-language-item__wrapper{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important}
.trp-shortcode-switcher .trp-language-switcher-container,.trp-shortcode-switcher ul{background:var(--barto-ink) !important;border:2px solid var(--barto-ink) !important;border-radius:12px;padding:5px !important;min-width:150px !important;box-shadow:4px 4px 0 rgba(0,0,0,.25)}
.trp-shortcode-switcher .trp-language-item__wrapper:not(.trp-current-language-item__wrapper) .trp-language-item{border-color:transparent !important;background:transparent !important;width:100%}
@media (min-width:782px){
.has-accent-2-background-color .trp-shortcode-switcher__wrapper{position:absolute;right:16px;top:50%;transform:translateY(-50%)}
}
@media (max-width:781px){
.has-accent-2-background-color .trp-shortcode-switcher__wrapper{display:flex;justify-content:center;margin-top:6px}
}


/* --- Desplegable del selector: siempre oscuro y legible --- */
.trp-language-switcher .trp-language-item__wrapper:not(.trp-current-language-item__wrapper),
.trp-language-switcher .trp-ls-shortcode-language,
.trp-language-switcher ul,
.trp-language-switcher-container{background:var(--barto-ink) !important;border:2px solid var(--barto-ink) !important;border-radius:12px !important;padding:5px !important;box-shadow:4px 4px 0 rgba(0,0,0,.3) !important;min-width:150px !important;overflow:hidden}
.trp-language-switcher .trp-language-item__wrapper:not(.trp-current-language-item__wrapper) .trp-language-item,
.trp-language-switcher .trp-ls-shortcode-language .trp-language-item,
.trp-language-switcher ul .trp-language-item,
.trp-language-switcher ul a{background:transparent !important;border:0 !important;border-radius:8px !important;color:#fffaf0 !important;width:100%;justify-content:flex-start;padding:8px 12px !important;font-weight:700}
.trp-language-switcher .trp-language-item__wrapper:not(.trp-current-language-item__wrapper) .trp-language-item:hover,
.trp-language-switcher ul a:hover{background:rgba(255,255,255,.18) !important;color:#fffaf0 !important}
.trp-language-switcher .trp-language-item-name{color:inherit !important}

/* --- Rejilla de categorías: centrar la última si queda sola --- */
@media (min-width:782px){ .barto-cats > *:last-child:nth-child(3n+1){grid-column:2} }
@media (max-width:781px){ .barto-cats > *:last-child:nth-child(odd){grid-column:1 / -1;max-width:calc(50% - 7px);margin-inline:auto} }


/* --- Columnas: apilar en móvil (el tema no lo estaba haciendo) --- */
@media (max-width:781px){
.wp-block-columns:not(.is-not-stacked-on-mobile){flex-wrap:wrap !important;gap:22px !important}
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column{flex-basis:100% !important;width:100% !important;max-width:100% !important;min-width:0 !important}
.wp-block-group.has-accent-6-background-color{padding-left:20px !important;padding-right:20px !important}
}
.wp-block-columns > .wp-block-column{min-width:0}

/* ================= Botones sobre la foto de portada ================= */
.wp-block-cover .wp-block-button.is-style-outline .wp-block-button__link,.wp-block-cover .wp-block-button__link.is-style-outline{border:2px solid #fffaf0 !important;background:rgba(23,20,18,.55) !important;color:#fffaf0 !important;box-shadow:3px 3px 0 rgba(0,0,0,.35) !important;font-weight:700}
.wp-block-cover .wp-block-button.is-style-outline .wp-block-button__link:hover{background:#fffaf0 !important;color:var(--barto-ink) !important;border-color:#fffaf0 !important}
.wp-block-cover .wp-block-buttons .wp-block-button__link{padding:12px 22px}

/* ===== Botón de la tarjeta: siempre abajo y del mismo tamaño ===== */
ul.products li.product .wp-block-button,ul.wc-block-product-template li.wc-block-product .wp-block-button,
ul.products li.product .wc-block-components-product-button,ul.wc-block-product-template li.wc-block-product .wc-block-components-product-button{margin-top:auto !important;margin-bottom:0 !important;width:100% !important}
ul.products li.product .wp-block-button__link,ul.wc-block-product-template li.wc-block-product .wp-block-button__link,
ul.products li.product .add_to_cart_button,ul.wc-block-product-template li.wc-block-product .add_to_cart_button,
ul.products li.product a.button,ul.wc-block-product-template li.wc-block-product a.button{display:flex !important;align-items:center;justify-content:center;text-align:center;width:100% !important;max-width:100% !important;min-height:46px;padding:10px 12px !important;font-size:.9rem !important;line-height:1.15;white-space:normal;box-sizing:border-box !important;margin:auto 0 0 !important}
@media (max-width:781px){
ul.products li.product .wp-block-button__link,ul.wc-block-product-template li.wc-block-product .wp-block-button__link,
ul.products li.product .add_to_cart_button,ul.wc-block-product-template li.wc-block-product .add_to_cart_button,
ul.products li.product a.button,ul.wc-block-product-template li.wc-block-product a.button{min-height:42px;padding:9px 8px !important;font-size:.8rem !important}
ul.products li.product .wp-block-post-title,ul.wc-block-product-template li.wc-block-product .wp-block-post-title,
ul.products li.product .woocommerce-loop-product__title,ul.wc-block-product-template li.wc-block-product .woocommerce-loop-product__title{font-size:.92rem !important;line-height:1.25 !important}
ul.products li.product .price,ul.wc-block-product-template li.wc-block-product .price{font-size:1rem !important}
.woocommerce-result-count{margin:0 0 10px !important}
.woocommerce-ordering select{width:100%;max-width:100%}
}

/* ===== Barra superior: aviso de envío + selector de idioma en una línea ===== */
.barto-barra{position:relative;display:flex !important;align-items:center;gap:10px;padding-top:6px !important;padding-bottom:6px !important}
.barto-barra > *{max-width:none !important;margin:0 !important}
.barto-barra > p{margin:0 !important;flex:1 1 auto}
.barto-barra .barto-idiomas{flex:0 0 auto}
@media (min-width:782px){
.barto-barra{justify-content:space-between}
.barto-barra::before{content:"";flex:0 0 96px}
.barto-barra > p{text-align:center !important;padding:0}
.barto-barra .barto-idiomas{position:static !important;transform:none !important}
}
@media (max-width:781px){
.barto-barra > p{text-align:left !important;font-size:.72rem !important;line-height:1.3}
.barto-barra .barto-idiomas__i{padding:3px 10px;font-size:.7rem}
}

/* ===== Menos hueco entre la cabecera y el contenido ===== */
body.wp-singular .wp-site-blocks > .wp-block-group{margin-top:16px !important}
body.wp-singular .wp-site-blocks > .wp-block-group > .wp-block-group:first-child{padding-top:0 !important}
body.wp-singular .wp-site-blocks > .wp-block-group > .wp-block-group:first-child > h1:first-child{margin-top:0 !important}

/* ===== Formulario de contacto ===== */
.barto-form__trampa{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden}
.barto-form__fila{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.barto-form__campo{margin:0 0 16px}
.barto-form__campo label{display:block;font-weight:800;font-size:.92rem;margin:0 0 6px}
.barto-form__opc{font-weight:600;opacity:.65}
.barto-form input[type=text],.barto-form input[type=email],.barto-form select,.barto-form textarea{width:100%;box-sizing:border-box;padding:12px 14px;border:2px solid var(--barto-ink);border-radius:10px;background:var(--barto-paper);font:inherit;font-size:1rem;color:var(--barto-ink)}
.barto-form textarea{resize:vertical;min-height:130px;line-height:1.5}
.barto-form input:focus,.barto-form select:focus,.barto-form textarea:focus{outline:3px solid var(--barto-sun);outline-offset:1px}
.barto-form__rgpd{margin:4px 0 18px;font-size:.9rem;line-height:1.45}
.barto-form__rgpd label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}
.barto-form__rgpd input{margin-top:3px;width:18px;height:18px;flex:0 0 auto;accent-color:var(--barto-green)}
.barto-form__rgpd label > span{flex:1 1 auto;min-width:0}
.barto-form__boton{display:inline-block;padding:13px 26px;border:2px solid var(--barto-ink);border-radius:12px;background:var(--barto-green);color:#fffaf0;font:inherit;font-weight:800;font-size:1rem;cursor:pointer;box-shadow:3px 3px 0 var(--barto-ink)}
.barto-form__boton:hover{background:var(--barto-green-d)}
.barto-form__boton:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--barto-ink)}
.barto-form__aviso{margin:0 0 18px;padding:14px 16px;border:2px solid var(--barto-ink);border-radius:12px;font-weight:700;line-height:1.45}
.barto-form__aviso--ok{background:#e4f3ea}
.barto-form__aviso--error{background:#fbe3e5}
@media (max-width:600px){ .barto-form__fila{grid-template-columns:1fr;gap:0} }

/* ===== Banner de portada ===== */
/* La imagen mide 2172px y pesa 339 KB. Servimos el tamaño que cada pantalla
   necesita: un móvil no tiene por qué bajarse la versión de escritorio. */
.barto-banner{width:auto;aspect-ratio:2172/724;background-image:url(/wp-content/uploads/2026/09/barto-portada-768x256.webp);background-size:cover;background-position:50% 50%;background-repeat:no-repeat;border-bottom:4px solid var(--barto-ink)}
@media (min-width:600px){.barto-banner{background-image:url(/wp-content/uploads/2026/09/barto-portada-1024x341.webp)}}
@media (min-width:1000px){.barto-banner{background-image:url(/wp-content/uploads/2026/09/barto-portada-1536x512.webp)}}
@media (min-width:1600px){.barto-banner{background-image:url(/wp-content/uploads/2026/09/barto-portada-2048x683.webp)}}
/* Pantallas de alta densidad: subimos un escalón para que no se vea borroso. */
@media (max-width:599px) and (min-resolution:2dppx){.barto-banner{background-image:url(/wp-content/uploads/2026/09/barto-portada-1024x341.webp)}}
@media (min-width:600px) and (max-width:999px) and (min-resolution:2dppx){.barto-banner{background-image:url(/wp-content/uploads/2026/09/barto-portada-1536x512.webp)}}
@media (min-width:1000px) and (min-resolution:2dppx){.barto-banner{background-image:url(/wp-content/uploads/2026/09/barto-portada.webp)}}
.barto-hero{border-bottom:2px solid rgba(23,20,18,.12)}
.barto-hero h1{margin:0 0 10px !important;max-width:22ch;margin-inline:auto !important}
.barto-hero p{margin:0 auto 22px !important;max-width:60ch;opacity:.85}
.barto-hero .wp-block-buttons{gap:12px}
.barto-hero .wp-block-button__link{padding:13px 24px;font-weight:800}
.barto-hero .is-style-outline .wp-block-button__link{border:2px solid var(--barto-ink) !important;border-radius:10px;color:var(--barto-ink) !important;background:transparent !important}
.barto-hero .is-style-outline .wp-block-button__link:hover{background:var(--barto-ink) !important;color:var(--barto-paper) !important}
/* En pantallas anchas la tira de 3:1 se haría gigante: le ponemos techo */
@media (min-width:1500px){ .barto-banner{aspect-ratio:auto;height:500px} }
/* En móvil, recortamos hacia el rótulo y el personaje para que no quede una tira minúscula */
@media (max-width:781px){
.barto-banner{aspect-ratio:2.1/1;background-position:57% 50%}
.barto-hero{padding-top:26px !important;padding-bottom:30px !important}
.barto-hero h1{font-size:1.6rem !important;max-width:18ch}
.barto-hero p{font-size:.95rem !important;margin-bottom:18px !important}
.barto-hero .wp-block-buttons{flex-direction:column;align-items:stretch}
.barto-hero .wp-block-button{width:100%}
.barto-hero .wp-block-button__link{display:block;width:100%;text-align:center;box-sizing:border-box}
}
@media (max-width:480px){ .barto-banner{aspect-ratio:1.85/1;background-position:59% 50%} }

/* ===== Bloque "Funcionamiento preventas": el texto iba apretadísimo ===== */
/* Las columnas heredaban un ancho máximo de 760px dentro de una caja de 1200. */
.barto-preventas-info > .wp-block-columns{max-width:none !important;width:100%;gap:46px !important;align-items:flex-start}
.barto-preventas-info > h2{margin-bottom:30px !important}
.barto-preventas-info h3{margin:0 0 12px !important;line-height:1.25}
.barto-preventas-info p{margin:0 0 12px !important;line-height:1.65}
.barto-preventas-info .wp-block-column > *:last-child{margin-bottom:0 !important}
@media (max-width:900px){ .barto-preventas-info > .wp-block-columns{gap:30px !important} }
@media (max-width:781px){
.barto-preventas-info{padding-left:22px !important;padding-right:22px !important}
.barto-preventas-info > .wp-block-columns{gap:26px !important}
.barto-preventas-info > h2{margin-bottom:22px !important}
}

/* ===== Avísame cuando haya disponibilidad ===== */
.barto-aviso-stock{margin:20px 0 24px;padding:18px 20px;border:2px solid var(--barto-ink);border-radius:14px;background:var(--barto-paper);box-shadow:3px 3px 0 rgba(23,20,18,.12)}
.barto-aviso-stock__tit{margin:0 0 8px !important;font-size:1.12rem;line-height:1.25}
.barto-aviso-stock__txt{margin:0 0 14px !important;font-size:.93rem;line-height:1.55;opacity:.85}
.barto-aviso-stock__fila{display:flex;gap:10px;align-items:stretch;margin-bottom:10px}
.barto-aviso-stock__fila input[type=email]{flex:1 1 auto;min-width:0;box-sizing:border-box;padding:12px 14px;border:2px solid var(--barto-ink);border-radius:10px;background:#fff;font:inherit;font-size:1rem}
.barto-aviso-stock__fila .barto-form__boton{flex:0 0 auto;white-space:nowrap}
.barto-aviso-stock .barto-form__rgpd{margin:0;font-size:.85rem}
.barto-aviso-stock .barto-form__aviso{margin-bottom:0}
@media (max-width:520px){
.barto-aviso-stock__fila{flex-direction:column}
.barto-aviso-stock__fila .barto-form__boton{width:100%}
}

/* ===== Agotado: el botón se ve apagado ===== */
ul.products li.product.outofstock .button,ul.products li.product.outofstock .wp-block-button__link,ul.wc-block-product-template li.wc-block-product.outofstock .button,ul.wc-block-product-template li.wc-block-product.outofstock .wp-block-button__link,
li.product.outofstock .button,li.wc-block-product.outofstock .wp-block-button__link{
background:#dcd7cb !important;color:#6d675e !important;border-color:#b3ada0 !important;
box-shadow:none !important;cursor:default}
ul.products li.product.outofstock .button:hover,ul.products li.product.outofstock .wp-block-button__link:hover,ul.wc-block-product-template li.wc-block-product.outofstock .button:hover,ul.wc-block-product-template li.wc-block-product.outofstock .wp-block-button__link:hover{
background:#d0cabc !important;color:#5b564e !important;box-shadow:none !important;transform:none !important}
ul.products li.product.outofstock .button:active,ul.wc-block-product-template li.wc-block-product.outofstock .wp-block-button__link:active{transform:none !important}

/* ================= Menú móvil a pantalla completa ================= */
@media (max-width:781px){
.is-menu-open .wp-block-navigation__container,
.is-menu-open .wp-block-navigation-item,
.is-menu-open .wp-block-navigation__submenu-container{justify-content:flex-start !important;text-align:left !important}
.is-menu-open .wp-block-navigation-item__content{box-sizing:border-box !important;flex:1 1 auto;justify-content:flex-start !important;margin:0 !important}
.is-menu-open .wp-block-navigation__responsive-container-content,
.is-menu-open .wp-block-navigation{width:100% !important;max-width:100% !important}
}
@media (max-width:781px){
.wp-block-navigation__responsive-container.is-menu-open{background:var(--barto-paper) !important;padding:0 !important}
.is-menu-open .wp-block-navigation__responsive-container-content{padding:64px 0 40px !important;width:100%;align-items:stretch !important}
.is-menu-open .wp-block-navigation__container{width:100%;gap:0 !important;align-items:stretch !important}
.is-menu-open .wp-block-navigation-item{width:100%;border-bottom:1px solid rgba(23,20,18,.12);align-items:stretch}
.is-menu-open .wp-block-navigation-item__content{display:flex;align-items:center;width:100%;padding:16px 22px !important;font-size:1.05rem;font-weight:700;text-align:left;border-radius:0 !important}
.is-menu-open .wp-block-navigation-item__content:hover{background:var(--barto-cream)}
.is-menu-open .wp-block-navigation__submenu-icon{margin-left:auto}
.is-menu-open .wp-block-navigation__submenu-container{position:static !important;border:0 !important;box-shadow:none !important;background:var(--barto-cream) !important;border-radius:0 !important;padding:0 !important;width:100% !important;min-width:0 !important;left:auto !important;top:auto !important}
.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item{border-bottom:1px solid rgba(23,20,18,.08)}
.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:13px 22px 13px 56px !important;font-size:.98rem;font-weight:600;background-position:20px center !important;background-size:26px 26px !important;min-height:0}
.is-menu-open .wp-block-navigation__responsive-container-close{top:16px;right:18px;padding:8px}
.is-menu-open .wp-block-navigation__responsive-container-close svg{width:26px;height:26px}
}

/* ================= Cabecera y menú ================= */
.wp-block-site-title{white-space:nowrap}
.wp-block-site-title a{text-decoration:none}
.wp-block-navigation .wp-block-navigation-item__content{font-weight:600}
@media (min-width:782px){.wp-block-navigation__submenu-container{border:2px solid var(--barto-ink) !important;border-radius:12px;overflow:hidden;box-shadow:4px 4px 0 rgba(23,20,18,.18);padding:6px !important;background:var(--barto-paper) !important}}
.wp-block-navigation__submenu-container .wp-block-navigation-item__content{display:flex;align-items:center;min-height:40px;padding:6px 12px 6px 44px !important;border-radius:8px;background-repeat:no-repeat;background-size:26px 26px;background-position:8px center;font-weight:700}
.wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{background-color:var(--barto-cream)}
.wp-block-navigation__submenu-container a[href*="/one-piece/"]{background-image:url(/wp-content/uploads/2026/09/cat-one-piece-v3-150x150.jpg)}
.wp-block-navigation__submenu-container a[href*="/naruto/"]{background-image:url(/wp-content/uploads/2026/09/cat-naruto-v3-150x150.jpg)}
.wp-block-navigation__submenu-container a[href*="/dragon-ball/"]{background-image:url(/wp-content/uploads/2026/09/cat-dragon-ball-150x150.jpg)}
.wp-block-navigation__submenu-container a[href*="/accesorios/"]{background-image:url(/wp-content/uploads/2026/09/cat-accesorios-150x150.jpg)}
.wp-block-navigation__submenu-container a[href*="/riftbound/"]{background-image:url(/wp-content/uploads/2026/09/cat-riftbound-150x150.jpg)}
.wp-block-navigation__submenu-container a[href*="/ofertas/"]{background-image:url(/wp-content/uploads/2026/09/cat-ofertas-150x150.jpg)}
.wp-block-navigation__submenu-container a[href*="/preventas/"]{background-image:url(/wp-content/uploads/2026/09/cat-preventas-150x150.jpg)}

/* ================= Portada: cabecera de imagen ================= */
.wp-block-cover h1,.wp-block-cover h2,.wp-block-cover p{text-shadow:0 2px 12px rgba(0,0,0,.55),0 1px 2px rgba(0,0,0,.5)}
.wp-block-cover .wp-block-buttons .wp-block-button__link{box-shadow:3px 3px 0 var(--barto-ink);border:2px solid var(--barto-ink);font-weight:700}

/* ================= Etiquetas y avisos de preventa ================= */
.barto-badge{display:inline-block;background:var(--barto-sun);color:var(--barto-ink);border:2px solid var(--barto-ink);border-radius:999px;padding:2px 10px;font-size:.72rem;font-weight:800;letter-spacing:.05em;line-height:1.5;text-transform:uppercase}
.barto-badge--loop{position:absolute;top:22px;left:22px;z-index:3;margin:0;box-shadow:2px 2px 0 rgba(23,20,18,.35)}
.barto-preventa{background:var(--barto-cream);border:2px solid var(--barto-ink);border-radius:12px;padding:14px 16px;margin:0 0 18px;font-size:.95rem;line-height:1.55}
.barto-preventa a{font-weight:700}
.barto-badge--agotado{background:var(--barto-maroon);color:#fff}
.barto-agotado{background:#fdeaec}

/* ================= Rejilla de productos ================= */
.woocommerce ul.products,ul.products,ul.wc-block-product-template{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:22px !important;margin:0 0 2em !important;padding:0 !important;list-style:none}
.woocommerce ul.products li.product,ul.products li.product,ul.wc-block-product-template li.wc-block-product{width:auto !important;margin:0 !important;float:none !important;clear:none !important}
ul.products::before,ul.products::after,.woocommerce ul.products::before,.woocommerce ul.products::after{display:none !important}
@media (max-width:1024px){.woocommerce ul.products,ul.products,ul.wc-block-product-template{grid-template-columns:repeat(3,minmax(0,1fr)) !important}}

/* ================= Tarjeta de producto (clásica y de bloques) ================= */
ul.products li.product,ul.wc-block-product-template li.wc-block-product{position:relative;border:2px solid var(--barto-ink);border-radius:14px;padding:14px;background:var(--barto-paper);box-shadow:4px 4px 0 var(--barto-ink);transition:transform .14s ease,box-shadow .14s ease;display:flex;flex-direction:column;text-align:left}
ul.products li.product:hover,ul.wc-block-product-template li.wc-block-product:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--barto-ink)}
ul.products li.product img,ul.wc-block-product-template li.wc-block-product img{width:100% !important;aspect-ratio:1/1;object-fit:cover;border-radius:9px;border:1px solid rgba(23,20,18,.15);margin:0 0 10px !important;height:auto}
ul.products li.product .woocommerce-loop-product__title,ul.wc-block-product-template li.wc-block-product .wp-block-post-title,ul.wc-block-product-template li.wc-block-product .wc-block-components-product-title{font-size:1rem !important;line-height:1.3;font-weight:700;padding:0;margin:0 0 6px !important;text-align:left}
ul.products li.product .woocommerce-loop-product__title a,ul.wc-block-product-template li.wc-block-product .wp-block-post-title a{color:var(--barto-ink);text-decoration:none}
ul.products li.product .woocommerce-loop-product__title a:hover,ul.wc-block-product-template li.wc-block-product .wp-block-post-title a:hover{color:var(--barto-green)}
ul.products li.product .price,ul.wc-block-product-template li.wc-block-product .wc-block-components-product-price{font-weight:800 !important;color:var(--barto-ink);font-size:1.05rem !important;margin:0 0 10px !important;text-align:left}
ul.products li.product .price del,.wc-block-components-product-price del{opacity:.5;font-weight:600}
ul.products li.product .price ins,.wc-block-components-product-price ins{text-decoration:none;color:var(--barto-maroon)}
ul.wc-block-product-template li.wc-block-product .wp-block-woocommerce-product-button{margin-top:auto}
ul.products li.product .button,ul.wc-block-product-template li.wc-block-product .wp-block-button__link,ul.wc-block-product-template li.wc-block-product .wc-block-components-product-button__button{margin-top:auto;width:100%;text-align:center;border-radius:10px;border:2px solid var(--barto-ink);background:var(--barto-green);color:#fff;font-weight:700;box-shadow:3px 3px 0 var(--barto-ink);transition:transform .12s ease,box-shadow .12s ease}
ul.products li.product .button:hover,ul.wc-block-product-template li.wc-block-product .wp-block-button__link:hover{background:var(--barto-green-d);color:#fff;transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--barto-ink)}
ul.products li.product .button:active,ul.wc-block-product-template li.wc-block-product .wp-block-button__link:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--barto-ink)}
.woocommerce span.onsale,ul.wc-block-product-template .wc-block-components-product-sale-badge{background:var(--barto-maroon) !important;color:#fff !important;border:2px solid var(--barto-ink);border-radius:999px;font-weight:800;min-height:0;min-width:0;padding:3px 12px;line-height:1.5;font-size:.78rem}

/* ---- Corrección de cajas: el tema usa content-box y desborda ---- */
ul.products li.product,ul.wc-block-product-template li.wc-block-product,
ul.products li.product *,ul.wc-block-product-template li.wc-block-product *{box-sizing:border-box}
ul.products li.product,ul.wc-block-product-template li.wc-block-product{padding:14px !important;overflow:hidden}
ul.products li.product .button,ul.wc-block-product-template li.wc-block-product .wp-block-button__link,ul.wc-block-product-template li.wc-block-product .wc-block-components-product-button__button{display:block;width:100%;max-width:100%;padding:12px 14px !important;font-size:.95rem;white-space:normal}
ul.products li.product a,ul.products li.product .woocommerce-loop-product__title,
ul.wc-block-product-template li.wc-block-product .wp-block-post-title,ul.wc-block-product-template li.wc-block-product .wp-block-post-title a{color:var(--barto-ink) !important;text-decoration:none}
ul.products li.product a:hover .woocommerce-loop-product__title,ul.wc-block-product-template li.wc-block-product .wp-block-post-title a:hover{color:var(--barto-green) !important}
ul.products li.product .button,ul.wc-block-product-template li.wc-block-product .wp-block-button__link{color:#fff !important}
ul.products li.product .price,ul.wc-block-product-template li.wc-block-product .wc-block-components-product-price{color:var(--barto-ink) !important}

/* ================= Ficha de producto ================= */
body.single-product .wp-block-post-title,.woocommerce div.product .product_title{font-size:clamp(1.5rem,2.4vw,2.3rem) !important;line-height:1.15 !important}
body.single-product .wc-block-components-product-price,.woocommerce div.product .wp-block-woocommerce-product-price{font-weight:800}
.woocommerce div.product .product_title{line-height:1.15}
.woocommerce div.product p.price{font-size:1.6rem;font-weight:800;color:var(--barto-ink)}
.woocommerce div.product .images img{border:2px solid var(--barto-ink);border-radius:14px}
.woocommerce div.product form.cart .button,.woocommerce .checkout-button,.woocommerce a.button.alt,.woocommerce button.button.alt{background:var(--barto-green);color:#fff;border:2px solid var(--barto-ink);border-radius:10px;font-weight:700;box-shadow:3px 3px 0 var(--barto-ink)}
.woocommerce div.product form.cart .button:hover,.woocommerce .checkout-button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{background:var(--barto-green-d);color:#fff}
.woocommerce div.product .woocommerce-tabs ul.tabs li{border-radius:8px 8px 0 0}

/* ================= Mensajes ================= */
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-radius:10px;border:2px solid var(--barto-ink);background:var(--barto-cream)}
.woocommerce-message{border-top-color:var(--barto-ink)}
.wc-block-components-product-name{font-weight:700}

/* ================= Rejilla de categorías (portada) ================= */
.barto-cats{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
.barto-cats figure.wp-block-image{margin:0;overflow:hidden;border-radius:14px}
.barto-cats figure.wp-block-image img{transition:transform .25s ease;display:block;width:100%}
.barto-cats figure.wp-block-image:hover img{transform:scale(1.04)}
.barto-cats p{margin-top:6px;line-height:1.45}

/* ================= Pie ================= */
.barto-pie{border-top:4px solid var(--barto-sun)}
.barto-pie .wp-block-columns{gap:40px !important}
footer.wp-block-template-part ul.wp-block-list{list-style:none;padding-left:0;margin:0}
footer.wp-block-template-part ul.wp-block-list li{margin:0 0 9px;line-height:1.35}
footer.wp-block-template-part a{text-decoration:none;color:var(--barto-paper);opacity:.88;transition:opacity .15s,color .15s}
footer.wp-block-template-part a:hover{opacity:1;color:var(--barto-sun);text-decoration:none}
footer.wp-block-template-part h3{margin:0 0 14px;color:var(--barto-sun)}
footer.wp-block-template-part h3:not(:first-child){margin-top:26px}
.barto-pie p{opacity:.9;line-height:1.55}
.barto-pie .barto-pie-lista li a{display:inline-block;padding:1px 0}
.barto-pie .wp-block-separator{margin:36px 0 20px;opacity:.35}
.barto-pie-pagos{opacity:.75 !important;margin-bottom:6px !important}
@media (max-width:781px){
.barto-pie{padding-top:36px !important}
.barto-pie .wp-block-columns{gap:30px !important}
footer.wp-block-template-part h3:not(:first-child){margin-top:22px}
}

/* ================= Cajas: el tema no usa border-box ================= */
.woocommerce,.woocommerce *,.woocommerce-page .entry-content,.woocommerce-page .entry-content *{box-sizing:border-box}

/* ================= Mi cuenta ================= */
.woocommerce-account .woocommerce{display:grid;grid-template-columns:250px 1fr;gap:32px;align-items:start}
.woocommerce-MyAccount-navigation{margin:0;padding:0}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:14px;border:2px solid var(--barto-ink);border-radius:14px;background:var(--barto-paper);box-shadow:4px 4px 0 var(--barto-ink);display:flex;flex-direction:column;gap:4px}
.woocommerce-MyAccount-navigation li{margin:0}
.woocommerce-MyAccount-navigation li a{display:block;padding:10px 14px;border-radius:9px;font-weight:700;color:var(--barto-ink);text-decoration:none;border:2px solid transparent;transition:background-color .12s ease,border-color .12s ease}
.woocommerce-MyAccount-navigation li a:hover{background:var(--barto-cream)}
.woocommerce-MyAccount-navigation li.is-active a{background:var(--barto-sun);border-color:var(--barto-ink)}
.woocommerce-MyAccount-navigation li--woocommerce-logout a{color:var(--barto-maroon)}
.woocommerce-MyAccount-content{min-width:0;border:2px solid var(--barto-ink);border-radius:14px;background:var(--barto-paper);box-shadow:4px 4px 0 var(--barto-ink);padding:26px 28px}
.woocommerce-MyAccount-content>p:first-child{margin-top:0}
.woocommerce-MyAccount-content h2,.woocommerce-MyAccount-content h3{margin-top:0}
.woocommerce-Address{border:2px solid var(--barto-ink);border-radius:12px;padding:18px;background:#fff;margin-bottom:16px}
.woocommerce-Address-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.woocommerce-Address-title h2,.woocommerce-Address-title h3{margin:0;font-size:1.1rem}
.woocommerce-Addresses{display:grid;grid-template-columns:1fr 1fr;gap:16px}

/* ================= Formularios (acceso, registro, direcciones) ================= */
.woocommerce form.woocommerce-form-login,.woocommerce form.woocommerce-form-register,.woocommerce form.checkout_coupon,.woocommerce form.lost_reset_password{border:2px solid var(--barto-ink);border-radius:14px;background:var(--barto-paper);box-shadow:4px 4px 0 var(--barto-ink);padding:24px}
.woocommerce form .form-row{margin-bottom:16px}
.woocommerce form .form-row label{display:block;font-weight:700;margin-bottom:6px;font-size:.95rem}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.woocommerce-input-wrapper input,.woocommerce .select2-container .select2-selection--single{width:100%;box-sizing:border-box;padding:12px 14px;font-size:1rem;border:2px solid var(--barto-ink);border-radius:10px;background:#fff;color:var(--barto-ink);height:auto}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row select:focus{outline:3px solid var(--barto-sun);outline-offset:1px}
.woocommerce form .form-row .required{color:var(--barto-maroon);text-decoration:none}
.woocommerce .button,.woocommerce button.button,.woocommerce input.button,.woocommerce a.button{background:var(--barto-green);color:#fff;border:2px solid var(--barto-ink);border-radius:10px;font-weight:700;padding:12px 20px;box-shadow:3px 3px 0 var(--barto-ink);transition:transform .12s ease,box-shadow .12s ease}
.woocommerce .button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce a.button:hover{background:var(--barto-green-d);color:#fff;transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--barto-ink)}
.woocommerce .button:active,.woocommerce button.button:active,.woocommerce a.button:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--barto-ink)}

/* ================= Carrito y pedidos ================= */
.woocommerce table.shop_table,.woocommerce-orders-table{border:2px solid var(--barto-ink);border-radius:12px;border-collapse:separate;border-spacing:0;overflow:hidden;width:100%}
.woocommerce table.shop_table th,.woocommerce-orders-table th{background:var(--barto-ink);color:var(--barto-paper);text-align:left;padding:12px 14px;font-weight:700}
.woocommerce table.shop_table td,.woocommerce-orders-table td{padding:12px 14px;border-top:1px solid rgba(23,20,18,.12);background:#fff}
.woocommerce table.shop_table tfoot td,.woocommerce table.shop_table tfoot th{background:var(--barto-cream);font-weight:700}
.woocommerce .cart_totals h2,.woocommerce-checkout h3{font-size:1.3rem}
.woocommerce .cart-collaterals .cart_totals{border:2px solid var(--barto-ink);border-radius:14px;background:var(--barto-paper);box-shadow:4px 4px 0 var(--barto-ink);padding:20px}
.woocommerce ul.order_details{list-style:none;padding:18px;border:2px solid var(--barto-ink);border-radius:12px;background:var(--barto-cream);display:flex;flex-wrap:wrap;gap:18px}
.woocommerce ul.order_details li{border:0;padding:0;margin:0}
.woocommerce-checkout #payment{border:2px solid var(--barto-ink);border-radius:14px;background:var(--barto-paper)}
.woocommerce-checkout #payment ul.payment_methods{border-bottom:2px solid var(--barto-ink);padding:16px}
.woocommerce-checkout #payment div.form-row{padding:16px}

/* ================= Bloques de carrito/pago (checkout de bloques) ================= */
.wp-block-woocommerce-checkout-order-summary-block{border:2px solid var(--barto-ink) !important;border-radius:14px;background:var(--barto-paper)}
.wc-block-components-panel__button{font-weight:700}
.wc-block-components-text-input input,.wc-block-components-select select,.wc-block-components-address-form input{border:2px solid var(--barto-ink) !important;border-radius:10px !important}
.wc-block-components-button,.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button{background:var(--barto-green) !important;color:#fff !important;border:2px solid var(--barto-ink) !important;border-radius:10px !important;font-weight:700 !important;box-shadow:3px 3px 0 var(--barto-ink)}
.wc-block-components-button:hover,.wc-block-cart__submit-button:hover{background:var(--barto-green-d) !important}
.wc-block-components-totals-item__value,.wc-block-components-totals-footer-item{font-weight:800}
.wc-block-cart-items__row td,.wc-block-cart-items th{border-color:rgba(23,20,18,.12) !important}
.wc-block-components-product-metadata,.wc-block-components-order-summary-item{font-size:.95rem}
.wc-block-components-radio-control__option,.wc-block-components-shipping-rates-control__package{border-radius:10px}
.wc-block-components-notice-banner{border-radius:10px !important;border-width:2px !important}

/* ================= Móvil: mi cuenta ================= */
@media (max-width:781px){
.woocommerce-account .woocommerce{grid-template-columns:1fr;gap:20px}
.woocommerce-MyAccount-navigation ul{flex-direction:row;flex-wrap:wrap;gap:8px;padding:10px}
.woocommerce-MyAccount-navigation li a{padding:8px 12px;font-size:.9rem;border:2px solid var(--barto-ink);border-radius:999px;background:#fff}
.woocommerce-MyAccount-content{padding:18px}
.woocommerce-Addresses{grid-template-columns:1fr}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{padding:10px}
}

/* ================= Consulta de pedido ================= */
.barto-consulta-form{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end;margin:0}
.barto-consulta-form p{margin:0}
.barto-campo label{display:block;font-weight:700;font-size:.9rem;margin-bottom:6px}
.barto-consulta-form input{width:100%;box-sizing:border-box;padding:12px 14px;border:2px solid var(--barto-ink);border-radius:10px;background:#fff;font-size:1rem}
.barto-consulta-form .button{white-space:nowrap;display:inline-block;padding:13px 22px;border:2px solid var(--barto-ink);border-radius:10px;background:var(--barto-green);color:#fff;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:3px 3px 0 var(--barto-ink);transition:transform .12s ease,box-shadow .12s ease}
.barto-consulta-form .button:hover{background:var(--barto-green-d);color:#fff;transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--barto-ink)}
.barto-consulta-form .button:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--barto-ink)}
.barto-consulta-error{margin-top:16px;padding:14px 16px;border:2px solid var(--barto-maroon);border-radius:12px;background:#fdeaec;font-size:.95rem}
.barto-resultado{margin-top:20px;padding:20px;border:2px solid var(--barto-ink);border-radius:14px;background:#fff;box-shadow:4px 4px 0 var(--barto-ink)}
.barto-resultado h3{margin:0 0 4px;font-size:1.25rem}
.barto-res-meta{margin:0 0 14px;font-size:.9rem;opacity:.8}
.barto-wave{margin:0 0 14px;font-size:1rem}
.barto-tabla-consulta{width:100%;border-collapse:separate;border-spacing:0;border:2px solid var(--barto-ink);border-radius:12px;overflow:hidden}
.barto-tabla-consulta th{background:var(--barto-ink);color:var(--barto-paper);text-align:left;padding:10px 12px;font-size:.9rem}
.barto-tabla-consulta td{padding:10px 12px;border-top:1px solid rgba(23,20,18,.12);font-size:.95rem}
.barto-res-nota{margin:14px 0 0;font-size:.9rem;line-height:1.5}
@media (max-width:781px){.barto-consulta-form{grid-template-columns:1fr}}

/* ================= Tablas (estado de los lanzamientos) ================= */
.wp-block-table table{border:2px solid var(--barto-ink);border-radius:12px;overflow:hidden;border-collapse:separate;border-spacing:0}
.wp-block-table th{background:var(--barto-ink);color:var(--barto-paper);font-weight:700;text-align:left;padding:10px 12px}
.wp-block-table td{padding:10px 12px;border-top:1px solid rgba(23,20,18,.12)}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background:var(--barto-cream)}
.wp-block-table figcaption{font-size:.85rem;opacity:.75}

/* ================= Cabeceras de archivo ================= */
.woocommerce-products-header__title,.wp-block-query-title{margin-bottom:8px}
.woocommerce-breadcrumb,.woocommerce-breadcrumb a{font-size:.9rem;opacity:.8}

/* ================= Móvil ================= */
@media (max-width:781px){
.barto-cats{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px !important}
.barto-cats p{font-size:.8rem !important}
.woocommerce ul.products,ul.products,ul.wc-block-product-template{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px !important}
ul.products li.product,ul.wc-block-product-template li.wc-block-product{padding:10px;box-shadow:3px 3px 0 var(--barto-ink)}
.barto-badge--loop{top:18px;left:18px;font-size:.65rem;padding:2px 8px}
ul.products li.product .woocommerce-loop-product__title,ul.wc-block-product-template li.wc-block-product .wp-block-post-title{font-size:.9rem !important}
ul.products li.product .price,ul.wc-block-product-template li.wc-block-product .wc-block-components-product-price{font-size:.95rem !important}
}
/* ================= Mi cuenta sin sesión =================
   WooCommerce aplica aquí la rejilla del panel de usuario (250px para el menú
   lateral). Sin sesión no hay menú, así que el formulario de acceso se metía
   entero en esa columna de 250px y salía todo aplastado. */
body.woocommerce-account:not(.logged-in) main .woocommerce{
  display:block !important;
  max-width:940px;
  margin-inline:auto;
}
body.woocommerce-account:not(.logged-in) .u-columns.col2-set{
  display:flex;
  gap:30px;
  width:100%;
  align-items:flex-start;
}
body.woocommerce-account:not(.logged-in) .u-columns.col2-set > .col-1,
body.woocommerce-account:not(.logged-in) .u-columns.col2-set > .col-2{
  float:none !important;
  width:auto !important;
  flex:1 1 0;
  min-width:0;
}
body.woocommerce-account:not(.logged-in) .u-columns.col2-set > div > h2{
  margin:0 0 14px;
  font-size:1.35rem;
}
body.woocommerce-account:not(.logged-in) form.login,
body.woocommerce-account:not(.logged-in) form.register{
  box-sizing:border-box;
}
@media (min-width:782px){
  /* solo en escritorio, para que las dos tarjetas queden igual de altas */
  body.woocommerce-account:not(.logged-in) .u-columns.col2-set > .col-1,
  body.woocommerce-account:not(.logged-in) .u-columns.col2-set > .col-2{
    display:flex; flex-direction:column;
  }
  body.woocommerce-account:not(.logged-in) form.login,
  body.woocommerce-account:not(.logged-in) form.register{
    flex:1 1 auto;
  }
}
body.woocommerce-account:not(.logged-in) form.login input[type=text],
body.woocommerce-account:not(.logged-in) form.login input[type=password],
body.woocommerce-account:not(.logged-in) form.register input[type=text],
body.woocommerce-account:not(.logged-in) form.register input[type=email],
body.woocommerce-account:not(.logged-in) form.register input[type=password]{
  width:100% !important;
  box-sizing:border-box;
}
body.woocommerce-account:not(.logged-in) .woocommerce-password-hint,
body.woocommerce-account:not(.logged-in) .woocommerce-privacy-policy-text p{
  font-size:.86rem;
  line-height:1.5;
}
@media (max-width:781px){
  body.woocommerce-account:not(.logged-in) .u-columns.col2-set{
    flex-direction:column;
    gap:24px;
  }
}

/* ================= Mi cuenta con sesión =================
   WooCommerce carga dos maquetaciones a la vez: la hoja de bloques monta una
   rejilla (250px + 718px) y la clásica pone float y anchos en % encima. Los
   porcentajes se calculaban sobre la columna equivocada y descolocaban todo.
   Quitamos los floats y dejamos que mande la rejilla. */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content{
  float:none !important;
  width:auto !important;
  min-width:0;
}
/* Los ::before y ::after que WooCommerce usa para limpiar flotantes cuentan
   como celdas dentro de una rejilla: ocupaban la primera y desplazaban el
   menú a la columna 2 y el contenido a la fila siguiente. */
.woocommerce-account main .woocommerce::before,
.woocommerce-account main .woocommerce::after{
  display:none !important;
}

/* Menú lateral de la cuenta */
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:10px}
.woocommerce-MyAccount-navigation li{padding:0 !important;margin:0}
.woocommerce-MyAccount-navigation li + li{margin-top:2px}
.woocommerce-MyAccount-navigation li a{
  display:block;
  padding:9px 12px;
  border-radius:9px;
  font-weight:600;
  font-size:.95rem;
  line-height:1.35;
  color:var(--barto-ink) !important;
  text-decoration:none !important;
}
.woocommerce-MyAccount-navigation li a:hover{background:rgba(23,20,18,.07)}
.woocommerce-MyAccount-navigation li.is-active a{
  background:var(--barto-sun);
  text-decoration:none !important;
}
.woocommerce-MyAccount-content > :first-child{margin-top:0}
.woocommerce-MyAccount-content .woocommerce-message,
.woocommerce-MyAccount-content .woocommerce-info{margin-top:0}

@media (max-width:781px){
  .woocommerce-account main .woocommerce{display:block !important}
  .woocommerce-MyAccount-navigation{margin-bottom:22px}
}

/* En pantallas estrechas, Nombre y Apellidos se quedaban a 130px uno al lado
   del otro. Que ocupen la línea entera. */
@media (max-width:600px){
  .woocommerce form .form-row-first,
  .woocommerce form .form-row-last,
  .woocommerce-page form .form-row-first,
  .woocommerce-page form .form-row-last{
    width:100% !important;
    float:none !important;
    margin-right:0 !important;
  }
}

/* En móvil la tabla de lanzamientos y la de envíos son más anchas que la
   pantalla y hacían que la página entera se moviera de lado. Que se desplace
   solo la tabla, dentro de su propio recuadro. */
.wp-block-table{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  max-width:100%;
}
@media (max-width:781px){
  .wp-block-table table{min-width:520px}
  .wp-block-table th,.wp-block-table td{white-space:normal}
}

/* ================= Sorteo en la portada ================= */
.barto-sorteo{
  display:block;
  margin:0 0 6px;
  border-top:4px solid var(--barto-ink);
  border-bottom:4px solid var(--barto-ink);
  background:#0f1116;
}
.barto-sorteo__img{display:block;line-height:0;background:#0f1116}
/* La imagen mide 2048px: si la estiramos más, se ve borrosa. La topamos ahí. */
.barto-sorteo__img img{display:block;width:100%;max-width:2048px;height:auto;margin-inline:auto}
.barto-sorteo__cuerpo{
  max-width:1100px;
  margin:0 auto;
  padding:26px 20px 30px;
  color:#fffaf0;
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}
.barto-sorteo__cuerpo h2{
  margin:0;
  color:var(--barto-sun);
  font-size:clamp(1.35rem,3.2vw,1.9rem);
  line-height:1.15;
  text-wrap:balance;
}
.barto-sorteo__puntos{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.barto-sorteo__puntos li{
  position:relative;padding-left:22px;font-size:.98rem;line-height:1.45;color:#f2ede2;
}
.barto-sorteo__puntos li::before{
  content:"";position:absolute;left:0;top:.5em;
  width:9px;height:9px;border-radius:50%;background:var(--barto-sun);
}
.barto-sorteo__puntos strong{color:#fffaf0}
.barto-sorteo__nota{margin:0;font-size:.93rem;line-height:1.5;color:#c8c2b5;max-width:62ch}
.barto-sorteo__nota strong{color:#fffaf0}
.barto-sorteo__botones{display:flex;flex-wrap:wrap;gap:12px;margin-top:2px}
.barto-sorteo__cta,.barto-sorteo__sec{
  display:inline-block;padding:12px 24px;border-radius:10px;
  font-weight:800;font-size:.95rem;text-decoration:none !important;border:2px solid var(--barto-sun);
}
.barto-sorteo__cta{background:var(--barto-sun);color:var(--barto-ink) !important}
.barto-sorteo__cta:hover{background:#ffd05e}
.barto-sorteo__sec{background:transparent;color:var(--barto-sun) !important}
.barto-sorteo__sec:hover{background:rgba(245,196,63,.14)}
@media (min-width:900px){
  .barto-sorteo__cuerpo{
    grid-template-columns:1.15fr 1fr;
    align-items:center;
    column-gap:44px;
    padding-block:30px 34px;
  }
  .barto-sorteo__cuerpo h2{grid-column:1;grid-row:1}
  .barto-sorteo__puntos{grid-column:2;grid-row:1 / span 2}
  .barto-sorteo__nota{grid-column:1;grid-row:2}
  .barto-sorteo__botones{grid-column:1 / -1;grid-row:3}
}