@font-face{font-family:Figtree;font-weight:400;font-display:swap;src:url(/fuentes/figtree/figtree-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Figtree;font-weight:500;font-display:swap;src:url(/fuentes/figtree/figtree-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Figtree;font-weight:600;font-display:swap;src:url(/fuentes/figtree/figtree-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Fraunces;font-weight:500;font-display:swap;src:url(/fuentes/fraunces/fraunces-latin-500-normal.woff2) format("woff2")}
/* Blanco, gris y negro. El color solo va en los iconos de línea. */
:root{--tinta:#111111;--suave:#5B6470;--linea:#E3E5E8;--borde:#C9CFD6;--fondo:#FFFFFF;--papel:#FFFFFF;--gris:#F4F4F2;--negro:#1F2023;--negro2:#2A2D31;--grafito:#1F2023}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{background:var(--fondo)}
body{margin:0;font:16px/1.45 Figtree,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--tinta);background:var(--fondo)}
h1,h2,h3,p{margin:0}
h1{font:500 30px/1.15 Fraunces,Georgia,serif}
h2{font-size:18px;font-weight:600}
h3{font-size:16px;font-weight:600}
a{color:var(--tinta)}
.ico{flex:none}
.app{max-width:1360px;margin:0 auto;padding:20px;display:flex;gap:20px;align-items:flex-start}
nav{flex:none;width:262px;background:var(--papel);border:1px solid var(--linea);border-radius:16px;padding:18px 10px;position:sticky;top:20px}
.marca{font:500 26px Fraunces,Georgia,serif;color:var(--negro);padding:0 12px 4px;display:inline-flex;align-items:center;gap:.3em}
.marca::before,.con-simbolo::before{content:"";flex:none;width:1.2em;height:1.2em;background:url(/marca/lia-logistics-simbolo.svg) center/contain no-repeat}
.con-simbolo{display:inline-flex;align-items:center;gap:.3em}
.demo{font-size:13px;color:var(--suave);padding:0 12px 12px}
nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
nav a.item{display:flex;gap:12px;align-items:flex-start;color:inherit;text-decoration:none;border-radius:10px;padding:10px 12px;min-height:44px;background:var(--papel)}
nav a.item:hover{background:var(--gris)}
nav a.item[aria-current=page]{background:var(--gris);box-shadow:inset 3px 0 0 var(--negro)}
nav strong{display:block;font-size:15px;font-weight:600}
nav small{display:block;font-size:13px;color:var(--suave);line-height:1.3}
nav .ico{margin-top:1px}
.cuenta{margin-left:auto;font-size:13px;font-weight:600;background:var(--negro);color:#fff;border-radius:999px;min-width:24px;height:24px;padding:0 7px;display:flex;align-items:center;justify-content:center;flex:none}
nav .pie{border-top:1px solid var(--linea);margin-top:12px;padding:12px 4px 0;display:flex;flex-direction:column;gap:4px;font-size:14px}
nav .pie a.item{align-items:center}
main{flex:1;min-width:0;display:flex;flex-direction:column;gap:18px}
.barra{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}
.cab{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between}
.cab>div{min-width:0}
.titulo{display:flex;gap:12px;align-items:center;min-width:0}
.sub{color:var(--suave)}
.t{background:var(--papel);border:1px solid var(--linea);border-radius:16px;padding:20px 22px;display:flex;flex-direction:column;gap:14px;min-width:0}
.t.gris{background:var(--gris)}
.fila{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.campo{flex:none;min-width:0;display:flex;flex-direction:column;gap:5px}
.fila>.campo{flex:1 1 130px}
.fila>.campo.ancho{flex:2 1 220px}
.campo.chico{flex:0 1 120px}
label,.etq{font-size:13px;color:var(--suave)}
input,select{font:inherit;font-size:15px;width:100%;min-height:44px;padding:0 12px;border:1px solid var(--borde);border-radius:10px;color:var(--tinta);background:#fff}
input[type=checkbox],input[type=radio]{width:22px;min-height:22px;height:22px;accent-color:var(--negro);flex:none;margin:0}
input[type=file]{padding:9px 10px}
textarea{font:inherit;font-size:15px;width:100%;padding:10px 12px;border:1px solid var(--borde);border-radius:10px;color:var(--tinta);background:#fff}
.marca-fila{display:flex;gap:10px;align-items:center;min-height:44px;font-size:15px;color:var(--tinta);cursor:pointer}
.num{font:500 22px Fraunces,Georgia,serif}
.datos{display:flex;flex-wrap:wrap;gap:12px 36px}
.dato{display:flex;flex-direction:column;gap:1px;min-width:0}
.dato strong{overflow-wrap:anywhere}
button.b,button.b2,a.b,a.b2,summary.b2,label.b2{font:inherit;font-size:15px;font-weight:600;min-height:44px;min-width:44px;padding:0 16px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;text-align:center;line-height:1.2}
button.b,a.b{border:1px solid var(--negro);background:var(--negro);color:#fff}
button.b:hover,a.b:hover{background:var(--negro2)}
button.b2,a.b2,summary.b2,label.b2{border:1px solid var(--borde);background:#fff;color:var(--tinta)}
button.b2:hover,a.b2:hover,summary.b2:hover,label.b2:hover{background:var(--gris);border-color:var(--suave)}
a.b2[aria-current=true]{background:var(--negro);border-color:var(--negro);color:#fff}
a.regresar{align-self:flex-start;padding:0 14px 0 10px}
.enl{font:inherit;font-size:15px;background:none;border:0;padding:0 4px;color:var(--tinta);font-weight:600;text-decoration:underline;cursor:pointer;min-height:44px;min-width:44px}
.lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.op{background:var(--papel);border:1px solid var(--linea);border-radius:14px;padding:14px 16px;display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;scroll-margin-top:16px}
.op.elegida{border:2px solid var(--negro)}
.op .quien{flex:1 1 220px;min-width:0}
.op .quien>span{display:block;font-size:14px;color:var(--suave)}
.op .quien>span.pas{display:inline-flex;margin-top:6px;color:var(--tinta)}
details[open]>summary.b2{background:var(--gris);border-color:var(--negro)}
.quien strong,.ren strong,h1,h2{overflow-wrap:anywhere}
.tres{display:flex;flex-wrap:wrap;gap:12px 18px}
.tres div{min-width:78px}
.nota{font-size:14px;color:var(--suave)}
.pas{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:3px 10px 3px 6px;border-radius:999px;background:#fff;border:1px solid var(--borde);color:var(--tinta);white-space:nowrap}
.pas .ico{width:18px;height:18px}
.pas.fuerte{border-color:var(--negro);border-width:2px}
.pasos{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px}
.pasos li{flex:1 1 130px;min-width:0;display:flex;gap:10px;align-items:center}
.pasos i{flex:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px dashed #8A93A0;background:#fff;font-style:normal}
.pasos .hecho i{border:1px solid var(--negro);background:var(--gris)}
.pasos .actual i{border:2px solid var(--negro)}
.pasos strong{display:block;font-size:15px;font-weight:500}
.pasos .actual strong{font-weight:600}
.pasos small{font-size:13px;color:var(--suave)}
.sigue{border:2px solid var(--negro);scroll-margin-top:16px}
.dos{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start}
.dos>.t,.dos>section{flex:1 1 340px;min-width:0}
.ren{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--linea)}
.ren:last-child{border-bottom:0}
.ren>span:first-child{flex:1 1 200px;min-width:0}
.ren .icono-fila{display:flex;gap:10px;align-items:flex-start}
.ren em{display:block;font-style:normal;font-size:14px;color:var(--tinta);font-weight:500}
.ren form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;flex:1 1 100%}
.ren input[type=file]{max-width:280px}
.ren input[type=text]{max-width:240px}
.correo{border:1px solid var(--linea);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px;background:#fff;scroll-margin-top:16px}
.correo .cuerpo{background:var(--gris);border-radius:12px;padding:12px 14px;font-size:15px;white-space:pre-line;overflow-wrap:anywhere}
.limpio{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14px}
.limpio li{display:flex;gap:8px;align-items:flex-start}
.limpio s{color:var(--suave)}
.hist{list-style:none;margin:0;padding:0;font-size:15px}
.hist li{padding:8px 0;border-bottom:1px solid var(--linea)}
.hist li:last-child{border-bottom:0}
.hist small{color:var(--suave);font-size:13px}
table{width:100%;border-collapse:collapse;min-width:680px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--linea);font-size:15px;vertical-align:middle}
th{font-size:13px;font-weight:600;color:var(--suave)}
td a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;font-weight:600}
.rueda{overflow-x:auto;max-width:100%}
.vacio{color:var(--suave)}
.error,.listo,.aviso{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;padding:12px 14px;border-radius:12px;background:#fff;color:var(--tinta)}
.error{border:2px solid var(--negro)}
.listo{border:1px solid var(--borde)}
.aviso{border:1px solid var(--negro);background:var(--gris)}
.error>span,.listo>span,.aviso>span{flex:1 1 240px;min-width:0;display:flex;gap:10px;align-items:flex-start}
.marca-aviso{font-size:13px;font-weight:600;color:var(--tinta)}
.caja-chica{max-width:400px;margin:8vh auto 0;padding:0 16px}
.caja-chica .t{gap:16px}
.caja-chica button{width:100%}
.buscar{display:flex;gap:10px}
.buscar input{min-height:48px;font-size:16px;border-radius:12px}
.op label.elige{display:flex;align-items:center;gap:8px;min-height:44px;font-size:15px;font-weight:600;cursor:pointer}
.mini{display:flex;gap:4px}
.mini i{width:20px;height:6px;border-radius:3px;background:#D5DAE0}
.mini i.s{background:var(--negro)}
.oculto{position:absolute;left:-9999px}
.linea-carga{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;padding:12px;border:1px solid var(--linea);border-radius:12px}
.linea-carga .campo{flex:1 1 92px}
.linea-carga .campo.emp{flex:1.4 1 130px}
.totales{display:flex;flex-wrap:wrap;gap:8px 28px;font-size:15px}
.totales strong{font:500 20px Fraunces,Georgia,serif}
.pregunta{display:flex;flex-direction:column;gap:10px;padding:14px;border:2px solid var(--negro);border-radius:12px}
.opciones-radio{display:flex;flex-wrap:wrap;gap:8px 20px}
fieldset{border:0;padding:0;margin:0;min-width:0}
legend{padding:0;font-weight:600;font-size:16px;margin-bottom:6px}
details>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;list-style:none}
details>summary::-webkit-details-marker{display:none}
.resp{display:flex;flex-direction:column;gap:10px;padding-top:10px;border-top:1px solid var(--linea);flex:1 1 100%}
.destinatarios{display:flex;flex-wrap:wrap;gap:10px 24px}
.dest{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:6px}
.dest li{flex-wrap:wrap;align-items:center;overflow-wrap:anywhere}
.revisar{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--tinta);border:1px solid var(--negro);border-radius:999px;padding:1px 8px 1px 4px;margin-left:6px}
.revisar .ico{width:16px;height:16px}
.campo.marcado input,.campo.marcado select,.marcado .linea-carga{border:2px dashed var(--negro)}
.lado{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start}
.lado>*{flex:1 1 360px;min-width:0}
.original{white-space:pre-line;overflow-wrap:anywhere;background:var(--gris);border-radius:12px;padding:12px 14px;font-size:15px}
.reglas{display:flex;flex-direction:column;gap:12px}
.regla{border:1px solid var(--linea);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.regla .fila>.campo{flex:1 1 150px}
.versiones{font-size:14px;color:var(--suave)}
:focus-visible{outline:3px solid var(--negro);outline-offset:2px}
@media (prefers-reduced-motion:no-preference){button,a.b,a.b2{transition:background .15s}}
@media (max-width:860px){
 .app{flex-direction:column;align-items:stretch;padding:12px}
 main{width:100%}
 nav{width:100%;position:static;padding:10px 8px}
 .marca{font-size:22px}
 nav small,.demo{display:none}
 nav ul{flex-direction:row;overflow-x:auto;gap:6px;scrollbar-width:thin}
 nav li{flex:none}
 nav li:first-child{position:sticky;left:0;z-index:1;background:var(--papel);box-shadow:6px 0 8px -6px rgba(0,0,0,.25)}
 nav a.item{align-items:center;white-space:nowrap}
 nav .pie{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:8px}
 h1{font-size:26px}
 .t{padding:16px}
}
/* Listas parejas: texto | estado | acción. Etiquetas y botones con el mismo ancho en cada columna (subgrid). */
.pareja{display:grid;grid-template-columns:minmax(0,1fr) max-content max-content;column-gap:14px}
.lista.pareja{row-gap:10px}
.pareja>.ren,.pareja>.op{grid-column:1/-1;display:grid;grid-template-columns:subgrid;align-items:center;gap:8px 14px}
.pareja>.ren>*,.pareja>.op>*{min-width:0}
.pareja>.ren>:nth-child(2),.pareja>.op>:nth-child(2){justify-self:stretch}
.pareja>.ren>:nth-child(3),.pareja>.op>:nth-child(3){justify-self:stretch}
.pareja .pas{justify-content:flex-start;white-space:normal}
.pareja>.ren>a.b2,.pareja>.op>a.b2,.pareja>.ren>a.b,.pareja>.op>a.b{width:100%}
.pareja .etapa{display:flex;flex-direction:column;gap:6px;align-items:stretch}
/* Cotizaciones: cliente | importes | estado; las acciones van debajo, con botones del mismo ancho. */
.pareja.cot>.op>.acciones,.pareja.cot>.op>.resp{grid-column:1/-1}
.acciones{display:grid;grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr));gap:10px}
.acciones>*{min-width:0}
.acciones form{display:flex}
.acciones form>button,.acciones>a,.acciones summary{width:100%}
.acciones details[open]{grid-column:1/-1}
.acciones details[open]>summary{max-width:13.5rem}
td .pas{display:flex;width:100%}
@media (max-width:600px){
 .pareja{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .pareja>.ren>:first-child,.pareja>.op>:first-child{grid-column:1/-1}
 .pareja.cot>.op>.tres{grid-column:1/-1}
 .acciones{grid-template-columns:1fr}
 .acciones details[open]>summary{max-width:none}
}

/* Selector de archivo en español */
.archivo{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0}
.archivo label.b2{flex:none;color:var(--tinta);font-size:15px}
.archivo [data-nombre]{min-width:0;overflow-wrap:anywhere}
.archivo:focus-within label.b2{outline:3px solid var(--negro);outline-offset:2px}
.ren form .archivo{flex:1 1 220px}
/* Carga: dos caminos */
.opciones-carga{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:10px}
.opcion{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--borde);border-radius:12px;padding:12px 14px;min-height:44px;cursor:pointer;background:#fff;font-size:15px;color:var(--tinta)}
.opcion:has(input:checked){border:2px solid var(--negro)}
.opcion input{margin-top:2px}
.opcion strong{display:block;font-size:15px}
.opcion small{display:block;font-size:13px;color:var(--suave)}
.bloque-carga h3{font-size:16px}

/* Regla de diseño (todo el sistema): ninguna superficie lleva color; el color vive solo en iconos de línea chicos y sin fondo.
   Formularios: obligatorio sin llenar = borde grafito y círculo rojo con admiración junto a la etiqueta;
   obligatorio listo = círculo verde con palomita. La leyenda (_leyenda.ejs) usa los mismos iconos. */
:root{--icono-falta:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20stroke%3D%22%23C2452F%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227.5%22%2F%3E%3Cpath%20d%3D%22M10%206.2v4.6%22%2F%3E%3Cpath%20d%3D%22M10%2013.6v.1%22%2F%3E%3C%2Fsvg%3E");--icono-listo:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20stroke%3D%22%231F8A6B%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227.5%22%2F%3E%3Cpath%20d%3D%22M6.6%2010.3l2.3%202.3%204.6-4.9%22%2F%3E%3C%2Fsvg%3E");--icono-propone:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20stroke%3D%22%23C58A00%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10%203.2l7.3%2012.9H2.7z%22%2F%3E%3Cpath%20d%3D%22M10%208.2v3.8%22%2F%3E%3Cpath%20d%3D%22M10%2014.1v.1%22%2F%3E%3C%2Fsvg%3E")}
.campo input[required]:not([type=checkbox]):not([type=radio]):not([type=file]):invalid,.campo select[required]:invalid,.campo textarea[required]:invalid{border:1.5px solid var(--grafito);background:#FFFFFF}
.campo:has(>input[required]:not([type=checkbox]):not([type=radio]):not([type=file]))>label::after,.campo:has(>select[required])>label::after,.campo:has(>textarea[required])>label::after,
.falta-dato>label::after{content:"";display:inline-block;width:16px;height:16px;margin-left:6px;vertical-align:-3px;background:var(--icono-listo) center/contain no-repeat}
.campo:has(>input[required]:not([type=checkbox]):not([type=radio]):not([type=file]):invalid)>label::after,.campo:has(>select[required]:invalid)>label::after,.campo:has(>textarea[required]:invalid)>label::after,
.falta-dato>label::after{background-image:var(--icono-falta)}
.falta-dato input,.falta-dato select,.falta-dato textarea{border:1.5px solid var(--grafito);background:#FFFFFF}
.dato.falta-dato .num::before{content:"";display:inline-block;width:16px;height:16px;margin-right:6px;vertical-align:-3px;background:var(--icono-falta) center/contain no-repeat}
.campo input[readonly]{background:var(--gris)}
.leyenda{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;font-size:13px;color:var(--suave)}
.leyenda span{display:inline-flex;align-items:center;gap:7px}

.op-txt,.pred-txt{color:var(--suave)}
.predeterminados{font-size:15px;color:var(--negro2)}
.aviso-fijo{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;padding:12px 14px;border-radius:12px;background:#FFFFFF;border:1.5px solid var(--grafito)}
.aviso-fijo>span{flex:1 1 240px;min-width:0;display:flex;gap:10px;align-items:flex-start;font-weight:600}
.sonido{display:inline-flex;align-items:center;gap:8px;font-weight:500;text-decoration:none;justify-content:flex-start}

/* Registro inicial */
body.fondo-reg{background:#F3F4F6}
html:has(body.fondo-reg){background:#F3F4F6}
.reg{max-width:860px;margin:0 auto;padding:24px 16px 48px;display:flex;flex-direction:column;gap:20px}
.reg .t{border-color:#E1E4E8;padding:22px 24px}
.reg-cab{display:grid;grid-template-columns:1fr auto 1fr;gap:8px 16px;align-items:center}
.reg-cab .marca{padding:0;font-size:26px}
.reg-cab .medio{font-size:14px;color:var(--suave);text-align:center}
.reg-cab .der{justify-self:end}
.reg-cab .enl{font-weight:500;font-size:14px}
.reg-pasos{list-style:none;margin:0;padding:14px 10px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;background:#fff;border:1px solid #E1E4E8;border-radius:16px}
.reg-pasos li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;min-width:0}
.reg-pasos i{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:13px;font-weight:600;border:1px solid var(--borde);background:#fff;color:var(--suave)}
.reg-pasos .hecho i{background:#FFFFFF;border-color:var(--borde)}
.reg-pasos .actual i{background:var(--negro);border-color:var(--negro);color:#fff}
.reg-pasos strong{font-size:14px;font-weight:500;color:var(--suave);line-height:1.2}
.reg-pasos .hecho strong{color:var(--tinta)}
.reg-pasos .actual strong{font-weight:600;color:var(--tinta)}
.reg-pasos small{font-size:13px;color:var(--suave)}
.reg-titulo{display:flex;gap:14px;align-items:center}
.reg-titulo h1{font-size:34px}
.reg-rejilla{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.reg-rejilla .todo{grid-column:1/-1}
.reg-pie{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.reg-pie .der{display:flex;gap:10px;margin-left:auto}
.eleccion{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.eleccion label.tarjeta{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--borde);border-radius:12px;padding:16px;cursor:pointer;background:#fff;color:var(--tinta);font-size:15px;min-height:110px}
.eleccion label.tarjeta:has(input:checked){border:2px solid var(--negro)}
.eleccion label.tarjeta input[type=radio]{width:22px;height:22px;margin-top:1px}
.eleccion label.tarjeta>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.eleccion strong{display:block;font-size:16px}
.estado-pill{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;border-radius:999px;padding:3px 10px 3px 6px;background:var(--gris);border:1px solid #D5D5D0;color:var(--tinta);white-space:nowrap}
.nota-caja{display:flex;gap:10px;align-items:flex-start;background:var(--gris);border-radius:12px;padding:12px 14px;font-size:15px}
ol.pasos-num{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px;font-size:15px}
.usuarios-reg .fila-u{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.5fr) minmax(0,.9fr);gap:12px;padding:12px 0;border-top:1px solid var(--linea)}
.copias-reg .fila-c{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:end;padding:12px 0;border-top:1px solid var(--linea)}
.copias-reg .fila-c>strong{align-self:center;font-size:15px}
.logo-fila{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.logo-mini{width:46px;height:46px;border-radius:10px;background:var(--gris);border:1px solid var(--linea);display:flex;align-items:center;justify-content:center;font:500 18px Fraunces,Georgia,serif;overflow:hidden}
.logo-mini img{max-width:100%;max-height:100%}
.datos-sistemas table{min-width:520px}
.datos-sistemas td{font-size:14px;overflow-wrap:anywhere}
.reg-centro{text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px;padding-top:16px}
.reg-lista{list-style:none;margin:0;padding:0}
.reg-lista li{display:flex;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #E1E4E8}
.reg-lista li>span.txt{flex:1;min-width:0}
.reg-lista strong{display:block;font-size:15px;font-weight:600}
.reg-lista small{display:block;font-size:14px;color:var(--suave)}
.etiq{font-size:13px;font-weight:600;border-radius:999px;padding:2px 9px;white-space:nowrap}
.etiq.obl{background:var(--negro);color:#fff}
.etiq.opc{background:var(--gris);color:var(--negro2);border:1px solid var(--linea)}
.listo-cab{text-align:center;padding:36px 32px;align-items:center}
.palomita{width:84px;height:84px;display:inline-flex;align-items:center;justify-content:center}
.final{list-style:none;margin:0;padding:0;width:100%}
.final li{display:grid;grid-template-columns:20px minmax(0,190px) minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #E1E4E8;text-align:left}
.final li strong{font-size:15px}
.final li .txt{font-size:14px;color:var(--suave)}
.paso-movil{display:none;font-size:14px;color:var(--suave)}
@media (prefers-reduced-motion:no-preference){
 @keyframes aparecer{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.12);opacity:1}100%{transform:scale(1)}}
 @keyframes trazo{from{stroke-dashoffset:40}to{stroke-dashoffset:0}}
 @keyframes subir{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
 .palomita{animation:aparecer .6s ease-out both}
 .palomita path{stroke-dasharray:40;animation:trazo .45s ease-out .45s both}
 .final li{animation:subir .4s ease-out both}
}
@media (max-width:700px){
 .reg-cab{grid-template-columns:1fr auto}
 .reg-cab .medio{display:none}
 .reg-pasos{padding:10px 6px}
 .reg-pasos strong,.reg-pasos small{display:none}
 .paso-movil{display:block}
 .reg-rejilla,.eleccion{grid-template-columns:1fr}
 .usuarios-reg .fila-u{grid-template-columns:1fr}
 .copias-reg .fila-c{grid-template-columns:1fr 1fr}
 .copias-reg .fila-c>strong{grid-column:1/-1}
 .reg-titulo h1{font-size:28px}
 .final li{grid-template-columns:20px minmax(0,1fr)}
 .final li .txt,.final li>a{grid-column:2}
 .reg-pie .der{width:100%}
 .reg-pie .der>*{flex:1}
 .listo-cab{padding:28px 16px}
}
/* Sitio público */
.publico{max-width:760px;margin:0 auto;padding:28px 16px 48px;display:flex;flex-direction:column;gap:18px}
.publico .borrador{border:1.5px dashed var(--grafito);background:var(--gris);border-radius:12px;padding:10px 14px;font-weight:600}
.publico .pub{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center}
.publico p,.publico li{font-size:16px}
.publico ul{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px}
.pie-publico{font-size:14px;color:var(--suave);display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center}
.enlaces-pie{display:flex;justify-content:center;gap:4px 18px;flex-wrap:wrap}
.enlaces-pie a,.publico .pub a:not(.b2),.pie-publico a,.publico p a{display:inline-flex;align-items:center;min-height:44px}
.publico a.marca{display:inline-flex;align-items:center;min-height:44px}
.publico .pub a{min-width:44px;justify-content:center}
.pie-publico span{display:inline-flex;align-items:center;min-height:44px}
.acciones-u{display:flex;flex-direction:column;gap:8px;min-width:0}
.acciones-u details[open]{min-width:14rem}
.pareja>.ren>form.fila{justify-self:stretch}
.asunto-fijo{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.asunto-fijo input{flex:1 1 220px;min-width:0}
/* Tanda 9: pestañas de Tarifas y tabla de la vista previa. */
.pestanas{display:flex;flex-wrap:wrap;gap:6px}
.pestanas a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--linea);border-radius:999px;text-decoration:none;color:var(--tinta);font-size:15px;background:var(--papel)}
.pestanas a[aria-current]{background:var(--negro);color:#FFFFFF;border-color:var(--negro)}
.pestanas.chicas a{font-size:14px;padding:0 12px}
.tabla-carga td{vertical-align:top}
.tabla-carga td.campo{display:table-cell}
.tabla-carga input,.tabla-carga select{min-height:44px;min-width:110px;font-size:14px}
.tabla-carga td.campo{min-width:130px}
.tabla-carga td.campo>*+*{margin-top:6px;display:block;width:100%}
.cargo-fila{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px 12px;align-items:center;padding:10px 0;border-top:1px solid var(--linea)}
.cargo-fila:first-child{border-top:0}
.cargo-fila .campo{max-width:200px}
.totales-cot{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
@media (max-width:600px){.cargo-fila{grid-template-columns:1fr}.cargo-fila .campo{max-width:none}}
.campo .nota a,.t>p.sub a{display:inline-flex;align-items:center;min-height:44px}
/* Tanda 10: Carga masiva (tres vías, zona para subir, tarjeta del archivo y vista previa). */
.tres-vias{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (max-width:700px){.tres-vias{grid-template-columns:1fr}}
.zona-subir{border:2px dashed var(--linea);border-radius:14px;min-height:190px;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;background:var(--papel)}
.zona-subir.encima{border-color:var(--negro);background:var(--gris)}
.zona-subir [data-vacia]{display:flex;flex-direction:column;align-items:center;gap:6px}
.zona-subir label.b2{display:inline-flex;align-items:center;min-height:44px;cursor:pointer}
.tarjeta-archivo{display:flex;align-items:center;gap:14px;width:100%;max-width:560px;text-align:left;border:1px solid var(--linea);border-radius:12px;padding:14px;background:#FFFFFF}
.tarjeta-archivo[hidden]{display:none}
.icono-archivo{flex:none;width:56px;height:56px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font:700 15px Figtree,sans-serif;color:#FFFFFF;background:#2B2B2E}
.icono-archivo.chico{width:38px;height:38px;border-radius:8px;font-size:13px}
.datos-archivo{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;overflow-wrap:anywhere}
.cargado{display:inline-flex;align-items:center;gap:4px;color:var(--tinta);font-weight:600;font-size:14px}
.resumen-carga{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:16px}
.resumen-carga strong{font-size:18px}
/* Tanda 11: vista previa de tarifas (diseño aprobado por Hugo), avance de la IA e iconos de estado. */
.h-serif{font:500 21px Fraunces,Georgia,serif}
.archivo-vp{display:flex;align-items:center;gap:10px;min-width:0}
.archivo-vp>span:last-child{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}
.archivo-vp .sub{font-size:13px}
.resumen4{display:flex;flex-wrap:wrap;gap:12px}
.cuadro{flex:1 1 180px;background:#FFFFFF;border:1px solid #E2E2DF;border-radius:14px;padding:14px 16px}
.cuadro .n{font:500 34px/1 Fraunces,Georgia,serif}
.cuadro .et{display:flex;gap:6px;align-items:center;margin-top:6px;font-weight:600;color:#3A3A3A;font-size:15px}
.leyenda-est{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;font-size:13.5px;color:#5A5A55}
.leyenda-est span{display:inline-flex;align-items:center;gap:6px}
.avisos-gen{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14px}
.avisos-gen li{display:flex;gap:8px;align-items:flex-start}
.avisos-gen .ico{margin-top:2px}
form.vp{display:flex;flex-direction:column;gap:16px}
.bloque-prov{container:prov/inline-size;background:#FFFFFF;border:1px solid #E2E2DF;border-radius:16px;overflow:hidden}
.cab-prov{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #E2E2DF}
.cab-prov .nom{display:flex;flex-wrap:wrap;gap:10px;align-items:center;min-width:0}
.cab-prov h2{font:500 21px Fraunces,Georgia,serif;overflow-wrap:anywhere}
.cab-prov .sub{font-size:14px;color:#5A5A55}
.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:600;background:var(--gris);color:#171717;border:1px solid #D5D5D0;white-space:nowrap}
.franja{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:10px 18px;background:var(--gris);border-bottom:1px solid #E2E2DF;font-size:14px}
.franja>span,.franja>label{flex:1 1 260px;min-width:0}
.franja select,.franja input{min-height:44px;max-width:240px}
.b2.chico{min-height:44px;padding:0 14px;font-size:14px}
.rueda-vp{max-width:100%}
.tabla-vp{width:100%;min-width:0;border-collapse:collapse;font-size:15px}
.tabla-vp th{text-align:left;font-size:13px;font-weight:600;color:#5A5A55;padding:10px 12px;border-bottom:1px solid #E2E2DF;white-space:nowrap}
.tabla-vp th.der{text-align:right}
.tabla-vp td{padding:12px;border-bottom:1px solid #EFEFEC;vertical-align:top}
.tabla-vp tr:last-child td{border-bottom:0}
.tabla-vp td.der{text-align:right;white-space:nowrap}
.tabla-vp input[type=checkbox]{width:20px;height:20px;margin:12px 0 0}
.tabla-vp td.ruta{min-width:190px}
.ruta-cab{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.ruta-nom{font-weight:600;display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center;min-height:44px}
.ruta-nom .a{color:#8A8A85;font-weight:500}
.nota-ruta{font-size:13px;color:#3A3A3A;background:var(--gris);border:1px solid #E4E4E0;border-radius:8px;padding:5px 10px 5px 6px;margin-top:6px;display:flex;width:fit-content;gap:6px;align-items:center;max-width:100%}
.sub.chica{font-size:13px;display:block;margin-top:4px}
.mon{font-size:13px;color:#5A5A55;margin-right:6px}
.sin-dato{color:#6B6B66;font-size:14px}
.tabla-vp td .dato{display:inline-block;vertical-align:middle;min-height:44px;padding:0 10px;border:1px solid #CFCFCA;border-radius:8px;font:500 15px Figtree,system-ui,sans-serif;color:#171717;background:#FFFFFF;width:150px;max-width:100%}
.tabla-vp td .dato.num{width:96px;text-align:right}
.tabla-vp td .dato[type=date]{width:160px}
.ctl{display:inline-flex;flex-direction:column;gap:5px;align-items:flex-start;text-align:left;max-width:100%;vertical-align:top}
.ctl[data-falta]{flex-direction:row;align-items:center;gap:6px}
.ctl .ctl-fila{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.tabla-vp td .dato.propuesto,.ctl[data-falta]:not(.lleno) .dato{border:1.5px solid #3A3A3A;font-weight:600}
.tabla-vp td .dato.propuesto{background:var(--gris)}
.ctl.lleno .est-falta{visibility:hidden}
.razon{font-size:13px;color:#5A5A55;max-width:240px}
.tabla-vp .ctl{max-width:210px}
.cargos-det{display:flex;flex-wrap:wrap;gap:12px}
.cargo-det{flex:1 1 230px;border:1px solid #E2E2DF;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}
.cargo-nom{display:flex;gap:8px;align-items:center}
.cargo-monto{font:500 22px Fraunces,Georgia,serif}
.barra-final{background:#1F2023;color:#FFFFFF;border-radius:16px;padding:14px 18px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.bf-txt{display:flex;gap:12px;align-items:center}
.bf-tit{font-weight:700}
.bf-sub{font-size:13.5px;color:#C9C9CE}
.bf-botones{display:flex;flex-wrap:wrap;gap:10px}
.b-borde,.b-blanco{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:44px;padding:0 16px;border-radius:10px;font:600 15px Figtree,system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.b-borde{background:transparent;color:#FFFFFF;border:1px solid #8D8D92}
.b-blanco{background:#FFFFFF;color:#171717;border:1px solid #FFFFFF}
.b-blanco:disabled{opacity:.55;cursor:not-allowed}
.solo-cel{display:none}
/* Pantallas angostas: cada ruta es una tarjeta (sin desplazarse a los lados). */
@container prov (max-width:860px){
  .tabla-vp,.tabla-vp tbody,.tabla-vp tr,.tabla-vp td{display:block;width:100%}
  .tabla-vp thead{display:none}
  .tabla-vp tr{border-bottom:1px solid #E2E2DF;padding:12px 16px;display:flex;flex-direction:column}
  .tabla-vp tr:last-child{border-bottom:0}
  .tabla-vp td,.tabla-vp td.der{border:0;padding:6px 0;display:flex;justify-content:space-between;gap:10px;align-items:center;text-align:right;white-space:normal}
  .tabla-vp td::before{content:attr(data-et);color:#5A5A55;font-size:14px;text-align:left;flex:none}
  .tabla-vp td.ruta{order:-1;display:block;text-align:left;min-width:0}
  .tabla-vp td.ruta::before{display:none}
  .tabla-vp td[data-et=Guardar]{order:10;justify-content:flex-start;gap:12px}
  .tabla-vp td[data-et=Guardar] input[type=checkbox]{margin:0}
  .tabla-vp .ctl{align-items:flex-end;text-align:right}
  .tabla-vp .razon{text-align:right}
  .solo-cel{display:inline-flex}
}
@media (max-width:600px){.bf-botones,.bf-botones button{width:100%}.cuadro{flex-basis:120px;padding:10px}.cuadro .n{font-size:26px}.cuadro .et{font-size:13px}}
.avance{background:#FFFFFF;border:1px solid #E2E2DF;border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:12px}
.avance-cab{display:flex;gap:12px;align-items:center}
.avance-cab h2{font:500 21px Fraunces,Georgia,serif}
.girando{width:22px;height:22px;border-radius:50%;border:2.5px solid #D5D5D0;border-top-color:#1F2023;animation:girar .9s linear infinite;flex:none}
@keyframes girar{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.girando{animation-duration:3s}}
.etapas{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.etapas li{display:flex;gap:10px;align-items:center;color:#6B6B66;font-size:15px}
.etapas li.actual{color:#171717;font-weight:600}
.etapas li.hecha{color:#171717}
.marca-et{width:18px;height:18px;border-radius:50%;border:1.5px solid #CFCFCA;flex:none;display:inline-flex}
.etapas li.actual .marca-et{border-color:#1F2023;border-width:2px}
.etapas li.hecha .marca-et{border:0}
.avance-falla{display:flex;gap:8px;align-items:flex-start;font-weight:600}

/* Tanda 12: marco común (logo arriba, perfil e Inicio), guía de pasos, «Sigue:», Inicio por perfil y carga de tarifas en tres pasos.
   Superficies blanco, gris y grafito; azul sutil solo en el logo, el paso actual, las barras de avance, los enlaces y la línea de la franja. */
:root{--azul:#1E5FD6;--enlace:#0B3D91;--fondo-app:#F3F4F2}
html,body{background:var(--fondo-app)}
a{color:var(--enlace)}
.app{max-width:1180px;margin:0 auto;padding:24px 20px 32px;display:flex;flex-direction:column;gap:16px;align-items:stretch}
main{width:100%;gap:16px}
.barra-sup{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding-bottom:14px;border-bottom:1px solid #E2E2DF}
.logo{font:500 22px Fraunces,Georgia,serif;color:#171717;text-decoration:none;min-height:44px}
.barra-der{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;font-size:15px;color:#5A5A55}
.enl-sup{color:var(--enlace);text-decoration:underline;display:inline-flex;align-items:center;gap:6px;min-height:44px;min-width:44px;cursor:pointer;font-size:15px}
.menu-perfil{position:relative}
.menu-perfil>summary{list-style:none}
.menu-perfil>summary::-webkit-details-marker{display:none}
.menu-perfil nav,.menu-perfil nav[aria-label]{position:absolute;right:0;top:calc(100% + 6px);z-index:20;width:280px;max-width:calc(100vw - 32px);background:#FFFFFF;border:1px solid #E2E2DF;border-radius:14px;padding:10px;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.menu-perfil nav ul{flex-direction:column;overflow:visible;gap:2px}
.menu-perfil:not([open]) nav{display:none}
@media (max-width:600px){.menu-perfil nav,.menu-perfil nav[aria-label]{position:fixed;left:16px;right:16px;top:72px;width:auto;max-width:none}}
.toca-cab a,.bloque-i .fila-e a{display:inline-flex;align-items:center;min-height:44px}
.bloque-i .fila-e{align-items:center}
.menu-perfil nav li:first-child{position:static;box-shadow:none;background:none}
.menu-perfil nav a.item{display:flex;justify-content:space-between;align-items:center;white-space:normal;padding:10px 12px;color:#171717;font-size:15px}
.menu-perfil nav .pie{gap:2px}
.menu-perfil nav .pie .sub{font-size:13px;padding:4px}
.guia{list-style:none;margin:0;padding:2px 0 0;display:flex;align-items:center}
.guia li{display:flex;align-items:center;gap:10px;flex:1 1 0;min-width:0;color:#5A5A55;font-size:15px}
.guia li:last-child{flex:0 0 auto}
.guia li:not(:last-child)::after{content:"";flex:1;height:1px;background:#D5D5D0;margin:0 12px;min-width:10px}
.guia-num{width:32px;height:32px;border-radius:50%;border:1px solid #CFCFCA;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex:none;background:#FFFFFF;color:#5A5A55}
.guia li.g-actual{color:#171717;font-weight:600}
.guia li.g-actual .guia-num{background:var(--azul);border-color:var(--azul);color:#FFFFFF}
.guia-nom{white-space:nowrap}
@media (max-width:760px){.guia li:not(.g-actual) .guia-nom{display:none}.guia li{gap:6px}.guia li:not(:last-child)::after{margin:0 6px}}
.sigue-pie{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #E2E2DF;padding-top:16px;font-size:15px;color:#3A3A3A}
.sigue-pie p{flex:1 1 260px}
.sigue-pie strong{color:#171717}
.sigue-botones{display:flex;flex-wrap:wrap;gap:10px}
.cab-flujo{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;justify-content:space-between}
.cab-flujo h1{font:500 32px/1.15 Fraunces,Georgia,serif}
.cab-flujo .sub{display:block;margin-top:4px}
.tarjeta{background:#FFFFFF;border:1px solid #E2E2DF;border-radius:16px;padding:20px 22px;display:flex;flex-direction:column;gap:14px;min-width:0}
.dos-col{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;align-items:start}
@media (max-width:860px){.dos-col{grid-template-columns:1fr}}
.etq-chica{font-size:13px;font-weight:600;color:#5A5A55}
.lista-datos{background:var(--gris);border-radius:12px;padding:4px 16px;display:flex;flex-direction:column}
.lista-datos>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #E2E2DF;font-size:15px}
.lista-datos>div:first-child{border-top:0}
.lista-datos dt,.lista-datos .k{color:#3A3A3A}
.lista-datos .v{font-weight:600;text-align:right}
.cierre{align-items:center;text-align:center;padding:40px 22px}
.cierre h2{font:500 30px Fraunces,Georgia,serif}
.cierre .enlaces{display:flex;flex-wrap:wrap;gap:6px 22px;justify-content:center}
.cierre .enlaces a,.cierre .enlaces button{display:inline-flex;align-items:center;min-height:44px}
.b.grande{min-height:52px;padding:0 24px;font-size:16px}
/* Inicio: franja grafito, pendientes y bloque del perfil. */
.franja-inicio{background:#1F2023;color:#FFFFFF;border-radius:20px;border-top:3px solid var(--azul);padding:24px 30px 26px;display:flex;flex-direction:column;gap:18px}
.franja-inicio .cab-i{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}
.franja-inicio .logo{color:#FFFFFF}
.franja-inicio .quien{font-size:15px;color:#C9C9CE;display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center}
.franja-inicio .quien a,.franja-inicio .quien button{color:#C9C9CE}
.franja-inicio h1{font:500 34px/1.1 Fraunces,Georgia,serif;color:#FFFFFF}
.busca-i{display:flex;align-items:center;gap:12px;background:#FFFFFF;border-radius:14px;padding:0 18px;min-height:62px}
.busca-i input{border:0;outline:0;font-size:18px;flex:1;min-width:0;min-height:58px;background:transparent;padding:0}
.busca-i:focus-within{box-shadow:0 0 0 3px rgba(30,95,214,.35)}
.accesos{display:flex;flex-wrap:wrap;gap:10px}
.accesos a{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 16px;border:1px solid #4A4B50;border-radius:12px;background:#2A2B2F;color:#FFFFFF;font-weight:600;text-decoration:none;font-size:15px}
.accesos a:hover{background:#34353A}
.recorrido{display:flex;flex-direction:column;gap:8px}
.recorrido .etq-chica{color:#C9C9CE}
.numeros{display:flex;align-items:stretch;gap:6px;flex-wrap:wrap}
.numeros a{flex:1 1 140px;background:#2A2B2F;border-radius:12px;padding:12px 14px;color:#FFFFFF;text-decoration:none;display:flex;flex-direction:column;gap:2px;min-height:76px}
.numeros a:hover{background:#34353A}
.numeros .n{font:500 30px/1 Fraunces,Georgia,serif}
.numeros .nt{font-size:14px;color:#D8D8DC}
.numeros .sep{color:#8D8D92;align-self:center;font-size:18px}
.bajo-i{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px;align-items:start}
@media (max-width:860px){.bajo-i{grid-template-columns:1fr}.numeros .sep{display:none}.franja-inicio{padding:20px 18px}}
.toca{display:flex;flex-direction:column}
.toca-cab{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.toca-cab h2,.bloque-i h2{font:500 22px Fraunces,Georgia,serif}
.toca li{display:flex;gap:12px;align-items:center;padding:14px 0;border-top:1px solid #EFEFEC}
.toca ul{list-style:none;margin:0;padding:0}
.toca li:first-child{border-top:0}
.toca .tx{flex:1;min-width:0;display:flex;gap:10px;align-items:flex-start}
.toca .tx strong{display:block;font-weight:600;font-size:16px}
.toca .tx .sub{font-size:14px}
.toca .bt{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.toca .bt form{display:inline}
@media (max-width:600px){.toca li{flex-direction:column;align-items:stretch}.toca .bt{justify-content:flex-start}}
.bloque-i ul{list-style:none;margin:0;padding:0}
.bloque-i li{padding:12px 0;border-top:1px solid #EFEFEC;display:flex;flex-direction:column;gap:8px}
.bloque-i li:first-child{border-top:0}
.bloque-i .fila-e{display:flex;justify-content:space-between;gap:10px;font-size:15px}
.bloque-i .fila-e a{color:#171717;text-decoration:none;font-weight:600}
.avance-e{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}
.avance-e i{height:4px;border-radius:2px;background:#DADAD6}
.avance-e i.si{background:var(--azul)}
.empiece{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
/* Carga de tarifas: subir, confirmar y guardado. */
.zona-grande{background:#FFFFFF;border:1.5px dashed #CFCFCA;border-radius:16px;min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:30px 20px}
.zona-grande.encima{border-color:#1F2023;background:var(--gris)}
.zona-grande h2{font:500 26px Fraunces,Georgia,serif}
.zona-grande .bts{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:6px}
.proveedores-c{display:flex;flex-direction:column;gap:10px}
.prov-c{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#FFFFFF;border:1px solid #E2E2DF;border-radius:14px;padding:16px 18px;text-decoration:none;color:#171717;min-height:44px}
.prov-c h3{font:500 21px Fraunces,Georgia,serif}
.prov-c .sub{font-size:14px}
.prov-c .estado{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px;white-space:nowrap}
.tomado{border:1px dashed #CFCFCA;border-radius:12px;padding:12px 14px;display:flex;gap:8px;align-items:flex-start;font-size:14px;color:#3A3A3A;background:var(--gris)}
.preguntas{display:flex;flex-direction:column}
.pregunta-c{padding:16px 0;border-top:1px solid #E2E2DF;display:flex;flex-direction:column;gap:6px}
.pregunta-c:first-of-type{border-top:0}
.pregunta-c .q{display:flex;gap:10px;align-items:flex-start;font-weight:600;font-size:16px}
.pregunta-c .q .ico{margin-top:2px}
.pregunta-c .por{font-size:14px;color:#5A5A55;padding-left:29px}
.opciones-c{display:flex;flex-wrap:wrap;gap:10px;padding-left:29px;margin-top:6px}
.opciones-c label{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid #B9B9B3;border-radius:10px;background:#FFFFFF;font-weight:600;cursor:pointer;font-size:15px}
.opciones-c label:has(input:checked){background:#1F2023;border-color:#1F2023;color:#FFFFFF}
.opciones-c input[type=radio]{position:absolute;opacity:0;width:1px;height:1px}
.opciones-c label:has(input:focus-visible){outline:3px solid rgba(30,95,214,.45);outline-offset:2px}
.opciones-c input.otra{min-height:44px;width:170px}
.cargos-c{display:flex;flex-wrap:wrap;gap:6px 18px;padding-left:29px}
.cargos-c label{display:inline-flex;gap:8px;align-items:center;min-height:44px;font-size:15px}
.cargos-c input{width:20px;height:20px}
/* Tarifas: un renglón por proveedor. */
.busca-t{display:flex;gap:10px}
.busca-t input{flex:1;min-height:48px;font-size:16px;border-radius:12px}
.prov-t{background:#FFFFFF;border:1px solid #E2E2DF;border-radius:14px}
.prov-t>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;cursor:pointer;min-height:44px}
.prov-t>summary::-webkit-details-marker{display:none}
.prov-t>summary h3{font:500 20px Fraunces,Georgia,serif}
.prov-t>summary .sub{font-size:14px}
.prov-t>summary .flecha{transition:transform .15s}
.prov-t[open]>summary .flecha{transform:rotate(90deg)}
.prov-t .dentro{padding:0 18px 16px}
.prov-t table{min-width:0}
@container provt (max-width:640px){.prov-t table,.prov-t tbody,.prov-t tr,.prov-t td{display:block;width:100%}.prov-t thead{display:none}.prov-t tr{padding:10px 0;border-bottom:1px solid #EFEFEC}.prov-t td{border:0;padding:3px 0;display:flex;justify-content:space-between;gap:10px}.prov-t td::before{content:attr(data-et);color:#5A5A55;font-size:14px}}
.prov-t .dentro{container:provt/inline-size}

/* Tanda 13: menú agrupado y plegable, «Ver como», franja de tipo de cambio, «Depende de usted», pestañas,
   formulario de tarifa, etapas del embarque y vistas «solo para consultar». */
.menu-perfil nav.menu-g,.menu-perfil nav.menu-g[aria-label]{width:300px;background:#F7F7F5;padding:14px 10px}
.menu-g .menu-quien{padding:0 10px 6px}
.menu-g ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.menu-g a.item{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 12px;border-radius:10px;color:#171717;text-decoration:none;font-size:15px}
.menu-g a.item:hover{background:#FFFFFF}
.menu-g a.item.activo{background:#FFFFFF;box-shadow:inset 3px 0 0 var(--azul);font-weight:600}
.menu-g a.item>span:first-of-type{flex:1}
.cuenta-azul{margin-left:auto;font-size:13px;font-weight:700;background:var(--azul);color:#FFFFFF;border-radius:999px;min-width:28px;height:22px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;flex:none}
.grupo-m{border-top:1px solid #E2E2DF;margin-top:6px;padding-top:4px}
.grupo-m>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:40px;padding:0 12px;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#5A5A55}
.grupo-m>summary::-webkit-details-marker{display:none}
.grupo-m>summary .mas::before{content:"+";font-size:16px}
.grupo-m[open]>summary .mas::before{content:"–"}
.menu-g ul.subs{padding:2px 0 6px 44px;gap:0}
.menu-g ul.subs a{display:flex;align-items:center;min-height:36px;color:#5A5A55;text-decoration:none;font-size:14px}
.menu-g ul.subs a[aria-current]{color:#171717;font-weight:600}
.menu-g .pie{border-top:1px solid #E2E2DF;margin-top:8px;padding-top:8px;display:flex;flex-direction:column;gap:2px}
.menu-g ul.subs a{min-height:44px}
.ver-como{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;background:#FFFFFF;border:1px solid #E2E2DF;border-radius:12px;padding:10px 14px;font-size:14px}
.ver-como>span{flex:1 1 260px}
.ver-como a{display:inline-flex;align-items:center;min-height:44px}
.ver-como-i p{display:flex;gap:8px;align-items:center;font-size:15px}
.pestanas-c{display:flex;flex-wrap:wrap;gap:8px}
.pestanas-c a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid #CFCFCA;border-radius:999px;background:#FFFFFF;color:#171717;text-decoration:none;font-weight:600;font-size:14px}
.pestanas-c a.sel{background:#1F2023;border-color:#1F2023;color:#FFFFFF}
.toca-cab .pestanas-c.filtros{justify-content:flex-end}
.toca .detenido{display:block;font-size:13px;color:#5A5A55;margin-top:2px}
.vacio-c{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:24px 10px}
.franja-tc{display:flex;flex-wrap:wrap;gap:6px 22px;align-items:center;background:#2A2B2F;border-radius:10px;padding:10px 14px;font-size:14px;color:#D8D8DC}
.franja-tc strong{color:#FFFFFF}
.tc-fuente{color:#C9C9CE;font-weight:600}
.tc-c{color:#C9C9CE}
.tc-c.sube{color:#8DB4FF}
.tc-aviso{display:inline-flex;gap:6px;align-items:center;color:#FFFFFF}
.lista-simple{list-style:none;margin:0;padding:0}
.lista-simple li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 0;border-top:1px solid #EFEFEC}
.lista-simple li:first-child{border-top:0}
.lista-simple li>div{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 280px}
.rejilla-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px;align-items:start}
.rejilla-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 16px;align-items:start}
.rejilla-4>[hidden]{display:none}
@media (max-width:860px){.rejilla-3,.rejilla-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.rejilla-3,.rejilla-4{grid-template-columns:1fr}}
.form-tarifa .campo label,.etiqueta-c{font-size:14px;font-weight:600;color:#171717}
.segmentos{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.notas-t{display:flex;flex-wrap:wrap;gap:6px 28px;font-size:14px;color:#3A3A3A}
.notas-t details>summary,.form-tarifa details>summary{list-style:none;cursor:pointer;min-height:44px;display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.notas-t details>summary::-webkit-details-marker,.form-tarifa details>summary::-webkit-details-marker{display:none}
.enl-t{color:var(--enlace);text-decoration:underline;cursor:pointer}
.b2.punteado{border-style:dashed}
.locales-t{display:flex;flex-direction:column;gap:10px;border-top:1px solid #EFEFEC;padding-top:12px}
.dato-tc{font-size:15px;min-height:44px;display:flex;align-items:center;flex-wrap:wrap;gap:4px}
#ajustes details>summary{list-style:none;cursor:pointer;min-height:44px;display:flex;align-items:center}
#ajustes details>summary::-webkit-details-marker{display:none}
.aviso-linea{display:flex;gap:8px;align-items:center;font-weight:600}
.etapas-v{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.etapas-v li{display:flex;gap:12px;align-items:center;min-height:38px;color:#8A8A85;font-size:15px}
.etapas-v .punto{width:16px;height:16px;border-radius:50%;border:1.5px solid #CFCFCA;flex:none;display:inline-flex;align-items:center;justify-content:center}
.etapas-v li.e-hecho{color:#171717}
.etapas-v li.e-hecho .punto{border:0;width:18px;height:18px}
.etapas-v li.e-actual{color:#171717;font-weight:600}
.etapas-v li.e-actual .punto{border:0;background:var(--azul);box-shadow:0 0 0 4px rgba(30,95,214,.18)}
.emb-col{grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr)}
@media (max-width:860px){.emb-col{grid-template-columns:1fr}}
.toca-ahora .fila{margin-top:4px}
body.solo-ver main form,body.solo-ver main .fila>form{display:none}
.estado-p{max-width:620px;margin:10vh auto 0;text-align:center;align-items:center}
.estado-p h1{font:500 30px Fraunces,Georgia,serif}
.estado-p .que-hacer{text-align:left;width:100%;background:var(--gris);border-radius:12px;padding:12px 16px}
.estado-p .que-hacer ol{margin:6px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:4px}

.pasos-t{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pasos-t li{gap:6px;padding:16px 18px}
.num-t{width:26px;height:26px;border-radius:50%;background:var(--azul);color:#FFFFFF;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
@media (max-width:860px){.pasos-t{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.pasos-t{grid-template-columns:1fr}}
.ve-que{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:860px){.ve-que{grid-template-columns:1fr}}
.lista-est{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.lista-est li{display:flex;gap:8px;align-items:flex-start}
.lista-est .ico{margin-top:2px}
.historial-c{list-style:none;margin:0;padding:0}
.historial-c li{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid #EFEFEC}
.historial-c li:first-child{border-top:0}
.historial-c li>div{display:flex;flex-direction:column}
.casillas-p{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 12px}
.barra-lista{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.busca-l{flex:1 1 280px;display:flex;align-items:center;gap:10px;background:#FFFFFF;border:1px solid #CFCFCA;border-radius:12px;padding:0 14px;min-height:50px}
.busca-l input{border:0;outline:0;flex:1;min-width:0;min-height:48px;font-size:16px;background:transparent;padding:0}
.busca-l:focus-within{box-shadow:0 0 0 3px rgba(30,95,214,.25)}
.filas-l{list-style:none;margin:0;padding:0}
.filas-l li.op{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1.1fr) minmax(0,.9fr);gap:10px 18px;align-items:center;padding:14px 4px;border:0;border-top:1px solid #EFEFEC;border-radius:0;background:none}
.filas-l li.op:first-child{border-top:0}
.filas-l .quien{display:flex;flex-direction:column;gap:2px;min-width:0}
.filas-l .quien a{color:#171717;text-decoration:none;min-height:0}
.filas-l .quien span{font-size:14px;color:#5A5A55;overflow-wrap:anywhere}
.estado-l{display:flex;flex-direction:column;gap:2px;font-size:15px}
.estado-l .sub{font-size:13.5px}
.fuerte-l{display:inline-flex;gap:6px;align-items:center}
.etq-l{font-size:15px;display:inline-flex;gap:6px;align-items:center}
@media (max-width:760px){.filas-l li.op{grid-template-columns:1fr}}
.filas-l .quien a{display:inline-flex;align-items:center;min-height:44px}
.pub-cab{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px}
.pub-cab .pub{display:flex;flex-wrap:wrap;gap:10px}
.pub-hero{background:#1F2023;color:#FFFFFF;border-radius:20px;border-top:3px solid var(--azul);padding:48px 44px;display:flex;flex-direction:column;gap:16px}
.pub-hero h1{font:500 48px/1.08 Fraunces,Georgia,serif;color:#FFFFFF;max-width:720px}
.pub-hero p{font-size:18px;color:#D8D8DC;max-width:640px}
@media (max-width:600px){.pub-hero{padding:28px 22px}.pub-hero h1{font-size:32px}}
.pub-cuatro{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:900px){.pub-cuatro{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.pub-cuatro{grid-template-columns:1fr}}
.acceso{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:440px}
.acceso-logo{font-size:24px;justify-content:center}
.acceso-caja,.caja-chica>.t{width:100%;border-top:3px solid var(--azul)}
.acceso-caja h1{font:500 30px Fraunces,Georgia,serif}
.acceso-enlaces{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px}
.acceso-enlaces a,.acceso-pie a{display:inline-flex;align-items:center;min-height:44px}
.acceso-pie{display:flex;gap:18px;justify-content:center;font-size:14px}
/* Registro: pasos con el mismo estilo de la guía (círculo con número; el actual en azul). */
.reg-pasos{background:none;border:0;padding:0}
.reg-pasos .actual i{background:var(--azul);border-color:var(--azul)}
.nota-caja a,main p.sub a,.dato-tc a{display:inline-flex;align-items:center;min-height:44px}
.acciones-u{flex:1 1 100%;max-width:100%}
.cambiar-perfil{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;max-width:100%}
.casillas-p{max-width:100%}
.grupo-m>summary{min-height:44px}
.tarjeta a.enl-cambiar,.tarjeta>a{display:inline-flex;align-items:center;min-height:44px}
.casillas-p{min-width:0}
.pareja>.ren>.acciones-u{grid-column:1/-1}
/* En columnas angostas (embarque: agente aduanal, documentos, historial), cada renglón de una lista se apila. */
.dos>.t,.dos>section{container-type:inline-size}
@container (max-width:560px){.pareja{grid-template-columns:minmax(0,1fr)}.pareja>.ren>*,.pareja>.op>*{grid-column:1/-1}}