:root{--oscuro:#2b2b2b;--amarillo:#ffc000;--amarillo-suave:#fff4cc;--amarillo-texto:#7a5600;--gris:#6b6b6b;--gris-claro:#c9c9c9;--fondo:#f5f5f2;--borde:#e3e3de;--blanco:#fff;--ok:#1e7b34;--ok-suave:#e5f3e8;--error:#b42318;--error-suave:#fdecea;--radio:12px;--sombra:0 1px 2px #0000000a, 0 4px 16px #0000000d;color:var(--oscuro);background:var(--fondo);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--fondo);min-height:100vh;margin:0}a{color:inherit}h1,h2,h3{margin:0;line-height:1.2}h1{font-size:1.6rem;font-weight:700}h2{font-size:1.15rem;font-weight:650}p{margin:0;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}.encabezado{background:var(--oscuro);color:var(--blanco)}.encabezado__interior{align-items:center;gap:28px;max-width:1120px;height:64px;margin:0 auto;padding:0 24px;display:flex}.encabezado__logo{height:30px;display:block}.encabezado__titulo{color:var(--gris-claro);white-space:nowrap;border-left:1px solid #4a4a4a;padding-left:16px;font-size:.95rem}.nav{flex:1;gap:4px;display:flex}.nav a{color:var(--gris-claro);white-space:nowrap;border-radius:8px;padding:8px 12px;font-size:.95rem;text-decoration:none}.nav a:hover{color:var(--blanco);background:#3a3a3a}.nav a.activo{color:var(--oscuro);background:var(--amarillo);font-weight:600}.usuario{color:var(--gris-claro);white-space:nowrap;align-items:center;gap:12px;font-size:.9rem;display:flex}.usuario button{color:var(--blanco);cursor:pointer;background:0 0;border:1px solid #555;border-radius:8px;padding:6px 10px}.usuario button:hover{border-color:var(--amarillo);color:var(--amarillo)}.contenido{gap:24px;max-width:1120px;margin:0 auto;padding:32px 24px 64px;display:grid}.cabecera-pagina{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.cabecera-pagina p{color:var(--gris);margin-top:6px}.volver{color:var(--gris);margin-bottom:8px;font-size:.9rem;text-decoration:none;display:inline-block}.volver:hover{color:var(--oscuro)}.tarjeta{background:var(--blanco);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:24px}.tarjeta--destacada{border-color:var(--amarillo);box-shadow:0 0 0 3px var(--amarillo-suave), var(--sombra)}.tarjeta h2+*{margin-top:12px}.grilla-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.dato{gap:4px;display:grid}.dato__valor{letter-spacing:-.02em;font-size:2.2rem;font-weight:750}.dato__etiqueta{color:var(--gris);font-size:.9rem}.fila{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.fila--entre{justify-content:space-between}.apilado{gap:12px;display:grid}.tenue{color:var(--gris)}.chico{font-size:.85rem}.boton{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.boton:disabled{opacity:.5;cursor:not-allowed}.boton--primario{background:var(--amarillo);color:var(--oscuro)}.boton--primario:hover:not(:disabled){background:#f0b400}.boton--oscuro{background:var(--oscuro);color:var(--blanco)}.boton--oscuro:hover:not(:disabled){background:#1a1a1a}.boton--secundario{background:var(--blanco);color:var(--oscuro);border-color:var(--gris-claro)}.boton--secundario:hover:not(:disabled){border-color:var(--oscuro)}.boton--fantasma{color:var(--oscuro);background:0 0;padding:8px 10px}.boton--fantasma:hover:not(:disabled){background:#ecece7}.boton--peligro{background:var(--blanco);color:var(--error);border-color:#f1b9b3}.boton--grande{padding:14px 22px;font-size:1rem}.chip{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.chip:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.chip--pendiente{background:var(--amarillo-suave);color:var(--amarillo-texto)}.chip--conforme{background:var(--ok-suave);color:var(--ok)}.chip--no-conforme{background:var(--error-suave);color:var(--error)}.chip--neutro{color:var(--gris);background:#ededea}.aviso{border-radius:10px;padding:12px 16px;font-size:.95rem}.aviso--error{background:var(--error-suave);color:var(--error)}.aviso--ok{background:var(--ok-suave);color:var(--ok)}.aviso--info{background:var(--amarillo-suave);color:var(--amarillo-texto)}.tabla-envoltura{margin:0 -24px -24px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.93rem}th{text-align:left;color:var(--gris);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--borde);background:#fafaf8;padding:10px 24px;font-size:.8rem;font-weight:600}td{border-bottom:1px solid var(--borde);vertical-align:middle;padding:14px 24px}tr:last-child td{border-bottom:none}td.acciones{text-align:right;white-space:nowrap}tr.fila--error td{background:snow}.sin-corte{white-space:nowrap}.recortado{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:200px;display:inline-block;overflow:hidden}.lista-errores{color:var(--error);margin:4px 0 0;padding-left:18px;font-size:.85rem}.lista-advertencias{color:var(--amarillo-texto);margin:4px 0 0;padding-left:18px;font-size:.85rem}.campo{gap:6px;display:grid}.campo label{color:var(--gris);font-size:.85rem;font-weight:600}.campo input,.campo select,.campo textarea{border:1px solid var(--gris-claro);background:var(--blanco);border-radius:10px;padding:10px 12px}.campo input:focus,.campo select:focus,.campo textarea:focus{outline:2px solid var(--amarillo);outline-offset:1px;border-color:var(--oscuro)}.campo textarea{resize:vertical;min-height:96px}.formulario-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.codigo{letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums;max-width:240px;font-size:1.6rem}.opciones{grid-template-columns:1fr 1fr;gap:12px;display:grid}.opcion{border:2px solid var(--borde);border-radius:var(--radio);cursor:pointer;background:var(--blanco);text-align:left;gap:4px;padding:16px;display:grid}.opcion:hover{border-color:var(--gris-claro)}.opcion--elegida{border-color:var(--oscuro);box-shadow:0 0 0 3px var(--amarillo-suave)}.opcion strong{font-size:1rem}.opcion span{color:var(--gris);font-size:.88rem}.recibo-layout{grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);align-items:start;gap:24px;display:grid}.visor{border:1px solid var(--borde);border-radius:var(--radio);background:var(--blanco);width:100%;height:78vh}.pasos{counter-reset:paso;gap:20px;display:grid}.paso{gap:10px;display:grid}.paso__titulo{align-items:center;gap:10px;font-weight:650;display:flex}.paso__titulo:before{counter-increment:paso;content:counter(paso);background:var(--oscuro);width:26px;height:26px;color:var(--amarillo);border-radius:50%;place-items:center;font-size:.85rem;font-weight:700;display:grid}.recibo-item{grid-template-columns:1fr auto auto;align-items:center;gap:16px;display:grid}.recibo-item__titulo{font-weight:650}.candado{color:var(--gris);align-items:center;gap:6px;font-size:.88rem;display:inline-flex}.acceso{background:#ebebe8;min-height:100vh;position:relative;overflow:hidden}.acceso__oscuro{clip-path:polygon(0 0,100% 0,82% 50%,100% 100%,0 100%);background:#1f1f1f;width:39%;position:absolute;inset:0 auto 0 0}.acceso__acento{background:var(--amarillo);clip-path:polygon(42% 0,100% 0,100% 100%,42% 100%,0 50%);width:9%;height:50%;position:absolute;top:25%;left:30.6%}.acceso__foto{clip-path:polygon(21% 0,100% 0,100% 100%,0 100%);background:#2b2b2b url(/login-oficina.webp) 100%/cover no-repeat;width:49%;position:absolute;inset:0 0 0 auto}.acceso__marca{z-index:1;width:29.5%;min-height:100vh;color:var(--blanco);flex-direction:column;padding:56px 0 44px 72px;display:flex;position:relative}.acceso__logo{align-self:flex-start;height:50px}.acceso__mensaje{margin:auto 0}.acceso__raya{background:var(--amarillo);width:48px;height:3px;margin-bottom:24px;display:block}.acceso__mensaje h1{letter-spacing:-.01em;font-size:clamp(1.9rem,2.75vw,3rem);line-height:1.15}.acceso__mensaje h1 em{color:var(--amarillo);font-style:normal}.acceso__mensaje p{color:#c9c9c9;max-width:26ch;margin-top:24px;font-size:1.15rem}.acceso__pie{color:#c9c9c9;border-top:1px solid #4a4a4a;width:210px;padding-top:18px}.acceso__tarjeta{z-index:2;background:#fafaf8f5;border-radius:24px;gap:16px;width:min(34%,560px);padding:56px 52px;display:grid;position:absolute;top:50%;left:38.7%;transform:translateY(-50%);box-shadow:0 24px 64px #0000002e}.acceso__tarjeta h2{font-size:2.2rem;font-weight:700}.acceso__subtitulo{color:var(--gris);margin-top:-4px;font-size:1.1rem}.acceso__opciones{gap:16px;margin-top:20px;display:grid}.acceso__volver{color:var(--gris);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0}.acceso__volver:hover{color:var(--oscuro)}.opcion-acceso{text-align:left;background:var(--blanco);cursor:pointer;border:1px solid #dcdcd8;border-radius:12px;align-items:center;gap:24px;width:100%;padding:22px 26px;font-size:1.1rem;font-weight:500;transition:border-color .15s,box-shadow .15s;display:flex}.opcion-acceso:hover{border-color:var(--oscuro);box-shadow:0 0 0 3px var(--amarillo-suave)}.opcion-acceso:focus-visible{outline:2px solid var(--amarillo);outline-offset:2px}.opcion-acceso span{flex:1;gap:2px;display:grid}.opcion-acceso small{color:var(--gris);font-size:.85rem;font-weight:400}.opcion-acceso__flecha{color:#555;flex-shrink:0}.zona-carga{border:2px dashed var(--gris-claro);border-radius:var(--radio);text-align:center;cursor:pointer;background:#fbfbf9;justify-items:center;gap:8px;padding:32px;display:grid}.zona-carga--activa{border-color:var(--amarillo);background:var(--amarillo-suave)}.zona-carga strong{font-size:1.05rem}.dialogo-fondo{z-index:10;background:#00000073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialogo{background:var(--blanco);border-radius:var(--radio);gap:16px;width:100%;max-width:520px;padding:24px;display:grid}.dialogo--ancho{grid-template-rows:auto 1fr;max-width:960px;height:90vh}.centro{text-align:center;place-items:center;min-height:60vh;display:grid}@media (width<=860px){.encabezado__interior{flex-wrap:wrap;gap:12px;height:auto;padding:12px 16px}.encabezado__titulo{display:none}.nav{flex-basis:100%;order:3;overflow-x:auto}.usuario{margin-left:auto}.usuario span{display:none}.contenido{padding:20px 16px 48px}.grilla-3{grid-template-columns:1fr}.recibo-layout{grid-template-columns:minmax(0,1fr)}.boton{white-space:normal;text-align:center}.visor{height:60vh}.acceso{background:#1f1f1f}.acceso__oscuro,.acceso__acento,.acceso__foto{display:none}.acceso__marca{gap:32px;width:auto;min-height:0;padding:32px 24px}.acceso__logo{height:40px}.acceso__mensaje h1{font-size:2rem}.acceso__pie{display:none}.acceso__tarjeta{width:auto;margin:0 16px 32px;padding:32px 24px;position:static;transform:none}.acceso__tarjeta h2{font-size:1.7rem}.opcion-acceso{gap:18px;padding:18px 20px}.recibo-item,.opciones,.formulario-2{grid-template-columns:1fr}.tabla-envoltura{margin:0 -16px -24px}th,td{padding:10px 16px}}