:root{color:#2b2b2a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--tinta:#2b2b2a;--carbon:#3c3c3b;--secundario:#575756;--fondo:#f4f4f2;--superficie-suave:#f7f7f5;--borde:#e2e2df;--ambar:#f8b245;--naranja:#ef8225;--naranja-fuerte:#e74b20;--accion:#cc3c16;--accion-hover:#ad3010;--degradado:linear-gradient(90deg, #f8b245, #ef8225 35%, #eb6325 65%, #e63a20);--exito:#2a7148;--exito-fondo:#e6f2ea;background:#f4f4f2;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible{outline:3px solid var(--naranja);outline-offset:3px}h1,h2,h3,p,dl,dd,ol,ul{margin:0}ol,ul{padding:0;list-style:none}h1:focus{outline:none}.icono{flex-shrink:0;width:22px;height:22px;display:inline-block}.solo-lectores{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.aplicacion{flex-direction:column;min-height:100svh;display:flex}.contenedor{width:min(1120px,100% - 64px);margin-inline:auto}.cabecera{background:var(--carbon);color:#fff;position:relative}.cabecera:after{content:"";background:var(--degradado);height:4px;position:absolute;inset:auto 0 0}.cabecera-contenido{justify-content:space-between;align-items:center;gap:24px;height:92px;display:flex}.marca-logo{width:auto;height:52px;display:block}.cabecera-etiqueta{color:#e4e4e2;align-items:center;gap:9px;font-size:14px;display:flex}.cabecera-etiqueta .icono{width:19px;height:19px;color:var(--ambar)}.contenido{flex:1;padding-block:44px 60px}.sobretitulo{color:var(--secundario);letter-spacing:.14em;font-size:11px;font-weight:750;line-height:1.6}h1{letter-spacing:-.03em;font-size:clamp(25px,3.8vw,32px);font-weight:700;line-height:1.2}.texto-secundario{color:var(--secundario);font-size:15px;line-height:1.65}.encabezado-documento{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.encabezado-documento h1{margin:6px 0 8px}.etiqueta{white-space:nowrap;border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:650;display:inline-flex}.etiqueta-activo{background:var(--exito-fondo);color:var(--exito);border:1px solid #cfe4d6}.punto-estado{background:#3a9160;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #3a916022}.etiqueta-finalizado{background:var(--exito-fondo);color:var(--exito)}.etiqueta-finalizado .icono{width:16px;height:16px}.documento-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;display:grid}.panel{border:1px solid var(--borde);background:#fff;border-radius:16px;box-shadow:0 3px 16px #2b2b2a08}.documento{padding:30px;overflow:hidden}.orden-cabecera{border-bottom:1px solid var(--borde);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:22px;display:flex}.numero-orden{letter-spacing:-.03em;overflow-wrap:anywhere;margin-top:2px;font-size:38px;font-weight:700;line-height:1.3}.documento-sello{background:var(--superficie-suave);border:1px solid var(--borde);color:#8a8a87;border-radius:12px;margin-left:20px;padding:13px}.documento-sello .icono{width:26px;height:26px;display:block}.seccion-titulo{align-items:center;gap:9px;margin-bottom:18px;display:flex}.seccion-titulo h3{font-size:15px;font-weight:650}.linea-decorativa{background:linear-gradient(#f8b245,#e63a20);border-radius:2px;width:4px;height:16px}.fechas-grid{border-bottom:1px solid var(--borde);grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px;padding-bottom:26px;display:grid}.fecha-item dt{color:var(--secundario);align-items:center;gap:9px;margin-bottom:6px;font-size:13px;display:flex}.fecha-item .icono{width:18px;height:18px;color:var(--naranja)}.fecha-item dd{font-variant-numeric:tabular-nums;margin-left:27px;font-size:15px;font-weight:600;line-height:1.5}.medidas-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:26px;display:grid}.medida{background:var(--superficie-suave);border:1px solid #ebebe8;border-radius:10px;min-width:0;padding:16px 14px 18px}.medida-etiqueta{flex-direction:column;gap:10px;margin-bottom:10px;display:flex}.medida-etiqueta .icono{width:20px;height:20px;color:var(--naranja)}.medida dt{color:var(--secundario);font-size:13px;line-height:1.4}.medida dd{letter-spacing:-.03em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(19px,1.9vw,23px);font-weight:700}.unidad{color:var(--secundario);letter-spacing:0;font-size:13px;font-weight:500}.sin-registro{color:var(--secundario);letter-spacing:0;font-size:14px;font-weight:400}.documento-pie{border-top:1px solid var(--borde);justify-content:space-between;align-items:center;gap:16px;padding-top:16px;display:flex}.documento-pie>span{color:var(--secundario);font-size:12px;line-height:1.5}.boton-texto{color:var(--accion);background:0 0;border:0;align-items:center;gap:7px;min-height:44px;padding:5px 0 5px 5px;font-size:14px;font-weight:650;display:inline-flex}.boton-texto .icono{width:16px;height:16px}.boton-texto:hover{color:var(--accion-hover)}.acciones{padding:26px}.icono-circulo{width:44px;height:44px;color:var(--secundario);background:#ededea;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.acciones h2{letter-spacing:-.02em;margin:16px 0 8px;font-size:21px;font-weight:700}.acciones-pasos{gap:12px;margin-top:18px;display:grid}.acciones-pasos li{color:var(--tinta);align-items:center;gap:11px;font-size:14px;line-height:1.4;display:flex}.numero-paso{color:#a8350f;background:#fdeee2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:inline-flex}.boton{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:13px 20px;font-size:16px;font-weight:650;line-height:1.3;transition:background .15s,border-color .15s;display:inline-flex}.boton .icono{width:19px;height:19px}.boton-principal{color:#fff;background:var(--accion)}.boton-principal:hover:not(:disabled){background:var(--accion-hover)}.boton-secundario{color:var(--carbon);background:#fff;border-color:#cfcfcb}.boton-secundario:hover:not(:disabled){background:var(--superficie-suave)}.boton-completo{justify-content:space-between;width:100%;margin-top:24px}.nota-cierre{color:var(--secundario);text-align:center;margin-top:12px;font-size:12px;line-height:1.6}.aviso{text-align:left;border-radius:10px;align-items:start;gap:10px;margin:0 0 22px;padding:13px 14px;font-size:14px;line-height:1.55;display:flex}.aviso-informativo{color:#7a4d08;background:#fff6e6;border:1px solid #f7e2bb}.aviso .icono{width:19px;height:19px;margin-top:1px}.aviso-error{color:#9b2c13;background:#fdece8;border:1px solid #f6d3c9}.pie{color:var(--secundario);border-top:1px solid #dededb;justify-content:space-between;align-items:center;gap:20px;padding-block:22px;font-size:12px;line-height:1.6;display:flex}.pie span:first-child{letter-spacing:.12em;font-weight:700}.estado-panel{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:640px;margin:30px auto;padding:52px 38px;display:flex}.estado-panel h1{font-size:clamp(24px,4vw,30px)}.estado-panel .sobretitulo{margin-top:6px}.estado-descripcion{max-width:450px}.estado-panel .boton{margin-top:5px}.icono-grande{width:72px;height:72px}.icono-grande .icono{width:32px;height:32px}.icono-circulo-ambar{color:#a86a08;background:#fff1d9}.icono-circulo-naranja{color:var(--accion);background:#fdeee2}.icono-circulo-verde{background:var(--exito-fondo);color:var(--exito)}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.8s linear infinite girar;display:inline-block}.spinner-grande{width:38px;height:38px;color:var(--naranja);border-width:3px;margin-block:8px 15px}@keyframes girar{to{transform:rotate(360deg)}}.pasos-panel{max-width:640px;margin:0 auto;padding:26px 30px 30px;scroll-margin-top:16px}.pasos-cabecera{justify-content:space-between;align-items:center;gap:16px;display:flex}.pasos-orden{margin-top:2px;font-size:17px;font-weight:700}.pasos-contador{color:#a8350f;background:#fdeee2;border-radius:30px;flex-shrink:0;padding:6px 12px;font-size:13px;font-weight:650}.pasos-indicador{grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0 26px;display:grid}.paso-indicador{color:#6b6b69;border-top:4px solid #e2e2df;align-items:center;gap:8px;padding-top:12px;font-size:13px;font-weight:600;display:flex}.paso-numero{background:#ededea;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:700;display:inline-flex}.paso-numero .icono{stroke-width:2.6px;width:14px;height:14px}.paso-actual{border-top-color:var(--accion);color:var(--tinta)}.paso-actual .paso-numero{background:var(--accion);color:#fff}.paso-hecho{border-top-color:var(--exito);color:var(--exito)}.paso-hecho .paso-numero{background:var(--exito);color:#fff}.paso-contenido{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.paso-descripcion{max-width:430px;font-size:16px}.ilustracion{width:min(260px,72%);height:auto}.lista-consejos{text-align:left;background:var(--superficie-suave);border:1px solid #ebebe8;border-radius:12px;gap:10px;width:100%;max-width:400px;padding:14px 16px;display:grid}.lista-consejos li{align-items:center;gap:11px;font-size:15px;line-height:1.4;display:flex}.lista-consejos .icono{width:20px;height:20px;color:var(--accion)}.foto-vista{border:1px solid var(--borde);background:var(--superficie-suave);object-fit:contain;border-radius:12px;max-width:100%;max-height:46svh;display:block}.paso-botones{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin-top:8px;display:flex}.paso-contenido .aviso{width:100%;max-width:480px;margin:0}.resumen{text-align:left;border:1px solid var(--borde);border-radius:12px;width:100%;max-width:480px;display:grid;overflow:hidden}.resumen li{align-items:center;gap:12px;padding:12px 14px;display:flex}.resumen li+li{border-top:1px solid var(--borde)}.resumen-marca{background:var(--exito-fondo);width:28px;height:28px;color:var(--exito);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.resumen-marca .icono{stroke-width:2.4px;width:16px;height:16px}.resumen-texto{min-width:0;color:var(--secundario);flex:1;font-size:13px;line-height:1.4}.resumen-texto strong{color:var(--tinta);font-size:15px;display:block}.resumen-foto{object-fit:cover;border:1px solid var(--borde);border-radius:8px;flex-shrink:0;width:52px;height:52px}@media (width<=1024px){.documento-grid{grid-template-columns:minmax(0,1fr) 290px;gap:18px}.documento{padding:24px}.acciones{padding:22px}.medidas-grid{grid-template-columns:1fr;gap:9px}.medida{justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.medida-etiqueta{flex-direction:row;align-items:center;gap:9px;margin:0}.medida dd{font-size:22px}.fechas-grid{grid-template-columns:1fr;gap:18px}}@media (width<=760px){.contenedor{width:calc(100% - 32px)}.cabecera-contenido{height:76px}.marca-logo{height:42px}.cabecera-etiqueta{gap:0;font-size:0}.cabecera-etiqueta .icono{width:25px;height:25px}.contenido{padding-block:24px 36px}.encabezado-documento{flex-wrap:wrap;align-items:start;gap:14px;margin-bottom:20px}.documento-grid{grid-template-columns:1fr;gap:18px}.documento{padding:22px 18px}.orden-cabecera{margin-bottom:22px;padding-bottom:18px}.numero-orden{font-size:34px}.acciones{padding:22px 18px}.acciones h2{vertical-align:middle;margin:0 0 0 12px;display:inline-block}.acciones>.texto-secundario{margin-top:14px}.boton-completo{justify-content:center}.pie{flex-direction:column;align-items:flex-start;gap:5px;padding-block:18px}.estado-panel{margin:8px auto;padding:36px 20px}.pasos-panel{padding:20px 16px 22px}.pasos-indicador{margin:16px 0 20px}.paso-indicador{flex-direction:column;align-items:flex-start;gap:6px;font-size:12px}.paso-botones{flex-direction:column-reverse}.paso-botones .boton{width:100%}.foto-vista{max-height:42svh}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}.spinner{animation-duration:1.8s}}