html,body,#root{width:100%;min-width:320px;min-height:100vh;margin:0;padding:0}html,body{overflow-x:hidden}#root{border:none;width:100%;max-width:none;margin:0;padding:0}*{box-sizing:border-box}:root{color:#252525;background:#f4f5f7;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.app{background:linear-gradient(#830912 0 210px,#f4f5f7 210px);min-height:100vh;padding:45px 20px}.contenedor{background:#fff;border-radius:16px;width:100%;max-width:950px;margin:auto;overflow:hidden;box-shadow:0 12px 40px #00000026}.topbar{background:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;min-height:75px;padding:15px 30px;display:flex}.topbar-marca{align-items:center;gap:12px;display:flex}.topbar-logo{border-radius:11px;flex-shrink:0;width:46px;height:46px;overflow:hidden;box-shadow:0 2px 8px #0000001f}.topbar-logo img{object-fit:cover;width:100%;height:100%;display:block}.clima-icono{color:#b77900;background:#fff4d8;border-radius:8px;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.icono{color:#830912}.resultado-titulo{align-items:center;gap:8px;display:flex}.nombre-documento{align-items:center;gap:7px;display:flex}.advertencia{color:#9a6700;align-items:center;gap:6px;display:flex}.btn-descargar{justify-content:center;align-items:center;gap:8px;display:flex}.topbar-texto{flex-direction:column;gap:2px;display:flex}.topbar-texto strong{color:#292929;font-size:16px;font-weight:700}.topbar-texto span{color:#888;font-size:12px}.clima{background:#f7f7f7;border:1px solid #eee;border-radius:10px;align-items:center;gap:10px;padding:8px 14px;display:flex}.clima-icono{font-size:25px}.clima-texto{flex-direction:column;min-width:70px;display:flex}.clima-texto strong{color:#333;font-size:15px}.clima-texto span{color:#888;margin-top:1px;font-size:11px}.encabezado{text-align:left;padding:35px 40px 15px}.encabezado h1{color:#252525;margin:0;font-size:26px;font-weight:700}.encabezado p{color:#777;margin:7px 0 0;font-size:14px}.drop-zone{cursor:pointer;background:#fafafa;border:2px dashed #c7c7c7;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:250px;margin:25px 40px;padding:30px;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;display:flex}.drop-zone:hover{background:snow;border-color:#830912;transform:translateY(-2px);box-shadow:0 5px 18px #83091212}.drop-zone input{display:none}.icono{background:#f4e8e9;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:18px;font-size:31px;display:flex}.drop-zone strong{color:#292929;font-size:17px;font-weight:650}.drop-zone span{color:#888;margin-top:7px;font-size:12px}.lista-archivos{padding:0 40px 5px}.titulo-lista{color:#444;margin-bottom:12px;font-size:13px;font-weight:650}.archivo{background:#fff;border:1px solid #e5e5e5;border-radius:9px;justify-content:space-between;align-items:center;width:100%;margin-bottom:9px;padding:14px 17px;transition:border-color .2s,box-shadow .2s;display:flex}.archivo:hover{border-color:#d4d4d4;box-shadow:0 3px 12px #0000000f}.archivo>div{flex-direction:column;gap:4px;min-width:0;display:flex}.archivo strong{color:#333;text-overflow:ellipsis;white-space:nowrap;max-width:750px;font-size:13px;overflow:hidden}.archivo span{color:#888;font-size:11px}.archivo .check{color:#16803c;background:#e8f6ed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:27px;height:27px;margin-left:15px;font-size:14px;font-weight:700;display:flex}.btn-procesar{color:#fff;cursor:pointer;background:#830912;border:none;border-radius:9px;width:calc(100% - 80px);margin:25px 40px 35px;padding:15px 20px;font-size:14px;font-weight:650;transition:background .2s,transform .1s,box-shadow .2s;display:block}.btn-procesar:hover:not(:disabled){background:#69070e;box-shadow:0 4px 12px #83091233}.btn-procesar:active:not(:disabled){transform:scale(.995)}.btn-procesar:disabled{cursor:not-allowed;background:#b58b8e}.procesando{background:#fafafa;border:1px solid #eee;border-radius:10px;align-items:center;gap:14px;margin:25px 40px 35px;padding:18px 20px;display:flex}.procesando>div:not(.spinner){flex-direction:column;gap:3px;display:flex}.procesando strong{color:#333;font-size:13px}.procesando span{color:#888;font-size:11px}.spinner{border:3px solid #ddd;border-top-color:#830912;border-radius:50%;flex-shrink:0;width:25px;height:25px;animation:.7s linear infinite girar}@keyframes girar{to{transform:rotate(360deg)}}.error{color:#a31313;background:#fff4f4;border:1px solid #f0caca;border-radius:8px;margin:20px 40px;padding:14px 16px;font-size:12px}.resultado{background:#fbfefc;border:1px solid #d9e8dd;border-radius:12px;margin:25px 40px 35px;padding:24px}.resultado h2{color:#16803c;margin:0 0 18px;font-size:19px;font-weight:700}.resultado-documento{color:#555;background:#fff;border:1px solid #e4e4e4;border-radius:9px;flex-direction:column;gap:6px;margin-top:10px;padding:16px;font-size:12px;display:flex}.resultado-documento strong{color:#333;margin-bottom:5px;font-size:13px}.documento-error{background:#fff8f8;border-color:#eccccc}.texto-error{color:#a31313;font-weight:600}.btn-descargar{color:#fff;cursor:pointer;background:#16803c;border:none;border-radius:8px;width:100%;margin:22px 0 0;padding:14px 20px;font-size:14px;font-weight:650;transition:background .2s,box-shadow .2s,transform .1s;display:block}.btn-descargar:hover{background:#116b32;box-shadow:0 4px 12px #16803c2e}.btn-descargar:active{transform:scale(.995)}.requisitos{color:#888;background:#fafafa;border-top:1px solid #eee;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:15px 40px;font-size:11px;display:flex}.requisitos span:nth-child(2n){color:#c3c3c3}@media (width<=800px){.app{padding:30px 15px}.contenedor{max-width:100%}}@media (width<=650px){.app{background:linear-gradient(#830912 0 115px,#f4f5f7 115px);padding:15px 10px}.contenedor{border-radius:11px}.topbar{min-height:68px;padding:12px 16px}.topbar-icono{width:38px;height:38px;font-size:18px}.topbar-texto strong{font-size:13px}.topbar-texto span{font-size:10px}.clima{gap:6px;padding:6px 9px}.clima-icono{font-size:19px}.clima-texto{min-width:auto}.clima-texto strong{font-size:12px}.clima-texto span{font-size:9px}.encabezado{padding:25px 20px 10px}.encabezado h1{font-size:21px}.encabezado p{font-size:12px;line-height:1.5}.drop-zone{text-align:center;min-height:210px;margin:20px;padding:25px 15px}.icono{width:55px;height:55px;font-size:25px}.drop-zone strong{font-size:14px}.drop-zone span{font-size:11px}.lista-archivos{padding:0 20px}.archivo{padding:13px}.archivo strong{max-width:240px;font-size:12px}.btn-procesar{width:calc(100% - 40px);margin:22px 20px 30px}.procesando,.error{margin-left:20px;margin-right:20px}.resultado{margin:20px;padding:18px}.resultado h2{font-size:17px}.requisitos{text-align:center;flex-wrap:wrap;gap:6px;padding:14px 20px;font-size:10px}}