/* Vectto3D · Soluciones NFC y catálogo (Vectto3D y RuboFactory3D). Mismo lenguaje visual que nabeeo.es (Inter + Lexend, blanco y bruma, botones redondeados) con el cian de Vectto3D. */
@font-face{font-family:Lexend;font-weight:500;font-display:swap;src:url(fuentes/lexend-500.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(fuentes/inter-400.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(fuentes/inter-600.woff2) format("woff2")}
:root{--navy:#031838;--deep:#06244D;--cyan:#00A8C6;--cyan-ink:#007A87;--soft:#E5F4F6;--mist:#F4F8F9;--ink:#4A5B70;--line:#DCE5EA;--wa:#1FA855;--acento:var(--cyan-ink)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--navy);background:var(--mist);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
h1,h2{font-family:Lexend,Inter,system-ui,sans-serif;font-weight:500;letter-spacing:-.015em;line-height:1.15;margin:0;text-wrap:balance}
h1{font-size:1.65rem}h2{font-size:1.3rem}
p{margin:0}
a{color:var(--cyan-ink)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}
main{flex:1;width:100%;padding:1.5rem 1rem 2.5rem}

.v-barra{background:#fff;border-bottom:1px solid var(--line);padding:.7rem 1rem;display:flex;justify-content:center}
.v-marca img{display:block;height:2.6rem;width:auto}
.v-pie{text-align:center;font-size:.8rem;color:var(--ink);padding:1.5rem 1rem 2rem;border-top:1px solid var(--line);background:#fff}

/* Tarjeta central (perfil, activación, acceso) */
.v-tarjeta{max-width:30rem;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:1.4rem;padding:1.6rem 1.3rem;box-shadow:0 1px 2px rgba(4,23,58,.04),0 8px 24px -12px rgba(4,23,58,.12)}
.v-ancha{max-width:36rem}
.v-centro{text-align:center}
.v-emoji{font-size:2.6rem;line-height:1;margin-bottom:.6rem}
.v-sub{color:var(--ink);margin:.5rem 0 1.2rem}
.v-kicker{text-align:center;font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--acento)}
.v-nombre{text-align:center;font-size:2rem;margin:.35rem 0 1rem}
.v-mensaje{background:var(--soft);border-radius:1rem;padding:1rem 1.1rem;font-size:1.05rem;margin-bottom:1rem}
.v-datos{border:1px solid var(--acento);border-left-width:4px;border-radius:.8rem;padding:.8rem 1rem;margin-bottom:1rem}
.v-datos b{color:var(--acento)}
.v-ficha{margin:0 0 1rem;border:1px solid var(--line);border-radius:.8rem;overflow:hidden}
.v-ficha div{display:flex;gap:.8rem;padding:.55rem .9rem;border-top:1px solid var(--line)}.v-ficha div:first-child{border-top:0}
.v-ficha dt{font-weight:600;color:var(--acento);min-width:40%}.v-ficha dd{margin:0}
.v-acciones{display:grid;gap:.65rem;margin:1.2rem 0 .4rem}
.v-segundo{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;border-top:1px solid var(--line);margin-top:.9rem;padding-top:.9rem}
.v-segundo span{flex:1 0 100%;font-size:.85rem;color:var(--ink)}
.v-nota{text-align:center;font-size:.82rem;color:var(--ink);margin:.7rem 0}
.v-propietario{text-align:center;font-size:.88rem;margin-top:1.1rem}

/* Botones */
.v-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:3.2rem;padding:.8rem 1.3rem;border-radius:999px;font:inherit;font-weight:600;font-size:1.05rem;text-decoration:none;border:1.5px solid transparent;cursor:pointer;margin-top:.6rem;transition:background .2s,border-color .2s}
.v-acciones .v-btn{margin:0;min-height:3.6rem;font-size:1.15rem}
.v-principal{background:var(--cyan-ink);color:#fff}.v-principal:hover{background:var(--deep)}
.v-wa{background:var(--wa);color:#fff}.v-wa:hover{background:#178a45}
.v-llamar{background:var(--navy);color:#fff}.v-llamar:hover{background:var(--deep)}
.v-ubicacion{background:#fff;color:var(--navy);border-color:var(--acento)}
.v-borde{background:#fff;color:var(--navy);border-color:var(--line)}.v-borde:hover{border-color:var(--cyan-ink)}
.v-peq{width:auto;min-height:2.6rem;font-size:.95rem;margin:0;flex:1}

/* Formularios */
label{display:block;font-weight:600;font-size:.92rem;margin:1rem 0 .35rem}
label small,h2 small{font-weight:400;color:var(--ink);font-size:.82rem}
input,select,textarea{width:100%;font:inherit;color:var(--navy);background:#fff;border:1px solid #C5D3DA;border-radius:.7rem;padding:.75rem .85rem;min-height:3rem}
input[readonly]{background:var(--mist);color:var(--ink)}
textarea{min-height:5.5rem;resize:vertical}
.v-fila{display:flex;gap:.5rem}.v-fila select{flex:0 0 6.2rem}.v-fila input{flex:1}
.v-fila + input,input + input{margin-top:.5rem}
.v-ayuda{font-size:.82rem;color:var(--ink);margin-top:.35rem}
.v-caja{display:block;margin:1.1rem 0 .2rem;padding:.85rem 1rem;border:1px solid var(--line);border-radius:.9rem;background:var(--mist);font-size:.88rem}
.v-caja b{display:block;margin-bottom:.2rem}.v-caja span{display:block;color:var(--ink)}
.v-privada{background:#EEF8F1;border-color:#BFE3CB}
.v-seccion{font-size:1.05rem;margin:1.6rem 0 0;padding-top:1rem;border-top:1px solid var(--line);color:var(--acento)}.v-seccion small{display:block;margin-top:.2rem}
.v-check,.v-consent{display:flex;gap:.65rem;align-items:flex-start;font-weight:400;font-size:.88rem}
.v-check{background:var(--soft);border-radius:.8rem;padding:.8rem .9rem;margin-top:1.1rem}
.v-check input,.v-consent input{width:1.15rem;min-height:0;height:1.15rem;flex:0 0 auto;margin-top:.2rem;accent-color:var(--cyan-ink)}
.v-consent span{color:var(--ink)}
.v-info{font-size:.8rem;color:var(--ink);background:var(--mist);border-radius:.8rem;padding:.8rem .9rem;margin-top:1rem}
.v-aviso{border-radius:.8rem;padding:.75rem .9rem;margin:.8rem 0;font-size:.92rem}
.v-err{background:#FDECEF;border:1px solid #F3B3C1;color:#8A1C33}
.v-ok{background:#EEF8F1;border:1px solid #BFE3CB;color:#185C33;word-break:break-all}
.v-form > .v-btn{margin-top:1.4rem}

/* Presentación de soluciones */
.v-hero{max-width:52rem;margin:0 auto 1.5rem;text-align:center;padding:1rem 0 .5rem}
.v-eyebrow{font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--acento)}
.v-hero h1{font-size:clamp(1.9rem,5vw,2.8rem);margin:.6rem 0 .9rem}
.v-intro{color:var(--ink);font-size:1.1rem;max-width:40rem;margin:0 auto}
.v-video{display:block;width:100%;max-width:36rem;margin:1.6rem auto 0;border-radius:1.2rem;background:var(--navy);box-shadow:0 20px 40px -18px rgba(4,23,58,.35)}
.v-bloque{max-width:56rem;margin:0 auto 1.4rem;background:#fff;border:1px solid var(--line);border-radius:1.4rem;padding:1.5rem 1.2rem}
.v-bloque > h2{margin-bottom:1rem}
.v-soluciones{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.2rem,1fr));gap:.7rem}
.v-soluciones a{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.2rem;padding:.9rem .5rem;border:1px solid var(--line);border-top:3px solid var(--acento);border-radius:1rem;color:var(--navy);text-decoration:none;transition:border-color .2s,transform .2s}
.v-soluciones a:hover{transform:translateY(-2px);border-color:var(--acento)}
.v-soluciones span{font-size:2rem}.v-soluciones b{font-weight:600;line-height:1.25}.v-soluciones small{color:var(--acento);font-weight:600}
.v-pasos,.v-ventajas{list-style:none;margin:0;padding:0;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))}
.v-pasos li,.v-ventajas li{background:var(--mist);border-radius:1rem;padding:1rem}
.v-pasos span,.v-ventajas span{font-size:1.6rem;display:block}
.v-pasos small{display:block;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--acento);margin-top:.3rem}
.v-pasos b,.v-ventajas b{display:block;margin:.2rem 0}.v-pasos p,.v-ventajas p{color:var(--ink);font-size:.92rem}
.v-cta{max-width:30rem;text-align:center}
.v-cta .v-btn:first-child{margin-top:0}
.v-volver{display:inline-block;margin-top:1rem;font-weight:600}
.v-cta .v-ayuda{margin-top:1rem}

/* Panel */
.v-panel main .v-bloque{max-width:72rem}
.v-panel-cab{display:flex;align-items:center;justify-content:space-between;gap:1rem}.v-panel-cab .v-btn{width:auto;margin:0;min-height:2.6rem}
.v-cifras{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.6rem;margin:1rem 0}
.v-cifras div{background:var(--mist);border-radius:.9rem;padding:.8rem 1rem;color:var(--ink);font-size:.88rem}.v-cifras b{display:block;font-family:Lexend,Inter,sans-serif;font-size:1.6rem;font-weight:500;color:var(--navy)}
.v-panel-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))}
.v-panel-grid .v-caja{margin:0;background:#fff}.v-panel-grid .v-caja span{margin-top:.5rem;font-size:.8rem}
.v-buscar{margin:1.2rem 0 .6rem;max-width:26rem}.v-buscar .v-btn{width:auto;margin:0;min-height:3rem}
.v-tabla-envoltura{overflow-x:auto}
.v-tabla{width:100%;border-collapse:collapse;font-size:.9rem}
.v-tabla th{text-align:left;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);padding:.5rem}
.v-tabla td{padding:.55rem .5rem;border-top:1px solid var(--line);vertical-align:top}
.e-activo{color:#185C33;font-weight:600}.e-caducado{color:#8A1C33;font-weight:600}.e-sin_activar{color:var(--ink)}
.v-mini{display:inline-block;margin:0 .25rem .25rem 0}
.v-mini button{font:inherit;font-size:.8rem;padding:.3rem .65rem;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--navy);cursor:pointer}.v-mini button:hover{border-color:var(--cyan-ink)}
.v-hash{display:block;word-break:break-all;background:#fff;border:1px solid var(--line);border-radius:.5rem;padding:.5rem;margin-top:.4rem;font-size:.8rem}

/* Hoja de QR para imprimir */
.v-qrs{display:flex;flex-wrap:wrap;gap:.8rem;max-width:72rem;margin:0 auto}
.v-qrs div{background:#fff;border:1px solid var(--line);border-radius:.6rem;padding:.6rem;width:9.5rem;text-align:center;page-break-inside:avoid}
.v-qrs span{display:flex;justify-content:center}.v-qrs b{display:block;font-family:monospace;margin-top:.3rem}.v-qrs small{display:block;font-size:.55rem;color:var(--ink);word-break:break-all}
.v-noimprimir{max-width:72rem;margin:0 auto 1rem}
@media print{.v-barra,.v-pie,.v-noimprimir{display:none}body,main{background:#fff;padding:0}}

/* ── Catálogo: estilos que se eligen en el panel (v3d_estilos). Variables: fondo, tarjeta, texto, suave, borde, acento (botones) y su texto ── */
.v-tienda{--fondo:#F4F8F9;--tarjeta:#fff;--texto:#031838;--suave:#4A5B70;--borde:#DCE5EA;--acento:#007A87;--acento-hover:#06244D;--acento-txt:#fff;--realce:#E5F4F6;background:var(--fondo);color:var(--texto)}
.v-tienda.t-calido{--fondo:#FFF8F1;--tarjeta:#fff;--texto:#2A1A12;--suave:#6B5548;--borde:#F0DFD2;--acento:#C2410C;--acento-hover:#9A3412;--realce:#FFE8D9}
.v-tienda.t-oscuro{--fondo:#0E1420;--tarjeta:#161E2E;--texto:#EEF2F7;--suave:#A9B4C4;--borde:#2A3446;--acento:#D4AF63;--acento-hover:#E6C47E;--acento-txt:#141008;--realce:#232C3D}
.v-tienda.t-pop{--fondo:#fff;--tarjeta:#fff;--texto:#16123A;--suave:#56517A;--borde:#E4E1F5;--acento:#5B3FD9;--acento-hover:#4329B8;--realce:#FFF1B8}
.v-tienda a{color:var(--acento)}
.v-tienda.t-oscuro a{color:var(--acento)}
.v-tienda .v-pie{background:var(--tarjeta);border-color:var(--borde);color:var(--suave)}
.t-barra{justify-content:space-between;align-items:center;gap:1rem}
.t-otra{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:#031838!important;font-weight:600;font-size:.9rem;border:1px solid var(--line);border-radius:999px;padding:.35rem .9rem .35rem .5rem;transition:border-color .2s}
.t-otra:hover{border-color:var(--acento)}
.t-otra img{height:1.9rem;width:auto}
.t-hero{max-width:56rem;margin:0 auto 1.8rem;text-align:center;padding:1.2rem 0 .4rem}
.t-hero h1{font-size:clamp(2rem,6vw,3.1rem);margin-bottom:.9rem}
.t-hero p{color:var(--suave);font-size:1.12rem;max-width:40rem;margin:0 auto}
.t-hero .t-btn{display:inline-flex;width:auto;margin-top:1.4rem}
.t-portada .t-barra{justify-content:flex-end}.t-portada .t-barra > .v-marca{display:none}
.t-hero-portada{max-width:68rem;position:relative;padding:2.6rem 1.2rem 2.4rem;border-radius:1.6rem;border:1px solid var(--borde);background:radial-gradient(60rem 22rem at 50% -6rem,var(--realce),transparent 70%),var(--tarjeta);overflow:hidden}
.t-hero-portada::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--borde) 1px,transparent 1px),linear-gradient(90deg,var(--borde) 1px,transparent 1px);background-size:2.2rem 2.2rem;opacity:.35;-webkit-mask-image:radial-gradient(closest-side,#000,transparent);mask-image:radial-gradient(closest-side,#000,transparent);pointer-events:none}
.t-hero-portada > *{position:relative}
.t-logo-grande{display:block;width:min(100%,26rem);height:auto;margin:0 auto 1.6rem}
.t-oscuro .t-logo-grande{background:#fff;border-radius:1rem;padding:.8rem 1.2rem}
.t-hero-portada h1{font-size:clamp(1.5rem,4vw,2.2rem);margin-bottom:.7rem}
.t-contacto{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1.6rem}
.t-contacto .t-btn{width:auto;margin:0;padding:.8rem 1.5rem}
.t-ico{width:1.35rem;height:1.35rem;flex:0 0 auto;margin-right:.55rem}
.t-btn.t-canal{background:transparent;color:var(--texto)!important;border-color:#1FA855}.t-canal .t-ico{color:#1FA855}.t-btn.t-canal:hover{background:rgba(31,168,85,.1)}
@media(max-width:560px){.t-contacto .t-btn{width:100%}}
.t-campana{max-width:68rem;margin:0 auto 1.5rem;border-radius:1.6rem;overflow:hidden;position:relative;background:linear-gradient(135deg,var(--acento),var(--acento-hover));color:var(--acento-txt);min-height:16rem;display:flex;align-items:flex-end}
.t-campana > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.t-campana-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,20,.78),rgba(8,10,20,.35) 55%,transparent)}
.t-campana-texto{position:relative;z-index:1;padding:2rem 1.5rem;max-width:36rem}
.t-campana-foto .t-campana-texto{color:#fff}
.t-campana-eti{font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.t-campana h2{font-size:clamp(1.7rem,4.5vw,2.6rem);margin:.4rem 0 .6rem;color:inherit}
.t-campana p{opacity:.92}
.t-campana .t-btn{width:auto;display:inline-flex;margin-top:1.2rem;background:#fff;color:#111!important}.t-campana .t-btn:hover{background:#f1f1f1}
@media(max-width:759px){.t-campana-foto::after{background:linear-gradient(0deg,rgba(8,10,20,.82),rgba(8,10,20,.5))}}
@media(min-width:760px){.t-campana{min-height:22rem;align-items:center}.t-campana-texto{padding:2.5rem 3rem}}
.t-campos{display:grid;gap:0 1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}
.t-portada .t-form{max-width:52rem}
.t-hero-peq{margin-bottom:1rem}.t-hero-peq h1{font-size:clamp(1.8rem,5vw,2.5rem)}
.t-pop .t-hero:not(.t-hero-portada) h1,.t-pop .t-hero-portada h1{text-decoration:underline .32em var(--realce);text-underline-offset:-.12em;text-decoration-skip-ink:none}
.t-seccion{max-width:68rem;margin:0 auto 1.5rem;background:var(--tarjeta);border:1px solid var(--borde);border-radius:1.4rem;padding:1.5rem 1.2rem}
.t-seccion > h2{margin-bottom:1rem}
.t-vacio{text-align:center;color:var(--suave)}.t-vacio h2,.t-vacio h1{color:var(--texto);margin-bottom:.5rem}
.t-rejilla{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,8.5rem),1fr))}
@media(min-width:760px){.t-rejilla{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}}
.t-tarjeta{display:flex;flex-direction:column;gap:.25rem;text-decoration:none;color:var(--texto)!important;border:1px solid var(--borde);border-radius:1.1rem;padding:.6rem .6rem 1rem;background:var(--tarjeta);transition:transform .2s,border-color .2s,box-shadow .2s}
.t-tarjeta:hover{transform:translateY(-3px);border-color:var(--acento);box-shadow:0 14px 28px -18px rgba(0,0,0,.35)}
.t-tarjeta img,.t-sinfoto{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:.8rem;background:var(--realce);margin-bottom:.5rem}
.t-sinfoto{display:flex;align-items:center;justify-content:center;font-family:Lexend,Inter,sans-serif;font-size:3rem;color:var(--acento)}
.t-tarjeta b{font-size:1.08rem;padding:0 .3rem}.t-tarjeta small{color:var(--suave);padding:0 .3rem;font-size:.88rem}
.t-tarjeta .t-precio{padding:0 .3rem;margin-top:.3rem}
.t-precio{display:block;font-family:Lexend,Inter,sans-serif;font-weight:500;font-size:1.25rem;color:var(--texto)}
.t-precio small{font-family:Inter,sans-serif;font-size:.78rem;color:var(--suave);font-weight:400}
.t-presu{font-size:1rem;color:var(--acento)}
.t-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:3.2rem;padding:.8rem 1.4rem;border-radius:999px;font:inherit;font-weight:600;font-size:1.05rem;text-decoration:none;border:1.5px solid transparent;cursor:pointer;margin-top:.8rem;background:var(--acento);color:var(--acento-txt)!important;transition:background .2s}
.t-btn:hover{background:var(--acento-hover)}
.t-borde{background:transparent;color:var(--texto)!important;border-color:var(--borde)}.t-borde:hover{background:transparent;border-color:var(--acento)}
.t-wa{background:var(--wa);color:#fff!important}.t-wa:hover{background:#178a45}
.t-nfc{display:grid;gap:1rem;align-items:center}.t-nfc p{color:var(--suave)}
.t-botones{display:grid;gap:.2rem}
.t-migas{max-width:68rem;margin:0 auto 1rem;font-size:.88rem;color:var(--suave)}
.t-ficha{max-width:68rem;margin:0 auto 1.5rem;display:grid;gap:1.5rem;background:var(--tarjeta);border:1px solid var(--borde);border-radius:1.4rem;padding:1rem}
.t-fotos{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.5rem;border-radius:1rem}
.t-fotos img{flex:0 0 100%;width:100%;aspect-ratio:1;object-fit:cover;scroll-snap-align:center;border-radius:1rem;background:var(--realce)}
.t-sinfoto-grande{aspect-ratio:1;font-size:6rem}
.t-miniaturas{display:none;gap:.5rem;margin-top:.6rem;flex-wrap:wrap}
.t-miniaturas button{padding:0;border:2px solid transparent;border-radius:.6rem;background:none;cursor:pointer;width:4.2rem;height:4.2rem;overflow:hidden}.t-miniaturas button:hover,.t-miniaturas button:focus-visible{border-color:var(--acento)}
.t-miniaturas img{width:100%;height:100%;object-fit:cover;display:block}
@media(hover:hover){.t-miniaturas{display:flex}.t-desliza{display:none}}
.t-desliza{font-size:.82rem;color:var(--suave);text-align:center;margin-top:.4rem}
.t-datos h1{font-size:clamp(1.7rem,4vw,2.3rem);margin-bottom:.5rem}
.t-resumen{color:var(--suave);font-size:1.08rem;margin-bottom:.8rem}
.t-datos .t-precio{font-size:1.7rem;margin:.4rem 0}
.t-envio{font-size:.9rem;color:var(--suave)}
.t-texto{margin:1.1rem 0;padding-top:1rem;border-top:1px solid var(--borde)}
.t-form{max-width:40rem}.t-sub{color:var(--suave);margin:-.5rem 0 .5rem}
.v-tienda input,.v-tienda textarea{background:var(--tarjeta);color:var(--texto);border-color:var(--borde)}
.v-tienda label small,.v-tienda .v-consent span{color:var(--suave)}
.t-trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media(max-width:560px){.t-otra span{display:none}.t-otra{padding:.35rem}.t-otra img{height:1.6rem}.v-tienda .v-marca img{height:2.2rem}}
@media(min-width:760px){.t-ficha{grid-template-columns:1fr 1fr;padding:1.5rem;gap:2rem}.t-nfc{grid-template-columns:1.4fr 1fr}.t-seccion{padding:2rem}}

/* ── Panel del catálogo ── */
.a-panel main .v-bloque{max-width:72rem}
.a-menu{max-width:72rem;margin:0 auto 1rem;display:flex;flex-wrap:wrap;gap:.4rem}
.a-menu a{padding:.5rem .95rem;border-radius:999px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--navy);font-weight:600;font-size:.92rem}
.a-menu a[aria-current]{background:var(--navy);color:#fff;border-color:var(--navy)}
.a-num{display:inline-block;min-width:1.4rem;padding:0 .35rem;margin-left:.2rem;border-radius:999px;background:#C2410C;color:#fff;font-size:.78rem;text-align:center}
.a-flash{max-width:72rem;margin:0 auto 1rem}
.a-nueva{background:#fff;max-width:36rem}.a-nueva .v-fila select{flex:0 0 10rem}
.a-marcas{display:grid;gap:1.2rem;margin-top:1.5rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr))}
.a-marca h2 img{height:2.2rem;width:auto;display:block;margin-bottom:.6rem}
.a-fila{display:flex;align-items:center;gap:.8rem;padding:.6rem;border:1px solid var(--line);border-radius:.9rem;margin-bottom:.5rem;text-decoration:none;color:var(--navy)}
.a-fila:hover{border-color:var(--cyan-ink)}
.a-fila img,.a-mini-foto{width:3.2rem;height:3.2rem;border-radius:.6rem;object-fit:cover;flex:0 0 auto;background:var(--soft)}
.a-mini-foto{display:flex;align-items:center;justify-content:center;font-family:Lexend,sans-serif;color:var(--cyan-ink);font-size:1.3rem}
.a-fila > span{flex:1;display:flex;flex-direction:column}.a-fila small{color:var(--ink)}
.a-fila em{font-style:normal;font-size:.75rem;font-weight:600;padding:.15rem .55rem;border-radius:999px}
.a-oculto{background:#FDECEF;color:#8A1C33}.a-pub{background:#EEF8F1;color:#185C33}
.a-migas{font-size:.88rem;color:var(--ink);margin-bottom:.4rem}
.a-dos{display:grid;gap:0 1.5rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))}
.a-form > .v-btn{max-width:20rem}
.a-foto-grande{display:block;width:100%;max-width:18rem;border-radius:.8rem;margin-bottom:.4rem}
.a-nuevo-prod{margin-bottom:1rem;max-width:36rem}.a-nuevo-prod .v-btn{width:auto;margin:0;flex:0 0 auto}
.a-estrecho{max-width:26rem}.a-estrecho.v-fila{align-items:center}.a-estrecho.v-fila input{flex:0 0 9rem;text-align:center;letter-spacing:.2em}.a-estrecho.v-fila .v-btn{margin-top:0}.a-sub{font-size:1.05rem;margin-top:1rem}
.a-pasos{padding-left:1.2rem;display:grid;gap:1rem}.a-qr{background:#fff;display:inline-block;padding:.8rem;border:1px solid var(--line);border-radius:.8rem;margin:.6rem 0}
.a-recup ul{list-style:none;padding:0;margin:.6rem 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.4rem}.a-recup code{font-size:1rem;background:#fff;padding:.2rem .5rem;border-radius:.4rem;border:1px solid var(--line)}
.a-campana{border:1px solid var(--line);border-radius:.9rem;padding:.4rem 1rem 1rem;margin:1.4rem 0 0}.a-campana legend{font-weight:600;padding:0 .3rem}.a-campana legend small{font-weight:400;color:var(--ink)}
.a-modo,.a-estilos{border:0;padding:0;margin:1rem 0 0}.a-modo legend,.a-estilos legend{font-weight:600;font-size:.92rem;margin-bottom:.3rem}
.a-modo .v-consent{margin:.4rem 0}
.a-fotos{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));margin-bottom:1rem}
.a-fotos figure{margin:0}.a-fotos img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:.8rem;border:1px solid var(--line)}
.a-fotos figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem;margin-top:.3rem;font-size:.82rem}
.a-borrar{margin-top:1.5rem;text-align:right}.a-borrar button{font:inherit;font-size:.85rem;background:none;border:0;color:#8A1C33;text-decoration:underline;cursor:pointer}
.a-sol{border:1px solid var(--line);border-left:4px solid #C2410C;border-radius:.8rem;padding:.8rem 1rem;margin-bottom:.7rem}
.a-sol header small{color:var(--ink)}.a-sol p{margin:.3rem 0}.a-msg{background:var(--mist);border-radius:.6rem;padding:.6rem .8rem}
.a-atendida{border-left-color:var(--line);opacity:.75}
.a-estilos{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}
.a-estilos legend{grid-column:1/-1}
.a-estilo{display:flex;gap:.7rem;align-items:flex-start;margin:0;font-weight:400;border:1px solid var(--line);border-radius:.9rem;padding:.7rem;cursor:pointer}
.a-estilo:has(input:checked){border-color:var(--cyan-ink);box-shadow:0 0 0 2px var(--soft)}
.a-estilo input{width:1.1rem;min-height:0;height:1.1rem;margin-top:.9rem;flex:0 0 auto}
.a-muestra{flex:0 0 2.8rem;height:2.8rem;border-radius:.6rem;border:1px solid var(--line);display:flex;align-items:flex-end;padding:.35rem}
.a-muestra i{display:block;width:100%;height:.7rem;border-radius:999px}
.a-estilo > span:last-child{display:flex;flex-direction:column}.a-estilo small{color:var(--ink)}.a-estilo a{font-size:.85rem;margin-top:.2rem}

.a-soltar{border:2px dashed #C5D3DA;border-radius:.9rem;background:var(--mist);padding:.9rem 1rem 1rem;margin-top:.4rem;transition:border-color .2s,background .2s}
.a-soltar p{margin:0 0 .5rem;font-weight:600;font-size:.92rem;color:var(--navy)}
.v-caja .a-soltar{background:#fff}
.a-soltar.encima{border-color:var(--cyan-ink);background:var(--soft)}
@media(min-width:640px){main{padding:2.5rem 1.5rem 3.5rem}.v-tarjeta{padding:2rem 2rem}h1{font-size:1.9rem}.v-bloque{padding:2rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}