/* White Cloud · tema v669 · lo que no está en la maqueta: WordPress/WooCommerce con la misma piel */

/* ---------- base: el tema de bloques no debe meter márgenes, fondos ni colores de enlace ---------- */
body{margin:0}
:where(.pagina) a{color:inherit}
:where(.pagina) :is(h1,h2,h3,h4){color:inherit}
:where(.pagina) button{font-family:inherit}
.wp-site-blocks{position:relative;z-index:1}
.wp-site-blocks>header,.wp-site-blocks>footer,.wp-site-blocks>main{display:contents}
.minicesta,.bot,.bot-boton,.toast,#wc-18,#wc-ck{z-index:60}
.minicesta{z-index:70}#wc-18{z-index:99999}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.barra .idiomas a{font:600 .8rem/1 var(--f-cuerpo);letter-spacing:.05em;color:rgba(247,237,248,.7);text-decoration:none;border-radius:999px;padding:7px 9px;display:inline-block}
.barra .idiomas a[aria-pressed="true"]{color:#2b1a02;background:linear-gradient(180deg,#f7d77a,var(--oro) 55%,var(--oro-hondo))}
.busca .lista a img{width:44px;height:44px;object-fit:contain;background:#fff;border-radius:8px}
.busca .lista a span{display:grid;min-width:0}.busca .lista a b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.busca .lista a small{color:var(--tinta-suave);font-size:.78rem}
.busca .lista a em{font-style:normal;font-family:var(--f-titulo);white-space:nowrap}.busca .lista a.agot{opacity:.6}
.busca .lista .ver-todos{display:block;text-align:center;font-weight:600;color:#a21caf;padding:10px}
.busca-m .busca{position:relative}
.tarjeta .anadir,.diapo .anadir{cursor:pointer}
.tarjeta .agotado.borrador,.diapo .agotado.borrador{background:#fde68a;color:#7c2d12}
.tarjeta .precio s,.diapo .precio s{margin-left:6px}
.tarjeta .precio .woocommerce-Price-amount,.diapo .precio .woocommerce-Price-amount{font:inherit}
.tarjeta .precio del,.diapo .precio del{font-family:var(--f-cuerpo);font-size:.85rem;color:var(--tinta-suave)}
.tarjeta .precio ins,.diapo .precio ins{text-decoration:none}
.precio .wc-web-iva,.precio .woocommerce-price-suffix{font:400 .7rem var(--f-cuerpo);color:var(--tinta-suave)!important;align-self:baseline}
.ficha .precio .wc-web-iva{font-size:.8rem;color:var(--nube-suave)!important}
.tarjeta .foto img,.diapo .foto img,.bfoto img,.junto-item img{width:100%;height:100%;object-fit:contain;display:block}
.marcas-fila{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:14px;font-size:.86rem;color:var(--nube-suave)}
.marcas-fila a{color:var(--nube);text-decoration:none;background:rgba(255,255,255,.07);border:1px solid rgba(247,237,248,.2);border-radius:999px;padding:4px 10px}
.marcas-fila a:hover{border-color:var(--oro);color:var(--oro)}
.pills.sub-cats{margin:0 0 14px}
.pills a{font:600 .9rem var(--f-cuerpo);color:var(--nube);background:rgba(255,255,255,.06);border:1.5px solid rgba(247,237,248,.28);border-radius:999px;padding:8px 14px;text-decoration:none}
.pills a[aria-current="page"]{color:#2b1a02;background:linear-gradient(180deg,#f7d77a,var(--oro) 55%,var(--oro-hondo));border-color:transparent}
.pills a.agot{opacity:.55;text-decoration:line-through}.pills a small{font-weight:400;opacity:.85;text-decoration:none}
.paginas{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:22px 0}
.paginas a,.paginas span{min-width:38px;text-align:center;padding:8px 10px;border-radius:10px;border:1px solid rgba(247,237,248,.28);color:var(--nube);text-decoration:none;font-weight:600}
.paginas span[aria-current="page"]{background:var(--oro);color:#2b1a02;border-color:var(--oro)}
.filtros .f-n{margin-left:auto;color:var(--nube-suave);font-size:.86rem}
.nav a[aria-current="page"]{color:#fff}
/* barra de familias: en pantallas anchas se reparte en varias filas (nada recortado); en móvil sigue deslizando con una pista en el borde */
@media (min-width:721px){.nav ul{flex-wrap:wrap;overflow:visible;justify-content:center;gap:0 2px}.nav a{font-size:clamp(.74rem,.55vw + .42rem,.88rem);padding:12px clamp(5px,.7vw,11px)}}
@media (max-width:720px){.nav{position:relative}.nav::after{content:"";position:absolute;right:0;top:0;bottom:0;width:38px;pointer-events:none;background:linear-gradient(90deg,rgba(26,15,48,0),rgba(26,15,48,.85))}}
.hermanos header h2{font-size:1.15rem}
.junto-item img{width:96px;height:96px}
.ficha .precio ins{text-decoration:none}.ficha .precio del{font-family:var(--f-cuerpo);font-size:1rem;color:var(--nube-suave);margin-left:8px}
.ficha .compra .cta{cursor:pointer}
.ficha .desc .wc-aviso-nicotina,.ficha .desc .wc-advertencias,.ficha .desc .wc-aviso-legal{margin-top:12px;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(247,237,248,.16);font-size:.9rem}
.ficha .desc .wc-aviso-nicotina{background:#111827;color:#f9fafb;border-color:#374151}.ficha .desc .wc-aviso-nicotina strong{color:#fbbf24}
.ficha .desc p{margin:0 0 10px;line-height:1.55}
.coa-btn small{display:block;font-weight:400;font-size:.78rem;opacity:.8}
.ficha-foto img{cursor:zoom-in}
.mc-ult div{display:grid;gap:2px}.mc-ult span{color:var(--tinta-suave);font-size:.9rem}
.mc-botones .btn-sec{display:block;text-align:center;font:600 .95rem var(--f-cuerpo);color:var(--tinta);background:#fff;border:1.5px solid var(--linea);border-radius:999px;padding:11px 16px;text-decoration:none}
.mc-botones .seguir{font:600 .9rem var(--f-cuerpo);color:#a21caf;background:none;border:0;padding:8px;cursor:pointer}
dialog.lupa{border:0;background:rgba(11,5,24,.96);padding:0;max-width:100vw;max-height:100vh;width:100vw;height:100vh;display:grid;place-items:center}
dialog.lupa img{max-width:96vw;max-height:92vh;object-fit:contain;background:#fff;border-radius:14px}
dialog.lupa button{position:absolute;top:14px;right:18px;border:0;background:none;color:#fff;font-size:2rem;cursor:pointer}
dialog.lupa::backdrop{background:rgba(0,0,0,.6)}
.b.pensando{opacity:.6;font-style:italic}
.bot form input:disabled{opacity:.5}

/* ---------- puerta +18 y aviso de cookies del mu-plugin, con la piel de la maqueta ---------- */
html.wc-18-pronto body #wc-18{display:flex}
html body #wc-18{background:rgba(11,5,24,.94);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-family:var(--f-cuerpo);align-items:flex-start;padding-top:max(24px,10vh)}
html body #wc-18 .wc-18-caja{background:var(--papel);color:var(--tinta);border:0;border-radius:22px;box-shadow:0 30px 80px rgba(224,38,154,.28);padding:26px 22px}
html body #wc-18 img{width:120px;height:120px;object-fit:contain;border-radius:0;margin-bottom:6px}
html body #wc-18 h2{font-family:var(--f-titulo);color:var(--tinta);font-size:1.6rem;margin:.1em 0 .4em}
html body #wc-18 p{color:var(--tinta-suave);font-size:.96rem}
html body #wc-18 .si{background:linear-gradient(180deg,#f7d77a,var(--oro) 55%,var(--oro-hondo));color:#2b1a02;border-radius:999px}
html body #wc-18 .no{background:#efe9f2;color:var(--tinta);border-radius:999px}
html body #wc-18 small{color:var(--tinta-suave)}
html body #wc-ck{background:var(--papel);color:var(--tinta);border-radius:16px;box-shadow:0 20px 50px rgba(11,5,24,.5);font-family:var(--f-cuerpo);left:auto;max-width:520px}
html body #wc-ck a{color:#a21caf}html body #wc-ck button{background:var(--oro);color:#2b1a02;border-radius:999px}

/* ---------- páginas de contenido (legales) y páginas de WooCommerce dentro de la tarjeta blanca ---------- */
.legal-art .texto-v p,.legal-art .texto-v li{color:var(--tinta)}
.legal-art .texto-v h2{color:#4a1a7a}
.legal-art .texto-v a{color:#a21caf}
.woo-pagina .legal-art{max-width:none}
.woo-pagina .legal-art h1{font-size:1.5rem}
/* bloques de cesta / pago / cuenta de WooCommerce: colores de la casa */
.wc-block-components-button,.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button,.woocommerce-button,.woocommerce-Button,.woocommerce-MyAccount-content .button{background:linear-gradient(180deg,#f7d77a,var(--oro) 55%,var(--oro-hondo))!important;color:#2b1a02!important;border:0!important;border-radius:999px!important;font:600 1rem var(--f-cuerpo)!important;padding:12px 18px!important;box-shadow:none!important}
.wc-block-components-button:hover{filter:brightness(1.05)}
.wc-block-components-totals-item,.wc-block-components-product-name,.wc-block-cart-item__wrap,.wc-block-components-checkout-step__heading,.wc-block-components-checkout-step__description,.wc-block-components-text-input label,.wc-block-components-order-summary__content{color:var(--tinta)}
.wc-block-components-product-metadata,.wc-block-components-product-details{color:var(--tinta-suave)}
.wc-block-components-product-metadata__description{display:none}
.wc-block-components-checkout-step__title,.wc-block-cart__totals-title{font-family:var(--f-titulo);color:var(--tinta)}
.wc-block-components-text-input input,.wc-block-components-country-input select,.wc-block-components-state-input select,.wc-block-components-select select,.wc-block-components-textarea textarea{border-radius:10px;border-color:var(--linea);color:var(--tinta)}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked{background:var(--violeta);border-color:var(--violeta)}
.wc-block-components-notice-banner{border-radius:12px}
.wc-block-components-sidebar-layout .wc-block-components-sidebar{padding-left:0}
.wc-block-components-product-price{font-family:var(--f-titulo)}
.wc-block-cart__empty-cart__title,.wc-block-cart-empty-block{color:var(--tinta)}
.wc-block-components-radio-control__option{color:var(--tinta)}
.woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-wrap:wrap;gap:8px}
.woocommerce-MyAccount-navigation a{display:inline-block;padding:8px 14px;border-radius:999px;background:#f3eef7;color:#4a1a7a;text-decoration:none;font-weight:600}
.woocommerce-MyAccount-navigation .is-active a{background:var(--oro);color:#2b1a02}
.woocommerce-form-login,.woocommerce-form-register,.woocommerce-EditAccountForm{display:grid;gap:10px;max-width:520px}
.woocommerce-form-login input[type="text"],.woocommerce-form-login input[type="password"],.woocommerce-form-register input,.woocommerce-EditAccountForm input,.woocommerce-address-fields input,.woocommerce-address-fields select{width:100%;padding:10px 12px;border:1px solid var(--linea);border-radius:10px;font:inherit}
.woocommerce-form-row label,.woocommerce-form-login label{font-weight:600;color:var(--tinta);display:block}
.woocommerce-orders-table{border-collapse:collapse;width:100%;font-size:.92rem}.woocommerce-orders-table td,.woocommerce-orders-table th{border-bottom:1px solid var(--linea);padding:8px;text-align:left}
.woocommerce-notices-wrapper .woocommerce-message,.woocommerce-notices-wrapper .woocommerce-error,.woocommerce-notices-wrapper .woocommerce-info,.woocommerce-error,.woocommerce-message,.woocommerce-info{background:var(--papel);color:var(--tinta);border-left:5px solid var(--oro);border-radius:12px;padding:12px 16px;margin:12px 0;list-style:none}
.woocommerce-error{border-left-color:#e23a63}
.woocommerce-privacy-policy-text,.woocommerce-terms-and-conditions-wrapper{font-size:.88rem;color:var(--tinta-suave)}

/* ---------- reseñas de WooCommerce ---------- */
.resenas #reviews{background:var(--papel);color:var(--tinta);border-radius:20px;padding:clamp(16px,3vw,28px)}
.resenas .commentlist{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:14px}
.resenas .comment_container{display:grid;grid-template-columns:48px 1fr;gap:12px}
.resenas .comment_container img{border-radius:50%}
.resenas .comment-text{border:1px solid var(--linea);border-radius:14px;padding:10px 14px}
.resenas .star-rating{display:inline-block;color:var(--oro);letter-spacing:2px;font-size:.9rem}
.resenas .meta{color:var(--tinta-suave);font-size:.86rem}
.resenas .description p{margin:6px 0 0}
.resenas .woocommerce-verification-required,.resenas .woocommerce-noreviews{color:var(--tinta-suave)}
.resenas #respond{border-top:1px solid var(--linea);padding-top:16px}
.resenas #respond .comment-reply-title{font-family:var(--f-titulo);font-size:1.2rem;display:block;margin-bottom:8px}
.resenas #respond textarea,.resenas #respond input[type="text"],.resenas #respond input[type="email"]{width:100%;padding:10px 12px;border:1px solid var(--linea);border-radius:10px;font:inherit}
.resenas #respond .comment-form-rating .stars a{color:var(--oro)}
.resenas #respond .submit{background:linear-gradient(180deg,#f7d77a,var(--oro) 55%,var(--oro-hondo));color:#2b1a02;border:0;border-radius:999px;padding:10px 18px;font:600 1rem var(--f-cuerpo);cursor:pointer}
.resenas .comment-form-rating select{display:none}

/* ---------- rendimiento: imágenes del cielo y nubes ---------- */
.cielo img,.fondo img,.banner .nubes img{content-visibility:auto}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* ---------- buscador móvil ---------- */
.busca-m .busca svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* ---------- reseñas: fuera el título de WooCommerce, estrellas del selector ---------- */
.resenas .woocommerce-Reviews-title{display:none}
.resenas p.stars{display:inline-block;margin:0 0 8px}
.resenas p.stars a{display:inline-block;width:22px;height:22px;text-indent:-9999px;position:relative;color:var(--oro)}
.resenas p.stars a::before{content:"\2606";text-indent:0;position:absolute;left:0;top:0;font-size:22px;line-height:22px}
.resenas p.stars:hover a::before,.resenas p.stars.selected a.active::before,.resenas p.stars.selected a:not(.active)::before{content:"\2605"}
.resenas p.stars a:hover~a::before,.resenas p.stars.selected a.active~a::before{content:"\2606"}
.ficha .advertencias{margin-top:8px}
.ficha .advertencias p{margin:8px 0 0;font-size:.9rem;color:var(--nube-suave)}
/* ---------- v695 (F131): listados por secciones · filtros · marcas ---------- */
.sub-baldosas{margin:4px 0 18px}
.sub-baldosas .baldosa .btxt{font-size:.88rem}
@media (min-width:900px){.sub-baldosas{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}
.lx-filtros{gap:8px 14px}
.lx-filtros select{max-width:210px}
.lx-filtros .lx-disp input{max-width:none;width:18px;height:18px;accent-color:var(--oro)}
.lx-filtros .lx-aplicar{font:600 .86rem var(--f-cuerpo);color:#2b1a02;background:var(--oro);border:0;border-radius:8px;padding:6px 12px;cursor:pointer}
.lx-filtros .lx-quitar{color:var(--oro);text-decoration:none;font-weight:600;font-size:.86rem}
.lx-filtros .lx-quitar:hover{text-decoration:underline}
.lx-grupo{margin:0 0 26px}
.lx-grupo>header{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid rgba(247,237,248,.14)}
.lx-grupo>header h2{font-size:clamp(1.15rem,2.4vw,1.45rem)}
.lx-grupo>header h2 a{color:var(--nube);text-decoration:none}
.lx-grupo>header h2 a:hover{color:var(--oro)}
.lx-grupo>header span{color:var(--nube-suave);font-size:.88rem}
.lx-grupo>header .lx-ver{margin-left:auto;color:var(--oro);font-weight:600;text-decoration:none;font-size:.92rem;white-space:nowrap}
.lx-grupo>header .lx-ver:hover{text-decoration:underline}
.lx-fila{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,44%);gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:2px 2px 12px;scrollbar-width:thin;scrollbar-color:rgba(240,196,81,.6) transparent}
.lx-fila>*{scroll-snap-align:start}
@media (min-width:640px){.lx-fila{grid-auto-columns:calc((100% - 3*14px)/4)}}
@media (min-width:1100px){.lx-fila{grid-auto-columns:calc((100% - 4*14px)/5)}}
.lx-mas{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-decoration:none;color:var(--nube);border:1.5px dashed rgba(240,196,81,.55);border-radius:16px;background:rgba(11,5,24,.35);min-height:220px;padding:12px;text-align:center}
.lx-mas b{font:600 1.8rem/1 var(--f-titulo);color:var(--oro)}
.lx-mas span{font-weight:600;font-size:.92rem}
.lx-mas:hover{border-style:solid;background:rgba(240,196,81,.08)}
.lx-seguidos{text-align:center;margin:6px 0 10px}
.cta-sec{display:inline-block;color:var(--nube);text-decoration:none;font-weight:600;padding:10px 20px;border-radius:999px;border:1.5px solid rgba(247,237,248,.35);background:rgba(11,5,24,.4)}
.cta-sec:hover{border-color:var(--oro);color:var(--oro)}
.lx-cab-marca{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:14px 0 2px;padding:8px 2px 6px;border-bottom:1px solid rgba(240,196,81,.35)}
.lx-cab-marca:first-child{margin-top:0}
.lx-cab-marca b{font:600 1.2rem/1.1 var(--f-titulo);letter-spacing:.02em}
.lx-cab-marca span{color:var(--nube-suave);font-size:.86rem}
.lx-cab-marca a{margin-left:auto;color:var(--oro);font-weight:600;font-size:.86rem;text-decoration:none}
.lx-cab-marca a:hover{text-decoration:underline}
.lx-marcas{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 12px;font-size:.86rem;color:var(--nube-suave)}
.lx-marcas a{color:var(--nube);text-decoration:none;background:rgba(255,255,255,.07);border:1px solid rgba(247,237,248,.2);border-radius:999px;padding:5px 11px;font-weight:600}
.lx-marcas a small{font-weight:400;opacity:.7;margin-left:2px}
.lx-marcas a:hover{border-color:var(--oro);color:var(--oro)}
.lx-mas-marcas{font-style:italic}
/* marcas de la portada: a banda · b fuera · c destacadas */
.lx-banda,.lx-destacadas{margin-top:22px}
.lx-banda>header,.lx-destacadas>header{display:flex;align-items:baseline;gap:12px;margin-bottom:10px}
.lx-banda>header h2,.lx-destacadas>header h2{font-size:clamp(1.1rem,2.2vw,1.35rem)}
.lx-todas-marcas{margin-left:auto;color:var(--oro);font-weight:600;text-decoration:none;white-space:nowrap}
.lx-todas-marcas:hover{text-decoration:underline}
.lx-banda-c{position:relative;display:flex;align-items:center;gap:6px}
.lx-banda-v{flex:1;min-width:0;display:flex;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab;border-radius:14px;background:rgba(11,5,24,.45);border:1px solid rgba(247,237,248,.14);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.lx-banda-v::-webkit-scrollbar{display:none}
.lx-banda-v.arrastra{cursor:grabbing}.lx-banda-v.arrastra a{pointer-events:none}
.lx-banda-p{display:flex;flex:none;gap:10px;padding:12px 5px}
.lx-banda-f{flex:none;width:38px;height:38px;border-radius:50%;border:1px solid rgba(247,237,248,.28);background:rgba(11,5,24,.6);color:var(--nube);font:600 1.4rem/1 var(--f-titulo);cursor:pointer}
.lx-banda-f:hover{border-color:var(--oro);color:var(--oro)}
@media (hover:none){.lx-banda-f{display:none}}
.lx-banda-p a{flex:none;font:600 1rem/1 var(--f-titulo);letter-spacing:.04em;text-transform:uppercase;color:var(--nube);text-decoration:none;padding:10px 16px;border-radius:10px;border:1px solid rgba(247,237,248,.18);background:rgba(255,255,255,.05);white-space:nowrap}
.lx-banda-p a:hover{border-color:var(--oro);color:var(--oro)}
@media (prefers-reduced-motion:reduce){.lx-banda-p[aria-hidden]{display:none}}
/* selector de nicotina dentro de la tarjeta (un sabor, varias mg) */
.lx-var{display:flex;flex-wrap:wrap;gap:5px}
.lx-v{font:600 .76rem/1 var(--f-cuerpo);color:var(--tinta);background:#fff;border:1.5px solid var(--linea);border-radius:999px;padding:5px 8px;cursor:pointer}
.lx-v[aria-pressed="true"]{background:var(--tinta);color:#fff;border-color:var(--tinta)}
.lx-v.agot{opacity:.55;text-decoration:line-through}.lx-v.agot[aria-pressed="true"]{text-decoration:none}
.lx-v:hover{border-color:var(--oro)}
/* v695.2: colores del mismo modelo (círculo con la foto de cada color) */
.lx-colores{gap:6px}
.lx-sw{width:34px;height:34px;padding:2px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.lx-sw img,.lx-sw-sin{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.lx-sw-sin{background:var(--linea)}
.lx-sw[aria-pressed="true"]{background:#fff;border-color:var(--oro);box-shadow:0 0 0 2px var(--oro)}
.lx-sw.agot{opacity:.45;text-decoration:none}
.lx-sw.agot::after{content:"";position:absolute;left:3px;right:3px;top:50%;border-top:2px solid var(--tinta);transform:rotate(-45deg)}
.lx-mas{cursor:default;background:transparent}
.lx-sw:focus-visible,.lx-v:focus-visible{outline:3px solid var(--oro);outline-offset:2px}
.pills-colores a,.pills-colores .actual{display:inline-flex;align-items:center;gap:6px}
.pills-colores img{width:28px;height:28px;border-radius:50%;object-fit:cover}
@media (pointer:coarse){.lx-sw{width:40px;height:40px}}
@media (pointer:coarse){.lx-v{padding:8px 10px;font-size:.8rem}}
.lx-v-fija,span.lx-v[aria-current]{background:var(--tinta);color:#fff;border-color:var(--tinta);cursor:default}
.ficha-nic{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 12px}
.ficha-nic>span:first-child{font-weight:600;margin-right:4px;color:var(--nube-suave)}
.ficha-nic .lx-v{font-size:.9rem;padding:7px 12px;text-decoration:none}
.ficha-nic a.lx-v:hover{border-color:var(--oro);background:#fff7e0}
.ficha-nic a.lx-v.agot{text-decoration:line-through}
.lx-seo{margin:26px 0 6px;padding:16px 18px;border-radius:14px;background:rgba(11,5,24,.45);border:1px solid rgba(247,237,248,.12);color:var(--nube-suave);font-size:.94rem;line-height:1.6}
.lx-seo h2,.lx-seo h3{color:var(--nube);font-size:1.1rem;margin:12px 0 6px}
.lx-marcas-b{margin:16px 0 0;text-align:right}
.lx-dest-r{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.lx-marca{display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:74px;padding:12px 14px;border-radius:14px;text-decoration:none;color:var(--nube);background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.02));border:1px solid rgba(247,237,248,.16);transition:transform .18s,border-color .18s}
.lx-marca b{font:600 1.02rem/1.1 var(--f-titulo);letter-spacing:.04em;text-transform:uppercase}
.lx-marca small{color:var(--nube-suave);font-size:.78rem}
.lx-marca:hover{transform:translateY(-2px);border-color:var(--oro)}
.lx-marca:hover b{color:var(--oro)}
.lx-dir-busca{flex-wrap:wrap}
.lx-dir-busca input{max-width:260px;width:100%}
.lx-letras{display:flex;flex-wrap:wrap;gap:4px;margin-left:auto}
.lx-letras a{min-width:28px;text-align:center;padding:4px 6px;border-radius:8px;color:var(--nube);text-decoration:none;font-weight:600;border:1px solid rgba(247,237,248,.16)}
.lx-letras a:hover{border-color:var(--oro);color:var(--oro)}
.lx-letra{margin:0 0 18px;scroll-margin-top:90px}
.lx-letra h2{font-size:1.4rem;color:var(--oro);margin:0 0 8px}
.lx-dir .lx-marca[hidden],.lx-letra[hidden]{display:none}
@media (max-width:639px){
.sub-baldosas{grid-auto-flow:column;grid-auto-columns:122px;grid-template-columns:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-bottom:8px}
.sub-baldosas .baldosa{scroll-snap-align:start}
.sub-baldosas .baldosa .btxt{font-size:.8rem}
.lx-marcas{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:6px;scrollbar-width:thin}
.lx-marcas a,.lx-marcas>span{flex:none;white-space:nowrap}
.lx-filtros label{flex:1 1 44%}
.lx-filtros select{max-width:none;width:100%}
.lx-filtros .f-n{flex-basis:100%;text-align:right}
}
/* arreglos de accesibilidad del tema (axe): idioma activo por aria-current y el «IVA incluido» legible en las tarjetas de la ficha */
.barra .idiomas a[aria-current="true"]{color:#2b1a02;background:linear-gradient(180deg,#f7d77a,var(--oro) 55%,var(--oro-hondo))}
.ficha .tarjeta .precio .wc-web-iva{font-size:.7rem;color:var(--tinta-suave)!important}
.pills a.agot{opacity:1;color:rgba(247,237,248,.72)}.pills a.agot small{opacity:1}
/* v695.1: reservas (disponible para reserva) · guía y enlaces cruzados · tabla de nicotina de longfills y mini-longfills (F132) */
.lx-pedido{display:block;font:600 .74rem/1.3 var(--f-cuerpo);color:#8a5a00}
/* v731w (F138, Josep 24/09): el display:block de arriba le ganaba al atributo hidden y la línea «Disponible para reserva» salía en TODAS
   las tarjetas con selector, aunque el sabor elegido estuviera en tienda. Solo se ve cuando el sabor elegido es de reserva. */
.lx-pedido[hidden]{display:none}
/* v733w: el buscador también mira las descripciones; ese bloque va aparte, bajo los resultados */
.lx-desc{margin-top:30px}.lx-desc>header h2{font-size:clamp(1.05rem,2.2vw,1.3rem)}
.lx-v.pedido{border-style:dashed}
.ficha .stock .ped{color:#f0c451;font-weight:700}
.mz-ir{margin:2px 0 0}.mz-ir a{display:inline-flex;align-items:center;gap:6px;color:var(--oro);font-weight:700;text-decoration:none;padding:7px 14px;border-radius:999px;border:1px solid rgba(240,196,81,.5);background:rgba(240,196,81,.08)}
.mz-ir a:hover,.mz-ir a:focus-visible{background:rgba(240,196,81,.18)}
.mz{margin:clamp(22px,4vw,36px) 0;padding:clamp(16px,3vw,28px);border-radius:22px;background:linear-gradient(160deg,rgba(26,15,48,.9),rgba(11,5,24,.94));border:1px solid rgba(240,196,81,.38);box-shadow:0 18px 50px rgba(0,0,0,.35);color:var(--nube);scroll-margin-top:90px}
.mz-cab h2{margin:0 0 6px;font-family:var(--f-titulo);font-weight:600;font-size:clamp(1.25rem,2.6vw,1.7rem);letter-spacing:.02em;color:var(--oro)}
.mz-intro{margin:0 0 12px;max-width:72ch;line-height:1.55;color:var(--nube)}
.mz-pasos{list-style:none;counter-reset:mz;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:0 0 16px;padding:0}
.mz-pasos li{counter-increment:mz;position:relative;padding:10px 12px 10px 46px;border-radius:14px;background:rgba(255,255,255,.05);line-height:1.45;font-size:.92rem}
.mz-pasos li::before{content:counter(mz);position:absolute;left:12px;top:10px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:700 .85rem/1 var(--f-titulo);color:#2b1a02;background:linear-gradient(180deg,#f7d77a,var(--oro))}
.mz-ops{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 18px;margin:0 0 10px}
.mz-ops label{display:inline-flex;align-items:center;gap:8px;font-size:.92rem}
.mz select{font:inherit;padding:7px 10px;border-radius:10px;border:1px solid rgba(247,237,248,.35);background:#fff;color:#1b1027}
.mz-seg{border:0;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.mz-seg legend{float:left;margin:0 6px 0 0;padding:0;font-size:.92rem}
.mz-seg label{position:relative;cursor:pointer}
.mz-seg input{position:absolute;opacity:0;width:1px;height:1px}
.mz-seg span{display:inline-block;padding:8px 16px;border-radius:999px;border:1px solid rgba(247,237,248,.35);font-weight:600;font-size:.92rem;transition:background .15s ease}
.mz-seg input:checked+span{background:linear-gradient(180deg,#f7d77a,var(--oro));color:#2b1a02;border-color:transparent}
.mz-seg input:focus-visible+span{outline:2px solid var(--oro);outline-offset:3px}
.mz-nota{margin:4px 0 10px;font-size:.85rem;color:var(--nube-suave)}
.mz-scroll{overflow-x:auto}
.mz-t{width:100%;border-collapse:separate;border-spacing:0 6px;font-size:.95rem}
.mz-t th{text-align:left;font:600 .78rem/1.2 var(--f-cuerpo);letter-spacing:.06em;text-transform:uppercase;color:var(--nube-suave);padding:4px 12px}
.mz-t td{padding:10px 12px;background:rgba(255,255,255,.05);vertical-align:middle}
.mz-t th:first-child{width:42%}.mz-t td:first-child{border-radius:14px 0 0 14px}.mz-t td:last-child{border-radius:0 14px 14px 0;text-align:right}
.mz-t tbody tr:hover td{background:rgba(240,196,81,.09)}
.mz-chs{display:inline-flex;flex-wrap:wrap;gap:5px;vertical-align:middle}
.mz-ch{display:inline-flex;align-items:center;justify-content:center;min-width:2.1em;height:2.1em;padding:0 .55em;border-radius:999px;font:700 .82rem/1 var(--f-cuerpo);white-space:nowrap}
.mz-ch-0{border:1.5px dashed rgba(247,237,248,.6);color:var(--nube)}
.mz-ch-10,.mz-ch-nk{background:#fff3cf;color:#2b1a02}
.mz-ch-15{background:var(--oro);color:#2b1a02}
.mz-ch-20{background:#b3127a;color:#fff}
.mz-ch-r{background:linear-gradient(135deg,#6a2fd0,#9a3dc9);color:#fff;letter-spacing:.03em}
.mz-det{display:block;margin-top:5px;font-size:.78rem;line-height:1.35;color:var(--nube-suave)}
.mz-nic b{font:600 1.02rem/1.2 var(--f-titulo);color:#fff}.mz-nic small{margin-left:6px;color:var(--nube-suave)}
.mz-bar{display:block;width:min(160px,100%);height:6px;margin-top:6px;border-radius:3px;background:rgba(247,237,248,.14);overflow:hidden}
.mz-bar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--oro),var(--magenta))}
.mz-pre b{font:600 1.15rem/1 var(--f-titulo);color:#fff;white-space:nowrap}
.mz-add{font:600 .95rem/1 var(--f-titulo);letter-spacing:.02em;color:#2b1a02;padding:10px 18px;border:0;border-radius:999px;cursor:pointer;white-space:nowrap;background:linear-gradient(180deg,#f7d77a 0%,var(--oro) 45%,var(--oro-hondo) 100%);box-shadow:0 6px 18px rgba(240,196,81,.25);transition:transform .15s ease}
.mz-add:hover{transform:translateY(-1px)}.mz-add:focus-visible{outline:2px solid #fff;outline-offset:2px}
.mz-add[disabled]{cursor:not-allowed;background:rgba(247,237,248,.16);color:var(--nube);box-shadow:none;transform:none}
.mz-add[aria-busy="true"]{opacity:.6}
.mz-orient{margin:16px 0 0;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(240,196,81,.28)}
.mz-orient summary{cursor:pointer;font-weight:700;color:var(--oro)}
.mz-orient p{margin:8px 0;font-size:.88rem;color:var(--nube-suave)}
.mz-t-o td:last-child{text-align:left}
.mz-aviso{margin:14px 0 0;font-size:.8rem;color:var(--nube-suave)}
@media (max-width:640px){
  .mz-t thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
  .mz-t:not(.mz-t-o) tr{display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:8px 12px;margin:0 0 8px;padding:12px;border-radius:14px;background:rgba(255,255,255,.05)}
  .mz-t:not(.mz-t-o) td{display:block;padding:0;background:none!important;border-radius:0!important;text-align:left}
  .mz-t:not(.mz-t-o) .mz-que{grid-column:1/-1}
  .mz-t:not(.mz-t-o) .mz-add{padding:10px 14px}
  .mz-t:not(.mz-t-o) .mz-pre::before{content:attr(data-l);display:block;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--nube-suave);margin-bottom:3px}
  .mz-t:not(.mz-t-o) .mz-nic{grid-column:1;grid-row:2}.mz-t:not(.mz-t-o) .mz-vgc{grid-column:1;grid-row:3}
  .mz-t:not(.mz-t-o) .mz-pre{grid-column:2;grid-row:2/span 2;align-self:center}.mz-t:not(.mz-t-o) .mz-acc{grid-column:3;grid-row:2/span 2;align-self:center}
  .mz-t:not(.mz-t-o) .mz-vgc::before{content:attr(data-l);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--nube-suave);margin-right:6px}
}
/* v718 · VG/PG del líquido final */
.mz-vg{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font:600 .88rem/1 var(--f-titulo);white-space:nowrap}
.mz-vg-ok{background:rgba(92,214,146,.16);color:#bff3d6;border:1px solid rgba(92,214,146,.45)}
.mz-vg-alto{background:rgba(240,196,81,.16);color:#ffe7a3;border:1px solid rgba(240,196,81,.55)}
.mz-vg-bajo,.mz-vg-nd{background:rgba(247,237,248,.08);color:var(--nube);border:1px solid rgba(247,237,248,.3)}
.mz-vg-t{display:block;margin-top:4px;font-size:.74rem;line-height:1.3;color:var(--nube-suave);max-width:22ch}
.mz-t tr.mz-fuera td{opacity:.55}
.mz-vg-nota{margin-top:10px}
.mz-vg-aviso{margin-top:8px;color:#ffe7a3}
.lx-guia{margin:0 0 12px;padding:10px 14px;border-radius:12px;background:rgba(11,5,24,.45);border:1px solid rgba(240,196,81,.3)}
.lx-guia summary{cursor:pointer;font-weight:700;color:var(--oro)}
.lx-guia ol{margin:6px 0 6px 1.2em;padding:0;line-height:1.55}
.lx-guia p{margin:6px 0}
.lx-cruce{display:inline-block;margin:0 8px 10px 0}
.lx-cruce a{display:inline-block;color:var(--oro);font-weight:600;text-decoration:none;padding:6px 12px;border-radius:999px;border:1px solid rgba(240,196,81,.45);background:rgba(240,196,81,.08)}
.lx-cruce a:hover{background:rgba(240,196,81,.18)}

/* v708 (F134): barra «te faltan X € para el envío gratis» (minicesta, cesta, pago) */
.gratis-barra{margin:12px 0 4px;padding:10px 12px;border-radius:12px;background:rgba(162,28,175,.08);border:1px solid rgba(162,28,175,.25)}
.gratis-barra p{margin:0 0 6px;font-weight:600;font-size:.95rem;line-height:1.3}
.gratis-barra .gb-barra{height:8px;border-radius:99px;background:rgba(0,0,0,.12);overflow:hidden}
.gratis-barra .gb-barra i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#a21caf,#d9a521);transition:width .35s ease}
.gratis-barra[data-ok="1"]{background:rgba(47,158,68,.10);border-color:rgba(47,158,68,.35)}
.gratis-barra[data-ok="1"] .gb-barra i{background:#2f9e44}
.minicesta .gratis-barra{margin:10px 16px 14px}
/* v722 (F136): IEV que incluye el precio (ficha, minicesta, cesta y pago) */
.ficha .precio-iev{margin:4px 0 0;font:400 .84rem/1.4 var(--f-cuerpo);color:var(--nube-suave)}
.iev-linea{margin:6px 0 0;font:400 .84rem/1.4 var(--f-cuerpo)}
.minicesta .mc-iev{margin:-4px 16px 8px;color:var(--tinta-suave)}
.wc-block-components-order-meta .iev-bloques{margin:2px 0 12px;padding:0}
.wp-block-woocommerce-checkout .wc-block-components-order-meta .iev-bloques{padding:0 16px}
@media (prefers-reduced-motion:reduce){.gratis-barra .gb-barra i{transition:none}}

/* v709 (F134): «Avísame cuando vuelva» */
.avisame{flex:1 1 100%;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:rgba(162,28,175,.07);border:1px solid rgba(162,28,175,.25)}
.avisame .av-t{margin:0;font-weight:700}
.avisame .av-fila{display:flex;flex-direction:column;gap:4px}
.avisame .av-lbl{font-size:.9rem;font-weight:600}
.avisame input[type=email]{font:inherit;padding:10px 12px;border-radius:10px;border:1px solid rgba(0,0,0,.25);background:#fff;color:#1a1a1a;min-height:44px}
.avisame .av-ok{display:flex;gap:8px;align-items:flex-start;font-size:.88rem;line-height:1.35}
.avisame .av-ok input{margin-top:3px;width:18px;height:18px;flex:none}
.avisame .av-trampa{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.avisame .av-msg{margin:0;font-weight:600;min-height:1.2em}
.avisame[data-ok="1"] .av-msg{color:#2f9e44}
.avisame[data-ok="0"] .av-msg{color:#c92a2a}
.av-wa{display:inline-block;margin:6px 0 2px;font-size:.9rem;text-decoration:underline}
/* v725w (F137): «En stock» con el punto que late y «Recíbelo mañana» (solo cuando se cumple: inc/plazo.php). Diseño base; lo pule Fable 5.1 */
.ficha .plazo{margin:0}
.stock .ok .latido{display:inline-block;width:.6em;height:.6em;border-radius:50%;background:#3ee089;margin:0 .5em 0 .1em;vertical-align:.04em;animation:wc-latido 1.6s ease-out infinite}
@keyframes wc-latido{0%{box-shadow:0 0 0 0 rgba(62,224,137,.7);opacity:1}55%{box-shadow:0 0 0 .6em rgba(62,224,137,0);opacity:.45}100%{box-shadow:0 0 0 0 rgba(62,224,137,0);opacity:1}}
.plazo-manana{display:flex;gap:12px;align-items:center;margin:10px 0 2px;padding:11px 16px;border:1.5px solid transparent;border-radius:16px;color:var(--nube);font:400 .92rem/1.4 var(--f-cuerpo);background:linear-gradient(135deg,rgba(26,15,48,.96),rgba(21,10,42,.96)) padding-box,linear-gradient(110deg,var(--magenta),var(--violeta) 48%,var(--oro)) border-box;box-shadow:0 10px 28px rgba(224,38,154,.16);animation:wc-plazo-brillo 2.8s ease-in-out infinite}
.plazo-manana[hidden]{display:none}
.plazo-manana .pm-ico{font-size:1.45rem;line-height:1;filter:drop-shadow(0 2px 6px rgba(240,196,81,.35))}
.plazo-manana .pm-txt{display:block;min-width:0}
.plazo-manana .pm-dia{display:block;font:600 1.02rem/1.25 var(--f-titulo);letter-spacing:.01em;color:#fff}
.plazo-manana .pm-cond{color:var(--nube-suave)}
.plazo-manana .pm-cuenta{color:var(--oro);font-weight:700;font-variant-numeric:tabular-nums}
.plazo-manana small{display:block;margin-top:2px;font-size:.78rem;color:var(--nube-suave)}
@keyframes wc-plazo-brillo{0%,100%{box-shadow:0 10px 28px rgba(224,38,154,.14)}50%{box-shadow:0 10px 34px rgba(240,196,81,.3)}}
@media (prefers-reduced-motion:reduce){.stock .ok .latido,.plazo-manana{animation:none}}
/* v726w (F137): el «+3» de los colores de la tarjeta heredaba la casilla «ver más» del listado (.lx-mas, 220 px de alto): ahora un círculo como las muestras.
   Y el selector de colores / opciones de la ficha de un aparato (antes «Nicotina 0 mg» repetido) */
.lx-var .lx-mas{min-height:0;width:34px;height:34px;padding:0;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:0;border:1.5px dashed var(--linea);border-radius:50%;background:transparent;color:var(--tinta-suave);font:600 .72rem/1 var(--f-cuerpo);cursor:default}
@media (pointer:coarse){.lx-var .lx-mas{width:40px;height:40px}}
.ficha-var{display:grid;gap:8px;margin:6px 0 14px}
.ficha-var .fv-t{color:var(--nube-suave);font-weight:600;font-size:.92rem}
.ficha-var .fv-t b{color:var(--nube);font-weight:700}
.ficha-var .fv-lista{display:flex;flex-wrap:wrap;gap:8px}
.ficha-var .fv-sw{width:48px;height:48px;padding:2px;background:#fff;border:1.5px solid rgba(247,237,248,.35);transition:transform .15s ease,border-color .15s ease}
.ficha-var a.fv-sw:hover{border-color:var(--oro);transform:translateY(-2px)}
.ficha-var .fv-sw[aria-current="true"]{border-color:var(--oro);box-shadow:0 0 0 2px var(--oro)}
.ficha-var .lx-v:not(.lx-sw){font-size:.9rem;padding:7px 12px;text-decoration:none}
.ficha-var a.lx-v:not(.lx-sw):hover{border-color:var(--oro);background:#fff7e0}
.ficha-var .lx-v[aria-current="true"]:not(.lx-sw){background:var(--oro);border-color:var(--oro);color:#2b1a02}
.ficha-var a.lx-v.agot:not(.lx-sw){text-decoration:line-through}
@media (pointer:coarse){.ficha-var .fv-sw{width:52px;height:52px}}
@media (prefers-reduced-motion:reduce){.ficha-var .fv-sw{transition:none}}
/* v751w (F143, D21): tarjetas de línea (un sabor por píldora) y los sabores de la línea en la ficha */
.lx-var [hidden]{display:none!important}
.lx-var button.lx-mas{cursor:pointer;background:#fff}
.lx-linea .lx-mas-m{display:none}
@media (max-width:599px){.lx-linea:not(.lx-abierta) .lx-pc,.lx-linea .lx-mas-pc{display:none!important}.lx-linea .lx-mas-m{display:inline-flex}}
.lx-var button.lx-mas:hover{border-color:var(--oro);border-style:solid;color:var(--tinta)}
.lx-linea{align-content:flex-start;align-items:flex-start}   /* la fila de la rejilla estira la tarjeta: las píldoras no crecen con ella */
.lx-linea .lx-sabor{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lx-elegir{align-self:end;display:inline-block;font:600 .88rem var(--f-cuerpo);color:var(--tinta);background:#fff;border:1.5px solid var(--oro);border-radius:999px;padding:8px 12px;text-align:center}
.tarjeta:hover .lx-elegir{background:#fff7e0}
.ficha-linea{margin:10px 0 4px}
.ficha-linea summary{cursor:pointer;font-weight:600;font-size:.92rem;color:var(--nube-suave);margin-bottom:8px}
.ficha-linea summary b{color:var(--nube);font-weight:700}
.ficha-linea .lx-v[aria-current="true"]{background:var(--oro);border-color:var(--oro);color:#2b1a02}
.ficha-linea .fv-lista{display:flex;flex-wrap:wrap;gap:6px}
.ficha-linea .lx-v{font-size:.86rem;padding:6px 11px;text-decoration:none}
.ficha-info .ficha-linea a.lx-v{color:var(--tinta)}   /* «.ficha-info details a» los pone en oro */
.ficha-linea a.lx-v:hover{border-color:var(--oro);background:#fff7e0}
.ficha-linea a.lx-v.agot{text-decoration:line-through}
/* v753w (F143, D21): las líneas de una marca (una fila por hoja) y el enlace «Ver toda la línea» de la ficha */
.lx-lineas{display:grid;gap:8px;margin:0 0 16px;padding:12px 14px;border:1px solid rgba(247,237,248,.16);border-radius:16px;background:rgba(11,5,24,.45)}
.lx-lineas-fila{display:grid;grid-template-columns:160px 1fr;gap:10px;align-items:start}
.lx-lineas-t{font:600 .8rem/1.2 var(--f-cuerpo);color:var(--nube-suave);text-transform:uppercase;letter-spacing:.05em;padding-top:8px}
.lx-lineas .pills{gap:6px}
.lx-lineas .pills a small{font-weight:400;opacity:.7;margin-left:3px}
@media (max-width:640px){.lx-lineas-fila{grid-template-columns:1fr;gap:4px}.lx-lineas-t{padding-top:0}.lx-lineas .pills{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.lx-lineas .pills a{flex:none}}
.ficha-linea-ver{display:inline-block;margin:2px 0 12px;color:var(--oro);font-weight:600;font-size:.92rem;text-decoration:none}
.ficha-linea-ver:hover{text-decoration:underline}
.lx-linea-marca{color:var(--oro);text-decoration:none;font-weight:600}.lx-linea-marca:hover{text-decoration:underline}
/* v753w.2: la línea va en un desplegable de los filtros; en el móvil, las categorías hermanas en una fila que se desliza */
.lx-filtros select[name="linea"]{max-width:300px}
@media (max-width:640px){.lx-filtros label.lx-f-linea{flex-basis:100%}.pills.sub-cats{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.pills.sub-cats a{flex:none}}
/* v755w: en el móvil, los filtros plegados tras «Filtrar y ordenar» (el número de filtros puestos al lado); en el ordenador no cambia nada */
.lx-filtros .lxf-b{display:none}   /* (.filtros label lo ponía inline-flex) */
@media (max-width:640px){
 .lx-filtros .lxf-b{display:inline-flex;align-items:center;gap:8px;font:600 .95rem var(--f-cuerpo);color:var(--nube);cursor:pointer;padding:4px 2px}
 .lx-filtros .lxf-b::after{content:'▾';color:var(--oro);transition:transform .15s}
 .lx-filtros .lxf-t:checked ~ .lxf-b::after{transform:rotate(180deg)}
 .lx-filtros .lxf-b b{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:10px;background:var(--oro);color:#2b1a02;font-size:.75rem}
 .lx-filtros .lxf-t:not(:checked) ~ label:not(.lxf-b):not(.lx-f-linea){display:none}   /* la línea sigue a la vista: es para moverse, no solo para filtrar */
 .lx-filtros .f-n{flex-basis:auto;margin-left:auto}
}
/* v789w (F145) · revisión visual de la web */
/* W20: en el carrusel la etiqueta de estado (gerencia) iba a lo ancho y el sello «Nuevo» la tapaba: arriba a la derecha, como en las tarjetas */
.diapo .agotado{position:absolute;top:22px;right:22px;font:600 .7rem/1 var(--f-cuerpo);padding:5px 8px;border-radius:999px;background:#eee;color:#666;z-index:1}
/* W19: «Tu correo» de Mis datos con borde, como los demás campos */
.mis-datos input[type="email"]{padding:10px 12px;border:1px solid var(--linea);border-radius:10px;font:inherit;background:#fff;color:var(--tinta);min-height:44px;box-sizing:border-box}
/* W14: el lema de Iguana y Green es ahora el h1 del portal: igual que el <p> de antes */
.marca h1.claim{font-weight:inherit;line-height:inherit}
/* W16: Iguana y Green · el decorado espera al «load» (functions.php pone html.wc-deco-luego y lo quita al cargar): las imágenes llevan loading="lazy"
   y, ocultas, no se piden; la corona de hojas y la hoja del logo (fondos CSS) tampoco. Sin JavaScript no hay clase: todo como antes */
html.wc-deco-luego .fondo .pieza,html.wc-deco-luego .banner .nubes img,html.wc-deco-luego .ig-logo .humo{display:none}
html.wc-deco-luego .corona .h>i,html.wc-deco-luego .hoja-vape{background-image:none}
/* v835w: la franja «Próximamente» de WooCommerce (solo la ve la gerencia; fixed abajo, z-index 100) tapaba el botón del asistente y su X no funciona
   en los listados (el tema quita el guion «woocommerce»): mientras esté, el botón y el panel suben por encima */
body:has(#coming-soon-footer-banner:not([style*="none"])) .bot-boton{bottom:calc(128px + env(safe-area-inset-bottom,0px))}
body:has(#coming-soon-footer-banner:not([style*="none"])) .bot{bottom:calc(184px + env(safe-area-inset-bottom,0px));max-height:min(60vh,520px)}
/* v860w: «Empezar de nuevo» (borra la conversación de la pestaña) en la línea de WhatsApp del panel, con aspecto de enlace */
.bot .humano .bot-nueva{border:0;background:none;padding:0;font:inherit;color:var(--tinta);text-decoration:underline;cursor:pointer}
/* ---------- v872w (F148): una sola web → su logo y su nombre al principio de la barra, sin la pestaña suelta ---------- */
.barra .logo-barra{display:inline-flex;align-items:center;gap:10px;flex:none;color:var(--nube);text-decoration:none;font:600 .95rem/1.1 var(--f-titulo);letter-spacing:.01em;padding:2px 6px 2px 0;border-radius:999px}
.barra .logo-barra img{height:38px;width:auto;flex:none}
.barra .logo-barra span{white-space:nowrap}
.barra .logo-barra small{display:block;font:400 .7rem/1.2 var(--f-cuerpo);letter-spacing:0;opacity:.7}
.barra .logo-barra:hover span{color:var(--oro)}
.barra .logo-barra:focus-visible{outline:2px solid var(--oro);outline-offset:3px}
@media (max-width:1100px){.barra .logo-barra small{display:none}}
@media (max-width:900px){.barra.con-logo .logo-barra span{display:none}}
@media (max-width:720px){.barra .logo-barra img{height:34px}}
@media (max-width:480px){.barra.con-logo .iconos a>span:not(.cesta-n){display:none}.barra.con-logo .iconos a{padding:8px}}
/* ---------- v875w (F149): el pie no se sale a lo ancho en tableta y el logo, la cuenta y la cesta conservan su nombre accesible ---------- */
/* Pie: las 5 tarjetas de «Legal» (tarjeta, guardar, @whitecloud_vlc, grupo de WhatsApp, cómo llegar) van en 3 columnas; entre 521 y 1000 px la columna es
   estrecha y el texto sin espacios (@whitecloud_vlc) empujaba la página hacia la derecha (700–900 px). Ahí, 2 columnas y el texto parte si hace falta.
   Por encima de 1000 px y en móvil (≤ 520 px, 1 columna) queda igual. v875w.1 (REV-875W): el tope va en em (62.5em = 1000 px con la letra normal
   del navegador) para que con la letra «Grande» o «Muy grande» del navegador las 2 columnas lleguen hasta 1250 / 1500 px y tampoco se salga. */
@media (min-width:521px) and (max-width:62.5em){.pie .tres-marcas{grid-template-columns:repeat(2,minmax(0,1fr))}.pie .tres-marcas li{min-width:0}.pie .tres-marcas a{overflow-wrap:anywhere}}
/* Barra (v872w): el nombre del logo (≤ 900 px) y «Mi cuenta» / «Cesta» (≤ 480 px) se ocultan a la vista pero no a los lectores de pantalla */
@media (max-width:900px){.barra.con-logo .logo-barra span{display:block;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}}
@media (max-width:480px){.barra.con-logo .iconos a>span:not(.cesta-n){display:block;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}}
/* v886w (F149): tipos de nicotina (el que no tiene stock en la tienda, apagado con su texto), desplegable del nicokit y franja «Bajo pedido» */
.mz [hidden]{display:none!important}
.mz-seg span small{display:block;font-size:.72rem;font-weight:500;line-height:1.2;margin-top:2px;opacity:.9}
.mz-seg label.mz-off{cursor:not-allowed}
.mz-seg input:disabled+span{opacity:.55;border-style:dashed;cursor:not-allowed}
.mz-td{margin:0 0 10px}
.mz-franja{margin:18px 0 8px;padding:12px 14px;border:1px dashed rgba(247,237,248,.4);border-radius:14px}
.mz-franja-t{margin:0 0 6px;font-size:1.02rem}