/* Tienda pública de un negocio (Escencia). Celular primero.
   Cada tienda se viste a su modo: un estilo pone la base (fondo, tinta, color, letra y forma) y el dueño puede cambiar cada cosa.
   Las claves de estilo, letra, trama y forma se repiten en tienda/estilos.js y en functions/lib/tienda.js. */
:root{--c:#C9A84C;--c-tinta:#1a1206;--fondo:#FBF8F3;--tinta:#1F1B16;
  --tarjeta:color-mix(in srgb,var(--fondo) 40%,#fff);--gris:color-mix(in srgb,var(--tinta) 64%,var(--fondo));--linea:color-mix(in srgb,var(--tinta) 13%,var(--fondo));
  --r:14px;--rb:999px;--rc:12px;--ft:'Cormorant Garamond',serif;--fb:'Montserrat',system-ui,sans-serif;--ft-peso:600;--ft-esp:.01em;--ft-e:1;color-scheme:light}
html[data-tema=oscuro]{--tarjeta:color-mix(in srgb,var(--fondo) 92%,#fff);--gris:color-mix(in srgb,var(--tinta) 66%,var(--fondo));color-scheme:dark}
/* estilos */
html[data-estilo=suave]{--fondo:#FFF4F7;--tinta:#4A3440;--c:#E58FB1;--ft:'Quicksand',sans-serif;--fb:'Quicksand',sans-serif;--ft-peso:700;--ft-e:.9;--ft-esp:0;--r:24px;--rc:18px}
html[data-estilo=sueno]{--fondo:#F4F1FB;--tinta:#2E2A45;--c:#8E7CC3;--ft:'Dancing Script',cursive;--ft-peso:600;--ft-e:1.18;--ft-esp:0;--fb:'Quicksand',sans-serif;--r:24px;--rc:18px}
html[data-estilo=moderna]{--fondo:#FFFFFF;--tinta:#111111;--c:#111111;--ft:'Poppins',sans-serif;--fb:'Poppins',sans-serif;--ft-peso:600;--ft-e:.88;--ft-esp:-.01em;--r:2px;--rb:2px;--rc:2px}
html[data-estilo=boutique]{--fondo:#F6F1EA;--tinta:#2B2420;--c:#A47E5B;--ft:'Playfair Display',serif;--ft-peso:600;--ft-e:.95}
html[data-estilo=natural]{--fondo:#F2F1E6;--tinta:#2F3A2C;--c:#6B8F71;--ft:'Playfair Display',serif;--ft-peso:500;--ft-e:.95;--fb:'Quicksand',sans-serif}
html[data-estilo=viva]{--fondo:#FFFBF0;--tinta:#1B1B3A;--c:#FF5A36;--ft:'Bebas Neue',sans-serif;--ft-peso:400;--ft-e:1.1;--ft-esp:.03em;--fb:'Poppins',sans-serif;--r:22px;--rc:16px}
html[data-estilo=noche]{--fondo:#0D0C09;--tinta:#F1E9D8;--c:#C9A84C}
/* letra y forma elegidas por el dueño (van después para que manden sobre el estilo) */
html[data-letra=cormorant]{--ft:'Cormorant Garamond',serif;--ft-peso:600;--ft-e:1;--ft-esp:.01em}
html[data-letra=playfair]{--ft:'Playfair Display',serif;--ft-peso:600;--ft-e:.95;--ft-esp:0}
html[data-letra=poppins]{--ft:'Poppins',sans-serif;--fb:'Poppins',sans-serif;--ft-peso:600;--ft-e:.88;--ft-esp:-.01em}
html[data-letra=quicksand]{--ft:'Quicksand',sans-serif;--fb:'Quicksand',sans-serif;--ft-peso:700;--ft-e:.9;--ft-esp:0}
html[data-letra=bebas]{--ft:'Bebas Neue',sans-serif;--ft-peso:400;--ft-e:1.1;--ft-esp:.03em}
html[data-letra=dancing]{--ft:'Dancing Script',cursive;--ft-peso:600;--ft-e:1.18;--ft-esp:0}
html[data-letra=montserrat]{--ft:'Montserrat',system-ui,sans-serif;--ft-peso:700;--ft-e:.86;--ft-esp:0}
html[data-forma=redonda]{--r:24px;--rb:999px;--rc:18px}html[data-forma=media]{--r:14px;--rb:999px;--rc:12px}html[data-forma=recta]{--r:2px;--rb:2px;--rc:2px}
/* trama del fondo: siempre con el color de la tienda, muy suave */
html[data-trama=puntos] body{background-image:radial-gradient(color-mix(in srgb,var(--c) 34%,transparent) 1.3px,transparent 1.6px);background-size:20px 20px}
html[data-trama=rayas] body{background-image:repeating-linear-gradient(135deg,color-mix(in srgb,var(--c) 9%,transparent) 0 10px,transparent 10px 24px)}
html[data-trama=cuadros] body{background-image:linear-gradient(color-mix(in srgb,var(--c) 13%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--c) 13%,transparent) 1px,transparent 1px);background-size:26px 26px}
html[data-trama=degradado] body{background-image:linear-gradient(180deg,color-mix(in srgb,var(--c) 24%,var(--fondo)),var(--fondo) 460px);background-repeat:no-repeat}
html[data-trama=brillo] body{background-image:radial-gradient(ellipse 130% 420px at 50% -60px,color-mix(in srgb,var(--c) 34%,transparent),transparent 72%);background-repeat:no-repeat}
*{box-sizing:border-box}html,body{overflow-x:clip}
body{margin:0;background-color:var(--fondo);color:var(--tinta);font:400 16px/1.5 var(--fb);-webkit-font-smoothing:antialiased;padding-bottom:96px}
button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}
.ancho{width:min(1080px,100%);margin:0 auto;padding:0 16px}
.cab{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--fondo) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--linea)}
.cab .ancho{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;padding-bottom:10px}
.marca h1{margin:0;font:var(--ft-peso) calc(clamp(22px,6vw,30px)*var(--ft-e))/1.1 var(--ft);letter-spacing:var(--ft-esp)}
.marca p{margin:2px 0 0;font-size:13px;color:var(--gris)}.marca p:empty{display:none}
.redes{display:flex;gap:6px;flex:0 0 auto}.redes a{display:grid;place-items:center;min-width:40px;height:40px;padding:0 10px;border:1px solid var(--linea);border-radius:var(--rb);font-size:12px;font-weight:600;text-decoration:none}
.chips{display:flex;gap:8px;overflow-x:auto;padding:0 16px 12px;scrollbar-width:none;width:min(1080px,100%);margin:0 auto}.chips::-webkit-scrollbar{display:none}
.chips button{flex:0 0 auto;min-height:42px;padding:0 16px;border:1px solid var(--linea);border-radius:var(--rb);background:var(--tarjeta);font-size:13px;font-weight:500;white-space:nowrap}
.chips button.on{background:var(--tinta);color:var(--fondo);border-color:var(--tinta)}
.cargando,.vacia{padding:60px 0;text-align:center;color:var(--gris)}
.aviso{margin:16px 0 0;padding:12px 14px;border-radius:var(--rc);background:color-mix(in srgb,var(--c) 14%,transparent);font-size:14px}
h2.sec{margin:26px 0 12px;font:var(--ft-peso) calc(21px*var(--ft-e))/1.2 var(--ft);letter-spacing:var(--ft-esp);scroll-margin-top:130px}
.rej{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:700px){.rej{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media (min-width:1000px){.rej{grid-template-columns:repeat(4,minmax(0,1fr))}}
.prod{display:grid;gap:0;align-content:start;text-align:left;padding:0;border:1px solid var(--linea);border-radius:var(--r);background:var(--tarjeta);overflow:hidden;transition:transform .15s,box-shadow .15s}
.prod:active{transform:scale(.98)}@media (hover:hover){.prod:hover{box-shadow:0 10px 26px rgba(0,0,0,.1);transform:translateY(-2px)}}
.foto{position:relative;aspect-ratio:1/1;background:color-mix(in srgb,var(--c) 16%,var(--tarjeta));display:grid;place-items:center;overflow:hidden}
.foto img{width:100%;height:100%;object-fit:cover;display:block}
.foto .ini{font:var(--ft-peso) 44px/1 var(--ft);color:color-mix(in srgb,var(--c) 70%,var(--tinta))}
.foto .cinta{position:absolute;left:8px;top:8px;padding:4px 9px;border-radius:999px;background:var(--tinta);color:var(--fondo);font-size:11px;font-weight:600}
.prod.ag .foto img{filter:grayscale(1);opacity:.6}
.prod .t{display:grid;gap:2px;padding:10px 12px 12px}.prod b{font-size:14px;font-weight:600;line-height:1.3}
.prod .p{font-size:15px;font-weight:600;color:color-mix(in srgb,var(--c) 60%,var(--tinta))}.prod small{font-size:12px;color:var(--gris)}
dialog.hoja{width:min(560px,100%);max-width:100%;max-height:92dvh;margin:auto auto 0;padding:0;border:0;border-radius:calc(var(--r) + 6px) calc(var(--r) + 6px) 0 0;background:var(--fondo);color:var(--tinta)}
@media (min-width:700px){dialog.hoja{margin:auto;border-radius:calc(var(--r) + 6px)}}
dialog::backdrop{background:rgba(0,0,0,.55)}
.h-c{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:18px 18px calc(18px + env(safe-area-inset-bottom));min-width:0}
.h-c h2{margin:0;font:var(--ft-peso) calc(24px*var(--ft-e))/1.15 var(--ft);letter-spacing:var(--ft-esp)}.h-c p{margin:0;font-size:14.5px;color:var(--gris)}
.cerrar{position:sticky;top:10px;float:right;z-index:3;margin:10px 10px -50px 0;width:40px;height:40px;border-radius:50%;border:1px solid var(--linea);background:var(--tarjeta);font-size:22px;line-height:1}
.h-foto{aspect-ratio:1/1;max-height:46vh;width:100%;object-fit:cover;display:block;background:color-mix(in srgb,var(--c) 16%,var(--tarjeta))}
.precio{font:600 22px/1 var(--fb);color:color-mix(in srgb,var(--c) 60%,var(--tinta))}
.vars{display:flex;flex-wrap:wrap;gap:8px}.vars button{min-width:52px;min-height:44px;padding:0 14px;border:1px solid var(--linea);border-radius:var(--rc);background:var(--tarjeta);font-weight:600;font-size:14px}
.vars button.on{border-color:var(--tinta);background:var(--tinta);color:var(--fondo)}.vars button[disabled]{opacity:.35;text-decoration:line-through;cursor:default}
.eti{font:600 11px/1 var(--fb);letter-spacing:.14em;text-transform:uppercase;color:var(--gris)}
.cant{display:inline-flex;align-items:center;border:1px solid var(--linea);border-radius:var(--rb);overflow:hidden;background:var(--tarjeta)}
.cant button{width:44px;height:44px;border:0;background:none;font-size:20px}.cant span{min-width:34px;text-align:center;font-weight:600}
.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;padding:0 20px;border:0;border-radius:var(--rb);background:var(--c);color:var(--c-tinta);font:700 14px/1 var(--fb);letter-spacing:.06em;text-decoration:none}
.btn.sec{background:none;border:1px solid var(--linea);color:var(--tinta)}.btn[disabled]{opacity:.5;cursor:default}.btn.wa{background:#1FA855;color:#fff}
.linea{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--linea)}
.linea img,.linea .ini{width:56px;height:56px;border-radius:10px;object-fit:cover;background:color-mix(in srgb,var(--c) 16%,var(--tarjeta));display:grid;place-items:center;font:var(--ft-peso) 22px/1 var(--ft)}
.linea b{font-size:14px;display:block;line-height:1.3}.linea small{font-size:12.5px;color:var(--gris)}.linea .der{display:grid;gap:4px;justify-items:end}
.linea .quitar{display:block;min-height:40px;border:0;background:none;color:var(--gris);font-size:12.5px;text-decoration:underline;padding:4px 0;text-align:inherit}
.tot{display:grid;gap:6px;font-size:14.5px}.tot div{display:flex;justify-content:space-between}.tot .g{font-size:18px;font-weight:700;padding-top:6px;border-top:1px solid var(--linea)}
.campos{display:grid;gap:12px}.campos label{display:grid;gap:5px;font:600 11px/1.3 var(--fb);letter-spacing:.1em;text-transform:uppercase;color:var(--gris)}
.campos input,.campos textarea{width:100%;min-height:48px;padding:10px 14px;border:1px solid var(--linea);border-radius:var(--rc);background:var(--tarjeta);color:var(--tinta);font:400 16px/1.4 var(--fb)}
.campos input:focus,.campos textarea:focus{outline:none;border-color:var(--c)}
.op{display:grid;gap:8px}.op label{display:flex;gap:10px;align-items:center;padding:12px 14px;border:1px solid var(--linea);border-radius:var(--rc);background:var(--tarjeta);font:400 14.5px/1.35 var(--fb);letter-spacing:0;text-transform:none;color:var(--tinta);cursor:pointer}
.op label:has(input:checked){border-color:var(--c);background:color-mix(in srgb,var(--c) 12%,var(--tarjeta))}
.op input{width:20px;height:20px;min-height:0;accent-color:var(--c);flex:0 0 auto}.op small{display:block;color:var(--gris);font-size:12.5px}.op b{margin-left:auto;white-space:nowrap}
.msg{padding:12px 14px;border-radius:12px;background:#FCE9E4;color:#8A2B16;font-size:14px}.msg[hidden]{display:none}html[data-tema=oscuro] .msg{background:#3A1A12;color:#F4C3B3}
.ok-c{display:grid;gap:14px;justify-items:center;text-align:center;padding:26px 20px calc(26px + env(safe-area-inset-bottom))}
.ok-c i{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#1FA855;color:#fff;font-style:normal;font-size:34px;animation:pop .5s cubic-bezier(.2,1.6,.4,1)}
@keyframes pop{from{transform:scale(0)}to{transform:scale(1)}}
.ok-c .caja{width:100%;padding:12px 14px;border:1px solid var(--linea);border-radius:12px;background:var(--tarjeta);font-size:14px;text-align:left;white-space:pre-line}
.carro{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:20;display:flex;align-items:center;gap:12px;min-height:56px;padding:0 18px;border:0;border-radius:var(--rb);background:var(--tinta);color:var(--fondo);box-shadow:0 12px 30px rgba(0,0,0,.3);max-width:520px;margin:0 auto}
.carro span{display:grid;place-items:center;min-width:28px;height:28px;padding:0 6px;border-radius:999px;background:var(--c);color:var(--c-tinta);font-weight:700;font-size:13px}
.carro b{font-size:15px}.carro em{margin-left:auto;font-style:normal;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.carro.salta{animation:salta .4s ease}@keyframes salta{40%{transform:scale(1.04)}}
.ayuda{position:fixed;right:14px;bottom:max(14px,env(safe-area-inset-bottom));z-index:19;min-height:44px;padding:0 16px;border:1px solid var(--linea);border-radius:var(--rb);background:var(--tarjeta);font-size:13.5px;font-weight:600;box-shadow:0 8px 22px rgba(0,0,0,.16)}
body.con-carro .ayuda{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 68px)}
.chat .h-c{height:min(78dvh,620px);grid-template-rows:auto 1fr auto;padding-bottom:calc(12px + env(safe-area-inset-bottom))}
.hilo{display:grid;gap:10px;align-content:start;overflow-y:auto;padding-right:2px}
.bur{max-width:86%;padding:10px 13px;border-radius:14px;font-size:14.5px;line-height:1.45}
.bur.yo{justify-self:end;background:var(--tinta);color:var(--fondo);border-bottom-right-radius:4px}.bur.el{background:var(--tarjeta);border:1px solid var(--linea);border-bottom-left-radius:4px}
.sug{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.sug button{display:grid;gap:3px;padding:0;border:1px solid var(--linea);border-radius:10px;background:var(--tarjeta);overflow:hidden;text-align:left}
.sug img,.sug .ini{width:100%;aspect-ratio:1/1;object-fit:cover;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 16%,var(--tarjeta));font:var(--ft-peso) 22px/1 var(--ft)}
.sug b{font-size:11.5px;line-height:1.25;padding:0 6px}.sug small{font-size:11.5px;padding:0 6px 6px;color:var(--gris)}
.escribe{display:flex;gap:8px}.escribe input{flex:1;min-width:0;min-height:48px;padding:0 14px;border:1px solid var(--linea);border-radius:999px;background:var(--tarjeta);color:var(--tinta);font:400 16px/1 var(--fb)}
.escribe button{flex:0 0 auto;min-width:48px;height:48px;border:0;border-radius:50%;background:var(--c);color:var(--c-tinta);font-size:20px}
.pie{padding:30px 16px 10px;text-align:center;font-size:12.5px;color:var(--gris)}.pie a{text-decoration:none}.pie b{color:var(--tinta)}
@media (prefers-reduced-motion:reduce){.ok-c i,.carro.salta{animation:none}.prod{transition:none}}

/* avisos, códigos de descuento y ofertas con fecha */
.promos{display:grid;gap:10px;margin:14px 0 0}
/* varios avisos: una fila que se desliza, para que los productos no queden lejos */
.promos.varias{grid-auto-flow:column;grid-auto-columns:minmax(240px,84%);overflow-x:auto;margin:14px -16px 0;padding:0 16px 4px;scroll-snap-type:x proximity;scroll-padding:0 16px;scrollbar-width:none}.promos.varias::-webkit-scrollbar{display:none}.promos.varias .promo{scroll-snap-align:start;align-content:start}
@media (min-width:700px){.promos.varias{grid-auto-columns:340px}}
.promo{position:relative;display:grid;gap:3px;padding:12px 48px 12px 16px;border-radius:var(--r);background:var(--c);color:var(--c-tinta)}
.promo b{font:var(--ft-peso) calc(17px*var(--ft-e))/1.2 var(--ft);letter-spacing:var(--ft-esp)}.promo p{margin:0;font-size:13.5px;line-height:1.35;opacity:.92;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.promo small{font-size:12.5px;font-weight:600;opacity:.85}
.promo .px{position:absolute;top:2px;right:2px;width:44px;height:44px;border:0;border-radius:50%;background:none;color:inherit;font-size:20px;opacity:.75}
.pa{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px}.pa:empty{display:none}
.cod{padding:7px 12px;border:1.5px dashed currentColor;border-radius:var(--rc);font:700 15px/1 ui-monospace,Menlo,monospace;letter-spacing:.08em}
.pb{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:0;border-radius:var(--rb);background:var(--c-tinta);color:var(--c);font:600 13px/1 var(--fb);text-decoration:none}.pb[disabled]{opacity:.8}
.pn{font-size:13px;font-weight:600}
.fin{font-size:12px;color:color-mix(in srgb,var(--c) 60%,var(--tinta));font-weight:600}
.cup{display:grid;gap:8px}.cup-f{display:flex;gap:8px}.cup-f input{flex:1;min-width:0;min-height:48px;padding:0 14px;border:1px solid var(--linea);border-radius:var(--rc);background:var(--tarjeta);color:var(--tinta);font:600 16px/1 var(--fb);text-transform:uppercase;letter-spacing:.04em}
.cup-f input::placeholder{font-weight:400;text-transform:none;letter-spacing:0}.cup-f .btn{width:auto;min-height:48px;padding:0 18px}
.cup-ok{margin:0;font-size:14px;color:#1B7F45;font-weight:600}html[data-tema=oscuro] .cup-ok{color:#7FD7A0}.cup-mal{margin:0;font-size:14px;color:#8A2B16}html[data-tema=oscuro] .cup-mal{color:#F4C3B3}
.tot .desc{color:#1B7F45;font-weight:600}html[data-tema=oscuro] .tot .desc{color:#7FD7A0}
/* combos y ofertas */
.p s,.precio s{margin-left:6px;font-weight:400;font-size:.82em;color:var(--gris)}
.foto .cinta.of{background:var(--c);color:var(--c-tinta)}
.combos{display:grid;gap:12px;grid-auto-flow:column;grid-auto-columns:minmax(230px,78%);overflow-x:auto;margin:0 -16px;padding:2px 16px 6px;scroll-snap-type:x proximity;scroll-padding:0 16px;scrollbar-width:none}.combos::-webkit-scrollbar{display:none}
@media (min-width:700px){.combos{grid-auto-columns:300px}}
.combo{display:grid;align-content:start;padding:0;text-align:left;border:1.5px solid var(--c);border-radius:var(--r);background:var(--tarjeta);overflow:hidden;scroll-snap-align:start}
.combo .foto{aspect-ratio:16/10}.combo .foto .cinta{background:var(--c);color:var(--c-tinta)}.combo .t{display:grid;gap:3px;padding:12px 14px 14px}
.combo b{font-size:15.5px;font-weight:600;line-height:1.3}.combo .p{font-size:17px;font-weight:700;color:color-mix(in srgb,var(--c) 60%,var(--tinta))}.combo small{font-size:12.5px;color:var(--gris)}
.kg{display:grid;gap:10px;padding:14px;border:1px solid var(--linea);border-radius:var(--r);background:color-mix(in srgb,var(--tarjeta) 70%,transparent)}
.kg.ok{border-color:#1FA855}.kg header{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.kg header b{font-size:15px}.kg header span{font-size:12.5px;color:var(--gris)}.kg.ok header span{color:#1FA855;font-weight:600}
.kel{display:flex;flex-wrap:wrap;gap:6px}.kel button{min-height:36px;padding:0 12px;border:0;border-radius:var(--rb);background:var(--tinta);color:var(--fondo);font-size:12.5px;font-weight:500}.kel i{font-style:normal;opacity:.7;margin-left:4px}
.kop{display:grid;gap:8px}.ko{display:grid;gap:8px}.ko.sin{opacity:.5}
.kp{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;align-items:center;width:100%;padding:6px;border:1px solid var(--linea);border-radius:var(--rc);background:var(--tarjeta);text-align:left}
.kp img,.kp .ini{width:52px;height:52px;border-radius:calc(var(--rc) - 4px);object-fit:cover;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 16%,var(--tarjeta));font:var(--ft-peso) 20px/1 var(--ft)}
.kp b{display:block;font-size:14px;line-height:1.3}.kp small{font-size:12.5px;color:color-mix(in srgb,var(--c) 60%,var(--tinta));font-weight:600}
/* marca: logo, portada y lo que da confianza antes de comprar */
.marca{display:flex;align-items:center;gap:10px;min-width:0}.marca>div{min-width:0}
.logo{flex:0 0 auto;width:46px;height:46px;border-radius:min(var(--r),50%);object-fit:cover;background:var(--tarjeta);border:1px solid var(--linea)}
html[data-forma=redonda] .logo,html:not([data-forma]) .logo{border-radius:50%}
.portada{position:relative;margin:16px 0 0;border-radius:var(--r);overflow:hidden;aspect-ratio:16/7;background:color-mix(in srgb,var(--c) 18%,var(--tarjeta))}
.portada img{width:100%;height:100%;object-fit:cover;display:block}
.confia{display:flex;gap:6px;margin:14px -16px 0;padding:0 16px;overflow-x:auto;scrollbar-width:none}.confia::-webkit-scrollbar{display:none}.confia span{flex:0 0 auto;white-space:nowrap}
.confia span{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 11px;border-radius:var(--rb);background:color-mix(in srgb,var(--c) 13%,transparent);font-size:12.5px;font-weight:500}
.confia span::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--c)}
html[data-col="1"] .rej{grid-template-columns:minmax(0,1fr)}html[data-col="1"] .foto{aspect-ratio:4/3}html[data-col="1"] .prod b{font-size:16px}
@media (min-width:700px){html[data-col="1"] .rej{grid-template-columns:repeat(2,minmax(0,1fr))}}
.copiar{justify-self:start;min-height:40px;padding:0 14px;margin-top:8px;border:1px solid var(--linea);border-radius:var(--rb);background:none;font-size:13px;font-weight:600}
html.vista .carro,html.vista .ayuda{display:none}html.vista body{padding-bottom:20px}
[hidden]{display:none!important}
.h-c .cup-ok{color:#1B7F45}html[data-tema=oscuro] .h-c .cup-ok{color:#7FD7A0}.h-c .cup-mal{color:#8A2B16}html[data-tema=oscuro] .h-c .cup-mal{color:#F4C3B3}
.cup-ok .quitar{margin-left:6px;min-height:40px;padding:4px 0;border:0;background:none;color:var(--gris);font-size:12.5px;font-weight:400;text-decoration:underline}

/* esperas a la vista */
.btn.esperando{opacity:1;gap:10px}.btn.esperando::before{content:'';flex:0 0 auto;width:16px;height:16px;border-radius:50%;border:2px solid color-mix(in srgb,currentColor 30%,transparent);border-top-color:currentColor;animation:gira .7s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}
.cargando::before{content:'';display:block;width:34px;height:34px;margin:0 auto 14px;border-radius:50%;border:3px solid var(--linea);border-top-color:var(--c);animation:gira .8s linear infinite}
.puntos{display:inline-flex;gap:5px;padding:4px 2px}.puntos i{width:7px;height:7px;border-radius:50%;background:var(--gris);animation:salto 1s ease-in-out infinite}.puntos i:nth-child(2){animation-delay:.15s}.puntos i:nth-child(3){animation-delay:.3s}
@keyframes salto{0%,60%,100%{transform:none;opacity:.4}30%{transform:translateY(-5px);opacity:1}}

/* fotos verticales (ropa de cuerpo entero) y varias fotos por producto */
html[data-fotos=vertical] .foto{aspect-ratio:3/4}html[data-fotos=vertical] .foto img,html[data-fotos=vertical] .h-foto{object-position:center top}
html[data-fotos=vertical] .h-foto{aspect-ratio:3/4;max-height:62vh}html[data-fotos=vertical] .combo .foto{aspect-ratio:4/3}
.gal{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.gal::-webkit-scrollbar{display:none}.gal .h-foto{flex:0 0 100%;scroll-snap-align:center}
.gal-p{display:flex;justify-content:center;gap:6px;margin-top:-22px;position:relative;z-index:2;height:22px}.gal-p i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.55);box-shadow:0 0 0 1px rgba(0,0,0,.18)}.gal-p i.on{background:var(--c)}
.gal-p i{background:rgba(0,0,0,.28);box-shadow:0 0 0 1.5px rgba(255,255,255,.8)}

/* galería: puntos y flechas que se pueden tocar (en computador no se desliza con el dedo) */
.gal-p{margin-top:-34px;height:34px;align-items:center;gap:2px}
.gal-p button{width:26px;height:26px;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center}
.gal-p button::before{content:"";width:9px;height:9px;border-radius:50%;background:rgba(0,0,0,.3);box-shadow:0 0 0 1.5px rgba(255,255,255,.85);transition:transform .2s,background .2s}
.gal-p button.on::before{background:var(--c);transform:scale(1.25)}
.gal-c{position:relative}
.gal-f{position:absolute;z-index:2;top:calc(50% - 22px);width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.86);color:#1a1a1a;font:400 28px/1 Georgia,serif;cursor:pointer;display:none;place-items:center;box-shadow:0 2px 10px rgba(0,0,0,.18)}
.gal-f.ant{left:12px}.gal-f.sig{right:12px}
@media (hover:hover) and (pointer:fine){.gal-f{display:grid}}

/* borrador a la vista (solo el dueño) */
.cinta-b{position:sticky;top:0;z-index:30;padding:9px 14px;background:#1d1a14;color:#F3E3B0;font:600 12px/1.3 var(--ft-c,inherit);letter-spacing:.06em;text-align:center}
/* rieles: recomendados y lo más pedido */
.riel-c{position:relative;margin:0 -16px}
.riel{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:4px 16px 14px;scroll-padding:0 16px}.riel::-webkit-scrollbar{display:none}
.riel .prod{flex:0 0 min(58%,230px);scroll-snap-align:start}
.riel .prod:first-child{flex-basis:min(64%,250px)}
.riel-c .gal-f{top:calc(42% - 22px)}.riel-c .gal-f.ant{left:20px}.riel-c .gal-f.sig{right:20px}.riel-c.ini .ant,.riel-c.fin .sig{display:none}
@media (min-width:700px){.riel-c{margin:0}.riel{padding:4px 2px 14px;scroll-padding:0 2px}.riel .prod,.riel .prod:first-child{flex-basis:230px}.riel-c .gal-f.ant{left:-10px}.riel-c .gal-f.sig{right:-10px}}
/* más por menos y venta cruzada */
.mas-c{display:grid;gap:10px;padding-top:16px;border-top:1px solid var(--linea)}
.mas-k{display:flex;justify-content:space-between;gap:12px;align-items:center;width:100%;padding:12px 14px;border:1px solid color-mix(in srgb,var(--c) 55%,var(--linea));border-radius:var(--r);background:color-mix(in srgb,var(--c) 9%,var(--tarjeta));text-align:left}
.mas-k b{display:block;font-size:14px;line-height:1.3}.mas-k small{font-size:12.5px;color:var(--gris)}.mas-k em{font-style:normal;font-weight:700;font-size:15px;color:color-mix(in srgb,var(--c) 60%,var(--tinta));white-space:nowrap}
.sug.rielito{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;margin:0 -2px;padding:2px 2px 6px}.sug.rielito::-webkit-scrollbar{display:none}
.sug.rielito button{flex:0 0 118px;align-content:start}.sug.rielito b{font-size:12.5px;padding:4px 8px 0}.sug.rielito small{font-size:12.5px;padding:0 8px 8px;font-weight:600;color:color-mix(in srgb,var(--c) 60%,var(--tinta))}.sug.rielito s{font-weight:400;color:var(--gris)}
html[data-fotos=vertical] .sug.rielito img,html[data-fotos=vertical] .sug.rielito .ini{aspect-ratio:3/4;object-position:center top}
/* carrito: cantidades, ofertas aplicadas, ahorro y total siempre a la vista */
.linea{align-items:start}.linea .der s{font-size:12px;color:var(--gris)}
.linea .of-l{display:block;color:#1B7F45;font-weight:600}html[data-tema=oscuro] .linea .of-l{color:#7FD7A0}
.cant.ch{margin-top:8px}.cant.ch button{width:40px;height:38px;font-size:18px}.cant.ch button:disabled{opacity:.3}.cant.ch span{min-width:30px;font-size:14px}
.tot.sub{padding:12px 14px;border-radius:var(--r);background:color-mix(in srgb,var(--c) 7%,var(--tarjeta));border:1px solid var(--linea)}.tot s{color:var(--gris);font-weight:400;font-size:13px}
.tot .ahorro{justify-content:space-between;padding:9px 12px;border-radius:10px;background:color-mix(in srgb,#1B7F45 12%,transparent);color:#1B7F45;font-weight:600;font-size:13.5px}html[data-tema=oscuro] .tot .ahorro{color:#7FD7A0}
.cierra{position:sticky;bottom:0;z-index:3;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;margin:0 -18px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:var(--fondo);border-top:1px solid var(--linea);box-shadow:0 -8px 20px rgba(0,0,0,.06)}
.cierra small{display:block;font-size:11.5px;color:var(--gris)}.cierra b{font-size:19px;line-height:1.1}
.cant.ch{display:flex;width:max-content}

/* pagar con Bre-B y volver del pago en línea */
.caja.breb{display:grid;gap:12px;justify-items:center;text-align:center;white-space:normal}
.caja.breb .qr{width:min(100%,250px);aspect-ratio:1/1;object-fit:contain;border-radius:12px;background:#fff;padding:8px}
.caja.breb .ll{display:grid;gap:2px}.caja.breb .ll small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gris)}.caja.breb .ll strong{font-size:19px;overflow-wrap:anywhere}
.caja.breb .paso{font-size:13px;line-height:1.5;color:var(--gris)}
.puntos.gr{justify-content:center;padding:14px 0 4px}.puntos.gr i{width:11px;height:11px;background:var(--c)}
.caja.breb .copiar{justify-self:center}

/* "Tu pedido": la confirmación (número, llave, datos para pagar) se puede volver a ver */
.mi-pedido{position:fixed;left:calc(14px + env(safe-area-inset-left));bottom:calc(16px + env(safe-area-inset-bottom));z-index:18;display:grid;gap:1px;justify-items:start;padding:9px 16px;border:1px solid var(--linea);border-radius:var(--rb);background:var(--tarjeta);color:var(--tinta);box-shadow:0 6px 18px rgba(0,0,0,.14);cursor:pointer;text-align:left}
.mi-pedido small{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--gris)}.mi-pedido b{font-size:14px}
body.con-carro .mi-pedido{bottom:calc(86px + env(safe-area-inset-bottom))}html.vista .mi-pedido{display:none}
.pg-tel{display:grid;gap:6px;width:100%;text-align:left;font-size:12.5px;color:var(--gris)}.pg-tel input{height:48px;padding:0 14px;border:1px solid var(--linea);border-radius:var(--rb);background:var(--tarjeta);color:var(--tinta);font-size:16px}
/* entregas por ciudad y envío gratis desde cierto valor */
.op label.no{opacity:.55;cursor:not-allowed}.op b s{margin-right:4px;font-weight:400;color:var(--gris)}
.falta-e{margin:0;padding:10px 14px;border-radius:var(--rc);border:1px dashed var(--c);font-size:13.5px;line-height:1.4;color:var(--tinta)}
.campos.ciu{margin-bottom:-4px}
/* compartir un producto */
.h-comp{display:flex;width:max-content;align-items:center;gap:7px;margin:12px 0 0;min-height:40px;padding:0 16px;border:1px solid var(--linea);border-radius:999px;background:var(--tarjeta);color:var(--tinta);font:500 13px/1 var(--fb);cursor:pointer}
.h-comp svg{color:var(--c)}.h-comp:hover,.h-comp:focus-visible{border-color:var(--c)}
/* opiniones: estrellas que se llenan según el promedio */
.est{position:relative;display:inline-block;font-size:15px;line-height:1;letter-spacing:2px;color:var(--linea);white-space:nowrap}
.est::before{content:'★★★★★'}.est i{position:absolute;inset:0 auto 0 0;width:var(--e);overflow:hidden;color:var(--c);font-style:normal}.est i::before{content:'★★★★★'}
.op-m{display:flex;align-items:center;gap:6px;margin-top:4px}.op-m small{font-size:12px;color:var(--gris)}.op-m .est{font-size:12.5px}
.op-r{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.op-r b{font-weight:600}.op-r small{color:var(--gris);font-size:13px}
.ops blockquote{margin:12px 0 0;padding:12px 14px;border:1px solid var(--linea);border-radius:var(--rc);background:var(--tarjeta)}
.ops blockquote p{margin:6px 0 4px;font-size:14.5px;line-height:1.45}.ops cite{font-style:normal;font-size:12.5px;color:var(--gris)}
.op-d{display:block;margin-top:8px;padding-top:8px;border-top:1px dashed var(--linea);font-size:13px;line-height:1.4;color:var(--gris)}
/* avísame cuando vuelva */
.avisa{border:1px dashed var(--linea);border-radius:var(--rc);padding:0 14px}.avisa summary{padding:13px 0;cursor:pointer;font-weight:500;font-size:14.5px;color:var(--tinta)}
.avisa[open]{padding-bottom:14px;display:grid;gap:12px}.avisa-ok{margin:0;padding:12px 14px;border-radius:var(--rc);background:color-mix(in srgb,var(--c) 12%,var(--tarjeta));font-size:14.5px;line-height:1.4}
/* seguimiento del pedido */
.sg{gap:18px}.sg h2{margin-top:4px}.sg-n{margin:8px 0 0;font-size:14px;line-height:1.45;color:var(--gris)}
.sg-p{list-style:none;margin:0;padding:0;display:grid;gap:0}
.sg-p li{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;padding:0 0 18px;color:var(--gris)}.sg-p li:last-child{padding-bottom:0}
.sg-p li::before{content:'';position:absolute;left:12px;top:22px;bottom:0;width:2px;background:var(--linea)}.sg-p li:last-child::before{display:none}.sg-p li.ok::before{background:var(--c)}.sg-p li.ya::before{background:var(--linea)}
.sg-p i{width:26px;height:26px;border-radius:50%;border:2px solid var(--linea);background:var(--tarjeta);box-sizing:border-box}
.sg-p li.ok i{border-color:var(--c);background:var(--c);box-shadow:inset 0 0 0 5px var(--tarjeta)}.sg-p li.ya i{box-shadow:inset 0 0 0 5px var(--tarjeta),0 0 0 5px color-mix(in srgb,var(--c) 22%,transparent)}
.sg-p b{display:block;font-weight:500;font-size:15px;line-height:26px}.sg-p li.ok b{color:var(--tinta);font-weight:600}.sg-p small{display:block;font-size:12.5px}
.sg-g{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.sg-l{display:grid;gap:6px;font-size:14.5px}.sg-l>div{display:flex;justify-content:space-between;gap:12px}.sg-l>div>span:last-child{white-space:nowrap}.sg-l .parte{color:var(--gris);font-size:13.5px}
.sg-l .g{padding-top:8px;margin-top:2px;border-top:1px solid var(--linea);font-weight:600}.sg-l small{color:var(--gris)}
.sg-oi{display:grid;gap:8px;padding:12px 0;border-top:1px solid var(--linea)}.sg-oi:first-of-type{border-top:0;padding-top:4px}.sg-oi p{margin:0;font-size:14.5px;line-height:1.45}
.sg-e{display:flex;gap:6px}.sg-e button{width:44px;height:44px;border:1px solid var(--linea);border-radius:12px;background:var(--tarjeta);color:var(--linea);font-size:22px;line-height:1;cursor:pointer}.sg-e button.on{color:var(--c);border-color:var(--c)}
.sg-oi textarea{width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--linea);border-radius:var(--rc);background:var(--tarjeta);color:var(--tinta);font:400 16px/1.4 var(--fb);resize:vertical}
.campos select,.avisa select{width:100%;box-sizing:border-box;min-height:48px;padding:0 14px;border:1px solid var(--linea);border-radius:var(--rc);background:var(--tarjeta);color:var(--tinta);font:400 16px/1.2 var(--fb);appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--gris) 50%),linear-gradient(135deg,var(--gris) 50%,transparent 50%);background-position:calc(100% - 20px) 21px,calc(100% - 14px) 21px;background-size:6px 6px;background-repeat:no-repeat}
.avisa .btn{margin-top:4px}
.sg-g .ll{display:grid;gap:2px}.sg-g .ll small{font-size:12px;color:var(--gris);letter-spacing:.06em;text-transform:uppercase}.sg-g .ll strong{font-size:17px;letter-spacing:.02em}
.sg-oi .quitar{justify-self:start;padding:6px 0;border:0;background:none;color:var(--gris);font:500 13.5px/1 var(--fb);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.sg-p li.ok i{box-shadow:none}.sg-p li.ya i{box-shadow:0 0 0 5px color-mix(in srgb,var(--c) 22%,transparent)}
/* en vivo: lo que la tienda está mostrando ahora va de primero */
.vivo-c{margin:6px -6px 0;padding:2px 6px 10px;border-radius:calc(var(--rc) + 6px);background:color-mix(in srgb,var(--c) 9%,transparent)}
.vivo-p{display:inline-flex;align-items:center;gap:7px;margin-right:8px;padding:5px 11px 5px 9px;border-radius:999px;background:#E0342B;color:#fff;font:700 11px/1 var(--fb);letter-spacing:.1em;text-transform:uppercase;vertical-align:middle}
.vivo-p i{width:8px;height:8px;border-radius:50%;background:#fff;animation:vivo 1.4s ease-in-out infinite}@keyframes vivo{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.vivo-p i{animation:none}}
.mayor{display:block;margin-top:6px;font-size:13.5px;color:var(--gris)}.mayor b{color:var(--tinta)}
/* con una ventana abierta la página de atrás no se mueve: al llegar al final de la ventana el scroll seguía en la página, y la barra
   del carrito y la cabecera se asomaban por detrás */
html{scrollbar-gutter:stable}html:has(dialog[open]){overflow:hidden}dialog{overscroll-behavior:none}
html:has(dialog[open]) :is(.carro,.mi-pedido,.ayuda){visibility:hidden}
/* precio por mayor: que se note cuándo falta y cuándo ya aplica */
.my-e{display:inline-block;margin:6px 0 0;padding:4px 10px;border-radius:999px;background:var(--c);color:var(--c-tinta);font:600 11.5px/1.2 var(--fb);letter-spacing:.06em;text-transform:uppercase}
.my-b{display:grid;gap:8px;padding:12px 14px;border:1px dashed var(--c);border-radius:var(--rc);font-size:14px;line-height:1.4;color:var(--tinta)}.my-b p{margin:0}
.my-b.ok{border-style:solid;background:color-mix(in srgb,var(--c) 12%,var(--tarjeta))}
.my-l{height:8px;border-radius:8px;background:color-mix(in srgb,var(--c) 18%,var(--tarjeta));overflow:hidden}.my-l i{display:block;height:100%;border-radius:8px;background:var(--c);transition:width .3s ease}
.my-t{display:block;margin-top:2px;font-size:12.5px;font-weight:600;color:var(--c)}
details.cup{display:block;min-width:0;border:1px dashed var(--linea);border-radius:var(--rc);padding:0 14px}details.cup>:not(summary){margin-top:8px}details.cup>.cup-f{margin-top:0}details.cup summary{padding:13px 0;cursor:pointer;font-weight:500;font-size:14.5px;list-style:none;display:flex;justify-content:space-between;align-items:center}
details.cup summary::-webkit-details-marker{display:none}details.cup summary::after{content:'+';font-size:20px;line-height:1;color:var(--gris)}details.cup[open] summary::after{content:'−'}details.cup[open]{padding-bottom:14px}
@media (prefers-reduced-motion:reduce){.my-l i{transition:none}}

/* Seguimiento con más detalle y la línea entre círculos sin meterse en ellos (29-sep-2026, Mauro: "mira que las líneas se salen") */
.sg-p li{grid-template-columns:28px minmax(0,1fr);gap:14px;padding:0 0 22px}
.sg-p li::before{left:13px;top:34px;bottom:6px;width:2px;border-radius:2px}.sg-p li.ya::before{top:38px}
.sg-p i{position:relative;z-index:1;display:grid;place-items:center;width:28px;height:28px;font:700 14px/1 var(--fb);font-style:normal;color:var(--c-tinta)}
.sg-p li.ok i{box-shadow:none}.sg-p li.ya i{box-shadow:0 0 0 5px color-mix(in srgb,var(--c) 22%,transparent)}
.sg-p b{line-height:28px}.sg-p time{display:block;margin-top:-2px;font-size:12.5px;font-weight:600;color:var(--tinta)}.sg-p li.sigue time{color:var(--c)}
.sg-p small{display:block;margin-top:2px;font-size:13px;line-height:1.4;color:var(--gris)}.sg-p li.sigue b{color:var(--tinta)}
.sg-d{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media (min-width:560px){.sg-d{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sg-d section{display:grid;gap:6px;align-content:start;min-width:0;padding:14px 16px;border:1px solid var(--linea);border-radius:var(--rc);background:var(--tarjeta)}
.sg-d section>b{font-size:16px;line-height:1.25;overflow-wrap:anywhere}.sg-d section>span{font-size:13.5px;color:var(--gris)}.sg-d section>small{font-size:12px;line-height:1.4;color:var(--gris)}
.sg-d dl{display:grid;gap:4px;margin:4px 0 0;font-size:14px}.sg-d dl>div{display:grid;grid-template-columns:84px minmax(0,1fr);gap:8px}.sg-d dt{color:var(--gris)}.sg-d dd{margin:0;overflow-wrap:anywhere}
.sg-d .sg-st{justify-self:start;display:inline-block;padding:4px 10px;border-radius:999px;font:600 12px/1.2 var(--fb);color:var(--tinta)}
.sg-d .sg-st.si{background:color-mix(in srgb,#1B7F45 16%,var(--tarjeta));color:#1B7F45}.sg-d .sg-st.no{background:color-mix(in srgb,var(--c) 16%,var(--tarjeta))}
html[data-tema=oscuro] .sg-d .sg-st.si{color:#7FD7A0}
.caja.sg-t{display:grid;gap:6px;padding:14px 16px;border:1px dashed var(--c);border-radius:var(--rc);background:var(--tarjeta);font-size:14.5px;line-height:1.45}.caja.sg-t span{white-space:pre-line;overflow-wrap:anywhere}.caja.sg-t small{font-size:13px;color:var(--gris)}
.sg-l>div>span:first-child{min-width:0;overflow-wrap:anywhere}.sg-l small{white-space:nowrap}
.sg-c{display:grid;gap:4px;margin-top:6px;padding-top:10px;border-top:1px solid var(--linea);font-size:13.5px}.sg-c p{margin:0;font-size:13.5px}

/* Mientras hay un diálogo abierto, la cabecera de atrás no lleva desenfoque: en Chrome el desenfoque hace destellar la página de atrás al desplazar el diálogo */
html:has(dialog[open]) .cab{-webkit-backdrop-filter:none;backdrop-filter:none}

/* Revisión en celular del 30-sep-2026 (informe docs/ref/ui-movil-tienda-2026-09-30.md) */
@media (max-width:699px){
  html.bajo .cab .marca p,html.bajo .cab .redes{display:none}html.bajo .cab .marca{min-height:0}
  .h-foto{max-height:44vh}html[data-fotos=vertical] .h-foto{max-height:50vh}
}
#p-ok{position:sticky;bottom:10px;z-index:2;box-shadow:0 8px 24px rgba(0,0,0,.25)}   /* "Agregar" siempre a la vista, también en computador (la ficha con foto lo dejaba fuera de pantalla) */
.promos.varias{align-items:start}
.confia{-webkit-mask-image:linear-gradient(90deg,#000 86%,transparent);mask-image:linear-gradient(90deg,#000 86%,transparent)}
.cerrar{opacity:.92}.h-c .falta-e,.h-c .my-b{margin-right:0}
/* catálogo escrito en el HTML por el servidor (SEO): se ve igual que las tarjetas hasta que tienda.js lo reemplaza */
a.prod.pre{text-decoration:none;color:inherit}.pre-prod{max-width:560px;margin:18px auto;display:grid;gap:8px}.pre-prod img{width:100%;height:auto;border-radius:var(--r)}.pre-prod h2{margin:6px 0 0}.pre-prod .p{font-weight:600}.pre-volver{font-size:14px;text-decoration:none;color:inherit;opacity:.8}
.pie .pie-p{display:block;margin-top:8px;font-size:11.5px;color:var(--gris)}.pie .pie-p a{color:inherit}