/* Revoltosos 3D — la hoja de estilos del rediseño de Claude Design (n3.css de la versión final, 13 oct 2026),
   portada al tema: sin los @font-face (las fuentes las cargan rv-fuentes del padre y fuentes.css). Lo propio del
   tema va al final, en «Tema WordPress». */
/* Revoltosos · Halloween 3D — tokens, movimiento y estados que el HTML en línea no puede expresar.
   La escena y los productos son 3D (webp); lo que se toca es la calcomanía plana de la casa. */
:root{
--noche:#12051A;--noche-2:#22033A;--noche-3:#33075A;--uva:#4D0C68;
--vino:#78024D;--vino-osc:#5A0139;--magenta:#C42B78;--magenta-osc:#9E1A60;--rosa:#FE95F6;--crema:#FBE3F6;--blanco:#FFFFFF;--tinta:#2C2C2A;
--calabaza:#FF7A1A;--ambar:#FFB547;--lila:#C8A8FF;--lila-2:rgba(200,168,255,.22);
--f-d:'Anton',Impact,sans-serif;--f-b:'DM Sans',system-ui,sans-serif;--f-t:'Creepster','Anton',sans-serif;
--rebote:cubic-bezier(.34,1.35,.64,1);--suave:cubic-bezier(.22,.8,.3,1);--t1:320ms;--t2:480ms;
--sh-noche:5px 6px 0 rgba(0,0,0,.55);--sh-mag:5px 5px 0 var(--magenta)}
*{box-sizing:border-box}
html,body{margin:0;background:var(--noche);color:var(--crema);font-family:var(--f-b);-webkit-font-smoothing:antialiased}
body{overflow-x:hidden}
a{color:var(--rosa);text-decoration:none}a:hover{color:var(--crema)}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--rosa);outline-offset:3px;border-radius:10px}
img{max-width:100%;-webkit-user-drag:none;user-select:none}
::selection{background:var(--rosa);color:var(--vino)}
summary{list-style:none}summary::-webkit-details-marker{display:none}

/* celular primero: lo que solo va en una de las dos */
@media (max-width:899px){[data-solo="pc"]{display:none!important}}
@media (min-width:900px){[data-solo="cel"]{display:none!important}}
@media (max-width:1199px){[data-solo-xl]{display:none!important}}

/* ── Entradas al bajar (una sola regla para todo el sitio) ── */
html[data-n3] [data-r]{opacity:0;transform:var(--t0,translateY(28px));transition:opacity var(--t2) var(--suave) var(--d,0ms),transform 620ms var(--rebote) var(--d,0ms)}
html[data-n3] [data-r][data-in]{opacity:1;transform:var(--t1,none)}
html[data-n3] [data-r="sello"]{--t0:scale(.3) rotate(-12deg);--t1:rotate(var(--rot,-2deg))}
html[data-n3] [data-r="cae"]{--t0:translateY(-60px) scale(1.25) rotate(-8deg);--t1:rotate(var(--rot,0deg))}
html[data-n3] [data-r="carta"]{--t0:translate(70px,40px) rotate(9deg)}
html[data-n3] [data-r="grupo"]{opacity:1;transform:none}
html[data-n3] [data-hijo]{opacity:0;transform:var(--t0,translateY(24px));transition:opacity var(--t2) var(--suave) var(--d,0ms),transform 640ms var(--rebote) var(--d,0ms)}
html[data-n3] [data-in] [data-hijo]{opacity:1;transform:var(--t1,none)}
html[data-n3] [data-sale]{transition:opacity 360ms var(--suave) var(--d,700ms),transform 420ms var(--rebote) var(--d,700ms)}
html[data-n3] [data-in] [data-sale]{opacity:0;transform:scale(1.2)}

/* ── Héroe por actos (historias): pasos p0…p4 que pone el motor ── */
[data-heroe-grid]{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"tabs" "escena" "texto" "cta";row-gap:10px;align-items:start}
[data-escenario]{--esc-w:min(100%,max(220px,calc(100svh - 440px)))}
@media (max-width:899px){[data-titulo-heroe]{width:min(100%,320px)!important}[data-heroe] h2[data-creepy]{font-size:clamp(46px,13vw,64px)!important}}
@media (min-width:900px){[data-escenario]{--esc-w:min(100%,720px,calc(100svh - 170px))}}
@media (min-width:900px){[data-heroe-grid]{grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-areas:"tabs escena" "texto escena" "cta escena";grid-template-rows:auto auto 1fr;column-gap:40px;row-gap:26px;align-content:center}}
[data-texto-acto],[data-cta-acto]{grid-area:1/1;transition:opacity var(--t2) var(--suave),transform var(--t2) var(--rebote),visibility 0s linear 0s}
[data-heroe]:not([data-acto="1"]) [data-texto-acto="1"],[data-heroe]:not([data-acto="2"]) [data-texto-acto="2"],
[data-heroe]:not([data-acto="1"]) [data-cta-acto="1"],[data-heroe]:not([data-acto="2"]) [data-cta-acto="2"],
[data-heroe]:not([data-acto="3"]) [data-texto-acto="3"],[data-heroe]:not([data-acto="3"]) [data-cta-acto="3"],
[data-heroe]:not([data-acto="4"]) [data-texto-acto="4"],[data-heroe]:not([data-acto="4"]) [data-cta-acto="4"]{opacity:0;transform:translateY(14px);visibility:hidden;pointer-events:none;transition-delay:0s,0s,var(--t2)}
[data-escena]{position:absolute;inset:0;clip-path:inset(-60% -60% -12% -60%);transition:opacity var(--t2) var(--suave),visibility 0s linear 0s}
[data-heroe]:not([data-acto="1"]) [data-escena="1"],[data-heroe]:not([data-acto="2"]) [data-escena="2"],[data-heroe]:not([data-acto="3"]) [data-escena="3"],[data-heroe]:not([data-acto="4"]) [data-escena="4"]{opacity:0;visibility:hidden;transition-delay:0s,var(--t2)}
[data-desde]{opacity:0;transform:var(--t0,translateY(10cqh));transition:opacity var(--t2) var(--suave) var(--d,0ms),transform 700ms var(--rebote) var(--d,0ms)}
[data-escena][data-p0] [data-desde="0"],[data-escena][data-p1] [data-desde="1"],[data-escena][data-p2] [data-desde="2"],[data-escena][data-p3] [data-desde="3"],[data-escena][data-p4] [data-desde="4"]{opacity:1;transform:var(--t1,none)}
[data-escena][data-p2] [data-hasta="2"],[data-escena][data-p3] [data-hasta="3"],[data-escena][data-p4] [data-hasta="4"]{opacity:0!important;transform:scale(1.2)!important}
[data-hasta]{transition:opacity 300ms var(--suave),transform 380ms var(--rebote)}
[data-escena][data-p1] [data-sacude]{animation:n3-sacude 620ms var(--suave) 1}
[data-escena][data-p2] [data-rueda]{animation:n3-rueda 1350ms var(--suave) both}
[data-escena][data-p3] [data-estalla]{animation:n3-destello 900ms var(--suave) both}
[data-tab] i{display:block;height:100%;border-radius:inherit;background:var(--rosa);transform:scaleX(0);transform-origin:left}
[data-tab][data-activo] i{animation:n3-barra var(--dur,9000ms) linear forwards}
[data-tab][data-activo]{color:var(--crema)!important}
[data-heroe][data-pausa] [data-tab] i{animation-play-state:paused}

/* ── Mascotas: flotan, saltan al tocarlas, se asustan si baja rápido, se esconden al bajar ── */
[data-masc]{cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;display:block}
[data-masc]>img,[data-flota]{animation:n3-flota var(--dur,4.2s) ease-in-out infinite;transform-origin:50% 100%}
[data-masc][data-toca]>img{animation:n3-salto 620ms var(--rebote)}
html[data-susto] [data-masc]>img{animation:n3-susto 520ms ease-in-out}
[data-se-esconde]{transition:transform 520ms var(--rebote),opacity 360ms var(--suave)}
html[data-abajo] [data-se-esconde]{transform:translateY(38%) scale(.94);opacity:0}
[data-burbuja]{position:absolute;left:50%;bottom:calc(100% - 6px);z-index:5;transform:translate(-50%,8px) scale(.6);opacity:0;pointer-events:none;white-space:nowrap;
background:var(--crema);color:var(--vino);border:3px solid var(--vino);border-radius:16px;box-shadow:4px 4px 0 rgba(0,0,0,.5);padding:7px 12px 8px;font:700 14px/1.15 var(--f-b);
transition:opacity 260ms var(--suave),transform 380ms var(--rebote)}
[data-burbuja]:empty{display:none}
[data-burbuja][data-vis]{opacity:1;transform:translate(-50%,0) scale(1)}
[data-toque][data-toca]{animation:n3-salto 620ms var(--rebote)}
[data-bolsa][data-toca]{animation:n3-salto 620ms var(--rebote)}
[data-u][data-toca]{animation:n3-cuenta 420ms var(--rebote)}

/* el compa: se asoma de lado por el borde derecho, donde no estorba */
[data-compa-fijo]{--cw:80px;--ch:114px;position:fixed;right:0;top:50%;z-index:65;width:var(--cw);height:var(--ch);padding:0;border:0;background:none;transform:translateX(8%);transition:transform 560ms var(--rebote),opacity 300ms var(--suave)}
[data-compa-fijo] img{position:absolute;left:calc((var(--cw) - var(--ch)) / 2);top:calc((var(--ch) - var(--cw)) / 2);width:var(--ch);height:var(--cw);object-fit:contain;transform:rotate(-90deg)}
[data-compa-fijo] [data-burbuja]{left:auto;right:6px;bottom:calc(100% + 6px);transform:translate(0,8px) scale(.6);transform-origin:right bottom;white-space:normal;width:max-content;max-width:150px;text-align:left}
[data-compa-fijo] [data-burbuja][data-vis]{transform:none}
@media (min-width:900px){[data-compa-fijo]{--cw:109px;--ch:156px}[data-compa-fijo] [data-burbuja]{right:calc(100% + 8px);bottom:auto;top:18px;max-width:190px;transform-origin:right center}}
[data-compa-fijo][data-fuera],html[data-sin-compa] [data-compa-fijo],html[data-menu="abierto"] [data-compa-fijo],html[data-carrito="abierto"] [data-compa-fijo]{transform:translateX(115%);opacity:0;pointer-events:none}

/* ── Objetos que se mueven solos ── */
[data-rayos]{animation:n3-rayos 160s linear infinite}
[data-aletea]{animation:n3-aleteo .32s ease-in-out infinite alternate;transform-origin:50% 40%}
[data-columpio]{transform-origin:50% 0;animation:n3-columpio var(--dur,3.4s) ease-in-out var(--d,0s) infinite alternate}
[data-columpio][data-toca]{animation:n3-gira 900ms var(--rebote)}
[data-pendulo]{transform-origin:50% 8%;animation:n3-pendulo 2s ease-in-out infinite alternate}
[data-titila]{animation:n3-titila var(--dur,2.6s) ease-in-out var(--d,0s) infinite alternate}
[data-corre]{animation:n3-marquee 48s linear infinite}
[data-turna]>*{grid-area:1/1;animation:n3-turna 9s var(--suave) infinite}
[data-turna]>*:nth-child(2){animation-delay:-4.5s}
[data-gota]{animation:n3-gota var(--dur,3.6s) cubic-bezier(.5,0,.8,.4) var(--d,0s) infinite}
[data-scrub] [data-sale-caja]{transform:translate(-50%,-50%) translate(calc((50 - var(--x)) * 1cqw * (1 - var(--p,0))),calc((50 - var(--y)) * 1cqh * (1 - var(--p,0)))) scale(calc(.3 + .7 * var(--p,0))) rotate(calc(var(--r) * var(--p,0) * 1deg));opacity:calc(var(--p,0) * 3)}
[data-scrub] [data-aparece-fin]{opacity:calc((var(--p,0) - .82) * 6);transform:translate(-50%,-50%) scale(calc(.6 + .4 * min(1,(var(--p,0) - .8) * 5)))}

/* ── Cabecera, menús, cajón y barra de abajo ── */
[data-barra]{height:52px;transition:background 360ms var(--suave)}
@media (min-width:900px){[data-barra]{height:60px}}
html[data-abajo] [data-barra]{background:rgba(18,5,26,.97)!important}
[data-cinta]{transition:height 320ms var(--suave),border-width 320ms var(--suave)}
html[data-abajo] [data-cinta]{height:0!important;border-bottom-width:0!important}
html:not([data-pasado]) [data-dock]:not([data-dock-siempre]){transform:translateY(140%)}
[data-logo]{transition:transform 360ms var(--rebote)}
[data-mega-panel]{opacity:0;transform:translateY(-12px);visibility:hidden;pointer-events:none;transition:opacity 280ms var(--suave),transform 420ms var(--rebote),visibility 0s linear 280ms}
html[data-mega="tienda"] [data-mega-panel="tienda"],html[data-mega="pedido"] [data-mega-panel="pedido"]{opacity:1;transform:none;visibility:visible;pointer-events:auto;transition-delay:0s}
html[data-mega="tienda"] [data-abre-mega="tienda"] [data-flecha],html[data-mega="pedido"] [data-abre-mega="pedido"] [data-flecha]{transform:rotate(180deg)}
[data-flecha]{display:inline-block;transition:transform 300ms var(--rebote)}
html[data-mega="tienda"] [data-mega-panel="tienda"] [data-hijo],html[data-mega="pedido"] [data-mega-panel="pedido"] [data-hijo],html[data-menu="abierto"] [data-menu-cel] [data-hijo]{opacity:1;transform:var(--t1,none)}
[data-velo]{position:fixed;inset:0;background:rgba(10,2,16,.66);opacity:0;pointer-events:none;transition:opacity 380ms var(--suave)}
html[data-carrito="abierto"] [data-velo="carrito"]{opacity:1;pointer-events:auto}
[data-cajon]{transform:translateX(104%);visibility:hidden;transition:transform 520ms var(--suave),visibility 0s linear 520ms}
html[data-carrito="abierto"] [data-cajon]{transform:none;visibility:visible;transition-delay:0s}
/* menú del celular: offcanvas desde la izquierda, 88 % del ancho, velo detrás */
[data-menu-cel]{transform:translateX(-104%);visibility:hidden;transition:transform 460ms var(--suave),visibility 0s linear 460ms;box-shadow:8px 0 0 rgba(0,0,0,.45);border-right:3px solid var(--lila)}
html[data-menu="abierto"] [data-menu-cel]{transform:translateX(var(--arrastre,0px));visibility:visible;transition-delay:0s}
html[data-menu="abierto"] [data-velo="menu"]{opacity:1;pointer-events:auto}
[data-menu-cel][data-arrastrando]{transition:none}
[data-boton-cab]{flex:none;width:44px;height:44px;display:grid;place-items:center;padding:0;background:var(--crema);border:3px solid var(--vino);border-radius:999px;box-shadow:3px 3px 0 rgba(0,0,0,.55);position:relative}
[data-dock]{transition:transform 460ms var(--rebote)}
html[data-dock-oculto] [data-dock],html[data-menu="abierto"] [data-dock],html[data-carrito="abierto"] [data-dock]{transform:translateY(140%)}
[data-aviso]{position:fixed;left:50%;bottom:92px;z-index:120;display:flex;align-items:center;gap:10px;transform:translate(-50%,24px) scale(.9);opacity:0;pointer-events:none;
background:var(--crema);color:var(--vino);border:3px solid var(--vino);border-radius:999px;box-shadow:5px 5px 0 rgba(0,0,0,.55);padding:6px 18px 6px 6px;font:700 15px/1.2 var(--f-b);white-space:nowrap;transition:opacity 260ms var(--suave),transform 420ms var(--rebote)}
[data-aviso] img{width:44px;height:52px;object-fit:contain;margin:-18px 0 -4px}
[data-aviso][data-vis]{opacity:1;transform:translate(-50%,0) scale(1)}
@media (min-width:900px){[data-aviso]{bottom:32px}}
[data-aguja]{-webkit-appearance:none;appearance:none;border:3px solid var(--vino);border-radius:999px;background:var(--blanco);overflow:hidden}
[data-aguja]::-webkit-progress-bar{background:var(--blanco)}
[data-aguja]::-webkit-progress-value{background:var(--calabaza);border-radius:999px;transition:width 600ms var(--rebote)}
[data-aguja]::-moz-progress-bar{background:var(--calabaza);border-radius:999px}

/* barra que suma (tienda y ficha) y hoja de filtros */
[data-suma]{transition:transform 460ms var(--rebote),opacity 300ms var(--suave)}

html[data-menu="abierto"] [data-suma],html[data-carrito="abierto"] [data-suma],html[data-hoja="abierta"] [data-suma]{transform:translateY(160%);opacity:0;pointer-events:none}
[data-hoja-panel]{transform:translateY(105%);visibility:hidden;transition:transform 520ms var(--suave),visibility 0s linear 520ms}
html[data-hoja="abierta"] [data-hoja-panel]{transform:none;visibility:visible;transition-delay:0s}
html[data-hoja="abierta"] [data-velo="hoja"]{opacity:1;pointer-events:auto}
@media (max-width:899px){[data-hoja-panel]{position:fixed;left:0;right:0;bottom:0;z-index:92;max-height:84svh;overflow-y:auto;border-radius:26px 26px 0 0!important;padding-bottom:calc(20px + env(safe-area-inset-bottom))!important}}
@media (min-width:900px){[data-hoja-panel]{transform:none!important;visibility:visible!important;position:sticky;top:120px}}
[data-chip]{background:rgba(18,5,26,.6);color:var(--crema);border-color:var(--lila-2)!important;transition:background .2s,color .2s,border-color .2s,transform .3s var(--rebote)}
[data-chip][aria-pressed="true"]{background:var(--rosa);color:var(--vino);border-color:var(--vino)!important;transform:rotate(-2deg)}
[data-carrito-grid],[data-pago-grid]{grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){[data-carrito-grid]{grid-template-columns:minmax(0,1fr) 380px}[data-pago-grid]{grid-template-columns:minmax(0,1fr) 420px}}
@media (max-width:899px){[data-carrito-grid] aside,[data-pago-grid] aside{position:static!important}}
[data-recalcula="si"]{opacity:.55}
[data-velo-pago]{opacity:0;pointer-events:none;transition:opacity .2s}
[data-velo-pago="si"]{opacity:1;pointer-events:auto}
[data-tienda-grid]{grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){[data-tienda-grid]{grid-template-columns:260px minmax(0,1fr)}}
[data-busca="si"] [data-rejilla]{opacity:.45;filter:saturate(.6);transition:opacity .2s,filter .2s}
[data-rejilla]{transition:opacity .25s,filter .25s}
[data-zoom]{transition:transform .25s var(--suave)}
@media (hover:hover){[data-zoom-caja]:hover [data-zoom]{transform:scale(1.9)}}[data-zoom-caja][data-zoom-on] [data-zoom]{transform:scale(1.9)}
[data-sabor]{background:var(--blanco);color:var(--vino);transition:background .2s,transform .3s var(--rebote)}
[data-sabor][aria-pressed="true"]{background:var(--rosa);transform:rotate(-2deg)}
[data-sabor]:disabled{opacity:.45;text-decoration:line-through;cursor:not-allowed}
[data-campo][aria-invalid="true"]{border-color:var(--magenta)!important;background:#FFF0F7!important}
[data-paso][data-hecho] [data-bola-paso]{background:var(--calabaza)!important;border-color:var(--noche)!important}
[data-paso][data-ahora] [data-bola-paso]{background:var(--rosa)!important;transform:scale(1.15)}

/* fotos de producto: todas cuadradas (1000 × 1000, mismo porte). El cuadro tiene filas y columnas medibles y nada se sale. */
[data-caja-foto],[data-celda]{position:relative;flex:none;display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:stretch;overflow:hidden}
[data-caja-foto]{width:140px;height:140px;margin:8px auto 0}
@media (min-width:900px){[data-caja-foto]{width:170px;height:170px}}
[data-celda]{width:var(--celda,96px);height:var(--celda,96px)}
[data-caja-foto]>img,[data-celda]>img,img[data-ajusta]{grid-area:1/1;display:block;width:100%;height:100%;max-width:none;max-height:none;min-width:0;min-height:0;object-fit:contain}
[data-nombre-tarjeta]{font-size:17px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-wrap:balance}
@media (min-width:900px){[data-nombre-tarjeta]{font-size:19px}}
:root{--carta-w:164px;--carta-h:274px}@media (min-width:900px){:root{--carta-w:204px;--carta-h:296px}}

/* mascotas de sección en el celular: a la derecha del TÍTULO, del alto del bloque del título (130 px).
   La etiqueta y el título se corren a la izquierda; el título reserva ese alto, así el párrafo arranca debajo de la mascota. */
[data-con-masc]{position:relative}
@media (max-width:899px){
[data-masc-sec]{position:absolute!important;top:0;right:0;width:118px!important;height:130px!important;max-width:none!important;margin:0!important;aspect-ratio:auto!important;display:block!important;z-index:2;pointer-events:auto}
[data-masc-sec]>button,[data-masc-sec]>img:not([data-hijo]):not([data-titila]),[data-masc-sec]>button>img{width:100%!important;height:100%!important;object-fit:contain;object-position:50% 100%}
img[data-masc-sec]{width:118px!important;height:130px!important;object-fit:contain;object-position:50% 100%}
[data-masc-sec]>button{display:block;padding:0}
[data-con-masc] h1,[data-con-masc] h2,[data-con-masc]>div>span:first-child,[data-con-masc]>div>[data-sello]{max-width:calc(100% - 128px)!important}
[data-con-masc] h1,[data-con-masc] h2{min-height:96px}
[data-con-masc] h1:first-child,[data-con-masc] h2:first-child{min-height:130px}
[data-con-masc][data-pad-masc]{padding-top:0}}

[data-pie-grid]{grid-template-columns:minmax(0,1fr)}
[data-pie-cols]{grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){[data-pie-grid]{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}[data-pie-cols]{grid-template-columns:repeat(4,minmax(0,1fr))}[data-pie-col]{border-bottom:0!important}[data-pie-col] summary{pointer-events:none}[data-pie-flecha]{display:none}}
[data-pie-col][open] [data-pie-flecha]{transform:rotate(45deg)}
[data-pie-flecha]{transition:transform .3s var(--rebote)}
[data-que-trae]{grid-template-columns:repeat(4,96px)}[data-que-trae] [data-celda]{--celda:96px}[data-que-trae] li{width:96px}
@media (max-width:420px){[data-que-trae]{grid-template-columns:repeat(4,minmax(0,1fr))}[data-que-trae] li{width:auto}[data-que-trae] [data-celda]{--celda:min(96px,20vw)}}
@media (min-width:900px){[data-que-trae]{grid-template-columns:repeat(5,130px);gap:18px 28px}[data-que-trae] [data-celda]{--celda:130px}[data-que-trae] li{width:130px}}

[data-cole-grid]{grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){[data-cole-grid]{grid-template-columns:300px minmax(0,1fr)}}
[data-vitrina] [data-celda]{--celda:64px}@media (min-width:900px){[data-vitrina] [data-celda]{--celda:88px}}
[data-llavero-caja]{width:64px;height:64px;display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr);overflow:hidden}@media (min-width:900px){[data-llavero-caja]{width:104px;height:104px}}
[data-llavero-caja] img{width:100%;height:100%;object-fit:contain}
[data-pegado]{top:80px;transition:top 320ms var(--suave)}html[data-abajo] [data-pegado]{top:52px}
@media (min-width:900px){[data-pegado]{top:88px}html[data-abajo] [data-pegado]{top:60px}}
[data-rejilla]{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:900px){[data-rejilla]{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1100px){[data-rejilla]{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1280px){[data-rejilla]{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (max-width:899px){[data-ficha-foto]{max-width:300px!important}}
/* cajón «¿Le suma algo?» */
[data-sugerir]{position:fixed;left:0;right:0;bottom:0;z-index:110;display:flex;flex-direction:column;gap:10px;background:var(--noche-2);color:var(--crema);border:3px solid var(--lila);border-bottom:0;border-radius:24px 24px 0 0;box-shadow:0 -6px 0 rgba(0,0,0,.4);padding:12px 14px calc(14px + env(safe-area-inset-bottom));transform:translateY(105%);visibility:hidden;transition:transform 480ms var(--rebote),visibility 0s linear 480ms;font-family:var(--f-b)}
[data-sugerir][data-vis]{transform:none;visibility:visible;transition-delay:0s}
@media (min-width:900px){[data-sugerir]{left:auto;right:16px;top:72px;bottom:auto;width:360px;border:3px solid var(--lila);border-radius:22px;box-shadow:8px 10px 0 rgba(0,0,0,.55);transform:translateY(-14px) scale(.96);opacity:0;transition:transform 380ms var(--rebote),opacity 220ms var(--suave),visibility 0s linear 380ms}[data-sugerir][data-vis]{opacity:1}}
html[data-sugiere] [data-dock]{transform:translateY(140%)}
[data-sug-cab]{display:grid;grid-template-columns:52px 1fr 40px;align-items:center;gap:10px}[data-sug-cab]>img{width:52px;height:56px;object-fit:contain}
[data-sugerir] b{display:block;font-size:15px;line-height:1.2}[data-sugerir] small{display:block;font-size:12.5px;color:var(--lila);line-height:1.3}
[data-sug-cab] button{width:40px;height:40px;display:grid;place-items:center;padding:0;background:var(--crema);border:3px solid var(--vino);border-radius:999px}[data-sug-cab] button img{width:26px;height:26px}
[data-sugerir] ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
[data-sugerir] li{display:grid;grid-template-columns:48px 1fr 42px;align-items:center;gap:10px;padding:5px 6px;background:rgba(18,5,26,.6);border:2px solid var(--lila-2);border-radius:14px}
[data-sugerir] li b{font-size:13.5px}
[data-sugerir] li button{width:42px;height:42px;display:grid;place-items:center;padding:0;background:var(--calabaza);border:3px solid var(--vino);border-radius:999px}[data-sugerir] li button img{width:26px;height:26px}
[data-ya]{justify-self:center;font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--calabaza)}
[data-sug-pie]{display:grid;grid-template-columns:1fr auto;gap:8px}
[data-sug-pie] button{height:46px;border-radius:999px;font-family:var(--f-d);font-size:17px;padding:0 14px}
[data-sug-pie] button:first-child{background:var(--calabaza);color:var(--noche);border:3px solid var(--noche);box-shadow:3px 3px 0 var(--magenta)}
[data-sug-pie] button:last-child{background:none;color:var(--rosa);border:2px solid var(--lila-2)}
[data-cats]{grid-template-columns:repeat(4,minmax(0,1fr))}[data-cat-nombre]{font-size:14px}
@media (min-width:900px){[data-cats]{grid-template-columns:repeat(8,minmax(0,1fr))}[data-cat-nombre]{font-size:18px}}
@media (max-width:899px){[data-pronto-esc]{max-width:min(100%,300px)!important}}
/* ── Estados por atributo (sin huecos {{ }} en style) ── */
[data-opcion]{background:rgba(18,5,26,.6);border-color:var(--lila-2)!important;transition:background .25s,border-color .25s}
[data-opcion][aria-pressed="true"]{background:var(--noche-3);border-color:var(--rosa)!important}
[data-opcion] [data-punto]{background:transparent;transition:background .25s}
[data-opcion][aria-pressed="true"] [data-punto]{background:var(--rosa)}
[data-interruptor]:disabled{opacity:.55;cursor:not-allowed}
[data-interruptor] [data-pista]{background:var(--noche);transition:background .25s}
[data-interruptor][aria-pressed="true"] [data-pista]{background:var(--calabaza)}
[data-interruptor] [data-bola]{left:2px}
[data-interruptor][aria-pressed="true"] [data-bola]{left:20px}
[data-estado="agotado"] [data-foto]{filter:grayscale(.75) opacity(.6)}
[data-escalon]>:nth-child(1){--d:65ms}[data-escalon]>:nth-child(2){--d:110ms}[data-escalon]>:nth-child(3){--d:155ms}[data-escalon]>:nth-child(4){--d:200ms}[data-escalon]>:nth-child(5){--d:245ms}[data-escalon]>:nth-child(6){--d:290ms}[data-escalon]>:nth-child(7){--d:335ms}[data-escalon]>:nth-child(8){--d:380ms}[data-escalon]>:nth-child(9){--d:425ms}[data-escalon]>:nth-child(10){--d:470ms}[data-escalon]>:nth-child(11){--d:515ms}[data-escalon]>:nth-child(12){--d:560ms}[data-escalon]>:nth-child(13){--d:605ms}[data-escalon]>:nth-child(14){--d:650ms}
[data-pastilla="lista"]{background:var(--calabaza)}[data-pastilla="sigue"]{background:var(--lila)}[data-pastilla="despues"]{background:var(--rosa)}[data-pastilla="espera"]{background:var(--ambar)}
[data-boton="a"]{background:var(--calabaza);color:var(--noche)}[data-boton="b"]{background:var(--crema);color:var(--vino)}[data-boton="a"]:hover{color:var(--noche)}[data-boton="b"]:hover{color:var(--vino)}
[data-tono="camino"]{background:var(--noche-3);color:var(--crema)}[data-tono="entregado"]{background:var(--crema);color:var(--vino)}
[data-gastado]{opacity:.35;filter:grayscale(1)}
[data-paso]:first-child>i{display:none}[data-paso][data-hecho]>i,[data-paso][data-ahora]>i{background:var(--calabaza)!important}
[data-forma]{aspect-ratio:1/1}[data-forma="ancho"]{aspect-ratio:8/3}[data-forma="medio"]{aspect-ratio:3/2}[data-forma="alto"]{aspect-ratio:3/4}

/* ── Marcadores de «lo que necesito que me hagan» y espacios por confirmar ── */
html[data-marcas] [data-pend]:not([data-pend=""]){outline:2px dashed var(--ambar);outline-offset:3px;position:relative}
html[data-marcas] [data-pend]:not([data-pend=""])::after{content:attr(data-pend);position:absolute;left:0;top:-14px;z-index:9;background:var(--ambar);color:var(--noche);font:700 10px/1 var(--f-b);letter-spacing:.06em;text-transform:uppercase;padding:4px 7px;border-radius:6px;white-space:nowrap;transform:rotate(-2deg);pointer-events:none;text-shadow:none;letter-spacing:.06em}
html[data-sin-confirmar] [data-por-confirmar]{display:none!important}

/* ── Movimiento reducido: todo quieto, en su estado final, igual de bonito ── */
html[data-quieto] *,html[data-quieto] *::before,html[data-quieto] *::after{animation:none!important;transition:none!important}
html[data-quieto] [data-r],html[data-quieto] [data-hijo],html[data-quieto] [data-desde]{opacity:1!important;transform:var(--t1,none)!important}
html[data-quieto] [data-sale]{opacity:0!important}
html[data-quieto] [data-tab][data-activo] i{transform:scaleX(1)}
html[data-quieto] [data-corre]{transform:none}

@keyframes n3-flota{0%,100%{transform:translateY(0) rotate(var(--ra,-1.5deg))}50%{transform:translateY(-5%) rotate(var(--rb,1.5deg))}}
@keyframes n3-salto{0%{transform:none}22%{transform:scale(1.1,.88) translateY(4%)}55%{transform:scale(.93,1.1) translateY(-16%) rotate(-4deg)}80%{transform:scale(1.03,.97) translateY(0)}100%{transform:none}}
@keyframes n3-susto{0%,100%{transform:none}20%{transform:translateX(-5%) rotate(-5deg) scale(1.04)}45%{transform:translateX(5%) rotate(5deg)}70%{transform:translateX(-3%) rotate(-2deg)}}
@keyframes n3-sacude{0%,100%{transform:none}18%{transform:rotate(-2.2deg) translateY(-1%)}36%{transform:rotate(2deg)}54%{transform:rotate(-1.4deg)}72%{transform:rotate(.8deg)}}
@keyframes n3-rueda{0%{transform:translate(-38cqw,4cqh) scale(.3) rotate(0);opacity:0}10%{opacity:1;transform:translate(-36cqw,4cqh) scale(.38) rotate(40deg)}56%{transform:translate(-6cqw,0) scale(.9) rotate(560deg)}72%{transform:translate(0,-9cqh) scale(1) rotate(690deg)}86%{transform:translate(0,0) scale(1.05,.93) rotate(720deg)}100%{transform:translate(0,0) scale(1) rotate(720deg);opacity:1}}
@keyframes n3-destello{0%{transform:scale(.3) rotate(-20deg);opacity:0}35%{transform:scale(1.05) rotate(0);opacity:1}100%{transform:scale(1.3) rotate(10deg);opacity:0}}
@keyframes n3-barra{to{transform:scaleX(1)}}
@keyframes n3-rayos{to{transform:rotate(360deg)}}
@keyframes n3-aleteo{from{transform:scaleY(1) translateY(0)}to{transform:scaleY(.72) translateY(-6%)}}
@keyframes n3-columpio{from{transform:rotate(calc(var(--a,7deg) * -1))}to{transform:rotate(var(--a,7deg))}}
@keyframes n3-gira{from{transform:rotateY(0)}to{transform:rotateY(360deg)}}
@keyframes n3-pendulo{from{transform:rotate(-3.5deg)}to{transform:rotate(3.5deg)}}
@keyframes n3-titila{from{opacity:.25;transform:scale(.8)}to{opacity:1;transform:scale(1.08)}}
@keyframes n3-marquee{to{transform:translateX(-50%)}}
@keyframes n3-turna{0%,6%{opacity:0;transform:translateY(60%)}12%,44%{opacity:1;transform:none}50%,100%{opacity:0;transform:translateY(-60%)}}
@keyframes n3-gota{0%,62%{transform:translateY(0) scale(1,1);opacity:0}66%{opacity:1}100%{transform:translateY(130px) scale(.7,1.2);opacity:0}}
@keyframes n3-cuenta{0%{transform:translateY(-30%) scale(1.15)}100%{transform:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* carruseles de tarjetas: solo se desplazan de lado, nunca hacia abajo */
[data-riel-sumele]{overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
[data-riel-ir]{position:absolute;top:50%;z-index:5;width:46px;height:46px;margin-top:-23px;display:grid;place-items:center;padding:0;background:var(--crema);border:3px solid var(--vino);border-radius:999px;box-shadow:3px 3px 0 var(--magenta);transition:opacity .25s,transform .3s var(--rebote)}
[data-riel-ir="-1"]{left:6px}[data-riel-ir="1"]{right:6px}
@media (min-width:900px){[data-riel-ir]{width:52px;height:52px;margin-top:-26px}[data-riel-ir="-1"]{left:clamp(8px,2vw,24px)}[data-riel-ir="1"]{right:clamp(8px,2vw,24px)}}
[data-riel-ir]:hover{transform:scale(1.08)}
[data-riel-caja][data-ini] [data-riel-ir="-1"],[data-riel-caja][data-fin] [data-riel-ir="1"]{opacity:0;pointer-events:none}

/* carta digital */
[data-foto-carta="vacia"]{background:rgba(18,5,26,.5);color:var(--lila);border:3px dashed var(--lila)}
[data-foto-carta="lista"]{background:linear-gradient(135deg,var(--rosa),var(--lila));color:var(--vino);border:3px solid var(--vino)}
[data-foto-carta] img{display:block;margin:0 auto 4px}
[data-polaroids]>:nth-child(3n+1){transform:rotate(-2.5deg)}[data-polaroids]>:nth-child(3n+2){transform:rotate(2deg)}[data-polaroids]>:nth-child(3n){transform:rotate(-1deg)}
[data-firmas]>:nth-child(4n+1){background:var(--rosa);transform:rotate(-3deg)}[data-firmas]>:nth-child(4n+2){background:var(--calabaza);transform:rotate(2deg)}[data-firmas]>:nth-child(4n+3){background:var(--lila);transform:rotate(-1.5deg)}[data-firmas]>:nth-child(4n){background:var(--blanco);transform:rotate(3deg)}
/* carta: la carta sale de la caja. Un solo reloj (data-paso 0→4) en la misma escena, sin cambiar de pantalla */
[data-carta-celda]{display:grid;grid-template:minmax(0,auto)/minmax(0,1fr)}
[data-carta-celda]>*{grid-area:1/1}
[data-carta-celda]:not([data-fase-carta="4"]){max-height:100svh;overflow:hidden}
[data-escena-carta]{transition:opacity 500ms var(--suave),transform 600ms var(--suave)}
[data-fase-carta="4"] [data-escena-carta]{opacity:0;transform:translateY(30px);pointer-events:none}
[data-fase-carta="4"] [data-papel]{opacity:0;transition:none}
[data-fase-carta="1"] [data-caja-carta]{animation:n3-aplasta 260ms var(--suave) 1 both}
[data-caja-carta] img{transition:opacity 160ms linear}
[data-caja-carta] [data-abierta]{opacity:0}
[data-carta-celda]:is([data-fase-carta="2"],[data-fase-carta="3"],[data-fase-carta="4"]) [data-caja-carta] [data-cerrada]{opacity:0}
[data-carta-celda]:is([data-fase-carta="2"],[data-fase-carta="3"],[data-fase-carta="4"]) [data-caja-carta] [data-abierta]{opacity:1}
[data-destello-carta]{opacity:0;transform:scale(.3)}
[data-carta-celda]:is([data-fase-carta="2"],[data-fase-carta="3"]) [data-destello-carta]{animation:n3-destello 900ms var(--suave) both}
[data-papel]{transform:translateY(38%) scale(.9);transition:transform 620ms cubic-bezier(.2,1.4,.4,1)}
[data-carta-celda]:is([data-fase-carta="3"],[data-fase-carta="4"]) [data-papel]{transform:translateY(-62%) scale(1) rotate(-3deg)}
[data-carta-hoja]{opacity:0;visibility:hidden}
[data-fase-carta="4"] [data-carta-hoja]{opacity:1;visibility:visible}
[data-carta-hoja] [data-entra]{opacity:0;transform:translateY(16px);transition:opacity 420ms var(--suave) var(--d,0ms),transform 520ms var(--rebote) var(--d,0ms)}
[data-fase-carta="4"] [data-carta-hoja] [data-entra]{opacity:1;transform:none;transition-delay:calc(var(--d,0ms) + 520ms)}
html[data-quieto] [data-carta-hoja],html[data-quieto] [data-carta-hoja] [data-entra]{transition:none}
/* carta por dentro: pila de fotos, cinta, ecualizador */
[data-cinta-papel]{position:absolute;width:96px;height:28px;background:rgba(254,149,246,.7);border-left:2px dashed rgba(120,2,77,.25);border-right:2px dashed rgba(120,2,77,.25);pointer-events:none}
[data-eq]{display:flex;align-items:flex-end;gap:3px;height:22px}
[data-eq] i{width:4px;height:30%;border-radius:2px;background:var(--calabaza)}
[data-eq][data-sonando="true"] i{animation:n3-eq .9s ease-in-out infinite alternate}
[data-eq] i:nth-child(2){animation-delay:-.3s!important}[data-eq] i:nth-child(3){animation-delay:-.6s!important}[data-eq] i:nth-child(4){animation-delay:-.15s!important}
[data-barra-cancion]{height:6px;border-radius:999px;background:rgba(200,168,255,.3);overflow:hidden}
[data-barra-cancion] i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:var(--calabaza);border-radius:inherit}
[data-eq][data-sonando="true"] ~ * [data-barra-cancion] i,[data-sonando-caja="true"] [data-barra-cancion] i{animation:n3-barra 30s linear forwards}
@keyframes n3-eq{from{height:20%}to{height:100%}}
@keyframes n3-aplasta{0%{transform:none}60%{transform:scale(1.08,.86)}100%{transform:scale(.96,1.06)}}
/* tendedero de fotos */
[data-tendedero]{position:relative;margin:0 calc(-1 * clamp(22px,6vw,50px));padding:0 clamp(22px,6vw,50px)}
[data-tendedero]>svg{position:absolute;left:0;right:0;top:6px;width:100%;height:40px;pointer-events:none}
[data-tendedero] ul{list-style:none;margin:0;padding:22px 4px 18px;display:flex;justify-content:center;gap:clamp(10px,2.4vw,18px);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x mandatory}
[data-tendedero] li{flex:none;width:clamp(116px,28vw,150px);scroll-snap-align:center}
[data-tendedero] li:nth-child(2){margin-top:10px}[data-tendedero] li:nth-child(3){margin-top:4px}[data-tendedero] li:nth-child(4){margin-top:12px}
[data-tendedero] button{position:relative;display:block;width:100%;padding:8px 8px 28px;background:var(--blanco);border:3px solid var(--vino);border-radius:6px;box-shadow:3px 5px 0 rgba(0,0,0,.22);cursor:zoom-in}
[data-tendedero] button::before{content:"";position:absolute;left:50%;top:-16px;width:14px;height:26px;margin-left:-7px;background:var(--calabaza);border:3px solid var(--vino);border-radius:4px}
[data-visor]{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:rgba(10,2,16,.82);opacity:0;visibility:hidden;transition:opacity 260ms var(--suave),visibility 0s linear 260ms}
[data-visor][data-vis]{opacity:1;visibility:visible;transition-delay:0s}
[data-visor] figure{margin:0;width:min(86vw,460px,calc(100svh - 170px));background:var(--blanco);border:4px solid var(--vino);border-radius:8px;box-shadow:8px 10px 0 var(--magenta);padding:12px 12px 16px;transform:scale(.9) rotate(-2deg);transition:transform 380ms var(--rebote)}
[data-visor][data-vis] figure{transform:rotate(-1deg)}
[data-tendedero] li{--a:2.5deg;--dur:3.6s}[data-tendedero] li:nth-child(2){--d:-.9s}[data-tendedero] li:nth-child(3){--d:-1.8s}[data-tendedero] li:nth-child(4){--d:-2.7s}[data-tendedero] li:nth-child(5){--d:-.4s}[data-tendedero] li:nth-child(6){--d:-1.3s}
[data-pestana]{color:#B795B2;transition:color .2s}[data-pestana]::after{content:"";position:absolute;left:18%;right:18%;bottom:-2px;height:5px;border-radius:999px;background:var(--rosa);transform:scaleX(0);transition:transform .35s var(--rebote)}
[data-pestana][aria-selected="true"]{color:var(--vino)}[data-pestana][aria-selected="true"]::after{transform:scaleX(1);background:var(--magenta)}
/* paneles del equipo */
[data-chulo]{background:rgba(18,5,26,.55);border-color:var(--lila-2)!important;transition:background .2s,border-color .2s}
[data-chulo] [data-caja-chulo]{background:var(--blanco);transition:background .2s,transform .3s var(--rebote)}
[data-chulo][aria-pressed="true"]{background:var(--noche-3);border-color:var(--calabaza)!important}
[data-chulo][aria-pressed="true"] [data-caja-chulo]{background:var(--calabaza);transform:rotate(-6deg)}
[data-chulo][aria-pressed="true"] [data-caja-chulo] img{opacity:1!important}
[data-chulo][aria-pressed="true"] b{text-decoration:line-through;text-decoration-thickness:3px;text-decoration-color:var(--calabaza)}
[data-btn-listo]:disabled{opacity:.45;cursor:not-allowed;box-shadow:none!important}
[data-sello-listo]{opacity:0;transform:scale(2) rotate(-18deg);transition:opacity 300ms var(--suave),transform 520ms var(--rebote);pointer-events:none}
[data-sello-listo][data-vis]{opacity:1;transform:rotate(-8deg)}
[data-tapa-camara]{transition:filter .3s}
html[data-camara] [data-tapa-camara]{filter:blur(9px);user-select:none}
[data-aviso-nuevo]{opacity:0;visibility:hidden;transition:opacity 260ms var(--suave),visibility 0s linear 260ms}
[data-aviso-nuevo][data-vis]{opacity:1;visibility:visible;transition-delay:0s}
[data-aviso-nuevo] [data-tarjeta-nueva]{transform:scale(.7) rotate(-6deg);transition:transform 520ms var(--rebote)}
[data-aviso-nuevo][data-vis] [data-tarjeta-nueva]{transform:rotate(-2deg)}
[data-punto-vivo]{animation:n3-titila 1s ease-in-out infinite alternate}
/* directo: estación en vivo */
[data-entra-pedido]{animation:n3-entra-pedido 620ms var(--rebote) both}
@keyframes n3-entra-pedido{from{opacity:0;transform:translateX(40px) scale(.94)}to{opacity:1;transform:none}}
[data-camara-ahora]{animation:n3-entra-ahora 560ms var(--rebote) both}
@keyframes n3-entra-ahora{from{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:none}}
[data-banner-nuevo]{transform:translateY(-130%);transition:transform 480ms var(--rebote)}
[data-banner-nuevo][data-vis]{transform:none}
[data-panel-btn]{transition:transform .2s var(--rebote),box-shadow .2s var(--rebote)}
[data-panel-btn]:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--magenta)!important}
[data-directo-grid]{grid-template-columns:minmax(0,1fr)}@media (min-width:1000px){[data-directo-grid]{grid-template-columns:minmax(0,2fr) minmax(300px,1fr)}}
[data-chulo][data-chulo-claro]{background:var(--blanco);color:var(--vino);border-color:#E2BEDD!important}
[data-chulo][data-chulo-claro][aria-pressed="true"]{background:#FFF1E4;color:var(--vino);border-color:var(--calabaza)!important}
[data-chulo][data-chulo-claro] [data-caja-chulo]{background:var(--crema)}
[data-banda="caja"]{background:var(--calabaza);color:var(--noche)}[data-banda="sinvideo"]{background:var(--magenta);color:var(--crema)}[data-banda="video"]{background:var(--lila);color:var(--noche)}[data-banda="normal"]{background:var(--rosa);color:var(--vino)}
[data-tarjeta-cola="caja"]{box-shadow:5px 6px 0 var(--calabaza)!important}
[data-resumen="total"]{background:var(--rosa);color:var(--vino)}[data-resumen="caja"]{background:var(--calabaza);color:var(--noche)}[data-resumen="video"]{background:var(--lila);color:var(--noche)}[data-resumen="hechos"]{background:var(--noche-2);color:var(--crema);border-color:var(--lila-2)!important}
[data-pestana-osc]{background:none;color:var(--lila);transition:background .2s,color .2s}[data-pestana-osc][aria-pressed="true"]{background:var(--rosa);color:var(--vino)}
[data-prep-grid]{grid-template-columns:minmax(0,1fr)}[data-prep-lista]{order:-1}
@media (min-width:980px){[data-prep-grid]{grid-template-columns:minmax(0,3fr) minmax(320px,2fr)}[data-prep-lado]{position:sticky;top:76px}}
[data-paso-prep]{color:var(--lila)}[data-paso-prep="ahora"]{background:var(--rosa);color:var(--vino)}[data-paso-prep="hecho"]{color:var(--crema)}[data-paso-prep="hecho"] span{background:var(--calabaza)!important;color:var(--noche)!important}
/* directo v3: celular y tablet primero (container queries: se prueba cambiando el ancho del contenedor) */
[data-dv]{container-type:inline-size;max-width:1180px;margin:0 auto}
[data-dv-cuerpo]{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
[data-dv-siguen-lista]{display:none}[data-dv-siguen-tira]{display:flex}
[data-dv-lista]{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
@container (min-width:760px){[data-dv-cuerpo]{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);align-items:start}[data-dv-siguen-tira]{display:none}[data-dv-siguen-lista]{display:flex}}
[data-dv-barra]{position:sticky;bottom:0;z-index:15}
[data-dv-listo]:disabled{background:var(--noche-3)!important;color:var(--lila)!important;border-color:var(--lila-2)!important;box-shadow:none!important;cursor:not-allowed}
[data-dv-filas]{grid-template-columns:minmax(0,1fr)}@container (min-width:760px){[data-dv-filas]{grid-template-columns:repeat(2,minmax(0,1fr))}}
[data-fila-directo]{background:var(--noche-2);color:var(--crema);border-color:var(--lila-2)!important;transition:transform .2s var(--rebote)}
[data-fila-directo]:active{transform:scale(.98)}
[data-fila-directo^="esperando"]{background:var(--crema);color:var(--vino);border-color:var(--vino)!important;box-shadow:4px 5px 0 rgba(0,0,0,.45)}
[data-fila-directo="esperando-nuevo"]{box-shadow:4px 5px 0 var(--calabaza);border-color:var(--calabaza)!important}
[data-fila-directo="preparando"]{background:var(--rosa);color:var(--vino);border-color:var(--vino)!important}
[data-fila-directo="medias"]{border-color:var(--ambar)!important;border-style:dashed!important}
[data-fila-directo="listo"]{opacity:.75}
[data-cuenta-tono="entro"]{color:var(--crema)}[data-cuenta-tono="listo"]{color:var(--calabaza)}[data-cuenta-tono="falta"]{color:var(--rosa)}[data-cuenta-tono="medias"]{color:var(--ambar)}
[data-boton-sonido][aria-pressed="false"]{opacity:.45}
[data-dv-totales]{grid-template-columns:repeat(2,minmax(0,1fr))}@container (min-width:760px){[data-dv-totales]{grid-template-columns:repeat(4,minmax(0,1fr))}}
[data-total-dv="entro"]{background:var(--crema);color:var(--vino);box-shadow:5px 6px 0 var(--magenta)!important}[data-total-dv="listo"]{background:var(--calabaza);color:var(--noche)}[data-total-dv="falta"]{background:var(--rosa);color:var(--vino)}[data-total-dv="medias"]{background:var(--lila);color:var(--noche)}
[data-total-dv]:nth-child(odd){transform:rotate(-1deg)}[data-total-dv]:nth-child(even){transform:rotate(1deg)}
[data-fila-directo]{box-shadow:4px 5px 0 rgba(0,0,0,.45)}[data-fila-directo="listo"]{background:var(--noche-3)}
[data-wa-campos]{grid-template-columns:minmax(0,1fr)}@container (min-width:560px){[data-wa-campos]{grid-template-columns:repeat(2,minmax(0,1fr))}}
[data-wa-prod="true"]{border-color:var(--calabaza)!important;background:var(--noche-3)!important}
[data-total-dv][aria-pressed="true"]{outline:4px solid var(--crema);outline-offset:2px}
[data-video-fila="error"]{border-color:var(--magenta)!important;border-style:dashed!important}[data-video-fila="listo"]{opacity:.8}
[data-wa-num]{width:30px;height:30px;display:grid;place-items:center;background:var(--calabaza);color:var(--noche);border:3px solid var(--noche);border-radius:999px;font-size:16px}
[data-wa-llaveros]{grid-template-columns:repeat(3,minmax(0,1fr))}@container (min-width:560px){[data-wa-llaveros]{grid-template-columns:repeat(5,minmax(0,1fr))}}@container (min-width:860px){[data-wa-llaveros]{grid-template-columns:repeat(8,minmax(0,1fr))}}
[data-wa-caja][data-wa-prod="true"]{border-color:var(--calabaza)!important;background:var(--noche-3)!important}
[data-wa-caja]{grid-template-columns:64px minmax(0,1fr)!important}[data-wa-caja]>img{width:64px!important}[data-wa-caja]>[role="group"]{grid-column:1/-1;justify-self:stretch;justify-content:space-between}
@container (min-width:560px){[data-wa-caja]{grid-template-columns:72px minmax(0,1fr) auto!important}[data-wa-caja]>[role="group"]{grid-column:auto;justify-self:end}}
/* mis datos */
[data-md-grid]{grid-template-columns:minmax(0,1fr)}[data-md-lado]{display:none}

@media (max-width:899px){[data-md-barra]{position:sticky;bottom:0;z-index:5;box-shadow:0 -6px 14px rgba(18,5,26,.18)}}
[data-md-punto]:last-child i{display:none}[data-md-punto]:last-child{flex:none}
[data-md-punto="hecho"]>span{background:var(--calabaza);border-color:var(--noche);color:var(--noche)}[data-md-punto="hecho"] i{background:var(--calabaza)}
[data-md-punto="ahora"]>span{background:var(--rosa);border-color:var(--crema);color:var(--vino)}[data-md-punto="ahora"] i{background:var(--lila-2)}
[data-md-punto="falta"]>span{background:none;border-color:var(--lila-2);color:var(--lila)}[data-md-punto="falta"] i{background:var(--lila-2)}[data-md-punto="falta"] b{color:var(--lila)}
[data-md-nombre]{display:none}[data-md-punto="ahora"] [data-md-nombre]{display:inline}
[data-md-atras]:disabled{opacity:.35}
[data-md-tarjeta] [data-campo]:focus{outline:none;border-color:var(--vino)!important;box-shadow:0 0 0 4px rgba(254,149,246,.45)}
[data-md-punto]{flex:1 1 0}[data-md-punto="ahora"]{flex:0 0 auto}[data-md-punto="ahora"] i{flex:none;width:clamp(10px,4vw,40px)}[data-md-punto="ahora"] [data-md-nombre]{flex:none}
[data-enlace-bio="a"]{background:var(--calabaza);color:var(--noche)}[data-enlace-bio="b"]{background:var(--crema);color:var(--vino)}[data-enlace-bio="c"]{background:var(--rosa);color:var(--vino)}[data-enlace-bio="d"]{background:var(--lila);color:var(--noche)}[data-enlace-bio]:hover{color:inherit}
[data-check]{display:inline-block;background:#fff}[data-check=""]{background:#C42B78;box-shadow:inset 0 0 0 .6mm #fff}
[data-nombre-largo]{font-size:26pt}[data-nombre-largo="si"]{font-size:18pt}

/* ── Tema WordPress ── */
/* Los :hover y :active de cada botón (en las maquetas los generaba su motor como .scpN, numerados por página;
   aquí con un nombre estable sacado de la regla: h-<hash>). */
.h-088531:hover{color: var(--noche) !important;}
.h-107c7b:hover{transform: rotate(1.5deg) !important; color: var(--crema) !important;}
.h-2cbf46:hover{background: var(--noche-3) !important; color: var(--crema) !important;}
.h-2d3183:hover{color: var(--magenta-osc) !important;}
.h-3bd494:hover{transform: rotate(-1deg) translateY(-3px) !important; color: var(--crema) !important;}
.h-3f844f:hover{color: var(--vino) !important;}
.h-479fa5:hover{transform: rotate(-1.5deg) translateY(-3px) !important; box-shadow: 7px 7px 0 var(--magenta) !important;}
.h-5351ae:active{transform: translate(3px, 3px) !important; box-shadow: 0 0 0 var(--vino) !important;}
.h-5b390a:hover{transform: rotate(-1.5deg) translateY(-2px) !important; box-shadow: 5px 5px 0 var(--vino) !important;}
.h-6d1a8f:hover{color: var(--vino) !important; transform: translateY(-2px) !important;}
.h-73bb36:hover{transform: rotate(-1deg) translateY(-2px) !important; box-shadow: 6px 6px 0 var(--magenta) !important;}
.h-855778:hover{transform: rotate(-2deg) translateY(-2px) !important;}
.h-869299:hover{background: var(--noche-3) !important; border-color: var(--rosa) !important;}
.h-878cda:hover{transform: rotate(-1.5deg) translateY(-2px) !important; color: var(--vino) !important;}
.h-892884:active{transform: translate(2px, 2px) !important;}
.h-8eaeaa:hover{transform: rotate(-1deg) translateY(-2px) !important; box-shadow: 6px 6px 0 var(--magenta) !important; color: var(--noche) !important;}
.h-a740f1:hover{transform: rotate(-1.5deg) translateY(-2px) !important; box-shadow: 6px 6px 0 var(--magenta) !important; color: var(--noche) !important;}
.h-c033a7:hover{transform: rotate(-1deg) translateY(-3px) !important; color: var(--vino) !important;}
.h-c238f7:hover{border-color: var(--rosa) !important; color: var(--crema) !important;}
.h-c81d3b:hover{background: var(--noche-3) !important;}
.h-cc1311:hover{color: var(--crema) !important; border-color: var(--lila) !important;}
.h-ce53c9:hover{transform: rotate(-1.5deg) translateY(-2px) !important;}
.h-d434a9:hover{transform: rotate(-8deg) scale(1.06) !important;}
.h-e032e5:active{transform: translate(3px, 3px) !important; box-shadow: 1px 1px 0 var(--magenta) !important;}
.h-e22ec0:hover{background: var(--rosa) !important; color: var(--vino) !important;}
.h-f4425b:hover{transform: rotate(-1.2deg) translateY(-4px) !important; box-shadow: rgba(0, 0, 0, 0.55) 7px 9px 0px !important;}

/* La tarjeta de producto lleva «Agregar» y el contador − n +: se ve uno u otro según lo que haya en el carrito
   (el motor pone data-n en la tarjeta con la cantidad). */
[data-r3-id]:not([data-n]) [data-contador]{display:none!important}
[data-r3-id][data-n] [data-agregar]{display:none!important}
/* Mientras el servidor contesta, los controles del carrito no se pueden volver a tocar. */
html[data-ocupado] [data-cant],html[data-ocupado] [data-marca]{pointer-events:none;opacity:.7}
/* La tienda muestra los primeros 24; «Ver más» destapa los demás. */
[data-rejilla] > [data-oculto]{display:none}

/* ── Lo que imprime WooCommerce, con la piel del diseño (sus estilos generales van apagados) ── */
/* Avisos */
.woocommerce-error,.woocommerce-message,.woocommerce-info{list-style:none;margin:0 0 14px;display:flex;flex-direction:column;gap:6px;background:var(--crema);color:var(--vino);border:3px solid var(--vino);border-radius:20px;box-shadow:rgba(0,0,0,.5) 5px 6px 0;padding:12px 16px;font-weight:700;font-size:15px;line-height:1.4}
.woocommerce-error{border-color:var(--magenta)}
.woocommerce-error li,.woocommerce-message li,.woocommerce-info li{margin:0}
.woocommerce-error a,.woocommerce-message a,.woocommerce-info a{color:var(--magenta-osc)}
.woocommerce-message .button,.woocommerce-info .button{align-self:flex-start;order:2;background:var(--calabaza);color:var(--noche);border:3px solid var(--noche);border-radius:999px;padding:6px 16px;font-family:var(--f-d);font-weight:400;font-size:16px}
.woocommerce-NoticeGroup{grid-column:1/-1}
.r3-pago .woocommerce>.woocommerce-notices-wrapper,.r3-pago .woocommerce>.woocommerce-form-login-toggle,.r3-pago .woocommerce>form.woocommerce-form-login{max-width:1240px;margin:16px auto 0;padding:0 clamp(16px,4vw,56px);box-sizing:border-box}
.r3-pago .woocommerce>form.woocommerce-form-login{display:flex;flex-direction:column;gap:10px}
/* Los campos de la caja de pago (los pinta woocommerce_form_field) */
[data-rejilla-campos]{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media (min-width:560px){[data-rejilla-campos]{grid-template-columns:repeat(2,minmax(0,1fr))}[data-rejilla-campos]>.r3-entero{grid-column:1/-1}}
.r3-pago .form-row{margin:0;padding:0;display:flex;flex-direction:column;gap:6px;min-width:0}
.r3-pago .form-row label{font-weight:700;font-size:14px;line-height:1.3;color:inherit}
.r3-pago .form-row label .required{color:var(--magenta-osc);text-decoration:none;border:0}
.r3-pago .form-row label .optional{font-weight:400}
.r3-pago .form-row .woocommerce-input-wrapper{display:block}
.r3-pago .form-row input.input-text,.r3-pago .form-row select,.r3-pago .form-row textarea{width:100%;height:48px;padding:0 14px;background:var(--blanco);border:3px solid var(--vino);border-radius:14px;font:500 16px var(--f-b);color:var(--tinta);box-sizing:border-box}
.r3-pago .form-row textarea{height:auto;min-height:96px;padding:12px 14px;line-height:1.45}
.r3-pago .form-row input:focus,.r3-pago .form-row select:focus,.r3-pago .form-row textarea:focus,.r3-pago [data-campo]:focus{outline:none;box-shadow:0 0 0 4px rgba(254,149,246,.45)}
.r3-pago .form-row.woocommerce-invalid input.input-text,.r3-pago .form-row.woocommerce-invalid select,.r3-pago .form-row.woocommerce-invalid .select2-selection{border-color:var(--magenta)!important;background:#FFF0F7!important}
.r3-pago .checkout-inline-error-message{margin:0;font-weight:700;font-size:13px;color:var(--magenta-osc)}
.r3-pago #billing_country_field:has(input[type="hidden"]),.r3-pago #shipping_country_field:has(input[type="hidden"]){display:none}
.r3-pago .select2-container,[data-cuenta] .select2-container{width:100%!important}
.r3-pago .select2-container .select2-selection--single,[data-cuenta] .select2-container .select2-selection--single{height:48px;background:var(--blanco);border:3px solid var(--vino);border-radius:14px;display:flex;align-items:center}
.r3-pago .select2-container .select2-selection--single .select2-selection__rendered,[data-cuenta] .select2-container .select2-selection--single .select2-selection__rendered{padding:0 36px 0 14px;font:600 16px var(--f-b);color:var(--tinta);line-height:42px}
.r3-pago .select2-container .select2-selection--single .select2-selection__arrow,[data-cuenta] .select2-container .select2-selection--single .select2-selection__arrow{height:42px;right:8px}
.select2-dropdown{border:3px solid var(--vino)!important;border-radius:14px!important;overflow:hidden;font-family:var(--f-b);color:var(--tinta)}
.select2-container--default .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-results__option--highlighted[data-selected]{background:var(--rosa)!important;color:var(--vino)!important}
.select2-search--dropdown .select2-search__field{border:2px solid var(--vino)!important;border-radius:10px;height:40px;padding:0 10px;font:500 16px var(--f-b)}
/* Las tarifas de envío como opciones (radio escondido; con una sola tarifa va marcada) */
[data-envio] input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
[data-envio][data-on],[data-envio]:has(input:checked){background:var(--noche-3);border-color:var(--rosa)!important}
[data-envio][data-on] [data-punto],[data-envio]:has(input:checked) [data-punto]{background:var(--rosa)}
[data-envio]:has(input:focus-visible){outline:3px solid var(--rosa);outline-offset:2px}
/* «Es pa’ mí»: casilla de verdad con cara de interruptor */
[data-interruptor-campo] input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
[data-interruptor-campo] [data-pista]{background:var(--noche);transition:background .25s}
[data-interruptor-campo] [data-bola]{left:2px}
[data-interruptor-campo]:has(input:checked) [data-pista]{background:var(--calabaza)}
[data-interruptor-campo]:has(input:checked) [data-bola]{left:20px}
[data-interruptor-campo]:has(input:focus-visible) [data-pista]{outline:3px solid var(--rosa);outline-offset:2px}
[data-regalo]:has(#rv_pa_mi:checked) [data-de-para]{display:none}
/* Pasarela, términos y aceptación */
.r3-pago .wc_payment_methods[data-unica]{display:none}
.r3-pago .wc_payment_method{background:rgba(18,5,26,.6);border:2px solid var(--lila-2);border-radius:18px;padding:12px 14px;color:var(--crema)}
.r3-pago .wc_payment_method>label{font-weight:700;font-size:15px;display:inline-flex;gap:8px;align-items:center;cursor:pointer}
.r3-pago .wc_payment_method>label img{max-height:24px;width:auto}
.r3-pago .payment_box{margin-top:8px;font-size:13px;line-height:1.45;color:var(--lila)}
.r3-pago .payment_box p{margin:0}
.r3-pago .woocommerce-terms-and-conditions-wrapper{display:flex;flex-direction:column;gap:8px;font-size:12.5px;line-height:1.5;color:var(--lila)}
.r3-pago .woocommerce-terms-and-conditions-wrapper p{margin:0}
.r3-pago .woocommerce-terms-and-conditions-wrapper a,.r3-pago .rv-acepta a{color:var(--rosa);font-weight:700}
.r3-pago .woocommerce-terms-and-conditions{max-height:200px;overflow:auto;background:var(--crema);color:var(--tinta);border-radius:14px;padding:12px}
.r3-pago .woocommerce-form__label-for-checkbox{display:flex;gap:8px;align-items:flex-start;font-weight:700;font-size:13.5px;color:var(--crema)}
.r3-pago .rv-acepta{margin:0!important;padding:0!important;background:none!important;border:0!important;color:var(--lila)!important;font-size:12.5px!important}
/* En el celular el resumen va arriba, plegado: abajo solo quedan las fechas y el botón */
@media (max-width:899px){[data-pago-grid] aside[data-pago-resumen]{position:relative!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important}[data-pago-resumen] .woocommerce-checkout-review-order-table{display:none!important}[data-pago-resumen] [data-velo-pago]{border-radius:20px}}
[data-pago-resumen] #place_order{cursor:pointer}
[data-pago-resumen] #place_order:disabled{opacity:.6;cursor:not-allowed}
/* El texto de las páginas (legales y las que haga el dueño) */
[data-texto-pagina]{display:flex;flex-direction:column;gap:12px;font-size:15.5px;line-height:1.65;counter-reset:s;text-wrap:pretty}
[data-texto-pagina]>*{margin:0}
[data-texto-pagina] h2{display:flex;align-items:center;gap:10px;font-family:var(--f-d);font-weight:400;font-size:24px;line-height:1.1;color:var(--vino);border-top:2px dashed rgb(226,190,221);padding-top:16px;margin-top:6px;scroll-margin-top:120px}
[data-texto-pagina] h2::before{counter-increment:s;content:counter(s);flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;background:var(--rosa);border:3px solid var(--vino);border-radius:999px;font-size:17px}
[data-texto-pagina] h3{font-weight:700;font-size:17px;line-height:1.3;color:var(--vino)}
[data-texto-pagina] ul,[data-texto-pagina] ol{padding-left:22px;display:flex;flex-direction:column;gap:6px}
[data-texto-pagina] a{color:var(--magenta-osc);font-weight:700;text-decoration:underline;text-underline-offset:3px}
[data-texto-pagina] strong,[data-texto-pagina] b{color:var(--vino)}
[data-texto-pagina] table{width:100%;border-collapse:collapse;font-size:14px}
[data-texto-pagina] th,[data-texto-pagina] td{border:2px solid rgb(226,190,221);padding:8px;text-align:left;vertical-align:top}
[data-texto-pagina] img{max-width:100%;height:auto}
[data-texto-historia]>*{margin:0}

/* ── Mis datos (el enlace de los pedidos por WhatsApp): la plantilla de siempre con la piel de MisDatos.dc.html ──
   Lo funcional primero: la trampa para robots fuera de la pantalla (no display:none: un robot que lea el CSS se
   salta los campos ocultos), un paso a la vez con el script, y el error de cada campo solo cuando está malo. */
body.r3-datos{background:var(--noche-2);color:var(--crema)}
.rv-datos [hidden]{display:none!important}
.rv-datos__trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.rv-datos__form.rv-js .rv-datos__paso{display:none}
.rv-datos__form.rv-js .rv-datos__paso--visible{display:block}
.rv-datos__mal{display:none;font-weight:700;font-size:12.5px;line-height:1.45;color:var(--magenta-osc)}
.rv-datos__campo--malo .rv-datos__mal{display:block}
.rv-datos__campo--malo .rv-datos__pista{display:none}
.rv-datos__cabeza{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;margin:0 0 18px}
.rv-datos__cabeza>img{width:clamp(96px,22vw,140px);height:auto}
.rv-datos .page-title{margin:0;font-family:var(--f-d);font-weight:400;font-size:clamp(24px,4vw,30px);line-height:1.05;color:var(--rosa)}
.rv-datos__intro{margin:4px 0 0;font-size:14px;line-height:1.5}
.rv-datos__tarda{display:block;margin-top:4px;font-size:13px;color:var(--lila)}
.rv-datos__error{margin:0 0 16px;background:var(--crema);color:var(--vino);border:3px solid var(--magenta);border-radius:20px;box-shadow:rgba(0,0,0,.5) 5px 6px 0;padding:12px 16px;font-weight:700;font-size:14.5px;line-height:1.45}
.rv-datos__avance{margin:0 0 14px}
.rv-datos__avance-barra{height:12px;background:var(--noche-3);border:2px solid var(--lila-2);border-radius:999px;overflow:hidden}
.rv-datos__avance-barra span{display:block;height:100%;width:0;background:var(--calabaza);transition:width .3s var(--rebote)}
.rv-datos__avance-txt{margin-top:6px;font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--lila)}
.rv-datos__paso{min-width:0;margin:0 0 16px;background:var(--crema);color:var(--vino);border:4px solid var(--vino);border-radius:28px;box-shadow:9px 11px 0 var(--magenta);padding:clamp(18px,4vw,30px) clamp(16px,4vw,30px)}
.rv-datos__paso legend{float:left;width:100%;padding:0;margin:0 0 6px;font-family:var(--f-d);font-weight:400;font-size:clamp(30px,5vw,42px);line-height:.95;color:var(--vino)}
.rv-datos__paso legend~*{clear:both}
.rv-datos__ayuda{margin:0 0 16px;font-size:15px;line-height:1.5;color:var(--tinta)}
.rv-datos__campo{display:flex;flex-direction:column;gap:6px;margin:0 0 14px}
.rv-datos__campo label{font-weight:700;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--magenta-osc)}
.rv-datos__campo label em{font-style:normal;font-weight:600;letter-spacing:0;text-transform:none;color:var(--magenta-osc);opacity:.8}
.rv-datos__campo input[type="text"],.rv-datos__campo input[type="tel"],.rv-datos__campo input[type="email"],.rv-datos__campo input[type="number"],.rv-datos__campo select,.rv-datos__campo textarea{width:100%;min-width:0;box-sizing:border-box;height:56px;padding:0 14px;background:var(--blanco);border:2px solid rgb(226,190,221);border-radius:14px;font:700 16px var(--f-b);color:var(--vino)}
.rv-datos__campo textarea{height:auto;min-height:96px;padding:12px 14px;line-height:1.5;resize:vertical}
.rv-datos__campo input:focus,.rv-datos__campo select:focus,.rv-datos__campo textarea:focus{outline:none;border-color:var(--vino);box-shadow:0 0 0 4px rgba(254,149,246,.45)}
.rv-datos__campo select:disabled{opacity:.55}
.rv-datos__campo--malo input,.rv-datos__campo--malo select,.rv-datos__campo--malo textarea{border-color:var(--magenta)!important;background:#FFF0F7!important}
.rv-datos__pista{font-size:12.5px;line-height:1.45;color:var(--tinta);opacity:.85}
.rv-datos__cuenta{font-weight:700;color:var(--magenta-osc)}
.rv-datos__aviso{font-weight:700;font-size:12.5px;line-height:1.45;color:#6b4b06;background:rgba(255,181,71,.18);border:2px solid var(--ambar);border-radius:10px;padding:7px 10px}
#rv-aviso-mail{cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.rv-datos__opciones{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}
.rv-datos__opcion{flex:1 1 180px;display:flex;align-items:center;gap:10px;min-height:56px;background:var(--blanco);border:3px solid var(--vino);border-radius:16px;padding:12px 14px;cursor:pointer;font-weight:700;font-size:15px;color:var(--vino);text-transform:none;letter-spacing:0;transition:background .2s,transform .3s var(--rebote)}
.rv-datos__opcion input,.rv-datos__casilla input{width:22px;height:22px;flex:0 0 auto;accent-color:var(--magenta)}
.rv-datos__opcion:has(input:checked){background:var(--rosa);box-shadow:3px 3px 0 var(--vino);transform:rotate(-1deg)}
.rv-datos__casilla{display:flex;align-items:flex-start;gap:12px;margin:0 0 10px;background:var(--blanco);border:3px solid var(--vino);border-radius:16px;padding:14px;cursor:pointer;text-transform:none;letter-spacing:0}
.rv-datos__casilla:has(input:checked){background:var(--rosa);box-shadow:3px 3px 0 var(--vino)}
.rv-datos__casilla span{display:flex;flex-direction:column;gap:3px;min-width:0}
.rv-datos__casilla strong{font-size:15.5px;color:var(--vino)}
.rv-datos__casilla em{font-style:normal;font-size:13px;line-height:1.45;color:var(--tinta)}
.rv-datos__guia{background:var(--noche);border-radius:16px;padding:14px 16px;margin:4px 0}
.rv-datos__guia-tit{font-weight:700;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--rosa);margin-bottom:8px}
.rv-datos__guia-caja{margin:0;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13.5px;line-height:1.65;color:var(--crema);white-space:pre-wrap;overflow-wrap:anywhere}
.rv-datos__guia-corte{margin:10px 0 0;font-size:12.5px;line-height:1.45;color:var(--ambar)}
.rv-datos__resumen{margin:0 0 16px}
.rv-datos__fila{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;padding:8px 0;border-bottom:2px dashed rgb(226,190,221)}
.rv-datos__fila-k{flex:0 0 130px;padding-top:3px;font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--magenta-osc)}
.rv-datos__fila-v{flex:1 1 200px;min-width:0;font-size:15.5px;line-height:1.45;color:var(--vino);overflow-wrap:anywhere;white-space:pre-wrap}
.rv-datos__fila-v--vacio{color:var(--magenta-osc);opacity:.6}
.rv-datos__editar{flex:0 0 auto;margin-left:auto;padding:12px 8px;background:none;border:0;font-weight:700;font-size:12.5px;color:var(--magenta-osc);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.rv-datos__botones{display:flex;gap:10px;margin:0 0 10px}
.rv-datos__atras{flex:0 0 auto;min-height:56px;padding:0 16px;background:none;color:var(--crema);border:3px solid var(--lila);border-radius:16px;font-weight:700;font-size:14px;cursor:pointer}
.rv-datos__sigue{flex:1 1 auto;min-height:56px;background:var(--calabaza);color:var(--noche);border:3px solid var(--noche);border-radius:16px;box-shadow:3px 3px 0 var(--magenta);font-family:var(--f-d);font-size:21px;cursor:pointer}
.rv-datos__enviar{width:100%;min-height:60px;background:var(--calabaza);color:var(--noche);border:3px solid var(--noche);border-radius:16px;box-shadow:4px 4px 0 var(--magenta);font-family:var(--f-d);font-size:22px;cursor:pointer}
.rv-datos__sigue:active,.rv-datos__enviar:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--magenta)}
.rv-datos__acepta{margin:14px 0;font-size:12.5px;line-height:1.55;color:var(--tinta)}
.rv-datos__acepta a{color:var(--vino);font-weight:700}
.rv-datos__permiso{margin:8px 0 14px;font-size:12px;line-height:1.55;color:#6b4b06;background:rgba(255,181,71,.18);border:2px solid var(--ambar);border-radius:10px;padding:9px 11px}
.rv-datos__carta{margin-top:16px;padding-top:14px;border-top:2px dashed rgb(226,190,221)}
.rv-datos__cuando,.rv-datos__debe{display:flex;gap:10px;align-items:flex-start;margin:0 0 14px;text-align:left;font-size:14.5px;line-height:1.5;border-radius:16px;padding:10px 14px}
.rv-datos__cuando{background:var(--blanco);color:var(--vino);border:2px solid rgb(226,190,221)}
.rv-datos__debe{background:rgba(255,181,71,.18);color:var(--crema);border:2px solid var(--ambar)}
.rv-datos__cuando img,.rv-datos__debe img,.rv-datos__wa img{width:28px;height:28px;flex:0 0 auto;background:var(--crema);border-radius:999px;padding:2px}
.rv-datos__listo,.rv-datos__aviso-grande{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.rv-datos__listo-titulo{margin:0;font-family:var(--f-d);font-weight:400;font-size:clamp(32px,7vw,44px);line-height:.95;color:var(--rosa)}
.rv-datos__aviso-grande .page-title{font-size:clamp(32px,7vw,44px);line-height:.95}
.rv-datos__listo-sub{margin:0;font-size:16px;line-height:1.5}
.rv-datos__correo-ok{margin:0;font-size:15px;line-height:1.5;color:var(--lila);overflow-wrap:anywhere}
.rv-datos__correo-ok strong{color:var(--crema)}
.rv-datos__recibo{width:100%;text-align:left;background:var(--crema);color:var(--vino);border:4px solid var(--vino);border-radius:24px;box-shadow:7px 8px 0 var(--magenta);padding:16px 18px;box-sizing:border-box}
.rv-datos__recibo h2{margin:0 0 8px;font-family:var(--f-d);font-weight:400;font-size:24px}
.rv-datos__recibo dl{margin:0}
.rv-datos__recibo dl>div{display:flex;flex-wrap:wrap;gap:4px 14px;padding:8px 0;border-bottom:2px dashed rgb(226,190,221)}
.rv-datos__recibo dt{flex:0 0 120px;padding-top:3px;font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--magenta-osc)}
.rv-datos__recibo dd{flex:1 1 180px;min-width:0;margin:0;font-size:15.5px;line-height:1.45;overflow-wrap:anywhere}
.rv-datos__falta{margin:6px 0 0;font-weight:700;font-size:15px}
.rv-datos__listo-ojo{margin:0;font-size:14px;line-height:1.55;color:var(--lila)}
a.rv-datos__wa{display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 22px 0 8px;background:var(--calabaza);color:var(--noche);border:3px solid var(--noche);border-radius:999px;box-shadow:4px 4px 0 var(--magenta);font-family:var(--f-d);font-size:20px}
@media (max-width:480px){.rv-datos__fila-k,.rv-datos__recibo dt{flex:1 1 100%}}

/* ── Mi cuenta (fase 1: la paleta y las letras del diseño sobre las plantillas de WooCommerce y del tema padre;
   el diseño completo de MiCuenta.dc.html es la fase 2) ── */
[data-cuenta] h2,[data-cuenta] h3{margin:0 0 10px;font-family:var(--f-d);font-weight:400;line-height:1.05;color:var(--rosa)}
[data-cuenta] h2{font-size:28px}[data-cuenta] h3{font-size:22px}
[data-cuenta] p{line-height:1.55}
[data-cuenta] a{color:var(--rosa)}
/* Mi cuenta con el diseño final: las pestañas en pastillas (navigation.php), los botones y los atajos. */
[data-pastillas-cuenta]::-webkit-scrollbar{display:none}
[data-cuenta] [data-chip]{color:var(--crema);text-decoration:none}[data-cuenta] [data-chip][aria-pressed="true"]{color:var(--vino)}[data-cuenta] [data-chip]:hover{border-color:var(--rosa)!important;color:var(--crema)}[data-cuenta] [data-chip][aria-pressed="true"]:hover{color:var(--vino)}
[data-cuenta] [data-boton]{text-decoration:none}[data-cuenta] [data-boton="a"],[data-cuenta] [data-boton="a"]:hover{color:var(--noche)}[data-cuenta] [data-boton="b"],[data-cuenta] [data-boton="b"]:hover{color:var(--vino)}
[data-cuenta] [data-atajo-cuenta]{color:var(--crema);text-decoration:none;transition:border-color .2s,transform .3s var(--rebote)}[data-cuenta] [data-atajo-cuenta]:hover{border-color:var(--rosa)!important;transform:translateY(-3px);color:var(--crema)}
[data-cuenta] ol li b p{margin:0}[data-cuenta] [data-otra-vez]:empty{display:none}[data-cuenta] [data-otra-vez] .order-again{margin:0}[data-cuenta] [data-otra-vez] .button{width:100%;min-height:56px;font-size:21px}
.woocommerce-MyAccount-content{min-width:0;display:flex;flex-direction:column;gap:16px}
[data-tarjeta-cuenta],[data-cuenta] .woocommerce-EditAccountForm,[data-cuenta] .woocommerce-address-fields,[data-cuenta] form.woocommerce-ResetPassword{background:var(--crema);color:var(--vino);border:3px solid var(--vino);border-radius:24px;box-shadow:rgba(0,0,0,.5) 6px 7px 0;padding:clamp(16px,3vw,24px)}
[data-tarjeta-cuenta] h2,[data-tarjeta-cuenta] label,[data-cuenta] .woocommerce-EditAccountForm label,[data-cuenta] .woocommerce-address-fields label,[data-cuenta] form.woocommerce-ResetPassword label{color:var(--vino)}
[data-cuenta] .woocommerce-EditAccountForm legend{font-family:var(--f-d);font-size:22px;color:var(--vino);padding:0}
[data-cuenta] fieldset{border:0;margin:10px 0 0;padding:0}
[data-cuenta] .form-row{margin:0 0 12px;display:flex;flex-direction:column;gap:6px}
@media (min-width:640px){[data-cuenta] form .form-row-first,[data-cuenta] form .form-row-last{display:inline-flex;width:calc(50% - 12px);vertical-align:top}[data-cuenta] form .form-row-first{margin-right:12px}}
/* El ojo de «ver contraseña» que WooCommerce le pone a los campos de clave (su ícono venía de la fuente de WooCommerce, que este tema no carga). */
.password-input{position:relative;display:block;width:100%}.password-input input{padding-right:52px!important}
.show-password-input{position:absolute;top:50%;right:7px;transform:translateY(-50%);width:38px;height:38px;min-height:0!important;padding:0!important;border:0!important;border-radius:10px;box-shadow:none!important;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2378024D' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/24px no-repeat;font-size:0;color:transparent;cursor:pointer}
.show-password-input.display-password{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2378024D' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M3 3l18 18'/%3E%3C/svg%3E")}
.show-password-input::after{content:none!important}.show-password-input:focus-visible{outline:3px solid var(--rosa);outline-offset:1px}
[data-cuenta] .form-row label,[data-cuenta] .woocommerce-form-row label{font-weight:700;font-size:14px}
[data-cuenta] .required{color:var(--magenta-osc);border:0;text-decoration:none}
[data-cuenta] input.input-text,[data-cuenta] input[type="email"],[data-cuenta] input[type="password"],[data-cuenta] input[type="tel"],[data-cuenta] input[type="text"],[data-cuenta] select,[data-cuenta] textarea{width:100%;height:50px;padding:0 14px;box-sizing:border-box;background:var(--blanco);border:3px solid var(--vino);border-radius:14px;font:500 16px var(--f-b);color:var(--tinta)}
[data-cuenta] textarea{height:auto;min-height:96px;padding:12px 14px}
[data-cuenta] input:focus,[data-cuenta] select:focus,[data-cuenta] textarea:focus{outline:none;box-shadow:0 0 0 4px rgba(254,149,246,.45)}
[data-cuenta] .woocommerce-form__label-for-checkbox{flex-direction:row!important;align-items:center;gap:8px;font-weight:700}
[data-cuenta] .woocommerce-form__label-for-checkbox input{width:20px;height:20px}
[data-cuenta] .button,[data-cuenta] button[type="submit"]{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;background:var(--calabaza);color:var(--noche)!important;border:3px solid var(--noche);border-radius:999px;box-shadow:4px 4px 0 var(--magenta);font-family:var(--f-d);font-weight:400;font-size:19px;text-decoration:none;cursor:pointer}
[data-cuenta] .button:active,[data-cuenta] button[type="submit"]:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--magenta)}
[data-cuenta] .lost_password a,[data-cuenta] .woocommerce-LostPassword a{font-weight:700;color:var(--magenta-osc)}
[data-cuenta] .r3-aparte{margin:6px 0 10px;font-weight:700;font-size:13px;color:var(--vino)}
[data-cuenta] .r3-aparte em{font-weight:400;font-style:normal}
[data-cuenta] table.shop_table{width:100%;border-collapse:separate;border-spacing:0;background:var(--noche-2);border:3px solid var(--lila-2);border-radius:20px;overflow:hidden;font-size:14.5px}
[data-cuenta] table.shop_table th,[data-cuenta] table.shop_table td{padding:12px 14px;text-align:left;border-bottom:2px solid var(--lila-2);color:var(--crema)}
[data-cuenta] table.shop_table thead th{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--lila)}
[data-cuenta] table.shop_table tr:last-child td,[data-cuenta] table.shop_table tfoot tr:last-child th{border-bottom:0}
[data-cuenta] table.shop_table .button{min-height:40px;padding:0 14px;font-size:15px;box-shadow:3px 3px 0 var(--magenta);margin:2px 4px 2px 0}
@media (max-width:640px){[data-cuenta] table.shop_table_responsive thead{display:none}[data-cuenta] table.shop_table_responsive tr{display:block;border-bottom:2px solid var(--lila-2)}[data-cuenta] table.shop_table_responsive td{display:flex;justify-content:space-between;gap:10px;border:0}[data-cuenta] table.shop_table_responsive td::before{content:attr(data-title);font-weight:700;color:var(--lila)}}
[data-cuenta] .woocommerce-Addresses,[data-cuenta] .col2-set{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px}
[data-cuenta] .woocommerce-Address,[data-cuenta] .woocommerce-customer-details address{background:var(--noche-2);border:3px solid var(--lila-2);border-radius:20px;padding:14px 16px;font-style:normal;line-height:1.55}
[data-cuenta] .woocommerce-Address-title{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
[data-cuenta] mark{background:var(--rosa);color:var(--vino);border-radius:6px;padding:0 6px}
/* «¿Olvidó su contraseña?» y «Nueva contraseña» del tema padre (rv-clave) */
[data-cuenta] .rv-clave{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;max-width:520px;margin:0 auto}
[data-cuenta] .rv-clave__cara{font-size:48px;line-height:1}
[data-cuenta] .rv-clave__tit{margin:0;font-family:var(--f-d);font-weight:400;font-size:clamp(28px,5vw,40px);line-height:1;color:var(--rosa)}
[data-cuenta] .rv-clave__sub,[data-cuenta] .rv-clave__tip{margin:0;color:var(--lila)}
[data-cuenta] .rv-clave__form{width:100%;text-align:left;background:var(--crema);color:var(--vino);border:3px solid var(--vino);border-radius:24px;box-shadow:rgba(0,0,0,.5) 6px 7px 0;padding:18px}
[data-cuenta] .rv-clave__form label{color:var(--vino)}
[data-cuenta] .rv-clave__volver{font-weight:700;color:var(--rosa)}
/* Preguntas: lo que el buscador o el tema esconden */
[data-faq-lista] [hidden]{display:none!important}

/* ── Arreglos en vivo, 13 oct ── */
/* Lo que se sale por la derecha (los llaveros colgados de la portada) se recorta, como en el diseño: sin esto la página
   se corría de lado ~340 px en computador. clip (no hidden) para no romper lo pegajoso (sticky). */
html,body{overflow-x:clip}
/* Las flechas de los carruseles son absolutas: su caja tiene que ser el ancla, o flotaban sobre el banner de arriba. */
[data-riel-caja]{position:relative}
/* Los carruseles en UNA fila (pedido del dueño): en computador se recorren con las flechas o arrastrando con el mouse
   (n3.js); que la foto no se «agarre» como imagen al arrastrar. */
@media (pointer:fine){[data-riel]{cursor:grab}[data-riel][data-arrastra]{cursor:grabbing;user-select:none}}
[data-riel] img{-webkit-user-drag:none;user-select:none}
/* Los heroes en el celular: todo centrado (el texto, el título, el precio y los botones), y en la caja el «Agregar» a
   lo ancho. En computador siguen como el diseño, a la izquierda junto a la escena. */
@media (max-width:899px){
[data-heroe] [data-texto-acto],[data-heroe] [data-cta-acto],[data-heroe-texto]{align-items:center!important;justify-content:center;text-align:center}
[data-heroe] [data-titulo-heroe],[data-heroe-texto] [data-titulo-heroe]{margin:0 auto!important}
[data-cuantos-caja]{align-items:stretch!important;width:100%}
[data-cuantos-caja]>div{justify-content:center}
[data-cuantos-caja]>p{justify-content:center}
[data-cuantos-caja] [data-agrega]{width:100%;justify-content:center}
[data-heroe] [role="tablist"]{margin:0 auto;width:100%}
}
/* Las pestañas del héroe de la portada: las dos del mismo alto, con la barra abajo y alineadas. */
[data-heroe] [role="tablist"] [data-tab]{justify-content:flex-end}
/* Con El Revuelto el banner tiene 3 pestañas (14 oct): en el celular no caben en una línea; el nombre puede partirse
   (la barra queda abajo en las tres, pareja) y la lista se ensancha un poco en computador. */
[data-heroe] [role="tablist"]:has(>[data-tab]:nth-child(3)){max-width:640px}
[data-heroe] [role="tablist"]:has(>[data-tab]:nth-child(4)){max-width:780px;gap:8px!important}
@media (max-width:899px){[data-heroe] [role="tablist"]:has(>[data-tab]:nth-child(3)) [data-tab]{font-size:10px!important;letter-spacing:.08em!important}[data-heroe] [role="tablist"]:has(>[data-tab]:nth-child(3)) [data-tab]>span:first-child{white-space:normal!important}}
/* La descripción del dulce en la ficha (13 oct): párrafos de WordPress (wpautop) con aire parejo. */
[data-ficha-desc] p{margin:0 0 .55em}[data-ficha-desc] p:last-child{margin-bottom:0}

/* La cinta EN VIVO del plugin (Directo::script_banner: fija arriba, 44 px, pone body.rv-directo) - 14 oct: la cabecera
   fija y la barra de la tienda bajan con ella; sin esto la cinta tapaba la franja naranja y medio menu. */
/* El bloque «en vivo» de la página de enlaces nace oculto y su estilo inline trae display:flex: el hidden tiene que ganar. */
#enlaces-vivo[hidden],#enlaces-vivo-ver[hidden]{display:none!important}
body.rv-directo [data-cabeza]{top:44px!important}
body.rv-directo [data-pegado]{top:124px}html[data-abajo] body.rv-directo [data-pegado]{top:96px}
@media (min-width:900px){body.rv-directo [data-pegado]{top:132px}html[data-abajo] body.rv-directo [data-pegado]{top:104px}}
/* La cinta EN VIVO con la piel del tema 3D (14 oct, «el estilo no se ve como toda la página»). La pinta el plugin con su
   CSS propio; aquí solo se viste encima (body.rv-directo le gana en especificidad), sin tocar cómo funciona. */
body.rv-directo #rv-directo-bar{background:var(--vino-osc);color:var(--crema);border-bottom:3px solid var(--noche);box-shadow:0 4px 0 rgba(0,0,0,.35);font-family:var(--f-b)}
body.rv-directo #rv-directo-bar .rv-d-item{font-weight:700;font-size:13.5px}
body.rv-directo #rv-directo-bar .rv-d-item b{font-family:var(--f-d);font-size:17px;letter-spacing:.02em;color:var(--rosa);text-transform:uppercase}
body.rv-directo #rv-directo-bar .rv-d-dot{width:10px;height:10px;background:#FF4D4D;border:2px solid var(--crema);box-shadow:none}
body.rv-directo #rv-directo-bar .rv-d-ver{background:var(--calabaza);color:var(--noche);border:3px solid var(--noche);border-radius:999px;box-shadow:3px 3px 0 var(--magenta);padding:4px 14px 5px;font-family:var(--f-d);font-size:15px;letter-spacing:.02em;text-transform:none}