/* Tema morado y mate: fondo #2B2C30, tarjetas #1F2024, naranja para lo principal y lo elegido,
   neón solo en detalles. Fuera de main (menú, encabezado, portada) --negro es el fondo y --claro el texto;
   dentro de main se invierten (ver más abajo), así cada regla vieja pinta en morado sin repetirla. */
:root{--negro:#2B2C30;--grafito:#1F2024;--gris:#A8A8AE;--claro:#F5F5F4;--blanco:#F5F5F4;--acento:#FF8A3D;--acento-claro:#FF8A3D;--linea-oscura:rgba(255,255,255,.1);--linea-clara:rgba(255,255,255,.1);--morado:#2B2C30;--neon:#C6FA2C;--tinta:#141518;--texto2:#A8A8AE;--naranja-t:#FFAB70}
main:not(.emp):not(.as-main),.oscuro-pag{--blanco:#1F2024;--claro:#18191C;--suave:#1B1C1F;--negro:#F5F5F4;--linea-clara:rgba(255,255,255,.1);color:var(--negro);color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--morado);color:var(--claro);color-scheme:dark;font:17px/1.55 "Nunito",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.contenedor{max-width:80rem;margin:0 auto;padding:0 2rem}
header{background:var(--grafito);color:var(--claro);border-bottom:1px solid var(--linea-oscura)}
header .contenedor{display:flex;justify-content:space-between;align-items:center;height:3.25rem}
.marca{font-weight:600;font-size:.95rem;text-decoration:none;letter-spacing:-.01em}
.salir{background:none;border:0;color:var(--gris);font:inherit;font-size:.85rem;cursor:pointer;padding:0}
.salir:hover{color:var(--claro)}
/* Menú lateral: fijo a la izquierda; plegado (html.menu-plegado) se queda en solo íconos;
   en el celular se esconde y lo abre la hamburguesa. Abajo, el menú de perfil. */
/* Como tarjeta flotante: separado del borde, con esquinas redondeadas. */
body:has(>.lateral){padding-left:19rem}
.lateral{position:fixed;inset:1rem auto 1rem 1rem;width:17rem;background:var(--grafito);color:var(--claro);border:1px solid var(--linea-oscura);border-radius:1.4rem;display:flex;flex-direction:column;padding:1rem .85rem;z-index:30}
/* Solo anima al plegarlo con el botón (menu-anima), no al cargar cada página. */
html.menu-anima .lateral{transition:width .18s ease}html.menu-anima body:has(>.lateral){transition:padding-left .18s ease}
.lat-cabeza{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:0 .35rem .9rem calc(.9rem + 2px);border-bottom:1px solid #34363B;margin-bottom:.9rem}
.lateral .marca{display:flex;align-items:center;gap:.6rem;color:var(--claro);overflow:hidden;line-height:1.15}
.lateral .marca{font-size:1.3rem;font-weight:600;letter-spacing:-.02em;padding:.35rem 0}
/* El logo (web/logo-skandar.svg y logo-sk.svg): completo con el menú abierto, solo Sk plegado. */
.marca img{display:block;width:auto}.logo-largo{height:1.75rem}header .logo-largo{height:1.45rem}.marca .logo-corto{display:none;height:1.6rem}
html.menu-plegado .lateral .logo-largo{display:none}html.menu-plegado .lateral .logo-corto{display:block}
.plegar,.cerrar{flex:none;background:none;border:0;color:var(--gris);cursor:pointer;padding:.3rem;border-radius:.5rem;display:grid;place-items:center;text-decoration:none;font-size:1.5rem;line-height:1}
.plegar:hover,.cerrar:hover{color:var(--claro);background:#2E3035}
.cerrar{display:none}
.lat-nav{display:flex;flex-direction:column;gap:.2rem;flex:1;overflow-y:auto}
.lat-item{display:flex;align-items:center;gap:.85rem;padding:.8rem .9rem;border-radius:.85rem;color:#A8A8AE;text-decoration:none;font:inherit;font-size:1.05rem;background:none;border:0;cursor:pointer;width:100%;white-space:nowrap}
.lat-item svg{flex:none}
.lat-item:hover{color:var(--claro);background:#2A2C30}
.lat-item.on{color:var(--naranja-t);background:rgba(255,138,61,.12);font-weight:600;box-shadow:inset 3px 0 0 var(--acento)}
.lat-pie{border-top:1px solid #34363B;padding-top:.75rem;margin:0}
/* Abajo, antes de tu cuenta: los pasos iniciales (un anillo con el avance) y Ayuda. */
.lat-etiqueta{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#6E7077;padding:.75rem .9rem .3rem;border-top:1px solid #34363B;margin-top:.2rem}html.menu-plegado .lat-etiqueta{padding:.3rem 0 0}.lat-abajo [data-abrir-skandi]{border-top:1px solid #34363B;border-radius:0 0 .85rem .85rem;margin-top:.35rem;padding-top:1.05rem}.lat-abajo{display:flex;flex-direction:column;gap:.2rem;padding:.6rem 0 .5rem}
.pasos-ini>summary{background:rgba(255,138,61,.08);border:1px solid rgba(255,138,61,.22);margin-bottom:.35rem;padding:.6rem .75rem}
.pasos-ini>summary:hover{background:rgba(255,138,61,.14)}
.pasos-ini .txt{color:var(--claro);font-weight:600;font-size:.95rem}
.anillo-caja{position:relative;flex:none;width:34px;height:34px;display:grid;place-items:center}
.anillo-caja b{position:relative;font-size:.62rem;font-weight:700;color:var(--claro)}
.anillo{position:absolute;inset:0;transform:rotate(-90deg)}
.anillo circle{fill:none;stroke-width:3.2}.anillo .fondo{stroke:#34363B}.anillo .lleno{stroke:var(--neon);stroke-linecap:round}
.pasos-ini .perfil-menu a{display:flex;align-items:center;gap:.6rem}
.marca-paso{flex:none;width:1.15rem;height:1.15rem;border-radius:50%;border:1.5px solid #55575E;display:grid;place-items:center}
.pasos-ini a.hecho{color:var(--gris)}
.pasos-ini a.hecho .marca-paso{background:var(--acento);border-color:var(--acento);color:var(--tinta)}
html.menu-plegado .pasos-ini>summary{padding:.6rem;justify-content:center}
/* En la computadora la ayuda está en el menú; el botón flotante queda para el celular. */
@media(min-width:901px){body:has(>.lateral) .sk-boton{display:none}}
html.menu-plegado body:has(>.lateral){padding-left:7.25rem}
html.menu-plegado .lateral{width:5.25rem}
html.menu-plegado .lateral .txt{display:none}
html.menu-plegado .lat-cabeza{flex-direction:column}
html.menu-plegado .plegar svg{transform:rotate(180deg)}
/* Plegado, todo en una sola columna centrada: el logo Sk, el botón, los íconos y tu cuenta. */
html.menu-plegado .lat-cabeza{align-items:center;padding:0 0 .9rem}
html.menu-plegado .lateral .marca{justify-content:center;margin-right:0}
html.menu-plegado .lat-item{justify-content:center;padding-left:0;padding-right:0;gap:0}
.perfil{position:relative}
.perfil>summary{list-style:none}.perfil>summary::-webkit-details-marker{display:none}
.lat-avatar{flex:none;width:2rem;height:2rem;border-radius:50%;object-fit:cover;background:var(--acento);color:var(--tinta);display:grid;place-items:center;font-size:.8rem;font-weight:600;margin-left:-.1rem}
.perfil .txt small{display:block;font-size:.75rem;color:var(--gris)}
.perfil-menu{position:absolute;left:0;right:0;bottom:calc(100% + .4rem);background:#2E3035;border:1px solid #3A3C42;border-radius:.9rem;padding:.35rem;box-shadow:0 12px 40px rgba(0,0,0,.5);display:flex;flex-direction:column}
.perfil-menu a,.perfil-menu button{display:block;text-align:left;color:var(--claro);text-decoration:none;font:inherit;font-size:.9rem;padding:.55rem .75rem;border-radius:.6rem;background:none;border:0;cursor:pointer;width:100%}
.perfil-menu a:hover,.perfil-menu button:hover{background:#3A3C42}
.perfil-menu form{margin:0}
.perfil-menu .sep{border-top:1px solid var(--linea-oscura);margin:.3rem 0}
.perfil-menu .quien{padding:.45rem .75rem .55rem;font-size:.8rem;color:var(--gris);border-bottom:1px solid var(--linea-oscura);margin-bottom:.3rem}
html.menu-plegado .perfil-menu{left:calc(100% + .9rem);right:auto;bottom:0;width:14rem}
header.movil{display:none}
.velo{display:none}
@media(max-width:900px){body:has(>.lateral),html.menu-plegado body:has(>.lateral){padding-left:0}
header.movil{display:flex;align-items:center;gap:.9rem;height:3.25rem;padding:0 1.25rem;background:var(--grafito);color:var(--claro);border-bottom:1px solid var(--linea-oscura)}
.hamburguesa{display:flex;flex-direction:column;gap:4px;padding:.4rem}.hamburguesa span{width:20px;height:2px;background:var(--claro);border-radius:2px}
.lateral,html.menu-plegado .lateral{width:17rem;inset:.75rem auto .75rem .75rem;transform:translateX(calc(-100% - 1rem));transition:transform .2s ease}
html.menu-plegado .lateral .txt{display:inline}html.menu-plegado .lat-cabeza{flex-direction:row}
html.menu-plegado .lat-cabeza{padding:0 .35rem .9rem calc(.9rem + 2px)}html.menu-plegado .lateral .marca{justify-content:flex-start}
html.menu-plegado .lat-item{justify-content:flex-start;padding:.8rem .9rem;gap:.85rem}
html.menu-plegado .lateral .logo-largo{display:block}html.menu-plegado .lateral .logo-corto{display:none}
html.menu-plegado .perfil-menu{left:0;right:0;bottom:calc(100% + .4rem);width:auto}
.lateral:target,html.menu-abierto .lateral{transform:none}
.lateral:target~.velo,html.menu-abierto .velo{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:20}
.plegar{display:none}.cerrar{display:grid}}
.oscuro{background:transparent;color:var(--claro)}
.portada{padding:5rem 0 4rem}
.entrar{min-height:calc(100vh - 3.25rem);display:flex;align-items:center;text-align:center}
.antetitulo{font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--acento);margin:0 0 1rem}
h1,h2{font-weight:600;letter-spacing:-.035em;margin:0}
h1{font-size:clamp(2.5rem,8vw,4.5rem);line-height:1.04;overflow-wrap:anywhere}
h2{font-size:1.5rem;letter-spacing:-.02em;margin-bottom:.25rem}
.punto{color:var(--acento-claro)}
.bajada{font-size:clamp(1.1rem,2.4vw,1.35rem);line-height:1.4;color:var(--gris);margin:1.25rem auto 0;max-width:34rem}
.nota{color:var(--gris);font-size:.9rem;margin-top:2rem}
.caja-entrar{max-width:var(--entrar-ancho);margin:0 auto;text-align:left}
.caja-entrar h1{font-size:var(--entrar-titulo)}
.caja-entrar .bajada{margin:.75rem 0 0;font-size:var(--t-bajada)}
.entrar-correo{margin-top:2rem}
.entrar-correo label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.45rem}
.ayuda-entrar{color:var(--gris);font-size:.85rem;margin:.5rem 0 1rem}
.caja-entrar .boton-ancho,.boton-entrar{position:relative;display:flex;width:100%;align-items:center;justify-content:center;gap:.6rem}
.boton-ancho svg,.boton-entrar svg{width:1.2rem;height:1.2rem;flex:none}
.boton-entrar{padding:.8rem 1.5rem;border-radius:999px;font-weight:600;text-decoration:none;color:var(--claro);background:var(--entrar-boton);border:1px solid var(--linea-oscura)}
.boton-entrar:hover{border-color:var(--acento)}
.otros-entrar{display:grid;gap:.75rem}
.o-entra{display:flex;align-items:center;gap:1rem;margin:1.75rem 0;color:var(--gris);font-size:.78rem;font-weight:700;letter-spacing:var(--espaciado-ante);text-transform:uppercase}
.o-entra::before,.o-entra::after{content:"";flex:1;height:1px;background:var(--linea-oscura)}
.ultimo-usado{position:absolute;top:-.6rem;right:1rem;background:var(--acento);color:var(--tinta);font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.15rem .5rem;border-radius:.4rem}
.caja-entrar .nota{text-align:center}
.aviso-entrar{color:var(--acento-claro);margin:1.5rem 0 0}
.enlace{color:var(--acento-claro);text-decoration:none;font-weight:500}
.volver{margin:0 0 1rem;font-size:.95rem}
.enlace:hover{text-decoration:underline}
.boton{display:inline-block;padding:.8rem 1.5rem;border-radius:999px;font:inherit;font-weight:600;font-size:1rem;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .2s}
.boton:hover{transform:scale(1.03)}
.oscuro .boton{background:var(--acento);color:var(--tinta)}
.oscuro .boton.secundario{background:transparent;color:var(--claro);border-color:rgba(255,255,255,.28)}
main .boton{background:var(--acento);color:var(--tinta)}
main .boton.secundario{background:transparent;color:var(--negro);border-color:rgba(255,255,255,.28)}
.acciones{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;margin-top:1.5rem}
.centro .acciones{justify-content:center;margin-top:2.25rem}
.estado{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:2rem;padding:1rem 1.25rem;border:1px solid var(--linea-oscura);border-radius:1.25rem;background:var(--grafito)}
.acciones-estado{display:flex;gap:.6rem;flex-wrap:wrap}
.chat{background:var(--blanco);border-radius:1.5rem;padding:1.5rem}
.burbuja{max-width:82%;width:fit-content;padding:.6rem .95rem;border-radius:1.2rem;font-size:.95rem;line-height:1.45;margin-bottom:.55rem;white-space:pre-wrap;overflow-wrap:anywhere}
.burbuja.cliente{background:#3F4147;color:var(--negro);margin-left:auto;border-bottom-right-radius:.35rem}
.burbuja.agente{background:var(--claro);border:1px solid var(--linea-clara);border-bottom-left-radius:.35rem}
.escribiendo{display:flex;gap:.3rem;align-items:center;height:2.4rem}
.escribiendo span{width:.45rem;height:.45rem;border-radius:50%;background:var(--gris);animation:puntos 1.2s infinite ease-in-out}
.escribiendo span:nth-child(2){animation-delay:.15s}
.escribiendo span:nth-child(3){animation-delay:.3s}
@keyframes puntos{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.compacta{padding:1.5rem 0 1.5rem;display:flex}
/* La franja negra mide lo mismo en todas las secciones: el resumen (.hoy) va siempre pegado abajo. */
@media(min-width:561px){.compacta{min-height:22rem}.compacta .hoy .kpi{min-height:7.5rem}}
.compacta.delgada{min-height:0;padding:1.5rem 0 1.75rem}.delgada .titulo-fila .boton{margin:-2px 0}
.compacta>.contenedor{display:flex;flex-direction:column;width:100%}
.compacta .hoy{margin-top:auto}
.compacta .estado,.compacta .pestanas{margin-bottom:1rem}
.compacta .antetitulo{margin-bottom:.5rem}.compacta .pestanas{margin-top:1rem}.compacta .estado{margin-top:1rem;padding:.75rem 1.1rem}
.compacta .hoy{margin-top:auto;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}.compacta .hoy .kpi{padding:.9rem 1.15rem}
.titulo-fila{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.titulo-fila .antetitulo{margin:0}.titulo-fila.sin-ante{justify-content:flex-end}.titulo-fila:has(.boton){min-height:2.75rem}
.oscuro .boton.ajuste{padding:.55rem 1.1rem;font-size:.9rem}
.oscuro .boton.ajuste.on,.oscuro .acciones-estado .boton.on{background:var(--acento);color:var(--tinta);border-color:var(--acento)}
.boton .semaforo{display:inline-block;margin:0 .5rem 0 0;vertical-align:.05em}
.lat-item .semaforo{display:inline-block;margin:0 0 0 .35rem;vertical-align:.05em}
.compacta h1{font-size:clamp(1.8rem,4vw,2.4rem)}
.compacta .bajada{font-size:1.05rem;margin-top:.5rem}
.compacta+main{padding-top:1.5rem}
.ancla{display:block;scroll-margin-top:30vh}
.vacio{color:#A8A8AE;text-align:center;padding:2rem 0}
.escribir{display:flex;gap:.6rem;margin-top:1rem}
.escribir input{flex:1}
.luz{display:inline-block;width:.6rem;height:.6rem;border-radius:50%;margin-right:.5rem;background:var(--acento-claro)}
.luz.on{background:var(--neon)}
main{padding:3rem 0 5rem}
.aviso{background:var(--blanco);border-left:3px solid var(--acento);border-radius:.75rem;padding:1rem 1.25rem;margin-bottom:1.25rem}
.tarjeta{background:var(--blanco);border-radius:1.5rem;padding:2rem;margin-bottom:1.25rem}
.num{display:block;font-size:.85rem;font-weight:600;color:var(--acento);margin-bottom:1rem}
.ayuda{color:#A8A8AE;font-size:.9rem;margin:.1rem 0 .5rem}
label{display:block;font-weight:600;font-size:.95rem;margin-top:1.25rem}
textarea,input[type=text],input[type=datetime-local],input[type=time],input[type=email]{width:100%;font:inherit;font-size:1rem;color:var(--negro);background:var(--claro);border:1px solid var(--linea-clara);border-radius:.85rem;padding:.7rem .9rem}
textarea:focus,input[type=text]:focus,input[type=datetime-local]:focus,input[type=time]:focus,input[type=email]:focus{outline:2px solid var(--acento-claro);outline-offset:1px;border-color:transparent}
textarea.prompt{font:14px/1.5 ui-monospace,Menlo,monospace;min-height:20rem}
.tarjeta .aviso{background:var(--claro);margin:1rem 0 0}
.par{border:1px solid var(--linea-clara);border-radius:1rem;padding:1rem;margin-top:1rem}
.par label{margin-top:0}
.par textarea{margin-top:.4rem}
.par .quitar{background:none;border:0;color:#A8A8AE;font:inherit;font-size:.85rem;cursor:pointer;padding:.5rem 0 0}
.par .quitar:hover{color:var(--acento)}
.tonos{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.75rem}
.tonos label{margin:0;font-weight:500;border:1px solid var(--linea-clara);border-radius:999px;padding:.45rem 1rem;cursor:pointer}
.tonos input{accent-color:var(--acento)}
.oculto{position:absolute;left:-9999px}
header form{display:flex;margin:0}
.menu a,.marca{white-space:nowrap}
.marca{margin-right:1rem}
@media(max-width:560px){.menu{gap:.75rem;margin-right:.75rem;font-size:.8rem}.kpis{grid-template-columns:1fr 1fr}.kpi{padding:1rem}.kpi b{font-size:1.6rem}header:has(.menu) .marca{display:none}header:has(.menu) .menu{margin-left:0}}
.menu{display:flex;gap:1.25rem;font-size:.85rem;margin-left:auto;margin-right:1.5rem}
.menu a{color:var(--gris);text-decoration:none}
.menu a.on,.menu a:hover{color:var(--claro)}
.pestanas{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.5rem}
.pestanas a{padding:.5rem 1rem;border-radius:999px;color:#A8A8AE;text-decoration:none;font-size:.95rem;font-weight:500;border:1px solid transparent}
.pestanas a.on{background:var(--grafito);color:var(--claro);border-color:var(--linea-oscura)}
.pestanas a.crear{background:var(--claro);color:var(--negro);font-weight:600}
.contador{color:var(--gris);font-size:.85rem;margin:1rem 0 0}
.opciones{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.75rem;margin-top:.75rem}
.opcion{position:relative;margin:0;font-weight:400;border:1px solid var(--linea-clara);border-radius:1.1rem;padding:1rem 1.1rem;cursor:pointer;background:var(--blanco)}
.opcion b{display:block;font-weight:600}
.opcion span{display:block;color:#A8A8AE;font-size:.9rem;line-height:1.4;margin-top:.2rem}
.opcion small{display:inline-block;margin-top:.5rem;font-size:.75rem;font-weight:600;color:var(--acento)}
.opcion:has(input:checked){border-color:var(--acento);box-shadow:inset 0 0 0 1px var(--acento);background:rgba(255,138,61,.12)}
.opcion input,.chips input,.foto input{position:absolute;opacity:0;pointer-events:none}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}
.chips label{position:relative;margin:0;font-weight:500;font-size:.95rem;border:1px solid var(--linea-clara);border-radius:999px;padding:.45rem 1rem;cursor:pointer;background:var(--blanco)}
.chips label:has(input:checked){background:var(--acento);color:var(--tinta);border-color:var(--acento)}
.chips label:has(input:focus-visible),.opcion:has(input:focus-visible),.foto:has(input:focus-visible){outline:2px solid var(--acento-claro);outline-offset:2px}
.pieza{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:1rem;display:block;background:var(--claro)}
.editor{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:1.25rem;align-items:start}
.editor .fija{position:sticky;top:1rem}
.editor .botones-img{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.75rem}
.editor .botones-img .boton{padding:.6rem .4rem;font-size:.9rem;text-align:center}
.editor .fija input[type=file]{margin-top:.5rem;width:100%}
.editor details.avanzado{margin-top:.75rem}.editor details.avanzado summary{cursor:pointer;color:var(--gris);font-size:.9rem}
.editor details.avanzado textarea{margin-top:.4rem}
@media(max-width:760px){.editor{grid-template-columns:1fr}.editor .fija{position:static}}
.fila{display:flex;gap:1rem;align-items:center;padding:1rem 0;border-top:1px solid var(--linea-clara)}
.fila:first-of-type{border-top:0}
.fila img{width:4.5rem;aspect-ratio:4/5;object-fit:cover;border-radius:.6rem;flex:none}
.fila .datos{flex:1;min-width:0}
.fila .datos b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fila .datos span{display:block;color:#A8A8AE;font-size:.9rem}
@media(max-width:560px){.fila{flex-wrap:wrap;gap:.6rem 1rem}.fila .datos{flex-basis:calc(100% - 5.5rem)}.fila img+.datos+.chip,.fila .pieza+.datos+.chip{margin-left:5.5rem}}
.chip{display:inline-block;font-size:.75rem;font-weight:600;padding:.2rem .65rem;border-radius:999px;background:var(--claro);color:#E4E4E2;border:1px solid var(--linea-clara);white-space:nowrap}
.chip.verde{background:rgba(198,250,44,.14);color:#C6FA2C;border-color:transparent}.chip.azul{background:rgba(141,184,242,.16);color:#B5CFF5;border-color:transparent}
.chip.rojo{background:rgba(255,107,87,.14);color:#FFA494;border-color:transparent}
.color{display:flex;gap:1rem;align-items:flex-start;margin-top:1.25rem}
.color>div{flex:1;min-width:0}
.color label{margin-top:0}
.color .ayuda{margin:.1rem 0 .4rem}
.muestra{width:2.9rem;height:2.9rem;border-radius:.75rem;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
input[type=color].muestra{padding:0;border:0;background:none;cursor:pointer;-webkit-appearance:none;appearance:none}
input[type=color].muestra::-webkit-color-swatch-wrapper{padding:0}
input[type=color].muestra::-webkit-color-swatch{border:0;border-radius:.75rem}
input[type=color].muestra::-moz-color-swatch{border:0;border-radius:.75rem}
.hex{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;font-weight:400;color:#A8A8AE;margin-left:.35rem}
input.chico{max-width:9rem;padding:.4rem .7rem;font-size:.85rem}
.opcion img.ejemplo{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:.7rem;display:block;margin-bottom:.6rem}
label.check{display:flex;gap:.5rem;align-items:center;font-weight:500;cursor:pointer}
label.check input{width:auto;margin:0}
.si-precio{display:none}
form:has(#con_precio:checked) .si-precio{display:block}
form:has(input[name=modo][value=libre]:checked) .si-plantilla{display:none}
.si-como{display:none}form:has(input[name=como][value=plantilla]:checked) .si-como.plantilla,form:has(input[name=como][value=libre]:checked) .si-como.libre{display:block}
.desplegable{margin-top:1.25rem;padding:1.25rem 1.4rem;border:1px solid var(--linea-clara);border-radius:1.25rem;background:var(--claro)}
.desplegable h3{font-size:1rem;margin:0 0 .25rem}
.mini-colores{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.6rem}.mini-color{display:flex;align-items:center;gap:.5rem;margin:0;font-weight:500}
.mini-color input{width:2.4rem;height:2.4rem;border:1px solid var(--linea-clara);padding:0;border-radius:.6rem;background:none}
.opcion small.tuyo{display:block;color:var(--negro);font-style:italic;font-weight:400;font-size:.85rem}
.si-libre{display:none}form:has(input[name=modo][value=libre]:checked) .si-libre{display:block}
/* Página de marca: los datos a la izquierda y la vista previa (perfil o un post) a la derecha. */
.marca-pagina{display:grid;grid-template-columns:minmax(0,1fr) 22rem;gap:1.5rem;align-items:start}
.marca-pagina .lado{position:sticky;top:1.5rem}
@media(max-width:1100px){.marca-pagina{grid-template-columns:1fr}.marca-pagina .lado{position:static;order:-1}}
.pares{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:640px){.pares{grid-template-columns:1fr}}
.suave{font-weight:400;color:var(--gris)}
.logo-sube{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.logo-sube input[type=file]{flex:1;min-width:10rem;font-size:.85rem}
.avatar-marca{width:3.2rem;height:3.2rem;border-radius:50%;flex:none;display:grid;place-items:center;color:var(--negro);font-weight:700;font-size:1.2rem;object-fit:cover;background:#3F4147}
.chips label:has(input[type=checkbox]:checked){background:var(--acento);color:var(--tinta);border-color:var(--acento)}
.paleta{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:.75rem}
.swatch{margin:0;border:1px solid var(--linea-clara);border-radius:1rem;overflow:hidden;cursor:pointer;background:var(--blanco)}
.swatch input[type=color]{display:block;width:100%;height:4.5rem;border:0;padding:0;background:none;cursor:pointer;-webkit-appearance:none;appearance:none;border-bottom:1px solid var(--linea-clara)}
.swatch input[type=color]::-webkit-color-swatch-wrapper{padding:0}.swatch input[type=color]::-webkit-color-swatch{border:0}.swatch input[type=color]::-moz-color-swatch{border:0}
.swatch>span{display:block;padding:.6rem .8rem;font-size:.9rem}.swatch b{display:block}
.swatch input.hex{width:100%;margin:.15rem 0 0;padding:.3rem .5rem;font:inherit;font-family:ui-monospace,Menlo,monospace;font-size:.85rem;text-transform:uppercase;border:1px solid transparent;border-radius:.5rem;background:var(--claro)}
.swatch input.hex:hover,.swatch input.hex:focus{border-color:var(--linea-clara);background:var(--blanco)}
details.mas{margin-top:1rem}details.mas summary{cursor:pointer;color:var(--acento);font-size:.9rem;font-weight:500}
.color-uso{margin-top:1rem}.color-uso .ayuda{margin:.15rem 0 .35rem}
.letras{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.6rem;margin-top:.75rem}
.letra{position:relative;margin:0;border:1px solid var(--linea-clara);border-radius:.9rem;padding:.8rem .5rem;text-align:center;font-size:1.5rem;cursor:pointer;background:var(--blanco)}
.letra input{position:absolute;opacity:0;pointer-events:none}
.letra small{display:block;font:400 .75rem "Nunito",system-ui,sans-serif;color:var(--gris);margin-top:.15rem}
.letra:has(input:checked){border-color:var(--acento);box-shadow:inset 0 0 0 1px var(--acento);background:rgba(255,138,61,.12)}
.pestanas-mini{display:flex;gap:.25rem;background:var(--claro);border-radius:999px;padding:.25rem;margin:.5rem 0 1rem}
.pestanas-mini input{position:absolute;opacity:0;pointer-events:none}
.pestanas-mini label{flex:1;margin:0;text-align:center;padding:.4rem .6rem;border-radius:999px;font-size:.88rem;font-weight:500;color:#A8A8AE;cursor:pointer}
.pestanas-mini input:checked+label{background:var(--blanco);color:var(--negro);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.vp-post{display:none}.lado:has(#vp-post:checked) .vp-post{display:block}.lado:has(#vp-post:checked) .vp-perfil{display:none}
.ig{border:1px solid var(--linea-clara);border-radius:1rem;padding:1rem}
.ig-arriba{display:flex;align-items:center;gap:.8rem}.ig-arriba b{display:block;font-size:.95rem}
.ig-nombre{display:block;font-size:.85rem;color:#E4E4E2}
.ig-bio{font-size:.85rem;color:#E4E4E2;margin:.6rem 0 .8rem;line-height:1.4}
.ig-cuadricula{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;border-radius:.4rem;overflow:hidden}
.ig-cuadricula>*{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;background:var(--claro)}
.ig-cuadricula .nuevo{outline:2px solid var(--acento);outline-offset:-2px}
.ayuda.chica{font-size:.8rem;margin-top:.6rem}
.minis{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.75rem}
.minis figure{margin:0}.minis figcaption{color:#A8A8AE;font-size:.8rem;margin-top:.35rem;line-height:1.3}
.pieza.cargando{opacity:.45;transition:opacity .2s}
.js .sin-js{display:none}
.propuestas{display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:1rem}
.propuesta{background:var(--blanco);border-radius:1.25rem;overflow:hidden;display:flex;flex-direction:column}
.propuesta .pieza{border-radius:0}
.propuesta .cuerpo{padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.45rem;flex:1}
.propuesta .cuerpo p{margin:0;font-size:.92rem;line-height:1.45}
.propuesta .arriba{display:flex;justify-content:space-between;gap:.5rem}
.propuesta .acciones{margin-top:auto;padding-top:.4rem}
.propuesta .acciones .boton{flex:1;text-align:center}
.por-que{color:#A8A8AE}
.detalle summary{cursor:pointer;list-style:none;color:#A8A8AE;font-size:.9rem;font-weight:500;margin-top:.5rem}
.detalle summary::-webkit-details-marker{display:none}
.detalle summary::after{content:"›";margin-left:.35rem;display:inline-block;transition:transform .15s}.detalle[open] summary::after{transform:rotate(90deg)}
.detalle p{margin:.45rem 0}.detalle .texto-post{white-space:pre-wrap}
.chip.acento{background:rgba(255,138,61,.12);color:var(--acento);border-color:transparent}
/* Cada objetivo de post en lila, con una diferencia muy sutil entre ellos: el color fuerte es del
   estado (publicado, programado, borrador), no del objetivo. */
.chip.obj-marca{background:rgba(255,255,255,.08);color:#E4E4E2}.chip.obj-estrella{background:rgba(255,255,255,.08);color:#E4E4E2}
.chip.obj-crecer{background:rgba(255,255,255,.08);color:#E4E4E2}.chip.obj-explicar{background:rgba(255,255,255,.08);color:#E4E4E2}
.chip.obj-historia{background:rgba(255,255,255,.08);color:#E4E4E2}
.titulo-seccion{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem}
.titulo-seccion h2{margin:0}
.acciones-fila{display:flex;gap:.5rem;flex:none}
.antiguos .fila img{opacity:.85}
.antiguos .datos b{font-weight:500}
.dos{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.dos .ayuda{margin:0 0 .3rem}
.fotos{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.75rem}
.fotos figure{margin:0;width:6rem;text-align:center}
.fotos img{width:6rem;height:6rem;object-fit:cover;border-radius:.75rem;display:block}
.foto{position:relative;margin:0;cursor:pointer;border-radius:.85rem;border:2px solid transparent}
.foto:has(input:checked){border-color:var(--acento)}
.fotos .quitar{background:none;border:0;color:#A8A8AE;font:inherit;font-size:.8rem;cursor:pointer;padding:.3rem 0 0}
input[type=file]{font:inherit;font-size:.9rem;margin-top:.75rem;max-width:100%}
.boton.chico{padding:.5rem 1rem;font-size:.9rem}
.ideas{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin:.6rem 0 .2rem}.ideas .ayuda{margin:0}.ideas input[type=file]{width:auto;max-width:100%}
.boton[disabled]{opacity:.45;cursor:not-allowed}
.generando{display:flex;gap:1rem;align-items:center}
/* La espera de un trabajo largo: porcentaje y barra lima (panel.js la mueve). */
#generando{padding:var(--caja-pad);border-radius:var(--caja-radio)}.trabajo-cab{display:flex;justify-content:space-between;align-items:baseline;gap:var(--hueco)}.trabajo-cab h2{margin:0;font-size:var(--t-tarjeta);font-weight:var(--peso-tarjeta)}.pct-trabajo{font-size:var(--t-tarjeta);font-weight:var(--peso-tarjeta);color:var(--acento);font-variant-numeric:tabular-nums}.avance-trabajo{height:.5rem;margin:1rem 0 .9rem;border-radius:999px;background:#2E3035;overflow:hidden;box-shadow:inset 2px 2px 4px rgba(0,0,0,.4)}.avance-trabajo i{display:block;height:100%;border-radius:999px;background:var(--neon)}.paso-trabajo{margin:0 0 .35rem;font-size:var(--t-texto-tarjeta);color:var(--t-color,#F5F5F4)}#generando .ayuda{margin:0;font-size:var(--t-texto-tarjeta)}
.extra{border:1px solid var(--acento);background:rgba(255,138,61,.12)}
.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:.75rem;margin-bottom:1.25rem}
.kpi{background:var(--blanco);border-radius:1.25rem;padding:1.25rem 1.4rem}
.kpi span{display:block;color:#A8A8AE;font-size:.85rem}
.kpi b{display:block;font-size:2rem;font-weight:600;letter-spacing:-.03em;line-height:1.15;margin:.2rem 0}
.kpi small{color:#A8A8AE;font-size:.85rem}
.hoy{margin:1rem 0 0;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr))}
.hoy .kpi{background:var(--grafito);color:var(--claro);border:1px solid var(--linea-oscura)}
.hoy .kpi b{font-size:1.6rem}.hoy .kpi span,.hoy .kpi small{color:#A8A8AE}.hoy .kpi small{display:block;line-height:1.35}
.barra{height:.35rem;border-radius:999px;background:var(--linea-oscura);margin-top:.5rem;overflow:hidden}
.barra i{display:block;height:100%;background:var(--neon)}
.avatar{width:2.6rem;height:2.6rem;border-radius:50%;background:var(--claro);display:grid;place-items:center;font-weight:600;flex:none}
.sub{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--linea-clara)}
.horas{display:flex;gap:.75rem;align-items:center;margin-top:.6rem}.horas input{width:9rem}
label.check input[type=email]{flex:1;max-width:22rem;margin:0}
.sub>input[type=email]{max-width:22rem;margin-top:.6rem}
.si-fijo{display:none;margin-top:.75rem}form:has(input[name=fuera][value=fijo]:checked) .si-fijo{display:block}
.semaforo{width:.65rem;height:.65rem;border-radius:50%;flex:none;margin:0 .4rem;background:#C6FA2C}
.semaforo.sem-aviso{background:#ff9f0a}.semaforo.sem-mal{background:#ff453a}.semaforo.sem-no{background:var(--linea-oscura)}
.caminos{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.camino{background:var(--blanco);border-radius:1.5rem;padding:2rem;display:flex;flex-direction:column;border:2px solid transparent}
.camino h2{margin:.25rem 0 .5rem}.camino ul{margin:1rem 0 1.5rem;padding:0;list-style:none;color:#E4E4E2}
.camino li{padding:.45rem 0;border-top:1px solid var(--linea-clara);display:flex;gap:.6rem}
.camino li:first-child{border-top:0}.camino li b{color:var(--acento);font-weight:600;min-width:1.2rem}
.camino .acciones{margin-top:auto}
.pasos-bienv{margin-bottom:1.5rem}.explorar .boton{white-space:nowrap}.pasos-bienv .wiz-paso{cursor:default}.pasos-bienv .wiz-paso>span small{display:block;font-size:.76rem;font-weight:400;color:var(--gris);margin-top:.05rem}
.tiempo{align-self:flex-start;font-size:.8rem;color:#A8A8AE;background:var(--claro);border-radius:999px;padding:.2rem .7rem}
.sola{max-width:none}
.despues{margin-top:1.25rem;text-align:left;color:#A8A8AE;font-size:.9rem}.despues a{color:inherit}
.despues button{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}
.explorar{margin-top:1.25rem;background:var(--blanco);border-radius:1.5rem;padding:1.25rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.explorar p{margin:0;color:#E4E4E2}.explorar b{color:var(--negro)}
.sola+.explorar{max-width:none}
@media(max-width:700px){.caminos{grid-template-columns:1fr}.explorar{flex-direction:column;align-items:flex-start;padding:1.25rem 1.5rem}}
.regla{border-top:1px solid var(--linea-clara);margin-top:1rem;padding-top:1rem}
.cab-regla{display:flex;justify-content:space-between;align-items:center;gap:.75rem}
.nueva-regla{margin-top:1.25rem}.nueva-regla>summary{list-style:none;display:inline-flex}
.nueva-regla>summary::-webkit-details-marker{display:none}.nueva-regla[open]>summary{display:none}
.plegable>summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none}
.plegable>summary::-webkit-details-marker{display:none}
.plegable>summary .num{margin:0}
.plegable>summary::after{content:"";width:.55rem;height:.55rem;border-right:2px solid #A8A8AE;border-bottom:2px solid #A8A8AE;transform:rotate(45deg);margin:0 .3rem .3rem 1rem}
.plegable[open]>summary::after{transform:rotate(-135deg);margin-bottom:-.2rem}
.plegable>summary .resumen{margin-left:auto;color:#A8A8AE;font-size:.85rem}
.plegable[open]>summary{margin-bottom:1rem}
.seccion>summary .titulo-sec .num{margin:0 0 .35rem}.seccion>summary h2{margin:0}
.guardar-todo{align-items:center;gap:1rem;margin:1.25rem 0 0}
.guardar-todo .ayuda{margin:0}
.grupo>summary{background:var(--blanco);border-radius:1.5rem;padding:1.5rem 2rem;margin-bottom:1.25rem}
.grupo>summary .num{margin-bottom:.2rem}.grupo>summary .resumen{display:block;margin:0;font-size:.95rem}
.grupo[open]>summary{margin-bottom:1.25rem}
.filtros{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 .25rem}
.filtros a{font-weight:500;font-size:.95rem;border:1px solid var(--linea-clara);border-radius:999px;padding:.45rem 1rem;color:inherit;text-decoration:none}
.filtros a.on{background:var(--acento);color:var(--tinta);border-color:var(--acento)}
.buscar-chats{display:flex;gap:.5rem;align-items:center;margin:.75rem 0 .25rem;max-width:32rem}
.buscar-chats input{flex:1;min-width:0;font:inherit;font-size:.95rem;padding:.5rem .9rem;border:1px solid var(--linea-clara);border-radius:999px;background:var(--claro);color:var(--negro)}
.cuantos{margin:.5rem 0 0}
.paginas{display:flex;justify-content:center;align-items:center;gap:.35rem;margin:1.25rem 0 .25rem;flex-wrap:wrap}
.paginas a,.paginas span{min-width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:.95rem;font-weight:500;color:inherit;text-decoration:none}
.paginas a{border:1px solid var(--linea-clara)}
.paginas a:hover{background:rgba(255,255,255,.06)}
.paginas .on{background:var(--acento);color:var(--tinta)}
.paginas .apagada{opacity:.3}
.paginas .puntos{min-width:1.25rem}
@media(max-width:560px){.hoy{grid-template-columns:1fr 1fr}.fila:has(.avatar) .datos{flex-basis:calc(100% - 3.6rem)}.fila .avatar+.datos+.chip{margin-left:3.6rem}}
.grafica{width:100%;height:9rem;display:block;margin-top:1.25rem}
.ejex{display:flex;color:#A8A8AE;font-size:.75rem;margin-top:.35rem}
.ejex span{flex:1;text-align:center;white-space:nowrap;min-width:0;overflow:visible}
.grafica .b{fill:var(--acento-claro)}.grafica .b.mejor{fill:var(--acento)}
.grafica .b.fuera{fill:#64646B}
.grafica .eje{stroke:var(--linea-clara)}
.leyenda{display:flex;gap:1.25rem;flex-wrap:wrap;color:#A8A8AE;font-size:.85rem;margin-top:.75rem}
.leyenda i{display:inline-block;width:.7rem;height:.7rem;border-radius:.2rem;margin-right:.4rem;background:var(--acento-claro)}
.leyenda i.fuera{background:#64646B}
.tarjeta .kpis{margin:1rem 0 0}
.tarjeta .kpi{background:var(--claro)}
/* Contenido > Campañas */
.seccion>summary .resumen-cam{margin:0 0 0 auto;padding-right:1rem}
.fila-cam{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;margin:1rem 0}
.fila-cam input,.fila-cam select{width:100%;font:inherit;font-size:1rem;padding:.65rem .8rem;border:1px solid var(--linea-clara);border-radius:.85rem;background:var(--claro);color:var(--negro)}
.etq-cam{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:600;padding:.12rem .5rem;border-radius:999px;width:max-content;background:rgba(255,255,255,.08);color:#E4E4E2}
.t-marca{background:rgba(255,255,255,.08);color:#E4E4E2}.t-dato{background:rgba(255,255,255,.08);color:#E4E4E2}.t-producto{background:rgba(255,255,255,.08);color:#E4E4E2}
.t-imagen{background:rgba(255,255,255,.08);color:#E4E4E2}.t-detras{background:rgba(255,255,255,.08);color:#E4E4E2}.t-promo{background:rgba(255,255,255,.08);color:#E4E4E2}
.t-ensena{background:rgba(255,255,255,.08);color:#E4E4E2}.t-pregunta{background:rgba(255,255,255,.08);color:#E4E4E2}.t-clientes{background:rgba(255,255,255,.08);color:#E4E4E2}.t-fecha{background:rgba(255,255,255,.08);color:#E4E4E2}
.fmt-cam{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;color:var(--gris)}
.fmt-cam:before{content:"";width:.5rem;height:.5rem;border-radius:.15rem;background:#64646B}
.etqs-cam{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.fmt-cam.bur{color:#fff;font-weight:600;padding:.12rem .5rem;border-radius:999px;background:#7a2232}
.fmt-cam.bur:before{display:none}
.fmt-cam.f-foto{background:#6e1d2b}.fmt-cam.f-titular{background:#76202f}.fmt-cam.f-texto{background:#7e2434}
.fmt-cam.f-collage{background:#862839}.fmt-cam.f-vs{background:#8e2c3e}.fmt-cam.f-bento{background:#962f42}
.cli-cam{display:inline-block;width:max-content;max-width:100%;font-size:.7rem;font-weight:600;color:#C6FA2C;background:rgba(198,250,44,.08);border:1px solid rgba(198,250,44,.35);border-radius:999px;padding:.05rem .45rem;margin:0}
p.cli-cam{margin:.5rem 0 0;font-size:.78rem;border-radius:.6rem;padding:.3rem .6rem;width:auto}
.cli-cam.ver,.cli-cam.rev-img{color:#FF8A3D;background:rgba(255,138,61,.1);border-color:rgba(255,138,61,.4)}
.verificar .boton{margin-left:.5rem;vertical-align:middle}.verificar .ok{color:#C6FA2C;margin-left:.5rem}
.tarjeta.extra ul.confirmar{margin:.4rem 0 .8rem 1.1rem;padding:0;font-size:.9rem;color:var(--secundario,#A8A8AE)}
.clientes-cam{margin-top:1rem}
.lista-cam{margin:.5rem 0 1rem}
.tabs-cam{display:flex;gap:.4rem;border-bottom:1px solid var(--linea-clara);margin:0 0 1rem}
.tabs-cam a{padding:.6rem .9rem;text-decoration:none;color:var(--gris);font-weight:600;border-bottom:2px solid transparent;margin-bottom:-1px}
.tabs-cam a.on{color:var(--negro);border-color:var(--acento)}
.tabs-cam small{font-weight:500;background:var(--claro);border-radius:999px;padding:.05rem .45rem;margin-left:.35rem;color:var(--gris)}
.edit-cam{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.8rem;align-items:end}
.edit-cam input{width:100%;box-sizing:border-box;font:inherit;font-size:1rem;padding:.7rem .9rem;border-radius:.8rem;background:var(--claro);border:1px solid var(--linea-clara);color:var(--negro)}
.cal-cam.fuera .dia-cam{min-height:4.5rem}
/* Contenido › Calendario: Mes, Semana, Día y Lista; el color es el estado del post */
.cal{--e-borrador:#A8A8AE;--e-programado:#FF8A3D;--e-publicado:#C6FA2C;--e-fallo:#FF8A78;padding:1.4rem 1.5rem}
.cal-cab{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.cal-cab h2{margin:0;font-size:1.35rem;margin-right:.5rem}
.cal-nav{display:flex;gap:.4rem}.cal-nav a{display:grid;place-items:center;min-width:2.1rem;height:2.1rem;padding:0 .7rem;border-radius:.7rem;background:#18191C;color:#fff;text-decoration:none;font-weight:600;box-shadow:inset 1px 1px 2px rgba(255,255,255,.06),inset -2px -2px 4px rgba(0,0,0,.25)}
.cal-nav a:hover{background:#2E3035}.cal-nav .hoy-b{font-size:.85rem}
.cal-sw{display:flex;gap:.2rem;padding:.25rem;border-radius:.9rem;background:#18191C;box-shadow:inset 2px 2px 5px rgba(0,0,0,.35)}
.cal-sw.modo{margin-left:auto}.cal-bajar{white-space:nowrap}
.cal-sw a{padding:.35rem .8rem;border-radius:.65rem;color:#A8A8AE;text-decoration:none;font-size:.85rem;font-weight:600}
.cal-sw a.on{background:#2B2C30;color:#fff;box-shadow:2px 3px 6px rgba(18,6,24,.45),inset 1px 1px 2px rgba(255,255,255,.1)}
.cal-filtros{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin:1.1rem 0 1rem;padding-top:1rem;border-top:1px solid var(--linea-clara)}
.cal-filtros input[type=search]{flex:1 1 14rem;max-width:20rem;font:inherit;font-size:.9rem;padding:.55rem .85rem;background:#18191C;color:#fff}
.cal-filtros select{font:inherit;font-size:.9rem;padding:.55rem .8rem;background:#18191C;color:#fff;max-width:14rem}
.js .cal-aplicar{position:absolute;left:-9999px}
.cal-total{margin-left:auto;font-size:.82rem;color:#A8A8AE}
.ev{display:block;margin-top:.3rem;padding:.3rem .5rem;border-radius:.55rem;border-left:3px solid var(--e);background:color-mix(in srgb,var(--e) 13%,#18191C);color:#fff;text-decoration:none;min-width:0}
.ev:hover{background:color-mix(in srgb,var(--e) 24%,#18191C)}
.ev b{display:block;font-size:.76rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ev small{display:block;font-size:.68rem;color:#A8A8AE;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.e-borrador{--e:var(--e-borrador)}.e-programado{--e:var(--e-programado)}.e-publicado{--e:var(--e-publicado)}.e-fallo{--e:var(--e-fallo)}
.chip.e-borrador,.chip.e-programado,.chip.e-publicado,.chip.e-fallo{background:color-mix(in srgb,var(--e) 16%,transparent);color:var(--e);border-color:transparent}
.cal-mes{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--linea-clara);border-radius:1rem;overflow:hidden}
.cal-dn{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#A8A8AE;padding:.55rem .6rem;text-align:right;background:#1B1C1F;border-bottom:1px solid var(--linea-clara)}
.cal-d{min-height:7.4rem;padding:.4rem;border-right:1px solid var(--linea-clara);border-bottom:1px solid var(--linea-clara);min-width:0;display:flex;flex-direction:column}
.cal-d:nth-child(7n){border-right:0}.cal-d:nth-last-child(-n+7){border-bottom:0}
.cal-d.otro{background:#1B1C1F}.cal-d.otro .cal-n{color:#85858C}
.cal-n{align-self:flex-end;font-size:.8rem;font-weight:600;color:#F5F5F4;text-decoration:none;min-width:1.6rem;height:1.6rem;display:grid;place-items:center;border-radius:.5rem}
.cal-n:hover{background:#2E3035}.cal-d.es-hoy .cal-n{background:var(--acento);color:var(--tinta)}
.ev-mas{font-size:.72rem;font-weight:600;color:#A8A8AE;margin-top:.3rem;text-decoration:none}.ev-mas:hover{color:#fff}
.ev[draggable=true]{cursor:grab}.ev.arrastrando{opacity:.4}
.ev.movido{animation:llega-cam .25s ease-out}
.cal-d.sobre,.cal-c.sobre{outline:2px dashed #C6FA2C;outline-offset:-2px;background:rgba(255,138,61,.1)}
.cal-scroll{overflow-x:auto;border:1px solid var(--linea-clara);border-radius:1rem}
.cal-horas{display:grid;grid-template-columns:3.6rem repeat(var(--dias),minmax(7.5rem,1fr))}
.cal-hc{font-size:.75rem;color:#A8A8AE;text-align:center;padding:.5rem .3rem;background:#1B1C1F;border-bottom:1px solid var(--linea-clara);border-left:1px solid var(--linea-clara);text-decoration:none}
.cal-hc:first-child{border-left:0;text-align:left;padding-left:.7rem}
.cal-hc b{display:block;font-size:1.05rem;color:#fff;margin-top:.1rem}.cal-hc.es-hoy b{color:var(--acento)}
.cal-h{font-size:.72rem;color:#A8A8AE;padding:.4rem .5rem;border-top:1px solid var(--linea-clara)}
.cal-c{min-height:3.4rem;padding:.15rem .3rem .35rem;border-top:1px solid var(--linea-clara);border-left:1px solid var(--linea-clara);min-width:0}
.cal-c.es-hoy{background:rgba(255,138,61,.06)}
.cal-horas[style*="--dias:1"] .ev{padding:.5rem .8rem}.cal-horas[style*="--dias:1"] .ev b{font-size:.9rem}.cal-horas[style*="--dias:1"] .ev small{font-size:.78rem}
.cal-grupo+.cal-grupo{margin-top:1.6rem}
.cal-grupo h3{margin:0;font-size:1rem;display:flex;gap:.5rem;align-items:center}.cal-grupo h3 span{font-size:.75rem;color:#A8A8AE;background:#18191C;border-radius:999px;padding:.05rem .55rem}
.cal-grupo .ayuda{margin:.2rem 0 .3rem;font-size:.85rem}
.cal-fila img,.cal-fila .pieza{width:3.6rem}
.cal-vacio{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;padding:1.5rem 0}.cal-vacio span{color:#A8A8AE;margin-bottom:.6rem}
.cal-leyenda{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;font-size:.78rem;color:#A8A8AE;margin-top:1rem}
.cal-leyenda i{display:inline-block;width:.6rem;height:.6rem;border-radius:999px;margin-right:.35rem;background:var(--e)}
.cal-leyenda .t:last-child{margin-left:auto}
@media(max-width:900px){.cal{padding:1.1rem .8rem}.cal-sw.modo{margin-left:0}
.cal-d{min-height:4.4rem;padding:.25rem .15rem}.cal-n{align-self:center;font-size:.75rem}
.cal-d .ev{padding:0;height:.4rem;border-left:0;border-radius:999px;background:var(--e);margin-top:.2rem}.cal-d .ev b,.cal-d .ev small{display:none}
.ev-mas{font-size:.62rem;text-align:center}.cal-dn{text-align:center;padding:.45rem 0;font-size:.62rem;letter-spacing:0}
.cal-total,.cal-leyenda .t:last-child{margin-left:0}.cal-filtros input[type=search]{max-width:none}}
@media(max-width:900px){.edit-cam{grid-template-columns:1fr}.tabs-cam a{padding:.5rem .45rem;font-size:.9rem}}
#tus-campanas .acciones{align-items:center}
.prueba-cam{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center;margin:.6rem 0 0;font-size:.85rem;color:var(--gris)}
.obj-cam{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:.5rem 0 1rem}
.obj-cam .obj{display:flex;gap:.75rem;align-items:flex-start;border:1.5px solid var(--linea-clara);border-radius:1rem;padding:1rem 1.1rem;background:var(--blanco);margin:0;font-weight:400;cursor:pointer}
.obj-cam .obj input{margin:.25rem 0 0;accent-color:var(--acento)}
.obj-cam .obj span{display:grid;gap:.25rem}.obj-cam .obj b{font-size:1rem}.obj-cam .obj small{color:var(--gris);font-size:.88rem;line-height:1.4}
.obj-cam .obj:has(input:checked){border-color:var(--acento);box-shadow:0 0 0 1px var(--acento)}
.form-cam:has(input[name=modo][value=repetir]:checked) .solo-exp{display:none}
.form-cam:not(:has(input[name=modo][value=repetir]:checked)) .solo-rep{display:none}
.gano{margin:1rem 0 .5rem;border:1px solid var(--linea-clara);border-radius:1rem;padding:1rem 1.1rem;background:var(--blanco)}
.gano-cab{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;flex-wrap:wrap}
.gano-cab h3{margin:0;font-size:1.05rem}
.gano .ayuda{margin:.35rem 0 0}
.senal{font-size:.78rem;font-weight:600;color:#C6FA2C;background:rgba(198,250,44,.08);border:1px solid rgba(198,250,44,.35);border-radius:999px;padding:.1rem .6rem}
.gano-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:.9rem}
.gano-col h4{margin:0 0 .4rem;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gris)}
.g-fila{display:grid;grid-template-columns:1fr auto;gap:.2rem .6rem;align-items:center;font-size:.88rem;margin:.35rem 0}
.g-fila .b{grid-column:1/-1;height:.3rem;border-radius:999px;background:#2E3035;overflow:hidden}
.g-fila .b i{display:block;height:100%;background:#85858C}
.g-fila.top b{font-weight:600}.g-fila.top .b i{background:var(--acento)}
.g-fila small{color:var(--gris);font-size:.78rem}
.g-fila.poco,.g-fila.poco small{color:#85858C}
.mezcla-rep{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:.5rem 0}
.mz{display:flex;gap:.6rem;align-items:flex-start;border:1.5px solid var(--linea-clara);border-radius:.9rem;padding:.7rem .85rem;background:var(--blanco);font-size:.85rem;font-weight:400;color:var(--gris);margin:0;cursor:pointer}
.mz input{margin:.2rem 0 0;accent-color:var(--acento)}
.mz b{display:block;color:var(--negro);font-size:.95rem}
.mz:has(input:checked){border-color:var(--acento);box-shadow:0 0 0 1px var(--acento)}
.reglas-rep{margin:.75rem 0 1rem;padding:0;list-style:none;display:grid;gap:.35rem;font-size:.85rem;color:var(--gris)}
.reglas-rep li:before{content:"✓";color:var(--neon);font-weight:700;margin-right:.45rem}
.rol-cam{display:inline-block;width:max-content;max-width:100%;font-size:.68rem;font-weight:600;border-radius:999px;padding:.02rem .45rem;margin:0}
.rol-cam.rep{color:#C6FA2C;background:rgba(198,250,44,.08);border:1px solid rgba(198,250,44,.35)}
.rol-cam.prob{color:#A8A8AE;background:rgba(255,255,255,.06);border:1px solid #2E3035}
@media(max-width:760px){.gano-cols,.mezcla-rep{grid-template-columns:1fr}}
.obj-cam .obj.apagada{background:var(--claro);cursor:default}.obj-cam .obj.apagada b,.obj-cam .obj.apagada small{opacity:.7}
.obj-cam .obj em{font-style:normal;font-size:.78rem;font-weight:600;color:#C6FA2C;margin-top:.35rem}
.barrita-cam{display:block;height:.35rem;border-radius:999px;background:var(--linea-clara);overflow:hidden}.barrita-cam i{display:block;height:100%;background:#C6FA2C}
.ops-cam{display:flex;flex-wrap:wrap;gap:.45rem;margin:.5rem 0 1rem}
.op-cam{display:inline-flex;align-items:center;gap:.45rem;margin:0;border:1px solid var(--linea-clara);border-radius:999px;padding:.4rem .85rem;font-size:.9rem;font-weight:400;background:var(--blanco);cursor:pointer}
.op-cam input{margin:0;accent-color:#FF8A3D}
.op-cam:has(input:checked){background:rgba(255,138,61,.12);border-color:#FF8A3D;color:#F5F5F4}
.op-cam.apagada{opacity:.55;cursor:default}
.fmts-cam{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem;margin:.5rem 0 1rem}
.fmt-op{border:1px solid var(--linea-clara);border-radius:.9rem;padding:.6rem;background:var(--blanco);display:flex;flex-direction:column;gap:.4rem}
.fmt-op:has(input:checked){border-color:#FF8A3D;background:rgba(198,250,44,.08)}
.fmt-op .op-cam{border:0;padding:0;background:none;display:flex;flex-direction:column-reverse;align-items:stretch;gap:.45rem;font-weight:600;font-size:.88rem;color:var(--negro)}
.fmt-op .op-cam .nom-cam{display:flex;justify-content:space-between}
.fmt-op .op-cam input{position:absolute;opacity:0;pointer-events:none}
.fmt-op .op-cam .nom-cam:after{content:"";width:.95rem;height:.95rem;border-radius:.3rem;border:1.5px solid #85858C;flex-shrink:0}
.fmt-op .op-cam:has(input:checked) .nom-cam:after{background:#FF8A3D;border-color:#FF8A3D;box-shadow:inset 0 0 0 2px var(--blanco)}
.fmt-op small{color:var(--gris);font-size:.75rem}
.fmt-op.apagada{opacity:.6}
.muestra-cam{display:block;position:relative;aspect-ratio:4/5;border-radius:.6rem;overflow:hidden;background:linear-gradient(180deg,#d6c3ad,#7a5a3e)}
.muestra-cam b{position:absolute;left:.55rem;right:.55rem;bottom:.55rem;color:#fff;font-size:.78rem;line-height:1.15}
.muestra-cam.texto{background:var(--grafito,#1F2024);display:grid;align-content:center;padding:.7rem;gap:.3rem}
.muestra-cam.texto b{position:static;font-size:.82rem}.muestra-cam.texto i{font-style:normal;color:#FFAB70;font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.muestra-cam.collage{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:var(--blanco)}
.muestra-cam.collage span{background:linear-gradient(180deg,#e2d3c1,#8d6a4c)}.muestra-cam.collage span:nth-child(2n){background:linear-gradient(180deg,#b99c80,#4e3727)}
.muestra-cam.vs{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:var(--blanco)}
.muestra-cam.vs span{background:linear-gradient(180deg,#e2d3c1,#8d6a4c)}.muestra-cam.vs span+span{background:linear-gradient(180deg,#b99c80,#4e3727)}
.muestra-cam.vs b{left:50%;right:auto;bottom:auto;top:50%;transform:translate(-50%,-50%);background:var(--blanco);color:var(--negro);border-radius:999px;padding:.12rem .45rem;font-size:.68rem}
.resumen-exp{margin:0 0 1rem;border-radius:1rem;background:var(--claro);padding:.9rem 1rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}
.resumen-exp div{font-size:.82rem;color:var(--gris);display:grid}.resumen-exp b{color:var(--negro);font-size:1.15rem}
.cajon-cam select{width:100%;font:inherit;font-size:1rem;padding:.6rem .7rem;border:1px solid var(--linea-clara);border-radius:.8rem;background:var(--claro);color:var(--negro)}
.semana-cam{display:flex;justify-content:space-between;align-items:baseline;margin:1.25rem 0 .5rem}.semana-cam h3{margin:0;font-size:1rem}
.semana-cam span{color:var(--gris);font-size:.85rem}
.cal-cam{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem}
.dia-cam{min-height:9rem;border-radius:.9rem;background:var(--claro);padding:.45rem;display:flex;flex-direction:column;gap:.4rem;border:2px solid transparent}
.dia-cam .fecha{font-size:.75rem;color:var(--gris);font-weight:600;padding:.1rem .2rem}
.dia-cam.libre{background:repeating-linear-gradient(45deg,var(--claro),var(--claro) 8px,#1B1C1F 8px,#1B1C1F 16px)}
.dia-cam.fuera{background:repeating-linear-gradient(135deg,#1B1C1F 0 8px,#1B1C1F 8px 16px);border:2px dashed rgba(255,255,255,.2)}
.dia-cam.fuera .fecha{color:#85858C}.fuera-cam{font-size:.72rem;color:#A8A8AE;font-weight:600;line-height:1.3;padding:0 .2rem}
.dia-cam.sobre{border:2px dashed #C6FA2C;background:rgba(255,138,61,.12)}
.post-cam{background:var(--blanco);border:1px solid var(--linea-clara);border-radius:.75rem;padding:.5rem .55rem;display:flex;flex-direction:column;gap:.3rem;text-decoration:none;color:var(--negro)}
.post-cam[draggable=true]{cursor:grab}.post-cam.arrastrando{opacity:.4}
.post-cam.movido{animation:llega-cam .25s ease-out}@keyframes llega-cam{from{opacity:.4;transform:scale(.96)}}
.post-cam .t{font-size:.84rem;font-weight:600;line-height:1.25}
.post-cam .pie{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.3rem;font-size:.72rem;color:var(--gris)}
.post-cam .hora{border:1px solid var(--linea-clara);border-radius:.45rem;padding:0 .35rem;color:var(--negro)}
.post-cam .chip{font-size:.68rem;padding:.05rem .4rem}
.post-cam.sel{outline:2px solid var(--acento);outline-offset:1px}
.mini-cam{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:.5rem}
.sinimg{white-space:nowrap;overflow:hidden}
.barra-cam{margin-top:1.25rem;background:var(--blanco);color:var(--negro);border:1px solid var(--linea-clara);border-radius:1rem;padding:.9rem 1.1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.barra-cam p{margin:0;font-size:.92rem;color:var(--texto2)}.barra-cam b{color:var(--negro)}.barra-cam .acciones{margin:0}
.barra-cam .boton:not(.secundario){background:var(--acento);color:var(--tinta)}.barra-cam .boton.secundario{background:transparent;color:var(--negro);border-color:rgba(255,255,255,.28)}
.velo-cam{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:60}
.cajon-cam{position:fixed;top:0;right:0;bottom:0;width:27rem;max-width:100%;background:var(--blanco);z-index:61;overflow:auto;padding:1.5rem;box-shadow:-20px 0 40px rgba(0,0,0,.15)}
.cajon-cam h2{margin:.5rem 2rem 0 0}.cajon-cam label{margin-top:.85rem}
.cerrar-cam{position:absolute;top:1rem;right:1.1rem;font-size:1.5rem;color:var(--gris);text-decoration:none}
.img-cam{display:block;width:100%;max-height:18rem;object-fit:contain;background:var(--claro);border-radius:.9rem;margin:.75rem 0 .25rem}
.img-cam.vacia{height:11rem;border:1.5px dashed var(--linea-clara);display:grid;place-items:center;align-content:center;gap:.4rem;text-align:center;color:var(--gris);font-size:.9rem;background:var(--claro)}
.img-cam.vacia small{font-size:.78rem}
.bajo-img-cam{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:.4rem 0 .25rem}
.otra-cam{display:flex;align-items:center;gap:.5rem}.otra-cam small{color:var(--gris);font-size:.78rem}
.cajon-cam .otra-cam .boton{padding:.35rem .8rem;font-size:.85rem}
.dos-cam{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.dos-cam select,.dos-cam input{width:100%;font:inherit;font-size:1rem;padding:.6rem .7rem;border:1px solid var(--linea-clara);border-radius:.8rem;background:var(--claro);color:var(--negro)}
.cajon-cam .acciones{flex-wrap:wrap;gap:.5rem}
.cajon-cam .boton{background:var(--acento);color:var(--tinta)}.cajon-cam .boton.secundario{background:transparent;color:var(--negro);border-color:var(--linea-clara)}
.cajon-cam .boton[disabled]{opacity:.45;cursor:default}
@media(max-width:1100px){.fmts-cam{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.cal-cam{grid-template-columns:1fr}.dia-cam{min-height:0}.dia-cam.libre,.dia-cam.fuera{display:none}
.obj-cam{grid-template-columns:1fr}.fmts-cam{grid-template-columns:1fr 1fr}.resumen-exp{grid-template-columns:1fr 1fr}
.mini-cam{width:4.5rem}.seccion>summary .resumen-cam{display:none}}
/* asistente por pasos (marca y campañas; mismo bloque en los dos PRs) */
/* Modo oscuro: en .oscuro-pag las variables se invierten, así lo que ya usa var(--blanco)/var(--claro)/var(--negro)
   se pinta oscuro sin repetir reglas; lo que tiene colores fijos se corrige abajo. */
.ayuda,.oscuro-pag .hist-cam .datos span{color:var(--texto2)}
.oscuro-pag .boton{background:var(--acento);color:var(--tinta);border-color:var(--acento)}
.oscuro-pag .boton.secundario{background:transparent;color:var(--negro);border-color:rgba(255,255,255,.28)}
select,input[type=date],input[type=number]{color:var(--negro);background:var(--claro);border:1px solid var(--linea-clara)}
.etq-cam{background:rgba(255,255,255,.08);color:#E4E4E2}
.chip{background:var(--claro);color:#d2d2d7;border-color:var(--linea-clara)}
.chip.verde{background:rgba(198,250,44,.14);color:#C6FA2C}.chip.azul{background:#142742;color:#8db8f2}.chip.rojo{background:#3d1712;color:#f59c8a}
.chip.acento{background:rgba(255,138,61,.16);color:#FFAB70}
.wiz{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;align-items:start}
.wiz-pasos{position:sticky;top:1rem;background:var(--blanco);border-radius:1.25rem;padding:1rem .75rem;border:1px solid var(--linea-clara)}
.wiz-pasos p{margin:0 .6rem .6rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gris);font-weight:600}
.wiz-pasos a{display:flex;align-items:center;gap:.65rem;padding:.55rem .6rem;border-radius:.75rem;font-size:.92rem;color:var(--gris);text-decoration:none}
.wiz-pasos a b{flex:none;width:1.55rem;height:1.55rem;border-radius:50%;display:grid;place-items:center;font-size:.75rem;border:1px solid var(--linea-clara);color:var(--gris);font-weight:600}
.wiz-pasos a.hecho{color:var(--negro)}.wiz-pasos a.hecho b{background:var(--neon);border-color:var(--neon);color:var(--tinta)}
.wiz-pasos a.actual{background:var(--claro);color:var(--negro);font-weight:600}.wiz-pasos a.actual b{border-color:var(--acento-claro);color:var(--acento-claro)}
.wiz-pasos a:hover{background:var(--claro)}
.wiz-pasos .sep{border-top:1px solid var(--linea-clara);margin:.6rem .4rem}
.wiz-main{background:var(--blanco);border-radius:1.5rem;padding:2rem 2.25rem;border:1px solid var(--linea-clara);min-width:0}
.wiz-cab .ante{margin:0;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--acento-claro);font-weight:600}
.wiz-cab h2{margin:.35rem 0 .3rem;font-size:1.75rem;letter-spacing:-.02em;line-height:1.2}
.wiz-cab .baj{margin:0;color:var(--texto2,#A8A8AE);font-size:1rem;max-width:46rem}
.wiz-barra{height:4px;background:var(--claro);border-radius:2px;margin:1.25rem 0 1.6rem;overflow:hidden}.wiz-barra i{display:block;height:100%;background:var(--acento-claro);border-radius:2px}
.wiz-sub{margin:1.75rem 0 .2rem;font-size:1.05rem}.wiz-sub+.ayuda{margin:0 0 .8rem}
.wiz-ops{display:grid;grid-template-columns:repeat(auto-fit,minmax(14.5rem,1fr));gap:.85rem}
.wiz-ops.tres{grid-template-columns:repeat(3,minmax(0,1fr))}
.wiz-op .sug-ia{display:inline-flex;align-items:center;gap:.3rem;font-style:normal;font-size:.72rem;font-weight:600;letter-spacing:.04em;color:var(--neon);margin-bottom:.35rem}.wiz-op .sug-ia svg{flex:none}
.wiz-ops.cuatro{grid-template-columns:repeat(4,minmax(0,1fr))}.wiz-ops.cinco{grid-template-columns:repeat(5,minmax(0,1fr))}.wiz-img.alta{aspect-ratio:2/3}
.wiz-op{position:relative;display:flex;flex-direction:column;border:1px solid var(--linea-clara);border-radius:1rem;overflow:hidden;cursor:pointer;background:var(--suave,var(--blanco));margin:0;font-weight:400;transition:border-color .12s,box-shadow .12s}
.wiz-op input{position:absolute;opacity:0;pointer-events:none}
.wiz-op:hover{border-color:#64646B}
.wiz-op:has(input:checked){border-color:var(--acento-claro);box-shadow:0 0 0 1px var(--acento-claro)}
.wiz-op:has(input:focus-visible){outline:2px solid var(--negro);outline-offset:2px}
.wiz-op:has(input:checked)::after{content:"✓";position:absolute;top:.6rem;right:.6rem;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--acento-claro);color:var(--tinta);display:grid;place-items:center;font-size:.8rem;font-weight:700}
.wiz-img{aspect-ratio:16/10;background:var(--fondo,#2a2a2d) center/cover no-repeat;display:grid;place-items:center;color:rgba(255,255,255,.55);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600}
.wiz-op .cuerpo{padding:.85rem 1rem 1rem}.wiz-op b{display:block;font-size:.98rem}.wiz-op small{display:block;color:var(--texto2,#A8A8AE);font-size:.84rem;line-height:1.4;margin-top:.2rem}
.wiz-op em{font-style:normal;display:inline-block;margin-top:.5rem;font-size:.72rem;padding:.15rem .5rem;border-radius:1rem;background:var(--claro);color:var(--texto2,#A8A8AE)}
.wiz-op .wiz-orden{position:absolute;top:.6rem;left:.6rem;margin:0;width:1.5rem;height:1.5rem;padding:0;border-radius:50%;display:grid;place-items:center;background:var(--acento-claro);color:var(--tinta);font-weight:700}
.wiz-op.apagada{opacity:.5;cursor:default}
.wiz-nota{margin:1.25rem 0 0;padding:.85rem 1.1rem;border-radius:.9rem;background:rgba(198,250,44,.07);border:1px solid rgba(198,250,44,.22);color:#E4E4E2;font-size:.9rem;line-height:1.5}.wiz-nota b{color:var(--neon)}
.wiz-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.wiz-chip{position:relative;margin:0;font-weight:400;cursor:pointer}.wiz-chip input{position:absolute;opacity:0;pointer-events:none}
.wiz-chip span{display:inline-block;padding:.5rem 1rem;border:1px solid var(--linea-clara);border-radius:2rem;font-size:.92rem}
.wiz-chip:has(input:checked) span{background:var(--acento);border-color:var(--acento);color:var(--tinta)}
.wiz-chip:has(input:focus-visible) span{outline:2px solid var(--acento-claro);outline-offset:2px}
.wiz-campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.9rem 1rem}
.wiz-campos label,.wiz-bloque label.t{display:block;font-weight:600;font-size:.9rem;margin:0 0 .35rem}
.wiz-campos input,.wiz-campos select,.wiz-bloque select,.wiz-bloque textarea,.wiz-bloque input[type=number],.wiz-bloque input[type=date],.wiz-bloque input[type=text]{width:100%;font:inherit;font-size:1rem;padding:.65rem .8rem;border:1px solid var(--linea-clara);border-radius:.8rem;background:var(--claro);color:var(--negro)}
.wiz-bloque{margin-top:1.5rem;padding:1.25rem;border-radius:1rem;background:var(--suave,#1B1C1F);border:1px solid var(--linea-clara)}.wiz-lista{margin:.6rem 0 0;padding-left:1.1rem;font-size:var(--t-texto-tarjeta);color:var(--texto2)}.wiz-lista li{margin:.2rem 0}
.wiz-bloque h3{margin:0 0 .15rem;font-size:1rem}.wiz-bloque>.ayuda{margin:0 0 .9rem}
.wiz-si{display:none;margin-top:1rem}
.wiz-pie{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--linea-clara)}
.wiz-pie>span{color:var(--gris);font-size:.88rem}
.wiz-resumen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}
.wiz-res{border:1px solid var(--linea-clara);border-radius:1rem;padding:1rem 1.1rem;position:relative;background:var(--suave,var(--blanco))}
.wiz-res h4{margin:0;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gris)}
.wiz-res p{margin:.3rem 4rem 0 0;font-size:.98rem}.wiz-res a{position:absolute;top:.85rem;right:1rem;font-size:.85rem;color:var(--acento-claro);text-decoration:none;font-weight:600}
.wiz-res.ancho{grid-column:1/-1}
.wiz-total{display:flex;gap:1.5rem 2.5rem;flex-wrap:wrap;margin-top:1.25rem;padding:1.1rem 1.25rem;border-radius:1rem;background:var(--claro)}
.wiz-total div b{display:block;font-size:1.35rem}.wiz-total div span{font-size:.82rem;color:var(--gris)}
/* Cruce de lo que se ve × formato (resumen de Nueva campaña) y el brief. */
.cruce{margin-top:1.25rem;border:1px solid var(--linea-clara);border-radius:1rem;padding:1.1rem 1.2rem;overflow-x:auto}
.cruce h4{margin:0;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gris)}
.cruce>p{margin:.3rem 0 .9rem;color:var(--gris);font-size:.92rem}
.cruce table{width:100%;min-width:34rem;table-layout:fixed;border-collapse:separate;border-spacing:.4rem;font-size:.85rem}
.cruce th{font-weight:500;color:var(--gris);text-align:center;padding:.2rem}
.cruce th.fila{text-align:left;color:inherit;font-weight:600;width:24%;line-height:1.3}
.cruce td{height:3.1rem;border-radius:.7rem;text-align:center;vertical-align:middle;border:1px dashed var(--linea-clara);color:var(--gris);font-size:.78rem;padding:.3rem}
.cruce td.si{border:1px solid var(--acento-claro);color:inherit;font-weight:600}
.cruce td small{display:block;font-weight:400;color:var(--gris);font-size:.72rem}
.conceptos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}
.conceptos .wiz-op .cuerpo b{padding-right:1.6rem}
.conceptos .wiz-op .cuerpo em{color:var(--acento-claro);font-style:normal;font-size:.75rem;margin-top:.6rem;display:block}
.brief-ed{display:none;margin-top:1.6rem}
.brief-ed h3{margin:0 0 .2rem;font-size:1.05rem}.brief-ed>p{margin:0 0 1rem;color:var(--gris)}
.brief-ed .campo{border:1px solid var(--linea-clara);border-radius:1rem;padding:.85rem 1rem;margin-bottom:.8rem}
.brief-ed label{display:block;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gris);margin-bottom:.35rem}
.brief-ed textarea,.brief-ed input{width:100%;background:transparent;border:0;color:inherit;font:inherit;padding:0;line-height:1.5;resize:vertical}
.brief-ed .pilares{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.6rem}
.brief-ed .pilares div{border:1px solid var(--linea-clara);border-radius:.8rem;padding:.6rem .75rem}
.brief-ed .pilares input{font-weight:600}
.brief-ed .brief-sub{margin:1.4rem 0 .6rem;font-size:.95rem}
.conceptos small.visual{display:block;margin-top:.4rem;color:var(--gris)}
.wiz-main:has(#concepto-0:checked) #brief-0,.wiz-main:has(#concepto-1:checked) #brief-1,.wiz-main:has(#concepto-2:checked) #brief-2{display:block}
.brief-cam{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1rem 0}
.brief-cam div{border:1px solid var(--linea-clara);border-radius:1rem;padding:.85rem 1rem}
.brief-cam h4{margin:0 0 .35rem;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gris)}
.brief-cam p{margin:0;line-height:1.5}
.plan-post{border:1px solid var(--linea-clara);border-radius:.9rem;padding:.6rem .9rem;margin-bottom:.9rem;font-size:.88rem}
.plan-post summary{cursor:pointer;font-weight:600;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gris)}
.plan-post p{margin:.45rem 0 0;line-height:1.45}.plan-post b{font-weight:600}
.verificar{margin:-.4rem 0 .9rem;font-size:.85rem;color:var(--gris)}.verificar b{font-weight:600}
.prompt-img{border:1px solid var(--linea-clara);border-radius:.9rem;padding:.6rem .9rem;margin-bottom:1rem}
.prompt-img summary{cursor:pointer;font-weight:600;font-size:.9rem}.prompt-img .campo{margin:.6rem 0 0}
.prompt-img.retoque .boton{min-height:var(--toque);margin-top:.6rem}
.modal-cam .dos-modal{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.modal-cam input[type=date]{width:100%;font:inherit;font-size:1rem;padding:.7rem .9rem;border-radius:.85rem}
@media(max-width:900px){.conceptos,.brief-cam{grid-template-columns:1fr}}
@media(max-width:900px){.wiz{grid-template-columns:minmax(0,1fr)}.wiz-pasos{position:static}.wiz-ops.tres,.wiz-resumen{grid-template-columns:1fr}.wiz-ops.cuatro,.wiz-ops.cinco{grid-template-columns:repeat(2,minmax(0,1fr))}.wiz-main{padding:1.4rem}}
/* Pasos de la marca (igbot/marca.py): el menú de pasos se pliega en el celular; paletas, letras, logo y fotos. */
.wiz-pasos summary{display:none}
.wiz-pasos a span small{display:block;font-size:.76rem;font-weight:400;color:var(--gris);margin-top:.05rem}
.mrc-tip{margin:.75rem .3rem .2rem;padding:.8rem .9rem;border-radius:.85rem;background:var(--claro);font-size:.8rem;line-height:1.45;color:var(--texto2,#A8A8AE)}
.mrc-tip b{display:block;color:var(--negro);margin-bottom:.15rem}
.mrc .wiz-op .cuerpo em{margin-right:.15rem}
.mrc .wiz-op .wiz-orden[hidden]{display:none}
.mrc .wiz-ops .wiz-img{aspect-ratio:1/1;background-position:center 40%}
.mrc .mrc-logos .wiz-img{aspect-ratio:2/3;background-position:center}
.mrc-roles{list-style:none;margin:.2rem 0 1rem;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;font-size:.85rem;color:var(--texto2,#A8A8AE)}
.mrc-roles b{color:var(--negro);font-weight:600}
.mrc .mrc-rol{display:inline-block;margin:.2rem 0 .1rem;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--acento-claro)}
.mrc .mrc-rol[hidden]{display:none}
.mrc .mrc-lema{display:block;font-style:normal;font-weight:600;font-size:.86rem;margin:.15rem 0 .3rem}
.mrc .mrc-sensa{display:block;margin-top:.45rem;font-size:.78rem;color:var(--gris)}
.mrc-recomienda{font:inherit;text-align:left;cursor:pointer;color:inherit;border-style:dashed}
.mrc-recomienda .ico{display:grid;place-items:center;height:7rem;font-size:2.4rem;font-weight:700;color:var(--acento-claro)}
.mrc-paleta{display:grid;grid-template-columns:repeat(4,1fr);height:4.2rem}.mrc-paleta i{display:block}
.mrc-paleta.grande{height:4.5rem;border-radius:.8rem;overflow:hidden;margin-top:.8rem}
.mrc-codigos{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;font:.75rem ui-monospace,Menlo,monospace;color:var(--gris);margin-top:.45rem}
.mrc-codigos b{display:block;font:600 .75rem Nunito,system-ui,sans-serif;color:var(--negro)}
.mrc-colores{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.mrc-color{border:1px solid var(--linea-clara);border-radius:1rem;overflow:hidden;background:var(--suave,var(--blanco))}
.mrc-color input[type=color]{display:block;width:100%;height:4.25rem;border:0;padding:0;background:none;cursor:pointer;-webkit-appearance:none;appearance:none}
.mrc-color input[type=color]::-webkit-color-swatch-wrapper{padding:0}.mrc-color input[type=color]::-webkit-color-swatch{border:0}.mrc-color input[type=color]::-moz-color-swatch{border:0}
.mrc-color>span{display:block;padding:.6rem .75rem .75rem}.mrc-color b{display:block;font-size:.9rem}
.mrc-color small{display:block;color:var(--texto2,#A8A8AE);font-size:.76rem;line-height:1.35;margin:.1rem 0 .45rem}
.mrc-color .mrc-hex{width:100%;font:.85rem ui-monospace,Menlo,monospace;text-transform:uppercase;color:var(--negro);background:var(--claro);border:1px solid var(--linea-clara);border-radius:.6rem;padding:.35rem .5rem}
.mrc-post{aspect-ratio:16/10;display:grid;place-items:center;background:var(--claro)}
.mrc-post .mp{width:38%;aspect-ratio:4/5;border-radius:.4rem;box-shadow:0 6px 18px rgba(0,0,0,.25);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:.5rem}
.mrc-post .foto{position:absolute;inset:.4rem .4rem 2.3rem;border-radius:.25rem}
.mrc-post .t{position:relative;font-weight:700;font-size:.72rem;line-height:1.1}.mrc-post .l{position:relative;height:.25rem;border-radius:2px;margin-top:.25rem;width:45%}
.mrc-post.sutil .mp{background:var(--m-fondo)}.mrc-post.sutil .foto{background:#d8d2c8}.mrc-post.sutil .t{color:var(--m-principal)}.mrc-post.sutil .l{background:var(--m-acento)}
.mrc-post.equilibrado .mp{background:var(--m-fondo)}.mrc-post.equilibrado .foto{background:var(--m-secundario)}.mrc-post.equilibrado .t{color:var(--m-principal)}.mrc-post.equilibrado .l{background:var(--m-acento)}
.mrc-post.protagonista .mp{background:var(--m-secundario)}.mrc-post.protagonista .foto{background:var(--m-acento)}.mrc-post.protagonista .t{color:var(--m-fondo)}.mrc-post.protagonista .l{background:var(--m-principal)}
.mrc-post.natural .mp{background:#f4efe6}.mrc-post.natural .foto{background:#b9a58a}.mrc-post.natural .t{color:#3a332b}.mrc-post.natural .l{background:#d8cbb6}
.mrc-reco{position:absolute;top:.6rem;left:.6rem;z-index:1;font-style:normal;font-size:.7rem;font-weight:600;background:var(--acento);color:var(--tinta);border-radius:1rem;padding:.2rem .6rem}
.wiz-op:has(.wiz-orden:not([hidden])) .mrc-reco{left:2.5rem}
.mrc-letra{aspect-ratio:16/10;padding:1rem 1.15rem;display:flex;flex-direction:column;justify-content:center;background:#f6f4ef;color:#1F2024}
.mrc-letra .k{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#A8A8AE;margin-bottom:.45rem}
.mrc-letra .h{font-size:1.55rem;line-height:1.08}
.mrc-letra.chica{aspect-ratio:auto;border-radius:.8rem;margin-top:.8rem}
.mrc-par .h{font-size:1.35rem;color:#1F2024}.mrc-par .p{font-size:.85rem;line-height:1.45;margin-top:.5rem;color:#5d5968}
.mrc-par.chica .h{font-size:1.1rem}
.mrc-combi{border:1px solid var(--acento-claro);border-radius:1.1rem;padding:1.2rem 1.3rem;margin-bottom:1.2rem}
.mrc-combi .ante{margin:0 0 .3rem;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--acento-claro)}
.mrc-combi h3{margin:0 0 .25rem;font-size:1.3rem}
.mrc-combi .mrc-letra{border-radius:.9rem;aspect-ratio:auto;padding:1.4rem 1.5rem;margin:.9rem 0}
.mrc-combi .mrc-par .h{font-size:1.9rem}.mrc-combi .mrc-par .p{font-size:1rem}
.mrc-combi-pie{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:0}
.mrc-usando{font-size:.85rem;color:var(--acento-claro);font-weight:600}
.mrc-otras>summary{cursor:pointer;font-weight:600;padding:.6rem 0;color:var(--negro)}
.mrc-otras[open]>summary{margin-bottom:.4rem}
.mrc-fuente{color:var(--gris)!important;font-size:.72rem!important}
.mrc-lienzo{aspect-ratio:16/10;background:linear-gradient(160deg,#e9e4da,#d0c6b6);position:relative;display:block}
.mrc-lienzo .lg{position:absolute;font-weight:800;letter-spacing:.04em;color:#1F2024;font-size:.8rem;max-width:28%;max-height:22%;object-fit:contain}
.mrc-lienzo.discreta .lg{right:7%;bottom:9%;font-size:.6rem;max-width:18%}
.mrc-lienzo.visible .lg{left:50%;top:12%;transform:translateX(-50%);font-size:1rem}
.mrc-lienzo.clave .lg{right:7%;top:10%}
.mrc-lienzo.siempre .lg{left:50%;bottom:10%;transform:translateX(-50%)}
.mrc-lienzo .cinta{position:absolute;left:7%;top:10%;font-size:.6rem;font-weight:700;background:var(--acento);color:#fff;padding:.15rem .45rem;border-radius:.2rem}
.mrc-subir{display:flex!important;align-items:center;gap:1rem;border:1.5px dashed var(--linea-clara);border-radius:1rem;padding:1rem 1.15rem;margin:0;font-weight:400;cursor:pointer}
.mrc-subir .ico{flex:none;width:2.8rem;height:2.8rem;border-radius:.8rem;background:var(--claro);color:var(--acento-claro);display:grid;place-items:center;font-size:1.2rem;font-weight:700}
.mrc-subir .t{flex:1;min-width:0}.mrc-subir .t b{display:block}.mrc-subir .t small{color:var(--texto2,#A8A8AE);font-size:.85rem}
.mrc-subir input[type=file]{max-width:15rem;font-size:.82rem;color:var(--gris)}
.mrc-subir input[type=file]::file-selector-button{font:600 var(--t-boton-mini) Nunito,system-ui,sans-serif;padding:var(--boton-mini-pad);margin-right:.7rem;border-radius:999px;border:1px solid var(--acento);background:transparent;color:var(--acento);cursor:pointer}
.mrc-logo{display:flex;align-items:center;gap:1rem;margin-bottom:.8rem;padding:.8rem 1rem;border:1px solid var(--linea-clara);border-radius:1rem}
.mrc-logo img{width:4rem;height:4rem;object-fit:contain;border-radius:.6rem;background:#fff}.mrc-logo span{flex:1}.mrc-logo b{display:block}.mrc-logo small{color:var(--gris)}
.mrc .fotos{display:grid;grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));gap:.6rem;margin-bottom:.8rem}
.mrc .fotos figure{margin:0;position:relative}.mrc .fotos img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:.7rem;display:block}
.mrc .fotos .quitar{position:absolute;bottom:.35rem;right:.35rem;font:inherit;font-size:.75rem;border:0;border-radius:1rem;padding:.2rem .55rem;background:rgba(0,0,0,.65);color:#fff;cursor:pointer}
.mrc label.check{margin-top:1rem}
.mrc-botones{display:flex;gap:.6rem;flex-wrap:wrap}
.mrc-res{display:flex;flex-direction:column}
.mrc-fila{display:flex;align-items:center;gap:.8rem;padding:.55rem 0;border-top:1px solid var(--linea-clara)}
.mrc-res .mrc-fila:first-of-type{margin-top:.6rem}
.mrc-fila .num{flex:none;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--claro);color:var(--acento-claro);font-size:.75rem;font-weight:700;display:grid;place-items:center}
.mrc-fila .wiz-img{flex:none;width:3.4rem;border-radius:.5rem}
.mrc-fila b{display:block;font-size:.9rem}.mrc-fila small{display:block;font-size:.8rem;color:var(--gris)}
.mrc-logo-mini{flex:none;width:3.4rem;height:3.4rem;border-radius:.6rem;object-fit:contain;background:var(--claro);display:grid;place-items:center;font-size:.65rem;color:var(--gris);text-align:center}
img.mrc-logo-mini{background:#fff}
.mrc-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem}.mrc-chips span{font-size:.82rem;background:var(--claro);border-radius:1rem;padding:.3rem .75rem}
@media(max-width:900px){.wiz-pasos summary{display:flex;align-items:center;gap:.6rem;list-style:none;cursor:pointer;font-weight:600;padding:.2rem .4rem}
.wiz-pasos summary::-webkit-details-marker{display:none}.wiz-pasos summary::after{content:"▾";margin-left:auto;color:var(--gris)}
.wiz-pasos:not([open]) summary::after{content:"▸"}.wiz-pasos[open] summary{margin-bottom:.6rem}
.hamb{display:inline-flex;flex-direction:column;gap:3px}.hamb i{width:15px;height:2px;background:var(--negro);border-radius:2px}
.mrc-colores{grid-template-columns:1fr 1fr}.mrc-subir{flex-wrap:wrap}}
/* Campañas en oscuro: asistente, calendario, ventana del post y lista */
.enter-cam{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.oscuro-pag main{padding-bottom:3rem}
.wiz-pasos .wiz-paso{display:flex;align-items:center;gap:.65rem;width:100%;padding:.55rem .6rem;border-radius:.75rem;font:inherit;font-size:.92rem;color:var(--gris);background:none;border:0;cursor:pointer;text-align:left}
.wiz-pasos .wiz-paso b{flex:none;width:1.55rem;height:1.55rem;border-radius:50%;display:grid;place-items:center;font-size:.75rem;border:1px solid var(--linea-clara);color:var(--gris);font-weight:600}
.wiz-pasos .wiz-paso.hecho{color:var(--negro)}.wiz-pasos .wiz-paso.hecho b{background:var(--neon);border-color:var(--neon);color:var(--tinta)}
.wiz-pasos .wiz-paso.actual{background:var(--claro);color:var(--negro);font-weight:600}.wiz-pasos .wiz-paso.actual b{border-color:var(--acento-claro);color:var(--acento-claro)}
.wiz-pasos .wiz-paso:hover{background:var(--claro)}.wiz-pasos .wiz-paso.apagado{opacity:.5}
.wiz-res .enlace{position:absolute;top:.85rem;right:1rem;font:inherit;font-size:.85rem;color:var(--acento-claro);background:none;border:0;padding:0;cursor:pointer;font-weight:600}
.wiz-ops.dos{grid-template-columns:repeat(2,minmax(0,1fr))}/* Crear campaña › Producto: la foto de cada producto, cuadrada. */.prods-cam .wiz-img{aspect-ratio:1/1}/* Variedad visual: la cuadrícula completa, como el perfil de Instagram, a la izquierda y el texto a la derecha. */.ops-variedad .wiz-op{flex-direction:row;align-items:center}.ops-variedad .wiz-img.alta{flex:none;width:38%;max-width:15rem;aspect-ratio:2/3;background-size:cover;background-position:center}.ops-variedad .cuerpo{padding:var(--caja-pad)}@media(max-width:560px){.ops-variedad .wiz-img.alta{width:42%}}
.wiz-pie .boton{padding:.65rem 1.3rem}
.wiz-bloque .opc{font-weight:400;color:var(--gris)}
.prod-cam:has(input[name=accion][value=promo]:checked) .wiz-si.promo{display:block}.prod-cam .solo-pct,.prod-cam .solo-otra{display:none}.prod-cam:has(input[name=promo][value=pct]:checked) .solo-pct,.prod-cam:has(input[name=promo][value=otra]:checked) .solo-otra{display:block}
.formatos-cam:has(input[name=formatos][value=titular]:checked) .wiz-si.titular{display:block}
.refs-cam{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.6rem;margin:.2rem 0 .8rem}
.ref-cam{position:relative;display:block;aspect-ratio:1/1;border-radius:12px;overflow:hidden;cursor:pointer;border:2px solid transparent}
.ref-cam img{width:100%;height:100%;object-fit:cover;display:block}
.ref-cam input{position:absolute;top:.45rem;left:.45rem;width:1.1rem;height:1.1rem;margin:0;accent-color:var(--acento)}
.ref-cam:has(input:checked){border-color:var(--acento)}
.subir-ref{display:inline-flex;align-items:center;gap:.6rem;font-weight:600;cursor:pointer}
.subir-ref input{font:inherit;font-size:.85rem;color:var(--gris)}
.wiz-abre{display:flex;align-items:center;gap:.65rem;margin:0;cursor:pointer;font-weight:600;font-size:1rem}
.wiz-abre input{width:1.15rem;height:1.15rem;margin:0;accent-color:var(--acento)}
.wiz-bloque:has(>.wiz-abre input:checked)>.wiz-si.abre{display:block}
.ideas-cam:has(input[name=funciona]:checked) .wiz-si.mezcla{display:block}
.bloqueo-cam{max-width:52rem}.bloq-cam{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}
.bloq-cam>div{border:1px solid var(--linea-clara);border-radius:1rem;padding:1.25rem;background:var(--suave,var(--blanco))}
.bloq-cam b{display:block;font-size:1.05rem}.bloq-cam small{display:block;color:var(--texto2,#A8A8AE);margin:.3rem 0 1rem}
.est{display:inline-block;font-size:.75rem;padding:.15rem .55rem;border-radius:1rem;margin-bottom:.6rem}.est.ok{background:rgba(198,250,44,.14);color:#C6FA2C}.est.no{background:rgba(255,138,61,.16);color:#FFAB70}
.oscuro-pag .dia-cam{background:var(--suave)}.oscuro-pag .dia-cam.libre,.oscuro-pag .dia-cam.fuera{background:repeating-linear-gradient(135deg,#1B1C1F 0 10px,#18191C 10px 20px)}
.oscuro-pag .post-cam{background:var(--claro);border-color:var(--linea-clara)}.oscuro-pag .post-cam.sel{border-color:var(--negro)}
.post-cam .hora{background:rgba(255,138,61,.16);border-color:transparent;color:var(--naranja-t);font-weight:600}
.oscuro-pag .fmt-cam:before{background:#46484F}
.oscuro-pag .fuera-cam{color:#A8A8AE}.oscuro-pag .dia-cam.fuera{border-color:rgba(255,255,255,.2)}
.oscuro-pag .dia-cam.sobre{outline:2px solid var(--acento-claro)}
.oscuro-pag .barra-cam .boton:not(.secundario){background:var(--acento);color:var(--tinta)}.oscuro-pag .barra-cam .boton.secundario{color:var(--negro);border-color:rgba(255,255,255,.28)}
.oscuro-pag .tarjeta{border:1px solid var(--linea-clara)}
.oscuro-pag details.nombre-cam summary{cursor:pointer;font-weight:600}
.oscuro-pag .velo-cam{background:rgba(0,0,0,.6)}
.modal-cam{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(62rem,calc(100% - 2rem));max-height:calc(100vh - 3rem);overflow:auto;background:var(--blanco);color:var(--negro);z-index:61;border-radius:1.5rem;border:1px solid var(--linea-clara);box-shadow:0 30px 80px rgba(0,0,0,.5)}
.modal-cam .top{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:1.4rem 1.6rem 1rem;border-bottom:1px solid var(--linea-clara)}
.modal-cam .top h2{margin:.45rem 0 0;font-size:1.35rem}.modal-cam .top p{margin:.15rem 0 0;color:var(--gris);font-size:.9rem}
.modal-cam .etqs-cam{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}
.modal-cam .x{font-size:1.7rem;text-decoration:none;color:var(--gris);line-height:1}
.modal-cam .cierre{display:flex;align-items:center;gap:1.1rem;flex:none}.modal-cam .ir-cam{margin:0;white-space:nowrap}
.modal-cam .cuerpo{display:grid;grid-template-columns:18rem minmax(0,1fr);gap:1.5rem;padding:1.4rem 1.6rem}
.modal-cam .img-modal{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:1rem;background:var(--claro)}
.modal-cam .img-modal.vacia{border:1px dashed #46484F;display:grid;place-content:center;text-align:center;color:var(--gris);font-size:.95rem;padding:1rem}
.modal-cam .img-modal.vacia small{display:block;font-size:.8rem;margin-top:.3rem}
.modal-cam .botones-img{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.75rem}
.modal-cam .botones-img .boton{padding:.6rem .4rem;font-size:.9rem;text-align:center;line-height:1.2}
.modal-cam .opciones-img{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--opcion-hueco);margin-top:var(--opcion-hueco)}
.modal-cam .opcion-img{padding:0;margin:0;border:var(--opcion-borde) solid transparent;border-radius:calc(var(--opcion-radio) + var(--opcion-borde));background:none;cursor:pointer;min-height:44px}
.modal-cam .opcion-img.on{border-color:var(--acento)}
.modal-cam .opcion-img img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--opcion-radio)}
.modal-cam input[type=file]{font-size:.8rem;color:var(--gris);margin-top:.6rem;width:100%}
.modal-cam label{margin-top:0;font-size:.9rem;margin-bottom:.35rem}
.modal-cam .campo{margin-bottom:1rem}.modal-cam .campo small{display:block;color:var(--gris);font-size:.8rem;margin-top:.3rem}
.modal-cam select{width:100%;font:inherit;font-size:.95rem;padding:.6rem .7rem;border:1px solid var(--linea-clara);border-radius:.8rem;background:var(--claro);color:var(--negro)}
.modal-cam .tres-modal{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem;align-items:end}.modal-cam .tres-modal.dos{grid-template-columns:1fr 1fr}
.modal-cam select,.modal-cam input[type=time],.modal-cam input[type=date]{box-sizing:border-box;height:3rem;padding:0 .9rem;font-size:1rem;line-height:1;border-radius:.85rem;margin:0}
.modal-cam label.check{margin-top:.6rem;font-weight:500}
.regla-modal{border:1px solid var(--linea-clara);border-radius:1rem;padding:1rem;background:var(--suave,var(--claro))}
.regla-modal .sw{font-weight:600;margin:0}.regla-modal .ayuda{margin:.3rem 0 0}
.dos-regla{display:grid;grid-template-columns:10rem 1fr;gap:.75rem;margin-top:.8rem}
.regla-modal:not(:has(input[name=regla_activa]:checked)) .dos-regla{display:none}
.modal-cam .pie{display:flex;justify-content:space-between;gap:.5rem;padding:1rem 1.6rem 1.4rem;border-top:1px solid var(--linea-clara)}
.modal-cam .pie .acciones{margin:0;flex-wrap:wrap;gap:.5rem}
.camps{display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:1rem;margin-top:1rem}
.camp{border:1px solid var(--linea-clara);border-radius:1.1rem;padding:1.15rem 1.2rem;display:flex;flex-direction:column;gap:.6rem;position:relative;background:var(--suave,var(--blanco))}
.camp h3{margin:0;font-size:1.08rem;padding-right:1.5rem}.camp .f{color:var(--gris);font-size:.86rem}.camp .f b{color:var(--negro);font-weight:600}
.camp .obj{display:inline-block;font-size:.75rem;padding:.15rem .55rem;border-radius:1rem;background:rgba(255,255,255,.08);color:#E4E4E2}
.camp .mets{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;padding:.7rem 0;border-top:1px solid var(--linea-clara);border-bottom:1px solid var(--linea-clara)}
.camp .mets b{display:block;font-size:1.05rem}.camp .mets span{font-size:.75rem;color:var(--gris)}
.camp .prog{height:4px;background:var(--claro);border-radius:2px}.camp .prog i{display:block;height:100%;background:var(--neon);border-radius:2px}
.camp .acc{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.camp .acc .boton{padding:.4rem .95rem;font-size:.88rem}
.camp .sel{position:absolute;top:1.1rem;right:1rem;width:1.1rem;height:1.1rem;accent-color:var(--acento-claro);margin:0}
.rapida-cam .wiz-campos.dos-r{grid-template-columns:repeat(2,minmax(0,14rem))}.rapida-extra{margin:1.2rem 0 0}.rapida-extra textarea{width:100%;box-sizing:border-box;margin-top:.6rem;font:inherit;padding:.65rem .8rem;border:1px solid var(--linea-clara);border-radius:.8rem;background:var(--claro);color:var(--negro)}.rapida-cam .wiz-pie .boton svg,.boton-ia svg{vertical-align:-3px;margin-right:.2rem}.botones-nueva{display:flex;gap:.6rem;flex-wrap:wrap}
.boton.peligro{background:#1F2024;color:var(--acento);box-shadow:5px 7px 14px rgba(12,11,16,.5),inset 2px 3px 4px rgba(255,255,255,.08)}.boton.peligro:hover{background:#2E3035;color:var(--acento)}.barra-camps .botones-nueva{margin-left:auto}.cal-sw.tabs-cam{gap:.2rem;padding:.25rem;margin:0}.cal-sw.tabs-cam a{display:block;padding:.35rem .8rem;border:0;margin:0;border-radius:.65rem;font-size:.85rem;font-weight:600}.cal-sw.tabs-cam a.on{background:var(--acento);color:var(--tinta)}.cal-sw.tabs-cam a:not(.on){background:none;color:#A8A8AE}.cal-sw.tabs-cam small{background:none;padding:0;margin-left:.35rem;font-size:inherit;color:inherit;opacity:.75}
/* Campañas: rellenos, huecos y letras de ajustes.css, como Resultados y Tu asistente. */
.pag-camp>.tarjeta:not(.cal){padding:var(--caja-pad);border-radius:var(--caja-radio)}.pag-camp>.tarjeta{margin-bottom:var(--hueco)}.pag-camp .titulo-sec h2{font-size:var(--t-tarjeta);font-weight:var(--peso-tarjeta);line-height:1.3;margin:0}.pag-camp>.tarjeta>.ayuda,.pag-camp>.plegable>.ayuda{font-size:var(--t-texto-tarjeta);color:var(--texto2);line-height:1.55;margin:.4rem 0 .8rem}.cab-camp{display:flex;justify-content:space-between;align-items:center;gap:var(--hueco);flex-wrap:wrap}.cab-camp h2{font-size:var(--t-titulo);font-weight:var(--peso-titulo);letter-spacing:-.02em;line-height:1.2;margin:0 0 .4rem}.cab-camp .ayuda{font-size:var(--t-bajada);color:var(--texto2);line-height:1.55;margin:0}.cab-camp .prueba-cam{margin:.6rem 0 0}.cab-camp .volver-cam{margin:0 0 .6rem}
.volver-cam{display:inline-block;margin:0 0 .9rem;color:var(--neon);text-decoration:underline;text-underline-offset:3px;font-size:var(--t-texto-tarjeta)}.volver-cam:hover{opacity:.8}.botones-cab{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.menu-desc{position:relative}.menu-desc summary{list-style:none;cursor:pointer}.menu-desc summary::-webkit-details-marker{display:none}.menu-desc>div{position:absolute;right:0;top:calc(100% + .4rem);z-index:20;min-width:12rem;display:flex;flex-direction:column;padding:.4rem;border-radius:1rem;background:#1F2024;box-shadow:var(--clay-sombra)}.menu-desc>div a{padding:.6rem .8rem;border-radius:.7rem;color:#F5F5F4;text-decoration:none;font-size:.92rem}.menu-desc>div a:hover{background:rgba(255,255,255,.06)}
.camp .borrar{position:absolute;top:.9rem;right:.9rem;display:flex;padding:.35rem;border-radius:.6rem;color:var(--gris)}.camp .borrar:hover{color:var(--acento);background:rgba(243,154,54,.14)}.camp .borrar.con-sel{right:2.6rem}.camp:has(.borrar) h3{padding-right:2.2rem}.camp:has(.con-sel) h3{padding-right:3.8rem}
.camp.apagada{opacity:.6}
/* La lista de campañas: una por fila a lo ancho, en tres columnas (medidas de ajustes.css). */
.camps{display:flex;flex-direction:column;gap:var(--hueco);margin-top:0}.camp{display:grid;grid-template-columns:minmax(14rem,.9fr) minmax(0,2fr) minmax(12rem,.75fr);gap:1.5rem;align-items:start;padding:var(--caja-pad);border:0;border-radius:var(--caja-radio);background:var(--caja-fondo);box-shadow:6px 9px 18px rgba(12,11,16,.45),var(--clay-luz)}.camp h3{font-size:var(--t-tarjeta);font-weight:var(--peso-tarjeta);line-height:1.3;margin:0 0 .3rem}.camp .f{display:block;font-size:var(--t-texto-tarjeta);color:var(--texto2)}.camp .f b{color:var(--t-color);font-weight:600}.camp .obj{margin:.7rem 0 0}.camp .prog{height:.3rem;border-radius:999px;background:#2E3035;margin:1rem 0 .2rem;overflow:hidden}.camp .prog i{display:block;height:100%;border-radius:999px;background:var(--neon)}.camp .puntos{display:flex;flex-wrap:wrap;gap:.35rem .9rem;margin:.55rem 0 0;font-size:.8rem;color:var(--texto2)}.camp .puntos i{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;margin-right:.35rem;vertical-align:1px}.camp .e-pub{background:var(--neon)}.camp .e-prog{background:var(--acento)}.camp .e-bor,.camp .e-sin{background:#A8A8AE}.camp .e-fallo{background:#FF8A78}.camp .hora-est{display:flex;align-items:center;flex-wrap:wrap;gap:.1rem .35rem;min-width:0;white-space:nowrap}.camp .hora-est small{display:flex;align-items:center;gap:.25rem;min-width:0;font-size:.72rem;color:var(--texto2)}.camp .hora-est i{flex:none;width:.45rem;height:.45rem;border-radius:50%}.camp .acc{margin-top:1.1rem}.camp .lbl{display:block;font-size:var(--t-ante);font-weight:var(--peso-ante);letter-spacing:var(--espaciado-ante);text-transform:uppercase;color:var(--texto2);margin:0 0 .75rem}.camp:has(.borrar) .col-c .lbl{padding-right:2.2rem}.camp:has(.borrar) h3{padding-right:0}.camp .prox{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.camp .pp{display:flex;flex-direction:column;gap:.15rem;min-width:0;padding:.45rem;border-radius:.9rem;background:#24252A;color:var(--texto2);font-size:.78rem;text-decoration:none}a.pp:hover{background:#2E3035}.camp .col-b .pp{display:inline-flex;width:calc(25% - .45rem);margin:0 .6rem .6rem 0;vertical-align:top}.camp .col-b .prox .pp{width:auto;margin:0}.camp .pp .mini{display:grid;place-items:center;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:.6rem;margin:0 0 .35rem;background:#2E3035;font-size:.7rem;color:#85858C}.camp .mini.sin{background:repeating-linear-gradient(135deg,#2A2B30 0 8px,#24252A 8px 16px)}.camp .pp b{color:var(--t-color);font-size:.82rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.descarga-cam{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;margin:var(--hueco) 0}.descarga-cam .ayuda{margin:0;flex:1 1 20rem}.camp .prox .pp>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.camp .pp em{font-style:normal;font-weight:600;color:var(--acento)}.camp .mets{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem .6rem;padding:0;border:0}.camp .mets b{display:block;font-size:1.25rem;font-weight:700;color:var(--t-color)}.camp .mets span{font-size:.78rem;color:var(--texto2)}.camp .mejor{display:flex;gap:.7rem;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--linea-clara);font-size:.8rem;color:var(--texto2)}.camp .mejor .mini{width:2.8rem;aspect-ratio:4/5;object-fit:cover;border-radius:.5rem;flex:none;background:#2E3035;font-size:0}.camp .mejor b{display:block;color:var(--t-color);font-size:.85rem}.camp .nada{margin:0;font-size:var(--t-texto-tarjeta);color:var(--texto2)}@media(min-width:1101px) and (max-width:1700px){.camp .prox{grid-template-columns:repeat(3,minmax(0,1fr))}.camp .prox .pp:nth-child(4){display:none}}@media(max-width:1100px){.camp{grid-template-columns:1fr 1fr}.camp .col-b{grid-column:1/-1;grid-row:2}}@media(max-width:640px){.camp{grid-template-columns:1fr}.camp .col-b{grid-row:auto}.camp .prox{grid-template-columns:repeat(2,minmax(0,1fr))}}
.filtros-cam{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-top:.5rem;padding:1rem;border-radius:1rem;background:var(--suave);border:1px solid var(--linea-clara)}
.filtros-cam label{font-size:.8rem;font-weight:600;margin:0 0 .25rem;display:block}
.filtros-cam input[type=date]{font:inherit;padding:.45rem .6rem;border:1px solid var(--linea-clara);border-radius:.7rem}
.filtros-cam .rango-cam{display:none;gap:.75rem}.filtros-cam:has(input[value=rango]:checked) .rango-cam{display:flex}
.filtros-cam .boton{padding:.5rem 1rem}
@media(max-width:900px){.modal-cam .cuerpo{grid-template-columns:1fr}.modal-cam .tres-modal,.bloq-cam,.wiz-ops.dos{grid-template-columns:1fr}}
/* Clay ligero sobre el tema morado: relieve en tarjetas y botones, texto plano. */
:root{--clay-sombra:10px 14px 28px rgba(12,11,16,.55);--clay-luz:inset 2px 2px 0 rgba(255,255,255,.07),inset -6px -8px 16px rgba(0,0,0,.22),inset 6px 6px 14px rgba(255,255,255,.035)}
.lateral{border-radius:2rem;border:0;box-shadow:var(--clay-sombra),var(--clay-luz)}
.tarjeta,.camino,.explorar,.kpi,.estado,.aviso,.inbox,.wiz-main,.wiz-pasos,.as-pasos,.as-cont,.as-caja,.riel,.caja-o,.as-pers,.wiz-op,.camp,.barra-cam,.modal-cam,.chat{border-radius:1.75rem!important;border-color:transparent!important;box-shadow:var(--clay-sombra),var(--clay-luz)}
.wiz-op,.as-pers{box-shadow:6px 9px 18px rgba(12,11,16,.45),var(--clay-luz)}
.wiz-op:has(input:checked),.as-pers:has(input:checked){box-shadow:0 0 0 2px var(--acento),6px 9px 18px rgba(12,11,16,.45),var(--clay-luz)!important}
.boton,.wiz-pie .boton{border-radius:999px;box-shadow:5px 7px 14px rgba(12,11,16,.5),inset 2px 3px 4px rgba(255,255,255,.35),inset -3px -4px 6px rgba(120,60,10,.35);border-color:transparent}
.boton.secundario{box-shadow:5px 7px 14px rgba(12,11,16,.4),inset 2px 2px 3px rgba(255,255,255,.08),inset -3px -4px 6px rgba(0,0,0,.25);background:#2E3035!important;border-color:transparent!important}
.lat-item.on{border-radius:1.2rem;box-shadow:inset 2px 2px 4px rgba(255,255,255,.08),inset -3px -3px 6px rgba(0,0,0,.25);background:rgba(255,138,61,.16)}
.wiz-pasos .actual,.as-paso.on,.paso.on{box-shadow:inset 2px 2px 4px rgba(255,255,255,.06),inset -3px -3px 6px rgba(0,0,0,.25);border-radius:1rem}
.lat-avatar{box-shadow:3px 4px 8px rgba(12,11,16,.5),inset 2px 2px 3px rgba(255,255,255,.45),inset -2px -3px 4px rgba(0,0,0,.18)}
input[type=text],input[type=search],textarea,select,.inbox input[type=search],.emp input[type=text],.emp textarea,.emp select{box-shadow:inset 3px 4px 8px rgba(0,0,0,.35),inset -2px -2px 4px rgba(255,255,255,.04);border-color:transparent!important;border-radius:1.1rem}
.chips label,.opc,.wiz-chip span,.tonos label,.as-rasgos span,.wiz-op em{box-shadow:3px 4px 8px rgba(12,11,16,.35),inset 1px 1px 2px rgba(255,255,255,.08)}
.wiz-pasos a b,.wiz-paso b,.as-n,.paso .n{box-shadow:2px 3px 5px rgba(12,11,16,.4),inset 1px 1px 2px rgba(255,255,255,.2)}
.barra,.wiz-barra,.as-barra,.barra-av{height:.55rem;border-radius:999px;box-shadow:inset 2px 2px 4px rgba(0,0,0,.4)}
.wiz-barra i,.barra i,.as-barra i,.barra-av i{border-radius:999px;box-shadow:inset 1px 1px 2px rgba(255,255,255,.4)}
.as-sw{box-shadow:inset 2px 2px 4px rgba(0,0,0,.35)}.as-sw::after{box-shadow:2px 3px 5px rgba(0,0,0,.35)}

/* Paleta gris ciruela: menú en el tono más profundo. */
.lateral{background:#18191C}
/* Números en naranja; barras de avance y lo seleccionado en lima; el paso actual se marca
   solo con el resaltado, sin su número. */
.wiz-pasos a b,.wiz-pasos .wiz-paso b{color:var(--acento);border-color:rgba(255,138,61,.45)}
.wiz-op .wiz-orden{background:var(--acento);color:var(--tinta)}
.wiz-pasos a.actual b,.wiz-pasos .wiz-paso.actual b{visibility:hidden}
.barra i,.wiz-barra i,.camp .prog i,.barrita-cam i{background:var(--neon)}
.opcion:has(input:checked),.letra:has(input:checked),.obj-cam .obj:has(input:checked),.mz:has(input:checked){border-color:var(--neon);box-shadow:0 0 0 1px var(--neon);background:rgba(198,250,44,.07)}
.fmt-op:has(input:checked),.foto:has(input:checked){border-color:var(--neon)}
.op-cam:has(input:checked){border-color:var(--neon);background:rgba(198,250,44,.07)}
.fmt-op .op-cam:has(input:checked) .nom-cam:after{background:var(--neon);border-color:var(--neon)}
.chips label:has(input:checked),.wiz-chip:has(input:checked) span{background:var(--neon);border-color:var(--neon);color:var(--tinta)}
.wiz-op:has(input:checked){border-color:var(--neon)}
.wiz-op:has(input:checked),.as-pers:has(input:checked){box-shadow:0 0 0 2px var(--neon),6px 9px 18px rgba(12,11,16,.45),var(--clay-luz)!important}
.wiz-op:has(input:checked)::after{background:var(--neon);color:var(--tinta)}
/* Naranja como secundario: pasos hechos y todo lo seleccionado. El lima queda solo para dar
   punch: barras de avance y puntos de estado. */
.wiz-pasos a.hecho b,.wiz-pasos .wiz-paso.hecho b,.paso-cam.hecho b{background:var(--acento);border-color:var(--acento);color:var(--tinta)}
.opcion:has(input:checked),.letra:has(input:checked),.obj-cam .obj:has(input:checked),.mz:has(input:checked){border-color:var(--acento);box-shadow:0 0 0 1px var(--acento);background:rgba(255,138,61,.10)}
.fmt-op:has(input:checked),.foto:has(input:checked){border-color:var(--acento)}
.op-cam:has(input:checked){border-color:var(--acento);background:rgba(255,138,61,.10)}
.fmt-op .op-cam:has(input:checked) .nom-cam:after{background:var(--acento);border-color:var(--acento)}
.chips label:has(input:checked),.wiz-chip:has(input:checked) span{background:var(--acento);border-color:var(--acento);color:var(--tinta)}
.wiz-op:has(input:checked){border-color:var(--acento)}
.wiz-op:has(input:checked),.as-pers:has(input:checked){box-shadow:0 0 0 2px var(--acento),6px 9px 18px rgba(12,11,16,.45),var(--clay-luz)!important}
.wiz-op:has(input:checked)::after{background:var(--acento);color:var(--tinta)}
/* Ancho fluido: al alejar (zoom out) el contenido usa el ancho disponible, como Metricool. */
.contenedor{max-width:160rem;padding:0 2.5rem}
@media(max-width:900px){.contenedor{padding:0 1.25rem}}
/* Pasos arriba: barra horizontal entre el antetítulo y el paso; el paso usa todo el ancho. */
.wiz-pasos{position:static!important;padding:.6rem .7rem}
.wiz-pasos summary,.wiz-pasos>p,.wiz-pasos .mrc-tip{display:none!important}
.wiz-pasos>nav,nav.wiz-pasos{display:flex;gap:.35rem;align-items:stretch;overflow-x:auto;scrollbar-width:none}
.wiz-pasos .sep{flex:none;border-top:0;border-left:1px solid var(--linea-clara);margin:.45rem .25rem}
.wiz-pasos a,.wiz-pasos .wiz-paso{flex:1 1 0;min-width:0;width:auto;line-height:1.2}
.wiz-pasos a span{min-width:0}
.wiz-pasos a span small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:900px){.wiz-pasos a,.wiz-pasos .wiz-paso{flex:none}.wiz-pasos a span small{display:none}
.wiz-pasos a:not(.actual) span,.wiz-pasos .wiz-paso:not(.actual){font-size:0;gap:0}.wiz-pasos .wiz-paso:not(.actual) b{font-size:.75rem}}
/* Encabezados parejos: la fila del antetítulo mide lo mismo con o sin botón, y lo que va debajo
   (pasos, tarjetas, calendario) arranca a la misma altura en todas las páginas. */
.compacta .titulo-fila{min-height:3rem}
.compacta.delgada{padding:1.5rem 0 1rem}
.compacta.delgada~main,.compacta.delgada~.oscuro-pag>main{padding-top:1.5rem}
.estado-mini{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:var(--gris)}
.estado-mini .luz{margin-right:0}.estado-mini form{margin:0}
.der-cam{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}
/* Post o historia: en las tarjetas de la campaña y en su ventana (PR de historias). La historia en naranja. */
.medio-cam{align-self:flex-start;font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:.12rem .5rem;border-radius:999px;background:#2E3035;color:#F5F5F4}
.medio-cam.m-historia{background:rgba(255,138,61,.16);color:var(--naranja-t)}
.modal-cam .img-modal.h{aspect-ratio:9/16;max-height:70vh;width:auto;max-width:100%;margin:0 auto}
/* Calendario: miniatura a la izquierda, título arriba y abajo la hora y si es post o historia. */
.ev.con-img{display:grid;grid-template-columns:2.1rem minmax(0,1fr);gap:.15rem .45rem;align-items:center}
.ev.con-img img{grid-row:span 2;width:2.1rem;aspect-ratio:4/5;object-fit:cover;border-radius:.35rem;background:#18191C}
.ev.con-img b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2}
.wiz-campos.cinco{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr))}
.ev .m-historia{color:var(--naranja-t);font-weight:600}
.cal-horas[style*="--dias:1"] .ev.con-img{grid-template-columns:3rem minmax(0,1fr)}.cal-horas[style*="--dias:1"] .ev.con-img img{width:3rem}
@media(max-width:900px){.cal-d .ev.con-img{display:block}.cal-d .ev img{display:none}}
/* Resultados: tarjetas de Instagram (metricas.py), en 12 columnas; una sola en el celular. */
.met{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;margin-bottom:1.25rem}
.met-c{grid-column:span 6;color:var(--negro);background:var(--grafito);border:1px solid var(--linea-oscura);border-radius:1.25rem;padding:1.25rem 1.4rem;min-width:0;display:flex;flex-direction:column}
.met-c.t3{grid-column:span 3}.met-c.t4{grid-column:span 4}.met-c.ancho{grid-column:1/-1}
.met-cab{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.75rem}
.met-cab span{color:var(--gris);font-size:.9rem}.met-cab b{font-size:1.15rem;font-weight:700;color:var(--negro)}
.met-cab b small{font-size:.8rem;font-weight:400;color:var(--gris)}
.met-grande{font-size:clamp(2.8rem,5vw,4rem);font-weight:800;letter-spacing:-.03em;color:var(--negro);margin:auto 0 .75rem;line-height:1}
.met-cambios{display:flex;flex-direction:column;gap:.35rem;color:var(--gris);font-size:.85rem}
.met-pct{font-weight:700;color:var(--negro)}.met-pct.sube{color:var(--naranja-t)}.met-pct.baja{color:#E58C8C}
.met .ayuda.chica{margin-top:.75rem;font-size:.82rem}
.met-graf{position:relative}
.met-escala{position:absolute;left:0;top:0;height:9rem;display:flex;flex-direction:column;justify-content:space-between;color:var(--gris);font-size:.7rem;line-height:1;padding:.35rem 0;box-sizing:border-box;pointer-events:none}
.met-linea{width:100%;height:9rem;display:block;padding-left:2rem;box-sizing:border-box;overflow:visible}
.met-eje{padding-left:2rem}
.met-linea .guia{stroke:var(--linea-clara)}.met-linea .area{fill:rgba(255,138,61,.12)}
.met-linea .trazo{fill:none;stroke:var(--acento);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.met-dona{display:flex;align-items:center;justify-content:center;gap:1.75rem;flex-wrap:wrap;margin:auto 0}
.met-dona .aro{position:relative;width:11rem;height:11rem}
.met-dona svg{width:100%;height:100%;transform:rotate(-90deg)}
.met-dona circle{fill:none;stroke-width:13}.met-dona .fondo{stroke:#2E3035}
.met-dona .c0{stroke:var(--acento)}.met-dona .c1{stroke:#8F7FD6}.met-dona .c2{stroke:#C6FA2C}.met-dona .c3{stroke:var(--gris)}.met-dona .c4{stroke:#5E6068}
.met-dona .centro{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.met-dona .centro b{font-size:1.7rem;font-weight:800;color:var(--negro)}.met-dona .centro small{color:var(--gris);font-size:.78rem}
.met-dona ul,.met-lista{list-style:none;margin:0;padding:0;display:grid;gap:.55rem;font-size:.9rem;color:var(--negro)}
.met-dona li,.met-lista li{display:flex;align-items:center;gap:.55rem}.met-dona li b,.met-lista li b{margin-left:auto;padding-left:1.25rem;font-weight:700}
.met-dona li i{width:.7rem;height:.7rem;border-radius:50%;display:inline-block}
.met-dona li i.c0{background:var(--acento)}.met-dona li i.c1{background:#8F7FD6}.met-dona li i.c2{background:#C6FA2C}.met-dona li i.c3{background:var(--gris)}.met-dona li i.c4{background:#5E6068}
.met-lista.chica{font-size:.82rem;color:var(--gris);margin-top:.5rem}.met-lista.chica b{color:var(--negro)}
.met-lista{counter-reset:c}.met-lista li::before{counter-increment:c;content:counter(c);color:var(--naranja-t);font-weight:700;width:1rem}
.met .grafica{height:11rem}
@media(max-width:1100px){.met-c.t3,.met-c.t4{grid-column:span 6}}
@media(max-width:700px){.met{grid-template-columns:1fr}.met-c,.met-c.t3,.met-c.t4,.met-c.ancho{grid-column:1/-1}}
/* Resultados: la barra del periodo (misma que Calendario) y los datos de abajo. */
.res-barra{padding:1.25rem 1.5rem}.res-barra .cal-filtros{margin:1rem 0 0;color:var(--gris);font-size:.85rem;gap:.5rem 1.5rem}
.res-info .punto{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--neon);margin-right:.45rem;vertical-align:.1rem}
.res-info .cal-bajar{margin-left:auto}.res-info .res-bajar .cal-bajar{margin-left:0}
.cal-nav .off{display:grid;place-items:center;min-width:2.1rem;height:2.1rem;border-radius:.7rem;background:#18191C;color:#64646B;font-weight:600}
.res-kpis{margin-bottom:1rem}
.ads-tabla{overflow-x:auto}.ads-tabla table{width:100%;min-width:40rem;border-collapse:collapse;font-size:.88rem}
.ads-tabla th{text-align:left;font-weight:600;color:var(--gris);padding:.5rem .6rem;border-bottom:1px solid var(--linea-clara)}
.ads-tabla td{padding:.6rem;border-bottom:1px solid var(--linea-clara)}.ads-tabla td:not(:first-child){white-space:nowrap}.ads-tabla td:first-child{max-width:16rem}
@media(max-width:700px){.res-barra .cal-sw.modo{margin-left:0}.res-info .cal-bajar{margin-left:0}}
.res-vista a{font-size:.95rem;padding:.45rem 1.1rem}
@media(max-width:700px){.res-vista{width:100%;overflow-x:auto;scrollbar-width:none}.res-vista a{flex:1 0 auto;text-align:center;padding:.45rem .8rem;font-size:.88rem}}
.res-barra .cal-sw a.on{background:var(--acento);color:var(--tinta)}
.res-barra .res-cada{margin-left:.5rem}@media(max-width:700px){.res-barra .res-cada{margin-left:0}}
.res-kpis .kpi b{color:var(--negro)}
.res-dos{display:grid;grid-template-columns:minmax(0,2fr) minmax(16rem,1fr);gap:1rem;margin-bottom:1.25rem}.res-dos>*{margin:0}
.res-dos .met-c{grid-column:auto}
.met-lista li small{color:var(--gris);font-size:.78rem;width:2.6rem;text-align:right}
.met-lista li b{padding-left:1rem}
@media(max-width:900px){.res-dos{grid-template-columns:1fr}}
/* Resultados > Comentarios: de qué tipo son, en barras acostadas */
.res-tipos{list-style:none;margin:0;padding:0;display:grid;gap:.8rem;font-size:.9rem}
.res-tipos li{display:grid;grid-template-columns:minmax(6.5rem,8.5rem) 1fr auto;align-items:center;gap:.25rem .75rem}
.res-tipos .rt-barra{height:.5rem;border-radius:999px;background:#2E3035;overflow:hidden}
.res-tipos .rt-barra i{display:block;height:100%;border-radius:999px;background:var(--acento-claro)}
.res-tipos b{font-weight:700;text-align:right}
.res-tipos small{grid-column:2/-1;color:var(--gris);font-size:.78rem;margin-top:-.2rem}
@media(min-width:701px){.res-com .pp-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:700px){.res-com .pp-grid .pp-tasa small{display:inline}}
/* pulido: títulos sin una palabra sola abajo, cifras de ancho fijo (no "bailan"), el botón que se está
   mandando (panel.js) y un fundido al cambiar de página (Chrome y Safari; los demás, igual que antes) */
h1,h2,h3{text-wrap:balance}
.kpi,.kpis,.num,.as-num,.datos,.t-dato,.res-kpis,.met-lista,table{font-variant-numeric:tabular-nums}
.boton.mandando,button.mandando{opacity:.6;cursor:progress;pointer-events:none}
@view-transition{navigation:auto}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}
/* Resultados: tus publicaciones con sus números; la mejor arriba, en grande. */
.res-posts .met-cab b small{font-weight:400}
.pp{display:flex;flex-direction:column;background:#25232F;border:1px solid var(--linea-oscura);border-radius:1rem;overflow:hidden;min-width:0}
.pp-foto{position:relative;aspect-ratio:4/5;background:#1E1C26;overflow:hidden}
.pp-foto img,.pp-foto .sin-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:grid;place-items:center;color:var(--gris);font-size:.85rem}
.pp-foto a{display:block;height:100%}
.pp-sello{position:absolute;top:.75rem;left:.75rem;background:var(--acento);color:var(--tinta);font-size:.75rem;font-weight:700;border-radius:999px;padding:.25rem .7rem}
.pp-cuerpo{padding:1rem 1.1rem 1.15rem;display:flex;flex-direction:column;gap:.55rem;flex:1}
.pp-fecha{margin:0;color:var(--gris);font-size:.78rem}
.pp-texto{margin:0;font-size:.9rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pp-tasa{display:flex;align-items:baseline;gap:.4rem;margin-top:auto}.pp-tasa .tasa{font-size:1.5rem;font-weight:800;color:var(--naranja-t)}
.pp-tasa small{color:var(--gris);font-size:.8rem}
.pp-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem .5rem;padding-top:.6rem;border-top:1px solid var(--linea-oscura)}
.pp-nums div{display:flex;flex-direction:column}.pp-nums b{font-size:.98rem;font-weight:700}.pp-nums span{color:var(--gris);font-size:.72rem}
.pp.mejor{flex-direction:row;margin:1rem 0 1.25rem;border-color:rgba(243,154,54,.45)}
.pp.mejor .pp-foto{width:min(30%,16rem);flex:none}
.pp.mejor .pp-cuerpo{padding:1.5rem 1.75rem;gap:.8rem}.pp.mejor .pp-texto{font-size:1.05rem;-webkit-line-clamp:4}
.pp.mejor .pp-tasa .tasa{font-size:2.4rem}.pp.mejor .pp-nums{grid-template-columns:repeat(6,1fr)}.pp.mejor .pp-nums b{font-size:1.25rem}
.pp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1rem}
.pp-grid .pp-foto{aspect-ratio:1}
.pp-vs{margin-left:.5rem;background:rgba(243,154,54,.14);color:var(--naranja-t)!important;border-radius:999px;padding:.15rem .6rem;font-weight:700}
@media(max-width:700px){.pp-grid{grid-template-columns:1fr 1fr;gap:.6rem}.pp-grid .pp-cuerpo{padding:.75rem}.pp-grid .pp-nums{grid-template-columns:1fr 1fr}.pp-grid .pp-texto{display:none}.pp-grid .pp-tasa small{display:none}.pp-grid .pp-nums span{font-size:.68rem}.pp-tasa{flex-wrap:wrap}.res-posts .met-cab{flex-direction:column;gap:.2rem}.pp.mejor{flex-direction:column}.pp.mejor .pp-foto{width:100%}.pp.mejor .pp-nums{grid-template-columns:repeat(3,1fr)}}
/* Configuración (asistente, marca y empresa): la barra de pasos mide lo mismo en las tres páginas. */
.wiz.mrc>.wiz-pasos{min-height:5.25rem;box-sizing:border-box}
/* Gráficas de Resultados: al pasar el cursor, un puntito sobre la línea (o la barra) y la etiqueta
   con el valor dentro de la gráfica. Columnas HTML encima del SVG (metricas.puntos_hover). */
.met-graf.barras{position:relative}
.met-hover{position:absolute;inset:0 0 0 2rem;display:flex}
.met-graf.barras .met-hover{left:0}
.mh{flex:1;position:relative;cursor:default}
.mh::before{content:"";position:absolute;left:50%;top:var(--y);bottom:0;border-left:1px dashed rgba(247,245,250,.22);opacity:0;transition:opacity .12s}
.mh i{position:absolute;left:50%;top:var(--y);width:.75rem;height:.75rem;margin:-.375rem 0 0 -.375rem;border-radius:50%;background:var(--acento);box-shadow:0 0 0 3px #302D3A,0 0 0 5px rgba(243,154,54,.35);opacity:0;transition:opacity .12s}
.mh span{position:absolute;left:50%;top:var(--y);z-index:3;transform:translate(-50%,calc(-100% - .8rem));background:#1E1C26;border:1px solid rgba(243,154,54,.35);border-radius:.7rem;padding:.4rem .7rem;white-space:nowrap;font-size:.8rem;line-height:1.3;color:var(--negro);opacity:0;pointer-events:none;box-shadow:0 8px 20px rgba(0,0,0,.35);transition:opacity .12s}
.mh span b{font-weight:800;color:var(--naranja-t)}
.mh span small{display:block;color:var(--gris);font-size:.72rem}
.mh.izq span{left:0;transform:translate(0,calc(-100% - .8rem))}.mh.der span{left:auto;right:0;transform:translate(0,calc(-100% - .8rem))}
.mh.abajo span{transform:translate(-50%,.8rem)}.mh.izq.abajo span,.mh.der.abajo span{transform:translate(0,.8rem)}
.met-graf.barras .mh.abajo span,.met-graf.barras .mh.izq.abajo span{left:50%;right:auto;transform:translate(1rem,-.3rem)}
.met-graf.barras .mh.der.abajo span{transform:translate(calc(-100% - 1rem),-.3rem)}
.mh:hover::before,.mh:hover i,.mh:hover span{opacity:1}
.mh{outline:none}.mh:focus::before,.mh:focus i,.mh:focus span{opacity:1}
.mh span{display:none}.mh:hover span,.mh:focus span{display:block} /* oculta de verdad: la etiqueta no ensancha la página en el celular */
/* Resultados (lote 1): Vistas apiladas (seguidores en naranja, los demás en naranja claro) con el periodo anterior
   punteado en gris; las pastillas de formato; Tu público plegado con sus tarjetas adentro; el rango personalizado
   y el menú de descargas, los dos plegados sin JS. */
.met-linea .seg{fill:var(--acento)}.met-linea .otros{fill:var(--acento-claro);opacity:.55}
.met-linea .antes{fill:none;stroke:var(--gris);stroke-width:1.5;stroke-dasharray:4 4;stroke-linejoin:round}
.leyenda i.seg{background:var(--acento)}.leyenda i.otros{background:var(--acento-claro);opacity:.55}.leyenda i.antes{background:var(--gris)}
.met-formatos{display:inline-flex;align-self:flex-start;margin:0 0 .75rem}
.met-pleg{padding:0}.met-pleg summary{list-style:none;cursor:pointer;padding:1.25rem 1.4rem}.met-pleg summary::-webkit-details-marker{display:none}
.met-pleg summary .met-cab{margin:0}.met-pleg[open] summary{padding-bottom:0}
.met-dentro{padding:1rem 1.4rem 1.4rem;margin:0}.met-dentro .met-c{background:#1F2024}
.met-aviso{margin:-.5rem 0 1.25rem}
.res-pers{position:relative}.res-pers summary{list-style:none;cursor:pointer;padding:.35rem .8rem;border-radius:.65rem;color:#A8A8AE;font-size:.85rem;font-weight:600;white-space:nowrap}
.res-pers summary::-webkit-details-marker{display:none}.res-pers.on summary{background:var(--acento);color:var(--tinta)}
.res-pers-f{position:absolute;right:0;top:calc(100% + .6rem);z-index:5;display:flex;gap:.6rem;align-items:end;padding:.9rem 1rem;border-radius:1rem;background:#1E1C26;border:1px solid var(--linea-oscura);box-shadow:0 12px 28px rgba(0,0,0,.45)}
.res-pers-f{display:grid;grid-template-columns:auto auto auto;gap:.3rem .6rem;align-items:center}.res-pers-f label{color:#A8A8AE;font-size:.78rem;grid-row:1}.res-pers-f input{grid-row:2}.res-pers-f .boton{grid-row:2}.res-pers-f input{color-scheme:dark;font:inherit;font-size:.9rem;padding:.4rem .6rem;border-radius:.6rem;border:1px solid var(--linea-oscura);background:#18191C;color:var(--negro);min-width:0;width:100%}
.res-bajar{position:relative;margin-left:auto}.res-bajar summary{list-style:none;cursor:pointer}.res-bajar summary::-webkit-details-marker{display:none}
.res-bajar>div{position:absolute;right:0;top:calc(100% + .5rem);z-index:5;display:grid;min-width:13rem;padding:.4rem;border-radius:.9rem;background:#1E1C26;border:1px solid var(--linea-oscura);box-shadow:0 12px 28px rgba(0,0,0,.45)}
.res-bajar>div a{padding:.55rem .8rem;border-radius:.6rem;color:var(--negro);text-decoration:none;font-size:.88rem;white-space:nowrap}.res-bajar>div a:hover{background:#2E3035}
.res-barra{position:relative}
.res-formatos{margin:.25rem 0 1.25rem}.res-formatos table{width:100%;border-collapse:collapse;font-size:.92rem;margin-top:.5rem}.res-formatos th{text-align:right;font-weight:500;color:var(--gris);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;padding:.4rem 0}.res-formatos th:first-child,.res-formatos td:first-child{text-align:left}.res-formatos td{text-align:right;padding:.55rem 0;border-top:1px solid var(--linea-oscura)}.res-formatos td small{color:var(--gris)}.res-formatos td b{color:var(--naranja-t)}.res-formatos th,.res-formatos td{padding-left:.6rem}.res-formatos th:first-child,.res-formatos td:first-child{padding-left:0}
@media(max-width:700px){.res-formatos{overflow-x:auto}.res-formatos table{min-width:26rem}}
.res-embudo li{grid-template-columns:minmax(7.5rem,10rem) 1fr auto}.res-embudo .rt-barra{height:.9rem}.res-embudo .rt-barra i{background:var(--acento)}
.res-temas p{margin:.4rem 0 0;color:var(--negro);line-height:1.5;max-width:60rem}
@media(max-width:700px){.res-pers{position:static}.res-pers-f{left:1rem;right:1rem;grid-template-columns:1fr 1fr auto}.res-bajar{margin-left:0}.res-bajar>div{right:auto;left:0}
.met-formatos{display:flex;align-self:stretch;max-width:100%;overflow-x:auto;scrollbar-width:none}.met-formatos a{flex:0 0 auto}}
.met-graf.barras .mh::before{display:none}
/* Inicio (igbot/inicio.py): saludo, Te falta, los números de hoy, chats que te esperan, próximas publicaciones y
   tu plan. Tamaños en ajustes.css (--ini-*). */
.ini-falta{margin-bottom:1.75rem}.ini-gris{color:var(--gris);font-size:.88rem}
.ini-pasos{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:var(--hueco);margin-top:.5rem}
.ini-paso{display:flex;gap:.8rem;align-items:center;background:var(--caja-fondo);border:1px solid var(--linea-oscura);border-radius:1rem;padding:1rem 1.1rem;color:var(--negro);text-decoration:none}
.ini-paso:hover{border-color:rgba(255,138,61,.45)}
.ini-n{flex:none;width:var(--paso-circulo);height:var(--paso-circulo);border-radius:50%;border:1.5px solid var(--acento);color:var(--acento);display:grid;place-items:center;font-size:var(--t-paso-num);font-weight:700}
.ini-ir{margin-left:auto;color:var(--acento);font-weight:700;font-size:.88rem;white-space:nowrap}
.ini-barra{display:block;height:.45rem;border-radius:999px;background:#2E3035;overflow:hidden}
.ini-barra>span{display:block;height:100%;background:var(--neon);border-radius:999px}
.ini-falta>.ini-barra{margin-top:1.1rem}
.ini-sec{font-size:var(--t-ante);font-weight:var(--peso-ante);letter-spacing:var(--espaciado-ante);text-transform:uppercase;color:var(--gris);margin:0 0 .6rem}
.ini-num{grid-column:span 3;text-decoration:none}.ini-et{color:var(--gris);font-size:.88rem}
.ini-num b{font-size:var(--ini-numero);font-weight:700;color:var(--acento);margin:.35rem 0 .1rem;line-height:1.1}
.ini-num small{color:var(--gris);font-size:.82rem}
.ini-num small.sube::before{content:"";display:inline-block;width:.45rem;height:.45rem;border-radius:50%;background:var(--neon);margin-right:.4rem;vertical-align:middle}
.ini-dos>.ini-chats{grid-column:span 7}.ini-dos>.ini-posts{grid-column:span 5}
.ini-fila{display:flex;gap:.8rem;align-items:center;padding:.8rem 0;border-top:1px solid var(--linea-oscura);color:var(--negro);text-decoration:none}
.cab-tarjeta+.ini-fila{border-top:0}
.ini-av{flex:none;width:2.4rem;height:2.4rem;border-radius:50%;background:#2E3035;display:grid;place-items:center;font-weight:700;color:var(--naranja-t)}
.ini-txt{min-width:0;flex:1}.ini-txt b{display:block;font-size:.95rem}
.ini-txt small{display:block;color:var(--gris);font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ini-paso .ini-txt small{white-space:normal;margin-top:.15rem;font-size:.82rem}
.ini-der{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.ini-der small{color:var(--gris);font-size:.78rem}
.ini-der em{font-style:normal;font-size:.75rem;font-weight:600;color:var(--naranja-t);background:rgba(255,138,61,.12);border-radius:999px;padding:.15rem .6rem;white-space:nowrap}
.ini-der em.gris{color:var(--gris);background:#2E3035}
.ini-mini{flex:none;width:3rem;height:3rem;border-radius:.6rem;object-fit:cover;background:#2E3035}
.ini-usos{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.5rem;margin-top:.5rem}
.ini-uso>div{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.ini-uso>div>span{color:var(--gris);font-size:.9rem}
.ini-uso b{font-size:1.05rem}.ini-uso b small{color:var(--gris);font-weight:400;font-size:.8rem}
@media(max-width:900px){.ini-num{grid-column:span 6}.ini-dos>.ini-chats,.ini-dos>.ini-posts{grid-column:span 12}.ini-pasos{grid-template-columns:1fr}}
@media(max-width:560px){.ini-num{grid-column:span 12}}
/* Resultados > Ventas por post: una tarjeta por publicación (foto, qué es, cuánto vendió, por dónde llegaron) */
.vp-cab{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem}
.vp-foto{flex:none;width:3.5rem;height:3.5rem;border-radius:.8rem;overflow:hidden;background:#2E3035}
.vp-foto a{display:block;height:100%}.vp-foto img{display:block;width:100%;height:100%;object-fit:cover}
.vp-que{flex:1 1 10rem;min-width:0}.vp-que h3{margin:0;font-size:var(--t-tarjeta);font-weight:700;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.vp-que small,.vp-monto small{display:block;color:var(--texto2);font-size:var(--t-texto-tarjeta)}
.vp-monto{flex:none;margin-left:auto;text-align:right}.vp-monto b{display:block;font-size:1.5rem;font-weight:800;line-height:1.2;color:var(--naranja-t)}
.vp-por{margin:.9rem 0 .8rem;color:var(--texto2);font-size:var(--t-texto-tarjeta);overflow-wrap:anywhere}
.vp-barra{height:.35rem;border-radius:999px;background:#2E3035;overflow:hidden}.vp-barra i{display:block;height:100%;border-radius:999px;background:var(--neon)}
@media(max-width:700px){.vp{padding:1.1rem}.vp-foto{width:3rem;height:3rem}.vp-monto b{font-size:1.25rem}}
.inbox{display:grid;grid-template-columns:24rem minmax(0,1fr);background:var(--blanco);border-radius:1.5rem;overflow:hidden;min-height:38rem;margin-bottom:1.25rem;scroll-margin-top:1rem}
.inbox .lista{border-right:1px solid var(--linea-clara);display:flex;flex-direction:column;min-width:0}
.inbox .lista-vivo{display:flex;flex-direction:column;flex:1;min-width:0}
.inbox .buscar{padding:1rem 1rem .5rem;margin:0}
.inbox input[type=search]{width:100%;box-sizing:border-box;font:inherit;font-size:.95rem;padding:.65rem 1rem .65rem 2.4rem;border:1px solid var(--linea-clara);border-radius:999px;background:var(--claro) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23C9B8D1' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") no-repeat .9rem center}
.inbox .buscar button{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.js .inbox .buscar button{display:none}
.filtros-chat{display:flex;gap:.1rem;padding:0 .75rem;overflow-x:auto;border-bottom:1px solid var(--linea-clara);font-size:.82rem}
.filtros-chat a{flex:1;text-align:center;padding:.7rem .45rem;color:var(--gris);text-decoration:none;font-weight:500;border-bottom:2px solid transparent;white-space:nowrap}
.filtros-chat a.on{color:var(--negro);border-color:var(--acento);font-weight:600}
.filtros-chat b{display:inline-block;min-width:1.2rem;padding:0 .35rem;margin-left:.25rem;border-radius:999px;background:var(--acento);color:var(--tinta);font-size:.7rem;text-align:center;line-height:1.2rem}
.filtros-chat b.gris{background:var(--claro);color:var(--gris)}
.inbox .cuantos{font-size:.75rem;color:var(--gris);padding:.5rem 1rem 0;margin:0}
.conv{display:flex;gap:.75rem;padding:.85rem 1rem;text-decoration:none;color:inherit;border-bottom:1px solid var(--linea-clara);position:relative}
.conv:hover{background:rgba(255,255,255,.04)}.conv.on{background:var(--claro)}
.inbox .avatar{flex:none;width:2.6rem;height:2.6rem;border-radius:50%;background:#3F4147;color:var(--negro);display:grid;place-items:center;font-weight:600;font-size:.95rem}
.conv .txt{min-width:0;flex:1}
.conv .arriba{display:flex;justify-content:space-between;gap:.5rem;font-size:.9rem}
.conv .arriba b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.conv .arriba small{color:var(--gris);font-size:.75rem;white-space:nowrap}
.conv .ult{display:block;font-size:.85rem;color:var(--texto2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:.1rem 0 .25rem}
.conv.sin .ult{color:var(--negro);font-weight:600;padding-right:1.25rem}
.conv .lo-tiene{display:block;font-size:.7rem;color:var(--gris)}
.conv .lo-tiene.rojo{color:var(--naranja-t);font-weight:600}
.lados{display:flex;gap:.25rem;margin:0 1rem .5rem;padding:.2rem;border-radius:999px;background:var(--claro)}
.lados a{flex:1;display:flex;align-items:center;justify-content:center;padding:.45rem .75rem;border-radius:999px;color:var(--gris);text-decoration:none;font-weight:600;font-size:.9rem}
.lados a.on{background:var(--acento);color:var(--tinta)}
.lados b{display:inline-block;min-width:1.1rem;margin-left:.35rem;padding:0 .3rem;border-radius:999px;background:var(--neon);color:#1B1C1F;text-align:center;font-size:.7rem;line-height:1.1rem}
.conv .razon{display:inline-block;margin-right:.4rem;padding:0 .45rem;border-radius:999px;background:var(--claro);color:var(--gris);font-weight:600}
.conv .razon.anuncio{background:rgba(255,138,61,.16);color:var(--naranja-t)}
.conv .razon.dato{background:rgba(255,138,61,.16);color:var(--naranja-t)}
.conv .razon.molesto{background:rgba(255,69,58,.18);color:#ff8a80}
.conv .razon.etapa{background:var(--claro);color:var(--negro)}
/* Bajo el buscador: el filtro de etapa (un select, plegado por sí mismo) y la descarga de contactos. */
.etapa-fila{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}
.etapa-fila select{flex:1;min-width:0;font:inherit;font-size:.9rem;padding:.5rem .8rem;border:1px solid var(--linea-clara);border-radius:999px;background:var(--claro);color:var(--gris)}
.etapa-fila select.on{color:var(--naranja-t);border-color:rgba(255,138,61,.5)}
.etapa-fila .enlace{font-size:.85rem;white-space:nowrap}
.lat-item{position:relative}
.punto-menu{position:absolute;width:.5rem;height:.5rem;border-radius:50%;background:var(--neon);margin:-1.1rem 0 0 1rem;box-shadow:0 0 0 2px #18191C}
/* Como en WhatsApp: el punto de no leído va a la derecha, debajo de la hora. */
.punto-sin{position:absolute;right:1rem;top:2.5rem;width:var(--punto-chat);height:var(--punto-chat);border-radius:50%;background:var(--neon)}
.inbox .vacio{padding:1.5rem 1rem;font-size:.9rem;color:var(--gris)}
.inbox .lista-vivo .paginas{margin:auto 0 0;padding:.75rem;justify-content:center}
.hilo{display:flex;flex-direction:column;min-width:0}
.hilo .cab{display:flex;align-items:center;gap:.85rem;padding:1rem 1.5rem;border-bottom:1px solid var(--linea-clara)}
.hilo .cab .nom{flex:1;min-width:0}.hilo .cab .nom small{display:block;color:var(--gris);font-size:.8rem}
.quien-contesta{display:flex;align-items:center;border:1px solid var(--linea-clara);border-radius:999px;padding:.2rem;background:var(--claro);margin:0}
.quien-contesta button{font:inherit;font-size:.85rem;font-weight:600;border:0;background:transparent;padding:.4rem .9rem;border-radius:999px;cursor:pointer;color:var(--gris)}
.quien-contesta button[aria-pressed=true]{background:var(--acento);color:var(--tinta);cursor:default}
.venta-chat{position:relative}
.venta-chat summary{list-style:none;cursor:pointer;font-size:.85rem;font-weight:600;border:1px solid var(--linea-clara);border-radius:999px;padding:.45rem .9rem;color:var(--gris);white-space:nowrap}
.venta-chat summary::-webkit-details-marker{display:none}
.venta-chat[open] summary{color:var(--naranja-t);border-color:rgba(255,138,61,.5)}
.venta-chat .caja{position:absolute;right:0;top:calc(100% + .5rem);z-index:5;width:var(--etapa-caja);display:flex;flex-direction:column;gap:.6rem;padding:1rem;border-radius:1rem;background:var(--claro);border:1px solid var(--linea-clara);box-shadow:0 12px 30px rgba(0,0,0,.35)}
.venta-chat form{display:flex;flex-direction:column;gap:.5rem;margin:0}
.venta-chat label{font-size:.85rem;font-weight:600}
.venta-chat .fila{display:flex;gap:.5rem}
.venta-chat input,.venta-chat select{font:inherit;font-size:.9rem;border:1px solid var(--linea-clara);border-radius:.75rem;padding:.5rem .7rem;background:var(--suave);color:inherit;min-width:0}
.venta-chat input{flex:1}
.venta-chat small{font-size:.75rem;color:var(--gris)}
.venta-chat .marcada{flex-direction:row;justify-content:space-between;align-items:center;font-size:.85rem;padding-bottom:.6rem;margin-bottom:.6rem;border-bottom:1px solid var(--linea-clara)}
.venta-chat .marcada button{font:inherit;font-size:.85rem;background:none;border:0;padding:0;cursor:pointer}
.venta-chat .titulo{font-size:.85rem;font-weight:600}
.venta-chat .etapas{padding-bottom:.85rem;border-bottom:1px solid var(--linea-clara)}
.venta-chat .opciones{display:flex;flex-wrap:wrap;gap:.4rem}
.venta-chat .opciones button{font:inherit;font-size:.8rem;font-weight:600;padding:.35rem .75rem;border-radius:999px;border:1px solid var(--linea-clara);background:none;color:var(--gris);cursor:pointer}
.venta-chat .opciones button[aria-pressed=true]{background:var(--acento);border-color:var(--acento);color:var(--tinta)}
.hilo .alerta{margin:1rem 1.5rem 0;padding:.75rem 1rem;border-radius:1rem;background:rgba(255,138,61,.12);border:1px solid rgba(255,138,61,.35);color:#E4E4E2;font-size:.9rem}
.hilo .alerta b,.hilo .alerta strong{color:var(--naranja-t)}
.hilo .alerta.tuyo{background:var(--claro);border-color:var(--linea-clara);color:#E4E4E2}
.hilo .alerta form{display:inline;margin:0}
.hilo .alerta button{font:inherit;font-weight:600;background:none;border:0;padding:0;color:inherit;text-decoration:underline;cursor:pointer}
/* column-reverse: el chat abre ya abajo, en lo más nuevo, sin JS. */
.mensajes{flex:1;padding:1.25rem 1.5rem;background:var(--suave);overflow:auto;max-height:32rem;display:flex;flex-direction:column-reverse}
.mensajes>div{display:flex;flex-direction:column}
.mensajes .dia{text-align:center;font-size:.75rem;color:var(--gris);margin:.5rem 0 1rem}
.mensajes .anteriores{text-align:center;font-size:.85rem;margin-bottom:1rem}
.mensajes .burbuja.de-cliente{background:var(--claro);border:1px solid var(--linea-clara);border-bottom-left-radius:.35rem}
.mensajes .burbuja.de-bot{background:#3F4147;color:var(--negro);margin-left:auto;border-bottom-right-radius:.35rem}
.mensajes .burbuja.de-ti{background:var(--acento);color:var(--tinta);margin-left:auto;border-bottom-right-radius:.35rem}
.mensajes .hora-msg{font-size:.7rem;color:var(--gris);margin:-.3rem 0 .8rem;text-align:right}
.mensajes .hora-msg.izq{text-align:left}
.responder{border-top:1px solid var(--linea-clara);padding:1rem 1.5rem;margin:0}
.responder .opcion{position:static;width:auto;height:auto;overflow:visible;clip:auto;display:flex;gap:.5rem;align-items:flex-start;margin:.6rem 0 0;font-size:.9rem;color:var(--gris)}
.responder .opcion input{margin-top:.2rem;accent-color:var(--acento)}
.responder label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.responder textarea{width:100%;box-sizing:border-box;font:inherit;font-size:.95rem;border:1px solid var(--linea-clara);border-radius:1rem;padding:.75rem 1rem;resize:vertical;min-height:4.5rem}
.responder .pie{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.6rem}
.responder .pie span{font-size:.8rem;color:var(--gris)}
.responder.cerrado{font-size:.9rem;color:var(--gris)}
.hilo .elige{flex:1;display:grid;place-items:center;text-align:center;color:var(--gris);padding:2rem}
.volver{display:none}
@media(max-width:860px){.inbox{grid-template-columns:minmax(0,1fr)}.inbox .lista{border-right:0}.inbox.abierto .lista{display:none}.inbox:not(.abierto) .hilo{display:none}
.volver{display:block;padding:.75rem 1.25rem 0;font-size:.9rem}.hilo .cab{flex-wrap:wrap;padding:.75rem 1.25rem}.hilo .cab .nom{flex-basis:calc(100% - 3.5rem)}
.quien-contesta{flex-basis:100%;justify-content:center}.quien-contesta button{flex:1}.mensajes,.responder{padding-left:1.25rem;padding-right:1.25rem}.hilo .alerta{margin:.75rem 1.25rem 0}}
/* Celular con un chat abierto: el chat ocupa toda la pantalla bajo la cabecera, como WhatsApp. Los avisos
   de arriba y el botón de Skandi se esconden; el cuadro de respuesta queda fijo abajo y sube con el teclado. */
@media(max-width:860px){
body:has(.inbox.abierto) main .contenedor>:not(.inbox),body:has(.inbox.abierto) .sk-boton{display:none}
.inbox.abierto{position:fixed;left:0;right:0;top:calc(3.25rem + 1px);bottom:0;z-index:20;display:flex;flex-direction:column;min-height:0;margin:0;border-radius:0}
.inbox.abierto .hilo{flex:1;min-height:0}
.inbox.abierto .volver{padding-top:.6rem}
.inbox.abierto .cab{padding:.5rem 1.25rem .75rem;gap:.6rem .75rem}
.inbox.abierto .cab .avatar{display:none}
.inbox.abierto .cab .nom{flex:1 1 100%}
.inbox.abierto .venta-chat{flex:none}
.venta-chat .caja{left:0;right:auto;width:min(var(--etapa-caja),calc(100vw - 2.5rem))}
.venta-chat summary,.venta-chat .opciones button,.venta-chat .boton,.quien-contesta button,.etapa-fila select,.etapa-fila .enlace{min-height:var(--toque);box-sizing:border-box}
.venta-chat summary,.etapa-fila .enlace{display:inline-flex;align-items:center}
.etapa-fila select,.venta-chat input,.venta-chat select{font-size:1rem}
.inbox.abierto .quien-contesta{flex:1 1 10rem}
.inbox.abierto .mensajes{max-height:none;min-height:0}
.inbox.abierto .responder{padding:.65rem 1.25rem calc(.65rem + env(safe-area-inset-bottom,0px))}
.inbox.abierto .responder textarea{min-height:3rem}
.inbox.abierto .responder .pie{margin-top:.45rem}.inbox.abierto .responder .pie span{font-size:.72rem;line-height:1.3}
}
.sk-boton{position:fixed;right:calc(1.5rem + env(safe-area-inset-right,0px));bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));z-index:15;width:3.75rem;height:3.75rem;display:grid;place-items:center;background:var(--acento);color:#F5F5F4;border-radius:50%;text-decoration:none;box-shadow:0 10px 24px rgba(12,11,16,.45),inset 2px 2px 0 rgba(255,255,255,.25),inset -3px -4px 8px rgba(0,0,0,.12);transition:transform .15s}
.sk-boton:hover{transform:scale(1.06)}
.skandi{display:none;position:fixed;right:1.25rem;bottom:1.25rem;z-index:50;width:min(23rem,calc(100vw - 2rem));height:min(34rem,calc(100dvh - 2.5rem));flex-direction:column;background:#1F2024;color:#F5F5F4;border-radius:1.6rem;box-shadow:10px 14px 28px rgba(12,11,16,.55),inset 2px 2px 0 rgba(255,255,255,.07);overflow:hidden}
html:not(.js) .skandi:target,.skandi.abierta{display:flex}
html:not(.js) .skandi:target~.sk-boton,.skandi.abierta~.sk-boton{display:none}
.sk-cabeza{display:flex;align-items:center;gap:.7rem;padding:1rem 1.1rem;background:#18191C}
.sk-avatar{width:2.2rem;height:2.2rem;border-radius:50%;background:var(--acento);color:var(--tinta);display:grid;place-items:center;font-weight:800}
.sk-cabeza b{display:block;font-size:1rem}.sk-cabeza small{display:flex;align-items:center;gap:.35rem;color:#A8A8AE;font-size:.8rem}
.sk-cabeza small::before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:#C6FA2C}
.sk-ultimo{display:none;color:#A8A8AE;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sk-nombre{min-width:0;flex:1}
.skandi.minimizada{height:auto;width:min(20rem,calc(100vw - 2rem));cursor:pointer}
.skandi.minimizada .sk-mensajes,.skandi.minimizada .sk-escribir,.skandi.minimizada .sk-hist,.skandi.minimizada .sk-min,.skandi.minimizada .sk-cabeza small{display:none}
.skandi.minimizada .sk-ultimo{display:block}
.skandi.minimizada .sk-cabeza{padding:.75rem .9rem}
.sk-cerrar,.sk-min{color:#A8A8AE;font-size:1.5rem;line-height:1;text-decoration:none;padding:.2rem .45rem;border-radius:.6rem;display:grid;place-items:center}
.sk-min{padding:.35rem}
.sk-cerrar:hover,.sk-min:hover{color:#F5F5F4;background:rgba(255,255,255,.06)}
.sk-hist{margin-left:auto}
.sk-hist>summary{list-style:none;cursor:pointer;color:#A8A8AE;padding:.35rem;border-radius:.6rem;display:grid;place-items:center}
.sk-hist>summary::-webkit-details-marker{display:none}
.sk-hist>summary:hover,.sk-hist[open]>summary{color:#F5F5F4;background:rgba(255,255,255,.06)}
.sk-lista{position:absolute;left:0;right:0;top:4.4rem;bottom:0;z-index:2;background:#1F2024;overflow-y:auto;padding:.9rem;display:flex;flex-direction:column;gap:.45rem}
.sk-lista h3{margin:.1rem .2rem .3rem;font-size:.85rem;color:#A8A8AE;font-weight:600}
.sk-lista form{margin:0}
.sk-lista button{width:100%;text-align:left;font:inherit;color:#F5F5F4;background:#2E3035;border:1px solid transparent;border-radius:.9rem;padding:.6rem .8rem;cursor:pointer;display:block}
.sk-lista button:hover{border-color:rgba(255,255,255,.12)}
.sk-lista button.on{border-color:var(--acento);background:rgba(255,138,61,.1)}
.sk-lista button b{display:block;font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sk-lista button small{color:#A8A8AE;font-size:.78rem}
.sk-lista .sk-nueva{background:var(--acento);color:var(--tinta);font-weight:700;text-align:center}
.sk-lista .vacio{color:#A8A8AE;font-size:.88rem;margin:.4rem .2rem}
.sk-mensajes{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem}
.sk-msj{max-width:85%;padding:.55rem .85rem;border-radius:1.1rem;font-size:.92rem;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.sk-msj.tu{align-self:flex-end;background:var(--acento);color:var(--tinta);border-bottom-right-radius:.3rem}
.sk-msj.skandi-dice{align-self:flex-start;background:#2E3035;border-bottom-left-radius:.3rem}
.sk-enlace{color:#C6FA2C;font-weight:700;text-decoration:underline;text-decoration-color:rgba(198,250,44,.35);text-underline-offset:.18em}
.sk-enlace:hover{text-decoration-color:#C6FA2C}
.sk-msj.escribiendo{color:#A8A8AE;font-style:italic}
.sk-aviso{font-size:.85rem;color:#FFAB70;background:rgba(255,138,61,.12);border-radius:.8rem;padding:.55rem .8rem}
.sk-escribir{display:flex;gap:.5rem;padding:.8rem;border-top:1px solid rgba(255,255,255,.08)}
.sk-escribir input[type=text]{flex:1;min-width:0;font:inherit;font-size:.95rem;color:#F5F5F4;background:#18191C;border:1px solid rgba(255,255,255,.1);border-radius:.9rem;padding:.6rem .8rem}
.sk-escribir input[type=text]:focus{outline:2px solid var(--acento);outline-offset:1px;border-color:transparent}
.sk-escribir button{font:inherit;font-weight:700;background:var(--acento);color:var(--tinta);border:0;border-radius:.9rem;padding:.6rem .95rem;cursor:pointer}
.sk-escribir button:disabled{opacity:.6;cursor:wait}
@media(max-width:600px){.sk-boton{right:calc(1rem + env(safe-area-inset-right,0px));bottom:calc(1rem + env(safe-area-inset-bottom,0px));width:3.4rem;height:3.4rem}
.skandi{right:.5rem;bottom:calc(.5rem + env(safe-area-inset-bottom,0px));width:calc(100vw - 1rem);height:calc(100dvh - 1rem - env(safe-area-inset-bottom,0px))}}
@media print{.sk-boton,.skandi{display:none!important}}
/* Ajustes de diseño del panel (console.skandar.online). Todas las páginas del panel leen sus tamaños de aquí:
   cambia un número y cambia en todas. La web tiene los suyos en web/ajustes.css. */
:root {
  /* Pantalla de entrar (correo, Google, Facebook) */
  --entrar-ancho: 26rem;       /* ancho de la columna de entrar */
  --entrar-titulo: 2.25rem;    /* "Entra a Skandar." */
  --entrar-boton: #2E3035;     /* fondo de los botones de Google y Facebook */

  /* Letras */
  --t-ante: .75rem;            /* antetítulo: RESUMEN, PASO 1 DE 4, UNA SOLA PLATAFORMA */
  --t-titulo: 1.75rem;         /* título de cada paso o página */
  --t-bajada: 1rem;            /* texto gris bajo el título */
  --t-tarjeta: 1.125rem;       /* título de cada tarjeta */
  --t-texto-tarjeta: .9375rem; /* texto dentro de las tarjetas */
  --peso-titulo: 600;          /* grosor de los títulos */
  --peso-tarjeta: 700;         /* grosor del título de tarjeta */
  --peso-ante: 700;            /* grosor del antetítulo */
  --espaciado-ante: .12em;     /* separación entre letras del antetítulo */

  /* Espacios y bordes */
  --titulo-abajo: 1.5rem;       /* espacio bajo el título del paso (ya sin subtítulo) */
  --tarjeta-titulo-abajo: 1rem; /* espacio bajo el título de una tarjeta grande (ya sin subtítulo) */
  --hoja-pad: 2rem 2.25rem;    /* relleno de la hoja grande de cada paso (arriba y abajo, lados) */
  --caja-pad: 1.5rem;          /* relleno de cada tarjeta: más grande = el texto más lejos del borde */
  --hueco: 1rem;               /* espacio entre tarjetas */
  --caja-radio: 1.25rem;       /* redondeo de las esquinas de las tarjetas */

  /* Márgenes de la página en computadora (opción B, 2026-10-28) */
  --menu-margen: 1rem;         /* espacio entre el menú lateral y la orilla de la ventana */
  --menu-ancho: 17rem;         /* ancho del menú abierto */
  --menu-ancho-plegado: 5.25rem; /* ancho del menú plegado (solo íconos) */
  --margen-arriba: var(--menu-margen); /* arriba: la primera tarjeta empieza a la altura del menú */
  --margen-izq: 2.25rem;       /* entre el menú y las tarjetas */
  --margen-der: 1.75rem;       /* de las tarjetas a la orilla derecha */
  --margen-abajo: 3rem;        /* debajo de la última tarjeta */

  /* Menú lateral (computadora y celular): compacto para que quepa entero al 100% sin deslizar (2026-11-01) */
  --menu-item-relleno: .55rem; /* relleno de arriba y abajo de cada opción */
  --menu-item-letra: 1rem;     /* letra de cada opción */
  --menu-hueco: .1rem;         /* espacio entre opciones */
  --menu-separacion: .55rem;   /* aire bajo el logo, sobre "Configuración" y sobre Ayuda */
  --menu-item-relleno-bajo: .45rem; /* en pantallas de menos de 800 px de alto */
  --menu-separacion-bajo: .45rem;
  --menu-item-relleno-mini: .35rem; /* en pantallas de menos de 700 px de alto (celular con la barra del navegador) */
  --menu-separacion-mini: .35rem;

  /* Barra de pasos de arriba (las tres páginas de Configuración y Crear campaña) */
  --paso-pad: .55rem .6rem;    /* relleno de cada paso */
  --paso-hueco: .65rem;        /* espacio entre el círculo y el texto */
  --paso-circulo: 1.75rem;     /* tamaño del círculo con el número */
  --t-paso-num: .78rem;        /* número dentro del círculo */
  --t-paso: .9rem;             /* nombre del paso */
  --t-paso-sub: .76rem;        /* texto gris bajo el nombre */
  --peso-paso: 600;            /* grosor del nombre del paso */
  --paso-activo: #2E3035;      /* fondo del paso en el que estás */

  /* Pie de cada paso de las tres páginas de Configuración: ← Anterior, Aplicar y Siguiente */
  --pie-arriba: 2rem;          /* espacio entre la última tarjeta y la línea del pie */
  --pie-linea: 1.25rem;        /* espacio entre la línea y los botones */
  --pie-hueco: .6rem;          /* espacio entre botones */
  --boton-pad: .7rem 1.4rem;   /* relleno de cada botón del pie (arriba y abajo, lados) */
  --t-boton: .95rem;           /* letra de los botones del pie */
  --boton-mini-pad: .35rem .8rem; /* botón chico junto a un campo (Llenar con mi sitio web) */
  --t-boton-mini: .8rem;       /* su letra */

  /* Tarjetas para elegir (Personalidad del asistente) */
  --pers-columnas: 3;          /* tarjetas por fila en computadora: 6 tarjetas = 2 filas de 3 */
  --tono-fondo: 20%;           /* cuánto se tiñe el fondo de cada tarjeta con su tono */
  --tono-cercano: #B08A78;     /* terracota apagado */
  --tono-profesional: #7D8FA6; /* azul pizarra */
  --tono-divertido: #B5A473;   /* mostaza gris */
  --tono-empatico: #86A08E;    /* verde salvia */
  --tono-energico: #B07F7F;    /* coral apagado */
  --tono-premium: #9A8AA8;     /* ciruela gris */

  /* Tabla "¿Cuándo pasar la conversación a tu equipo?": caso, interruptor, qué recibe el cliente */
  --pase-columnas: minmax(0, 1fr) 4rem minmax(0, 1.6fr);

  /* Versiones de un anuncio en la ventana del post (Promocionar un producto): miniaturas para elegir una */
  --opcion-hueco: .5rem;       /* espacio entre miniaturas */
  --opcion-radio: .6rem;       /* redondeo de cada miniatura */
  --opcion-borde: 2px;         /* grosor del borde naranja de la elegida */

  /* Página de marca en el celular: tarjetas para elegir (estilos, paletas, colores, logo) */
  --marca-columnas-cel: 2;     /* tarjetas por fila en el celular */
  --marca-hueco-cel: .6rem;    /* espacio entre ellas */
  --marca-op-pad: .7rem .75rem .8rem; /* relleno del texto de cada tarjeta */
  --marca-op-titulo: .9rem;    /* nombre de la tarjeta */
  --marca-op-texto: .76rem;    /* textos de la tarjeta */

  /* Inicio */
  --ini-numero: 2rem;          /* los números grandes de "Hoy" */

  /* Configura tus interacciones: la tabla de comentarios (tipo, en comentarios, por DM, flechita) */
  --int-columnas: minmax(0, .8fr) minmax(0, 1.3fr) minmax(0, 1.3fr) 2rem;
  --int-columnas-una: minmax(0, .8fr) minmax(0, 2.6fr) 2rem; /* tablas con una sola columna (historias) */
  --int-claves-columnas: minmax(0, .8fr) minmax(0, 1.6fr) minmax(0, 1fr) 2rem; /* palabras, DM, respuesta, quitar */
  --int-hueco: 1.5rem;         /* espacio entre columnas */
  --int-fila-pad: 1rem;        /* espacio arriba y abajo de cada fila */

  /* Conversaciones */
  --punto-chat: .6rem;         /* punto lima de no leído en cada chat, debajo de la hora */

  /* Conversaciones: etapa de cada contacto */
  --toque: 2.75rem;            /* alto mínimo de lo que se toca en el celular (44 px) */
  --etapa-caja: 19rem;         /* ancho de la ventanita de Etapa y Marcar venta */
}
@media (max-width: 900px) {
  :root { --pers-columnas: 2; }
}
@media (max-width: 560px) {
  :root { --ini-numero: 1.6rem; --t-titulo: 1.5rem; --hoja-pad: 1.4rem 1.1rem; --caja-pad: 1.1rem; --pers-columnas: 1; }
}
:root{--caja-fondo:#1B1C1F;--t-color:#F5F5F4}
/* Antetítulo: chico, en mayúsculas y naranja, en todas las páginas. */
:is(.antetitulo,.wiz-cab .ante,.as-num,.cab-paso .antetitulo,.camino>.num){display:block;font-size:var(--t-ante);font-weight:var(--peso-ante);letter-spacing:var(--espaciado-ante);text-transform:uppercase;color:var(--acento);line-height:1.4;margin:0 0 .5rem}
.titulo-fila .antetitulo{margin:0}
/* Título del paso o de la página y su bajada. */
:is(.wiz-cab h2,.as-cont .as-h,.cab-paso h2,.camino>h2){font-size:var(--t-titulo);font-weight:var(--peso-titulo);letter-spacing:-.02em;line-height:1.2;margin:0 0 var(--titulo-abajo)}
/* Sin subtítulo: el título del paso deja su espacio; solo se acerca a un aviso (lo que falta) o a la leyenda de íconos. */
:is(.wiz-cab h2,.as-cont .as-h,.cab-paso h2):has(+p){margin-bottom:.4rem}
.cab-paso h2{margin-bottom:.75rem}
/* Título de tarjeta grande sin subtítulo: el mismo espacio antes del primer campo. */
:is(.caja-o>h3,.as-caja>legend,.as-pases-t):not(:has(+.sub,+.ayuda)){margin-bottom:var(--tarjeta-titulo-abajo)}
:is(.wiz-cab .baj,.as-cont .as-baj,.cab-paso p:not(.antetitulo)){font-size:var(--t-bajada);line-height:1.55;color:var(--texto2);margin:0 0 1.5rem;max-width:52rem}
/* La hoja de cada paso de configuración y de Crear campaña, y las tarjetas de adentro. */
:is(.wiz-main,.as-cont,.hoja-o){padding:var(--hoja-pad);border:0}
:is(.as-cont .as-caja,.hoja-o .caja-o,.wiz-res,.wiz-bloque,.bloq-cam>div){background:var(--caja-fondo);padding:var(--caja-pad);border:0;border-radius:var(--caja-radio)!important;box-shadow:6px 9px 18px rgba(12,11,16,.45),var(--clay-luz)}
.bloqueo-cam{max-width:none}
/* Título de tarjeta: el mismo en todas (cabecera de resumen, cajas de pasos, Resultados). */
:is(.cab-tarjeta h3,.as-caja h3,.caja-o h3,.wiz-bloque h3,.wiz-sub,.bloq-cam b,.met-cab>span){font-size:var(--t-tarjeta);font-weight:var(--peso-tarjeta);letter-spacing:0;text-transform:none;color:var(--t-color);line-height:1.3}
.cab-tarjeta{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:0 0 .5rem}
.cab-tarjeta h3{margin:0}
/* Editar: el mismo botón chico con borde naranja en cada resumen. */
.cab-tarjeta .editar,.editar{flex:none;font:inherit;font-size:.82rem;font-weight:600;line-height:1.3;color:var(--acento);background:none;border:1px solid rgba(255,138,61,.45);border-radius:999px;padding:.25rem .8rem;text-decoration:none;cursor:pointer;position:static}
.editar:hover{background:rgba(255,138,61,.1);border-color:var(--acento)}
/* Pie de cada paso de Configuración: ← Anterior a la izquierda; Aplicar (guarda y te quedas) y Siguiente (guarda y
   avanza) a la derecha, en naranja. Igual en las tres páginas de Configuración (medidas en ajustes.css). */
.pie-config{display:flex;align-items:center;gap:var(--pie-hueco) 1rem;flex-wrap:wrap;margin-top:var(--pie-arriba);padding-top:var(--pie-linea);border-top:1px solid rgba(255,255,255,.08)}
.pie-config .pie-nota{font-size:.85rem;color:var(--texto2)}
.pie-config .pie-der{display:flex;gap:var(--pie-hueco);margin-left:auto;flex-wrap:wrap}
.pie-config .boton{padding:var(--boton-pad);font-size:var(--t-boton);line-height:1.2;text-align:center}
.pie-config .boton.aplicar{background:transparent;color:var(--acento);border:1px solid var(--acento);box-shadow:none}
.pie-config .boton.aplicar:hover{background:rgba(255,138,61,.1)}
@media(max-width:560px){.pie-config .pie-der{width:100%}.pie-config .pie-der .boton{flex:1}}
/* Resumen: dos columnas de tarjetas, con el mismo hueco. */
:is(.as-resumen,.wiz-resumen,.resumen-tarjetas){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--hueco)}
.resumen-tarjetas .caja-o{margin:0}
.wiz-res>p,.resumen-tarjetas .caja-o>p{margin:0;font-size:var(--t-texto-tarjeta);color:#E4E4E2;line-height:1.55}
/* Barra de avance: siempre dentro de la barra de pasos, abajo, en lima. */
:is(.as-pasos,.riel,.wiz-pasos){position:relative!important;top:auto;padding:.6rem .7rem 1.05rem}
.avance-pasos{position:absolute;left:1.3rem;right:1.3rem;bottom:.45rem;height:.3rem;border-radius:999px;background:#2E3035;overflow:hidden;box-shadow:inset 2px 2px 4px rgba(0,0,0,.4)}
.avance-pasos i{display:block;height:100%;border-radius:999px;background:var(--neon)}
.wiz-pasos .sep{display:none}
/* Cada paso de la barra: mismo relleno, círculo y letras en las cuatro páginas (tamaños en ajustes.css). */
:is(.as-pasos,.riel,.wiz-pasos) :is(.as-paso,.paso,a,.wiz-paso){display:flex;align-items:center;align-self:flex-start;gap:var(--paso-hueco);padding:var(--paso-pad);line-height:1.2;color:var(--t-color);font-size:var(--t-paso);font-weight:400}
:is(.as-paso.on,.riel .paso.on,.wiz-pasos a.actual,.wiz-pasos .wiz-paso.actual){background:var(--paso-activo)}
:is(.as-paso:not(.on),.riel .paso:not(.on),.wiz-pasos a:not(.actual),.wiz-pasos .wiz-paso:not(.actual)):hover{background:rgba(255,255,255,.04)}
:is(.as-paso b,.riel .paso b,.wiz-pasos a>span,.wiz-pasos .wiz-paso){font-size:var(--t-paso);font-weight:var(--peso-paso);color:var(--t-color);line-height:1.2}
:is(.as-pasos,.riel,.wiz-pasos) :is(.as-paso,.paso,a,.wiz-paso) small{display:block;margin:.1rem 0 0;font-size:var(--t-paso-sub);font-weight:400;color:var(--texto2);line-height:1.3}
:is(.as-pasos .as-n,.riel .paso .n,.wiz-pasos a>b,.wiz-pasos .wiz-paso>b){width:var(--paso-circulo);height:var(--paso-circulo);font-size:var(--t-paso-num);font-weight:700}
/* Márgenes de la página (ajustes.css): el menú y el contenido, en computadora. En el celular siguen los de antes. */
@media(min-width:901px){
.lateral{inset:var(--menu-margen) auto var(--menu-margen) var(--menu-margen);width:var(--menu-ancho)}
html.menu-plegado .lateral{width:var(--menu-ancho-plegado)}
body:has(>.lateral){padding-left:calc(var(--menu-margen) + var(--menu-ancho) + var(--margen-izq))}
html.menu-plegado body:has(>.lateral){padding-left:calc(var(--menu-margen) + var(--menu-ancho-plegado) + var(--margen-izq))}
body:has(>.lateral) .contenedor{padding-left:0;padding-right:var(--margen-der)}
body:has(>.lateral) main{padding-top:var(--margen-arriba);padding-bottom:var(--margen-abajo)}
body:has(>.lateral) .compacta{padding-top:var(--margen-arriba)}
body:has(>.lateral) :is(.compacta+main,.compacta.delgada~main,.compacta.delgada~.oscuro-pag>main){padding-top:1.5rem}
}
/* Menú lateral compacto (medidas en ajustes.css): todas las opciones caben al 100% sin deslizar,
   también con la tarjeta de pasos iniciales. En pantallas bajas se aprieta un poco más. Igual en el celular,
   donde el menú se abre con la hamburguesa. */
.lat-item,html.menu-plegado .lat-item{padding-top:var(--menu-item-relleno);padding-bottom:var(--menu-item-relleno);font-size:var(--menu-item-letra)}
.lat-nav,.lat-abajo{gap:var(--menu-hueco)}
.lat-cabeza,html.menu-plegado .lat-cabeza{padding-bottom:var(--menu-separacion);margin-bottom:var(--menu-separacion)}
.lat-etiqueta{padding-top:var(--menu-separacion);padding-bottom:.25rem}
.lat-abajo{padding:var(--menu-separacion) 0 .35rem}
.lat-abajo [data-abrir-skandi]{margin-top:.25rem;padding-top:calc(var(--menu-item-relleno) + .25rem)}
.lat-pie{padding-top:.5rem}
.pasos-ini>summary{padding-top:.45rem;padding-bottom:.45rem}
@media(max-height:800px){:root{--menu-item-relleno:var(--menu-item-relleno-bajo);--menu-separacion:var(--menu-separacion-bajo)}}
@media(max-height:700px){:root{--menu-item-relleno:var(--menu-item-relleno-mini);--menu-separacion:var(--menu-separacion-mini)}}
/* Celular: si aun así no cabe (teléfono chico), se desliza el menú completo y no una cajita a la mitad
   que corta las opciones. Con el menú abierto, Skandi minimizada no tapa tu cuenta. */
@media(max-width:900px){.lateral{overflow-y:auto}.lat-nav{flex:1 0 auto;overflow:visible}}
.lateral:target~.skandi.minimizada,html.menu-abierto .skandi.minimizada{display:none!important}
@media(max-width:900px){:is(.as-resumen,.wiz-resumen,.resumen-tarjetas){grid-template-columns:1fr}.avance-pasos{display:none}}
/* Barra de pasos .wiz-pasos (marca y nueva campaña) en el celular: el paso actual con su nombre y los demás
   solo con su círculo, para que quepan todos sin deslizar. */
@media(max-width:900px){
.wiz-pasos :is(a,.wiz-paso):not(.actual) small,.wiz-pasos :is(a,.wiz-paso).actual small{display:none}
.wiz-pasos :is(a,.wiz-paso):not(.actual)>span{display:none}
.wiz-pasos>nav{align-items:center}.wiz-pasos :is(a,.wiz-paso){align-self:center}
.wiz-pasos :is(a,.wiz-paso).actual{flex:1 1 auto;min-width:0}
.wiz-pasos :is(a,.wiz-paso).actual>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wiz-pasos :is(a,.wiz-paso).actual>b{display:none}
}
/* Página de marca (.mrc) en el celular: las tarjetas para elegir en columnas (ajustes.css) y el pie del resumen apilado. */
@media(max-width:560px){
.mrc .wiz-ops,.mrc .wiz-ops.tres{grid-template-columns:repeat(var(--marca-columnas-cel),minmax(0,1fr));gap:var(--marca-hueco-cel)}
.mrc .wiz-op .cuerpo{padding:var(--marca-op-pad)}
.mrc .wiz-op b{font-size:var(--marca-op-titulo)}
.mrc .wiz-op :is(small,.mrc-lema,.mrc-sensa){font-size:var(--marca-op-texto)}
.mrc .mrc-sensa{display:none}
.mrc .mrc-reco{font-size:.66rem}
.mrc .mrc-recomienda .ico{height:auto;aspect-ratio:1/1}
.mrc .mrc-colores{grid-template-columns:repeat(2,minmax(0,1fr))}
.mrc .mrc-subir input[type=file]{max-width:100%}
.mrc .wiz-pie{flex-direction:column;align-items:stretch}
.mrc .wiz-pie .boton{text-align:center;white-space:nowrap}
}
/* Celular (lote 1). Campos de 16 px: con menos, Safari en iPhone hace zoom al tocarlos. Las barras de pasos
   caben en el ancho: el paso actual con su nombre (recortado si hace falta) y los demás solo con su número.
   Las pestañas de Resultados se deslizan de lado. El botón de Skandi, más chico y escondido mientras se
   escribe; y aire abajo de cada página para que no tape lo último. */
@media(max-width:560px){
:is(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=hidden]),select,textarea){font-size:16px!important}
.riel .lista,.as-pasos,.wiz-pasos:not(details){overflow:hidden}
.riel .paso,.as-paso,.wiz-pasos :is(a,.wiz-paso){flex:none;padding:.35rem .4rem;gap:.4rem}
.riel .paso .n,.as-n,.wiz-pasos :is(a,.wiz-paso) b{width:1.5rem;height:1.5rem;font-size:.72rem}
.riel .paso.on,.as-paso.on,.wiz-pasos :is(a,.wiz-paso).actual{flex:1 1 auto;min-width:0;padding:.35rem .6rem}
.riel .paso.on .n,.as-paso.on .as-n{display:none}
.riel .paso:not(.on)>span:last-child,.as-paso:not(.on)>span:last-child{display:none}
.riel .paso.on b,.as-paso.on b,.wiz-pasos :is(a,.wiz-paso).actual span{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.88rem}
.res-vista{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.res-vista a{flex:0 0 auto;padding:.45rem .7rem;font-size:.8rem;white-space:nowrap}
.sk-boton{width:3rem;height:3rem;right:calc(.9rem + env(safe-area-inset-right,0px));bottom:calc(.9rem + env(safe-area-inset-bottom,0px))}
.sk-boton svg{width:1.4rem;height:1.4rem}
body:has(:is(input,textarea):focus:not(.skandi *)) .sk-boton{display:none}
main{padding-bottom:4.5rem}
}
/* Lote 2. Lo de arrastrar solo se cuenta donde hay ratón: en pantallas táctiles no funciona. En celular los
   filtros del Calendario van plegados tras "Filtros" (abiertos si hay un filtro puesto o al tocar el botón). */
@media(hover:none){.solo-raton{display:none}}
.cal-tog{display:none}
@media(max-width:560px){
.cal-filtros .cal-tog{display:inline-block}
.cal-campos{display:none;flex-basis:100%;flex-wrap:wrap;gap:.6rem}
.cal-filtros:is(.con-filtro,.abierta) .cal-campos{display:flex}
.cal-filtros .cal-campos input[type=search]{max-width:none}
.cal-filtros .cal-campos select{flex:1 1 100%;max-width:none;min-width:0}
}
@media(min-width:561px){.cal-campos{display:contents}}
/* Lote 3. Márgenes seguros del iPhone (muesca y barra de inicio) cuando la consola abre como app desde el
   inicio del celular: la cabecera baja lo de la muesca y lo fijo abajo respeta la barra. Y las tarjetas de
   personalidad en celular muestran su ejemplo solo en la elegida: la lista pasa de siete pantallas a dos. */
@media(max-width:900px){
header.movil{padding-top:env(safe-area-inset-top,0px);padding-left:calc(1.25rem + env(safe-area-inset-left,0px));padding-right:calc(1.25rem + env(safe-area-inset-right,0px));height:auto;min-height:3.25rem}
.inbox.abierto{top:calc(3.25rem + 1px + env(safe-area-inset-top,0px))}
.lateral{top:calc(.75rem + env(safe-area-inset-top,0px))}
main{padding-bottom:calc(4.5rem + env(safe-area-inset-bottom,0px))}
}
@media(max-width:560px){
.as-tarjetas .as-pers:not(:has(input:checked)) :is(.as-lbl,.as-dlg){display:none}
.as-tarjetas .as-pers:not(:has(input:checked)) .as-uso{margin-bottom:0}
}