/*
 * Sitio del producto de descargas (producto-descargas-plan.md, secciones 12 a 14). Paleta de Premier y utilidades de diseño
 * moderno de CLAUDE.md (etiquetas redondeadas, tarjetas, cifra clave en degradé). Letra del sistema. Sin estilos en línea (CSP).
 */
:root{--tinta:#05232d;--tinta-2:#0b3a48;--acento:#00c8ce;--acento-2:#3fe0e5;--suave:#e7f8f9;--fondo:#f4f8fa;--borde:#dbe5ec;--texto:#1d3640;--gris:#5b6b70;--rojo:#c0392b;--ok:#0f8a5f;--fucsia:#d6246e;
  --radio:16px;--sombra:0 10px 30px rgba(5,35,45,.08)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fondo);color:var(--texto);font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
a{color:var(--tinta-2)}
img{max-width:100%}
.contenedor{max-width:1120px;margin:0 auto;padding:0 16px}

/* Cabecera */
.kit-cab{position:sticky;top:0;z-index:20;background:rgba(244,248,250,.92);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--borde)}
.kit-cab .contenedor{display:flex;align-items:center;gap:16px;height:62px}
.kit-marca{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--tinta);font-weight:700;font-size:17px;letter-spacing:-.01em}
.kit-marca img{width:34px;height:34px;border-radius:50%;background:var(--tinta);padding:5px}
.kit-marca small{display:block;font-weight:500;font-size:11px;color:var(--gris);letter-spacing:0}
/* KUFE destacado en la cabecera (Fernando, 23 de octubre de 2026): letra gruesa y espaciada, degradé turquesa a azul de la marca. */
.kit-kufe{font-weight:900;font-size:19px;letter-spacing:.08em;background:linear-gradient(90deg,#00b8be 0%,#0b7f8f 55%,#05232d 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.kit-nav{margin-left:auto;display:flex;align-items:center;gap:6px}
.kit-nav a,.kit-nav button{font:inherit;font-size:14px;text-decoration:none;color:var(--tinta);padding:8px 14px;border-radius:999px;border:0;background:none;cursor:pointer}
.kit-nav a:hover,.kit-nav button:hover{background:var(--suave)}
.kit-nav a.activo{background:var(--suave);box-shadow:inset 0 0 0 1px rgba(0,200,206,.45)}
.kit-nav .boton{background:var(--tinta);color:#fff}
.kit-nav .boton:hover{background:var(--tinta-2)}
.kit-nav form{margin:0}
.kit-menu{display:none;margin-left:auto}
.kit-menu summary{list-style:none;cursor:pointer;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--tinta);color:#fff;font-size:18px}
.kit-menu summary::-webkit-details-marker{display:none}
.kit-menu[open] .kit-nav{display:flex}
@media (max-width:760px){
  .kit-cab>.contenedor>.kit-nav{display:none}
  .kit-menu{display:block}
  .kit-menu .kit-nav{position:absolute;left:0;right:0;top:62px;flex-direction:column;align-items:stretch;background:#fff;border-bottom:1px solid var(--borde);padding:10px 16px 16px;box-shadow:var(--sombra)}
  .kit-menu .kit-nav a,.kit-menu .kit-nav button{padding:12px 14px;text-align:left;width:100%}
}

/* Botones y etiquetas */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:600;font-size:15px;padding:12px 22px;border-radius:999px;border:0;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s}
.btn-primario{background:var(--acento);color:var(--tinta)}
.btn-primario:hover{background:var(--acento-2);transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,200,206,.35)}
.btn-oscuro{background:var(--tinta);color:#fff}
.btn-oscuro:hover{background:var(--tinta-2)}
.btn-borde{background:#fff;color:var(--tinta);box-shadow:inset 0 0 0 1px var(--borde)}
.btn-borde:hover{box-shadow:inset 0 0 0 1px var(--acento)}
.btn-chico{padding:7px 14px;font-size:13px}
.btn-ancho{width:100%}
.etq{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--suave);color:var(--tinta-2);white-space:nowrap}
.etq-activa{background:#e3f6ee;color:var(--ok)}
.etq-cortesia{background:#fde8f1;color:var(--fucsia)}
.etq-vencida{background:#fdecea;color:var(--rojo)}
.etq-suspendida{background:#eceff1;color:#455a64}
.etq-registrada{background:#eef3f6;color:var(--gris)}

/* Portada */
.heroe{position:relative;overflow:hidden;background:radial-gradient(1200px 500px at 85% -10%,rgba(0,200,206,.35),transparent 60%),linear-gradient(160deg,#05232d 0%,#0b3a48 70%,#0e4b5c 100%);color:#fff}
.heroe .contenedor{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding-top:72px;padding-bottom:80px}
.heroe h1{font-size:44px;line-height:1.08;letter-spacing:-.02em;margin:14px 0 16px}
.heroe h1 span{color:var(--acento)}
.heroe p.bajada{font-size:18px;color:#cfe6ec;margin:0 0 26px;max-width:560px}
.heroe .acciones{display:flex;flex-wrap:wrap;gap:12px}
.heroe .nota{margin-top:16px;font-size:13px;color:#9fc3cc}
.heroe .etq{background:rgba(0,200,206,.16);color:var(--acento-2)}
.ventana{background:#fff;border-radius:18px;box-shadow:0 30px 60px rgba(0,0,0,.35);color:var(--texto);overflow:hidden;transform:perspective(1200px) rotateY(-8deg) rotateX(3deg)}
.ventana-cab{display:flex;gap:6px;padding:12px 14px;background:#f1f5f7;border-bottom:1px solid var(--borde)}
.ventana-cab i{width:10px;height:10px;border-radius:50%;background:#d5dee3}
.ventana-cuerpo{padding:16px}
.ventana-fila{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #eef3f6;font-size:13px}
.ventana-fila:last-child{border-bottom:0}
.ventana-fila b{color:var(--tinta)}
.ventana-fila .num{font-variant-numeric:tabular-nums;color:var(--gris)}
.barra{height:6px;border-radius:99px;background:#e6eef2;overflow:hidden;margin:6px 0 12px}
.barra i{display:block;height:100%;width:72%;background:linear-gradient(90deg,var(--acento),#0b9aa6);border-radius:99px;animation:avance 2.6s ease-in-out infinite alternate}
@keyframes avance{from{width:28%}to{width:92%}}
@media (prefers-reduced-motion:reduce){.barra i{animation:none}}
@media (max-width:900px){
  .heroe .contenedor{grid-template-columns:1fr;padding-top:44px;padding-bottom:52px}
  .heroe h1{font-size:32px}
  .heroe p.bajada{font-size:16px}
  .ventana{transform:none}
}

.seccion{padding:64px 0}
.seccion h2{font-size:30px;letter-spacing:-.02em;color:var(--tinta);margin:0 0 8px;text-align:center}
.seccion .sub{color:var(--gris);text-align:center;margin:0 auto 36px;max-width:620px}
.pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:paso}
.paso{background:#fff;border:1px solid var(--borde);border-radius:var(--radio);padding:22px;position:relative}
.paso::before{counter-increment:paso;content:counter(paso);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--tinta);color:var(--acento);font-weight:700;margin-bottom:12px}
.paso h3,.func h3{margin:0 0 6px;font-size:17px;color:var(--tinta)}
.paso p,.func p{margin:0;color:var(--gris);font-size:14px}
.funcs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.func{background:#fff;border:1px solid var(--borde);border-radius:var(--radio);padding:20px;transition:box-shadow .2s,transform .2s}
.func:hover{box-shadow:var(--sombra);transform:translateY(-2px)}
.func .ico{width:40px;height:40px;border-radius:12px;background:var(--suave);display:grid;place-items:center;margin-bottom:12px;color:var(--tinta-2);font-weight:700}
@media (max-width:900px){.pasos{grid-template-columns:1fr}.funcs{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.funcs{grid-template-columns:1fr}.seccion{padding:44px 0}.seccion h2{font-size:24px}}

/* Planes */
.planes{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.plan{background:#fff;border:1px solid var(--borde);border-radius:var(--radio);padding:24px 20px;display:flex;flex-direction:column;gap:10px;position:relative}
.plan.destacado{border-color:var(--acento);box-shadow:0 0 0 3px rgba(0,200,206,.18),var(--sombra)}
.plan.destacado .etq{position:absolute;top:-12px;left:20px;background:var(--acento);color:var(--tinta)}
.plan h3{margin:0;font-size:16px;color:var(--tinta)}
.plan .precio{font-size:30px;font-weight:700;color:var(--tinta);letter-spacing:-.02em}
.plan .precio small{font-size:13px;font-weight:500;color:var(--gris)}
.plan ul{margin:0;padding:0;list-style:none;color:var(--gris);font-size:14px;display:grid;gap:6px;flex:1}
.plan li::before{content:"✓";color:var(--acento);font-weight:700;margin-right:8px}
.plan form{margin:0}
.plan.actual{border-color:var(--tinta)}
@media (max-width:900px){.planes{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.planes{grid-template-columns:1fr}}

.preguntas{max-width:760px;margin:0 auto;display:grid;gap:10px}
.preguntas details{background:#fff;border:1px solid var(--borde);border-radius:14px;padding:14px 18px}
.preguntas summary{cursor:pointer;font-weight:600;color:var(--tinta)}
.preguntas details p{margin:10px 0 0;color:var(--gris)}

.franja{background:var(--tinta);color:#fff;border-radius:22px;padding:36px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.franja h2{color:#fff;text-align:left;margin:0}
.franja p{margin:6px 0 0;color:#b9d3da}

/* Pie */
.kit-pie{border-top:1px solid var(--borde);background:#fff;padding:28px 0;margin-top:40px;font-size:13px;color:var(--gris)}
.kit-pie .contenedor{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:space-between}
.kit-pie nav{display:flex;flex-wrap:wrap;gap:6px 18px}
.kit-pie a{color:var(--gris)}
.kit-pie .aviso{width:100%;font-weight:600;color:var(--tinta-2)}

/* Acceso (ingreso, registro, contraseña) */
.acceso{min-height:calc(100vh - 62px - 120px);display:grid;place-items:center;padding:40px 16px}
.tarjeta{background:#fff;border:1px solid var(--borde);border-radius:20px;box-shadow:var(--sombra);padding:30px;width:100%;max-width:440px}
.tarjeta h1{margin:0 0 6px;font-size:24px;color:var(--tinta);letter-spacing:-.01em}
.tarjeta .sub{margin:0 0 20px;color:var(--gris);font-size:14px}
.tarjeta form{display:grid;gap:14px}
.tarjeta label{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--tinta)}
.tarjeta input[type=text],.tarjeta input[type=email],.tarjeta input[type=password],.campo,.tarjeta select{font:inherit;font-size:15px;padding:11px 13px;border:1px solid var(--borde);border-radius:12px;background:#fff;color:var(--texto);width:100%}
.tarjeta input:focus,.campo:focus{outline:2px solid rgba(0,200,206,.5);border-color:var(--acento)}
.tarjeta input[readonly]{background:#f4f8fa}
.tarjeta .linea{display:flex;gap:10px;align-items:flex-start;font-weight:400;color:var(--texto)}
.tarjeta .linea input{margin-top:3px;flex:none}
.plan .acepto-inicio{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.4;color:var(--texto);margin:0 0 10px;text-align:left;font-weight:400}
.plan .acepto-inicio input{margin-top:2px;flex:none}
.tarjeta .enlaces{margin:16px 0 0;font-size:14px;color:var(--gris);display:grid;gap:6px;text-align:center}
.tarjeta details{font-size:14px;color:var(--gris)}
.tarjeta details summary{cursor:pointer;color:var(--tinta-2);margin-bottom:10px}
.campo-codigo{letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums}
.aviso-ok,.aviso-error{border-radius:12px;padding:11px 14px;font-size:14px;margin-bottom:16px}
.aviso-ok{background:#e3f6ee;color:#0b5e41}
.aviso-error{background:#fdecea;color:#8e2a20}

/* Panel del cliente */
.panel{padding:32px 0 20px}
.panel h1{margin:0 0 4px;font-size:28px;color:var(--tinta);letter-spacing:-.02em}
.panel .sub{margin:0 0 24px;color:var(--gris)}
.rejilla{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:start}
@media (max-width:900px){.rejilla{grid-template-columns:1fr}}
.caja{background:#fff;border:1px solid var(--borde);border-radius:var(--radio);padding:22px}
.caja h2{margin:0 0 12px;font-size:18px;color:var(--tinta)}
.caja p{margin:0 0 10px}
.heroe-cifra{background:linear-gradient(135deg,#05232d,#0e4b5c 70%,#0b8f99);color:#fff;border:0}
.heroe-cifra h2{color:#cfe6ec;font-size:14px;font-weight:600;margin:0 0 6px}
.heroe-cifra .valor{font-size:28px;font-weight:700;letter-spacing:-.02em}
.heroe-cifra .barra{background:rgba(255,255,255,.18)}
.heroe-cifra .barra i{animation:none;background:var(--acento)}
.heroe-cifra p{color:#cfe6ec}
.video{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#0b3a48;display:grid;place-items:center;color:#cfe6ec;text-align:center;padding:16px}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.lista-pasos{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.lista-pasos li{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start}
.lista-pasos li b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--suave);color:var(--tinta-2);font-size:13px}
.lista-pasos li.hecho b{background:var(--acento);color:var(--tinta)}

/* Administración */
.tarjetas{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:22px}
.tarj{background:#fff;border:1px solid var(--borde);border-radius:var(--radio);padding:16px}
.tarj span{display:block;font-size:12px;color:var(--gris);font-weight:600}
.tarj b{display:block;font-size:24px;color:var(--tinta);font-variant-numeric:tabular-nums;margin-top:2px}
.tarj.heroe-cifra span{color:#cfe6ec}
.tarj.heroe-cifra b{color:#fff}
@media (max-width:900px){.tarjetas{grid-template-columns:repeat(2,1fr)}}
.filtros{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}
.filtros .campo{width:auto;min-width:160px;padding:9px 12px;font-size:14px}
.filtros .campo[type=search]{flex:1;min-width:200px}
.tabla-envoltura{background:#fff;border:1px solid var(--borde);border-radius:var(--radio);overflow:hidden}
table.tabla{width:100%;border-collapse:collapse;font-size:14px}
.tabla th{text-align:left;font-size:12px;color:var(--gris);font-weight:600;padding:12px 14px;background:#f7fafb;border-bottom:1px solid var(--borde)}
.tabla td{padding:12px 14px;border-bottom:1px solid #eef3f6;vertical-align:top}
.tabla tr:last-child td{border-bottom:0}
.tabla .correo{color:var(--gris);font-size:13px}
.tabla .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.acciones-fila summary{cursor:pointer;color:var(--tinta-2);font-weight:600;font-size:13px;list-style:none}
.acciones-fila summary::-webkit-details-marker{display:none}
.acciones-fila[open] summary{margin-bottom:10px}
.acciones-fila .formas{display:grid;gap:10px;min-width:260px}
.acciones-fila form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0;padding:10px;border:1px solid #eef3f6;border-radius:12px;background:#fafcfd}
.acciones-fila form .campo{width:auto;padding:7px 10px;font-size:13px;border-radius:10px}
.acciones-fila form b{width:100%;font-size:12px;color:var(--tinta)}
.pagos-mini{margin:6px 0 0;padding:0;list-style:none;font-size:12px;color:var(--gris)}
@media (max-width:760px){
  .tabla thead{display:none}
  .tabla,.tabla tbody,.tabla tr,.tabla td{display:block;width:100%}
  .tabla tr{border-bottom:1px solid var(--borde);padding:8px 0}
  .tabla td{border:0;padding:6px 14px}
  .tabla td[data-t]::before{content:attr(data-t);display:block;font-size:11px;color:var(--gris);font-weight:600}
  .tabla .num{text-align:left}
}
.form-crear{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:end}
.form-crear label{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--tinta)}
@media (max-width:760px){.form-crear{grid-template-columns:1fr}}
.paginas{display:flex;gap:8px;justify-content:center;margin:16px 0}
.paginas a,.paginas span{padding:6px 12px;border-radius:999px;border:1px solid var(--borde);text-decoration:none;font-size:13px;background:#fff}

/* Textos legales */
.legal{max-width:820px;margin:0 auto;padding:40px 16px}
.legal h1{color:var(--tinta);font-size:30px;letter-spacing:-.02em;margin:0 0 6px}
.legal h2{color:var(--tinta);font-size:18px;margin:28px 0 8px}
.legal p,.legal li{color:var(--texto)}
.legal .borrador{background:#fff7e0;border:1px solid #f1d58a;color:#7a5a00;border-radius:12px;padding:10px 14px;font-size:14px}

/* Anchos de la barra de avance (sin estilos en línea por la CSP). */
.barra i.ancho-4{width:4%}.barra i.ancho-8{width:8%}.barra i.ancho-12{width:12%}.barra i.ancho-16{width:16%}.barra i.ancho-20{width:20%}.barra i.ancho-24{width:24%}.barra i.ancho-28{width:28%}.barra i.ancho-32{width:32%}.barra i.ancho-36{width:36%}.barra i.ancho-40{width:40%}.barra i.ancho-44{width:44%}.barra i.ancho-48{width:48%}.barra i.ancho-52{width:52%}.barra i.ancho-56{width:56%}.barra i.ancho-60{width:60%}.barra i.ancho-64{width:64%}.barra i.ancho-68{width:68%}.barra i.ancho-72{width:72%}.barra i.ancho-76{width:76%}.barra i.ancho-80{width:80%}.barra i.ancho-84{width:84%}.barra i.ancho-88{width:88%}.barra i.ancho-92{width:92%}.barra i.ancho-96{width:96%}.barra i.ancho-100{width:100%}
.tarj.heroe-cifra{background:linear-gradient(135deg,#05232d,#0e4b5c 70%,#0b8f99);border:0}
.rejilla>div>.caja+.caja{margin-top:18px}
.separa{height:20px}
.tabla td[data-t="Vence"],.tabla td[data-t="Último ingreso"]{white-space:nowrap}

/* ---------- Pantalla de trabajo (entregas 2 y 3) ---------- */
.tr-cargando{color:var(--gris);padding:20px 0}
.btn-texto{font:inherit;font-size:13px;background:none;border:0;color:var(--gris);text-decoration:underline;cursor:pointer;padding:4px}
.chip{font:inherit;font-size:13px;padding:7px 14px;border-radius:999px;border:1px solid var(--borde);background:#fff;color:var(--tinta);cursor:pointer;white-space:nowrap}
.chip:hover{border-color:var(--acento)}
.chip.activo{background:var(--suave);border-color:rgba(0,200,206,.6);font-weight:600}
.tr-barra{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:#fff;border:1px solid var(--borde);border-radius:var(--radio);padding:12px 14px;margin-bottom:12px}
.tr-cia{display:flex;align-items:center;gap:8px;flex:1;min-width:240px}
.tr-cia span,.tr-et{font-size:12px;font-weight:600;color:var(--gris)}
.tr-cia .campo{flex:1;padding:9px 12px;font-size:14px}
.tr-cupo{font-size:12px;color:var(--gris);margin-left:auto}
.tr-agregar summary{list-style:none;cursor:pointer}
.tr-agregar summary::-webkit-details-marker{display:none}
.tr-agregar[open]{width:100%}
.tr-agregar[open] summary{margin-bottom:10px}
.tr-form-cia{display:grid;grid-template-columns:1fr 2fr auto;gap:10px;align-items:start}
.tr-form-cia .tr-error{grid-column:1/-1}
.tr-error{color:var(--rojo);font-size:13px;margin:0;min-height:0}
.tr-error:empty{display:none}
.tr-periodo{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px}
.tr-periodo .campo{width:auto;padding:8px 10px;font-size:14px}
.tr-pestanas{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:14px;scrollbar-width:none}
.tr-pestanas button{font:inherit;font-size:14px;font-weight:600;padding:10px 18px;border-radius:999px;border:1px solid var(--borde);background:#fff;color:var(--tinta);cursor:pointer;white-space:nowrap}
.tr-pestanas button.activa{background:var(--tinta);color:#fff;border-color:var(--tinta)}
.tr-vacio{text-align:center;padding:36px 22px}
.tr-vacio .tr-form-cia{max-width:640px;margin:16px auto 0;text-align:left}
.tr-caja-descarga h2{margin-bottom:4px}
.tr-descarga{display:grid;gap:10px;margin-top:10px}
.tr-enlace{font:inherit;font-size:15px;padding:13px 14px;border:2px solid var(--borde);border-radius:14px;width:100%}
.tr-enlace:focus{outline:none;border-color:var(--acento);box-shadow:0 0 0 4px rgba(0,200,206,.15)}
.tr-opciones{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.tr-opciones .linea{display:flex;gap:6px;align-items:center;font-size:14px}
.tr-rango{font-size:13px;color:var(--gris);margin-left:auto}
.tr-avance{margin-top:16px;border:1px solid var(--borde);border-radius:14px;padding:14px 16px;background:#fafcfd}
.tr-avance p{margin:6px 0}
.tr-avance.listo{background:#e9f8f2;border-color:#bfe8d6}
.tr-barra-avance{height:10px;border-radius:99px;background:#e6eef2;overflow:hidden}
.tr-barra-avance i{display:block;height:100%;background:linear-gradient(90deg,var(--acento),#0b9aa6);border-radius:99px;transition:width .4s}
.tr-acciones{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.tr-nota{font-size:12px;color:var(--gris);margin:10px 2px}
.tr-instalar code{background:#eef3f6;border-radius:6px;padding:1px 6px;font-size:13px}
.tr-docs-filtros{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}
.tr-docs-filtros .campo{flex:1;min-width:200px;width:auto;padding:8px 12px;font-size:14px}
.tr-tabla td{padding:9px 12px;font-size:13px}
.tr-tercero{max-width:320px}
.tr-tercero span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tr-tercero small{color:var(--gris);font-size:11px}
.tr-tabla tfoot td{font-weight:700;background:#f7fafb;border-top:1px solid var(--borde)}
.tarj small{display:block;font-size:12px;color:var(--gris);margin-top:2px}
.tarj.heroe-cifra small{color:#cfe6ec}
.tarjetas-2{grid-template-columns:repeat(2,1fr)}
.tr-grafica{position:relative;height:280px}
.rejilla-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}
@media (max-width:760px){.rejilla-2,.tr-form-cia{grid-template-columns:1fr}.tr-cupo{margin-left:0}.tr-rango{margin-left:0}}
.tr-top{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.tr-top-n{display:flex;justify-content:space-between;gap:10px;font-size:14px}
.tr-top-n span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tr-top-b{height:6px;border-radius:99px;background:#eef3f6;margin:4px 0}
.tr-top-b i{display:block;height:100%;border-radius:99px;background:var(--acento)}
.tr-top small{color:var(--gris);font-size:11px}
.tr-ayuda{margin-top:22px}
.tr-ayuda summary{cursor:pointer;font-weight:600;color:var(--tinta)}
.tr-ayuda .video{margin-top:14px}
/* Vencimientos: colores por impuesto (planos, de la marca) */
.g-ret{--g:#05232d}.g-iva{--g:#00a3a9}.g-renta{--g:#d6246e}.g-exo{--g:#7a5af8}.g-shd{--g:#e9a23b}.g-simple{--g:#0f8a5f}.g-otros{--g:#5b6b70}
.tr-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.tr-chips .chip{border-color:var(--g);color:var(--g)}
.tr-chips .chip.activo{background:var(--g);color:#fff}
.tr-dia h3{font-size:14px;margin:14px 0 6px;color:var(--tinta)}
.tr-venc{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.tr-venc li{display:grid;gap:2px;padding:9px 12px 9px 28px;border-radius:12px;background:#f7fafb;position:relative}
.tr-venc li::before{content:'';position:absolute;left:11px;top:14px;width:9px;height:9px;border-radius:50%;background:var(--g)}
.tr-venc li b{font-size:14px;color:var(--tinta)}
.tr-venc li span{font-size:12px;color:var(--gris)}
.tr-venc-mes{margin-top:14px}
.tr-cal-cab{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.tr-cal-cab h2{margin:0}
.tr-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.tr-cal-sem{font-size:11px;font-weight:600;color:var(--gris);text-align:center;padding:4px 0}
.tr-cal-dia{min-height:78px;border:1px solid #eef3f6;border-radius:10px;padding:4px;display:flex;flex-direction:column;gap:2px;overflow:hidden}
.tr-cal-dia.vacio{border:0}
.tr-cal-dia.hoy{border-color:var(--acento);box-shadow:0 0 0 2px rgba(0,200,206,.2)}
.tr-cal-n{font-size:12px;font-weight:600;color:var(--tinta)}
.tr-cal-ev{font-size:10px;line-height:1.3;color:#fff;background:var(--g);border-radius:6px;padding:1px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tr-cal-mas{font-size:10px;color:var(--gris)}
@media (max-width:760px){.tr-cal-dia{min-height:48px}.tr-cal-ev{font-size:0;height:6px;padding:0}.tr-cal-mas{font-size:9px}}

/* «PDF sin contraseña» en la portada (Fernando, 23 de octubre de 2026: «bien grandote … que sea llamativo»). */

/* Tipos de documento que descarga KUFE (portada; Fernando, 23 de octubre de 2026). */
.tipos-doc{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tipos-doc li{background:var(--suave);color:var(--tinta);border:1px solid rgba(0,200,206,.35);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600}

/* Beneficios por plan (Fernando, 23 de octubre de 2026): cada renglón con el beneficio y su valor; «—» atenuado si no aplica. */
.plan ul.beneficios{gap:0}
.plan ul.beneficios li{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:8px 0;border-top:1px solid var(--borde);line-height:1.35;min-height:46px}
.plan ul.beneficios li:first-child{border-top:0;min-height:0;font-weight:600;color:var(--tinta)}
.plan ul.beneficios li::before{content:none}
.plan ul.beneficios li b{flex:none;font-weight:700;color:var(--tinta);text-align:right}
.plan ul.beneficios li.si b{color:#0b7f8f}
.plan ul.beneficios li.no{color:#9aa8ad}
.plan ul.beneficios li.no b{color:#b9c4c8;font-weight:500}

/* Ejemplo del nombre de los archivos en la caja «PDF sin contraseña» (Fernando, 23 de octubre de 2026). */

/* Beneficios de los planes (Fernando, 23 de octubre de 2026): retención, IVA, exógena y archivo plano */
.tarjetas-4{grid-template-columns:repeat(4,1fr)}
.tarjetas-3{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.tarjetas-4,.tarjetas-3{grid-template-columns:repeat(2,1fr)}}
.tr-historial{margin:0 0 14px;padding:10px 14px;border-radius:12px;background:#fff7e6;border:1px solid #f3dca6;color:#7a5200;font-size:14px}
.tr-incluido{text-align:center}
.tr-incluido h2{font-size:20px;color:var(--tinta)}
.tr-ajustes{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 16px;margin:0 0 16px}
.tr-ajustes .linea{display:flex;align-items:center;gap:8px;font-size:14px}
.tr-ajustes .linea small{color:var(--gris)}
.tr-ajustes .btn{margin-left:auto}
.tr-campo{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--gris)}
.tr-campo span{font-weight:600}
.campo-chico{width:auto;min-width:90px;padding:7px 10px;font-size:13px;border-radius:10px}
.tr-tarifa{width:84px;min-width:0}
.tr-ret td{vertical-align:top}
.tr-ret select{max-width:175px}
.tr-ret .tr-tercero{max-width:240px}
.tr-ret th,.tr-ret td{padding-left:8px;padding-right:8px}
.tr-ret td small{display:block;color:var(--gris);font-size:11px;margin-top:3px}
.tr-desc{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tr-obs{font-size:12px;color:var(--gris);max-width:170px;min-width:120px}
.tr-no-sujeto td{background:#fafcfd}
.tr-300 table{width:100%}
.tr-300 td{padding:7px 8px;font-size:13px}
.tr-300 .tr-r{width:44px;color:var(--gris);font-variant-numeric:tabular-nums}
.tr-300 tr.total td{font-weight:700;color:var(--tinta);background:var(--suave)}
.tr-cuentas{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin:12px 0}
.tr-cuentas .campo-chico{width:100%}
@media (max-width:760px){.tr-ajustes .btn{margin-left:0}.tr-ret select{max-width:100%}}
.tr-ajustes .btn + .btn{margin-left:0}

/* Prueba gratis bien visible en la portada (Fernando, 23 de octubre de 2026) */
.heroe .etq-gratis{background:var(--fucsia);color:#fff;font-size:13px;padding:5px 14px}
.banda-gratis{background:linear-gradient(120deg,#d6246e,#e8458a 60%,#f06aa0);color:#fff}
.banda-gratis .contenedor{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:30px;padding-bottom:30px}
.banda-gratis strong{display:block;font-size:24px;letter-spacing:-.01em}
.banda-gratis span{display:block;color:#ffe3ee;margin-top:4px}
.btn-blanco{background:#fff;color:var(--fucsia);white-space:nowrap}
.btn-blanco:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.18)}
.func em{display:block;margin-top:6px;font-style:normal;font-weight:600;color:var(--tinta-2);font-size:12px}
@media (max-width:760px){.banda-gratis .contenedor{flex-direction:column;align-items:flex-start}}

/* Franja de arriba como la de software.premier-ia.co, con la publicidad de la plataforma integral (Fernando, 23 de octubre de 2026) */
.kit-franja{display:flex;align-items:center;justify-content:center;gap:10px;min-height:32px;padding:4px 16px;color:#fff;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.04em;
  background:linear-gradient(100deg,#ff015b,#ff3d8b,#e0007a,#ff5c9e,#ff015b);background-size:300% 100%;animation:franjaTono 9s ease-in-out infinite}
.kit-franja b{flex:0 0 auto;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.2);font-weight:700}
.kit-franja:hover b{background:rgba(255,255,255,.32)}
@keyframes franjaTono{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media (prefers-reduced-motion:reduce){.kit-franja{animation:none}}
@media (max-width:680px){.kit-franja{justify-content:space-between;font-size:11px;letter-spacing:.02em;line-height:1.25;padding:5px 12px}}
/* Página «Plataforma Premier» */
.plat-junto{display:flex;flex-direction:column;align-items:stretch;gap:6px;max-width:360px;justify-self:center;width:100%}
.plat-paso{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:16px 18px}
.plat-paso b{display:block;color:var(--acento);font-size:18px}
.plat-paso span{color:#cfe6ec;font-size:14px}
.plat-flecha{text-align:center;color:var(--acento);font-size:20px}
.plat-prods{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.plat-prod .etq{margin-bottom:10px}
.plat-prod ul{margin:10px 0 0;padding-left:18px;color:var(--gris);font-size:13px}
.plat-prod li{margin:3px 0}
@media (max-width:900px){.plat-prods{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.plat-prods{grid-template-columns:1fr}}
.banda-plataforma{background:linear-gradient(120deg,#05232d,#0e4b5c 70%,#0b8f99)}
.banda-plataforma .btn-blanco{color:var(--tinta)}

/* Portada, rediseño (Fernando, 23 de octubre de 2026): texto centrado y tres tarjetas del mismo alto, sin parpadeos */
.heroe-v2 .contenedor{display:block;padding-top:64px;padding-bottom:72px}
.hv-texto{text-align:center;max-width:860px;margin:0 auto}
.heroe-v2 h1{font-size:50px;margin:16px auto 18px}
.heroe-v2 .tipos-doc{justify-content:center;margin-bottom:18px}
.heroe-v2 p.bajada{max-width:640px;margin:0 auto 26px}
.heroe-v2 .acciones{justify-content:center}
.heroe-v2 .nota{margin-top:14px}
.btn-fucsia{background:var(--fucsia);color:#fff;box-shadow:0 10px 26px rgba(214,36,110,.35)}
.btn-fucsia:hover{background:#e8458a;transform:translateY(-1px)}
.btn-claro{background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.btn-claro:hover{background:rgba(255,255,255,.18)}
.hv-tarjetas{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:22px;align-items:stretch;margin-top:48px}
.hv-t{position:relative;display:flex;flex-direction:column;border-radius:22px;padding:24px;text-decoration:none;min-width:0}
.hv-t strong{display:block;font-size:24px;line-height:1.15;letter-spacing:-.02em;font-weight:800;margin:14px 0 8px}
.hv-txt{display:block;font-size:14px;line-height:1.5}
.hv-ico{display:grid;place-items:center;width:46px;height:46px;border-radius:14px}
.hv-ico svg{width:24px;height:24px}
.hv-gratis{background:linear-gradient(150deg,#d6246e,#ec5592);color:#fff;box-shadow:0 18px 40px rgba(214,36,110,.28);transition:transform .2s,box-shadow .2s}
.hv-gratis:hover{transform:translateY(-3px);box-shadow:0 24px 48px rgba(214,36,110,.36)}
.hv-gratis .hv-ico{background:rgba(255,255,255,.18)}
.hv-gratis .hv-txt{color:#ffe3ee}
.hv-cinta{position:absolute;top:18px;right:18px;background:#fff;color:var(--fucsia);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 12px;border-radius:999px}
.hv-ir{margin-top:auto;padding-top:18px;font-size:15px}
.hv-pdf{background:var(--acento);color:var(--tinta);box-shadow:0 18px 40px rgba(0,200,206,.22)}
.hv-pdf .hv-ico{background:var(--tinta);color:var(--acento)}
.hv-pdf .nombre-archivo{display:block;margin-top:auto;padding:8px 10px;border-radius:10px;background:var(--tinta);color:#7ff3f6;font:600 12px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;word-break:break-all}
.hv-pdf .hv-txt{margin-bottom:16px}
.hv-ventana{padding:0;transform:none;align-self:center;box-shadow:0 30px 60px rgba(0,0,0,.35)}
.hv-ventana .ventana-cuerpo{padding:18px 20px}
@media (max-width:980px){.hv-tarjetas{grid-template-columns:1fr 1fr}.hv-ventana{grid-column:1 / -1;order:3}}
@media (max-width:640px){.heroe-v2 h1{font-size:32px}.heroe-v2 .contenedor{padding-top:40px;padding-bottom:48px}.hv-tarjetas{grid-template-columns:1fr;margin-top:32px}.hv-t strong{font-size:21px}}