*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:#eef2f1;color:#14212b;display:flex;justify-content:center;min-height:100vh}
.app{width:100%;max-width:480px;min-height:100vh;background:#f5f7f9;display:flex;flex-direction:column}
main{flex:1;padding:24px 20px 110px;display:flex;flex-direction:column;gap:18px}
h1{font-size:1.9rem;font-weight:800}
h2{font-size:1.15rem;font-weight:800}
.saludo{color:#5b6670;font-size:1rem}
.cabecera{display:flex;justify-content:space-between;align-items:center;gap:12px}
.avatar{width:58px;height:58px;border-radius:50%;background:#dcf7e5;color:#16a34a;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.titulo{display:flex;align-items:center;gap:16px}
.titulo p{color:#5b6670}
.volver{width:52px;height:52px;border-radius:16px;background:#fff;border:1px solid #e3e8ec;display:flex;align-items:center;justify-content:center;color:#14212b;flex-shrink:0}
.estado{background:#16a34a;color:#fff;border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:12px}
.estado .fila{display:flex;align-items:center;gap:14px}
.estado .icono{background:rgba(255,255,255,.2);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.estado small{opacity:.9;font-size:.95rem}
.pastilla{align-self:flex-start;display:inline-block;background:rgba(0,0,0,.18);border-radius:999px;padding:7px 14px;font-size:.9rem;font-weight:600}
.rejilla{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.boton-grande{position:relative;background:#fff;border:1px solid #e3e8ec;border-radius:22px;padding:20px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:6px;min-height:170px}
.boton-grande .icono{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:auto}
.boton-grande strong{font-size:1.1rem;margin-top:14px}
.boton-grande span{color:#5b6670;font-size:.92rem}
.boton-grande.ancho{grid-column:1/-1;flex-direction:row;align-items:center;min-height:0;gap:16px}
.boton-grande.ancho strong{margin-top:0}
.boton-grande.pronto{opacity:.6;cursor:default}
.etiqueta-pronto{position:absolute;top:14px;right:14px;background:#eef2f5;color:#5b6670;border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:700}
.verde{background:#dcf7e5;color:#16a34a}.naranja{background:#ffedd5;color:#ea580c}.azul{background:#dbeafe;color:#2563eb}.morado{background:#ede9fe;color:#7c3aed}
.campo{display:flex;flex-direction:column;gap:8px}
.campo label{font-weight:700}
.campo input,.campo textarea,.campo select{width:100%;font:inherit;font-size:1.05rem;padding:16px;border:1px solid #dfe5ea;border-radius:16px;background:#fff;color:inherit}
.campo textarea{min-height:110px;resize:vertical}
.campo input:focus,.campo textarea:focus{outline:2px solid #16a34a;border-color:#16a34a}
.ayuda{color:#5b6670;font-size:.88rem}
.tonos{display:flex;gap:10px}
.tonos label{flex:1}
.tonos input{position:absolute;opacity:0}
.tonos span{display:block;text-align:center;padding:16px 6px;border:1px solid #dfe5ea;border-radius:999px;background:#fff;font-weight:700;cursor:pointer}
.tonos input:checked+span{background:#16a34a;color:#fff;border-color:#16a34a}
.tonos input:focus-visible+span{outline:2px solid #14532d}
.boton{display:block;width:100%;border:0;text-align:center;background:#16a34a;color:#fff;font:inherit;font-weight:800;font-size:1.15rem;padding:20px;border-radius:20px;text-decoration:none;cursor:pointer}
.boton.secundario{background:#fff;color:#16a34a;border:2px solid #16a34a;padding:14px;font-size:1rem}
.mensaje{border-radius:16px;padding:16px;font-weight:600}
.mensaje.exito{background:#dcf7e5;color:#14532d}
.mensaje.error{background:#fee2e2;color:#991b1b}
.mensaje.aviso{background:#fef9c3;color:#713f12}
.error-campo{color:#b91c1c;font-size:.9rem}
.tarjeta{background:#fff;border:1px solid #e3e8ec;border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:12px}
nav.inferior{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;background:#fff;border-top:1px solid #e3e8ec;display:flex;justify-content:space-around;padding:10px 6px 14px}
nav.inferior a,nav.inferior span{display:flex;flex-direction:column;align-items:center;gap:4px;color:#8a96a0;text-decoration:none;font-size:.85rem;padding:6px 14px;border-radius:16px}
nav.inferior .activo{color:#16a34a;font-weight:700}
nav.inferior .activo svg{background:#dcf7e5;border-radius:12px}
.salir{background:none;border:0;color:#5b6670;font:inherit;text-decoration:underline;cursor:pointer;padding:8px}
.acceso main{justify-content:center;padding-bottom:40px}
.marca{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.formulario{display:flex;flex-direction:column;gap:18px}
.marca-lateral,.salir-lateral{display:none}
/* Escritorio: menú lateral y contenido más ancho. Debajo de 1024px no cambia nada. */
@media (min-width:1024px){
body{display:block;background:#f5f7f9}
.app{max-width:none;flex-direction:row;background:#f5f7f9}
nav.inferior{position:fixed;top:0;bottom:0;left:0;transform:none;width:240px;max-width:none;flex-direction:column;justify-content:flex-start;gap:6px;border-top:0;border-right:1px solid #e3e8ec;padding:24px 16px}
nav.inferior a,nav.inferior span{flex-direction:row;gap:14px;font-size:1.05rem;padding:12px 14px;width:100%}
nav.inferior .activo{background:#dcf7e5}
nav.inferior .activo svg{background:none}
.marca-lateral{display:flex;align-items:center;gap:10px;color:#16a34a;font-size:1.15rem;padding:0 8px 22px}
.marca-lateral strong{color:#14212b}
.salir-lateral{display:block;margin-top:auto;padding-left:6px}
.salir-movil{display:none}
main{margin-left:240px;padding:40px 48px;max-width:1240px;width:100%}
.rejilla{grid-template-columns:repeat(4,1fr);gap:18px}
.boton-grande{min-height:200px}
.formulario{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;background:#fff;border:1px solid #e3e8ec;border-radius:22px;padding:28px}
.formulario .ancho{grid-column:1/-1}
.formulario .boton{max-width:320px;justify-self:end}
.acceso main{margin-left:0;max-width:440px;margin:0 auto}
}
.zona-subir{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;background:#fff;border:2px dashed #f5a35c;border-radius:22px;padding:30px 20px;cursor:pointer}
.zona-subir input{position:absolute;width:1px;height:1px;opacity:0}
.zona-subir .icono{width:76px;height:76px;border-radius:22px;display:flex;align-items:center;justify-content:center}
.zona-subir strong{font-size:1.15rem}
.zona-subir .boton{margin-top:6px}
.zona-subir.encima{background:#fff7ed;border-color:#ea580c}
.zona-subir.subiendo{opacity:.7}
.zona-subir:focus-within{outline:2px solid #ea580c}
.rojo{background:#fee2e2;color:#dc2626}
.archivo{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e3e8ec;border-radius:18px;padding:14px}
.archivo .icono{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.archivo-datos{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.archivo-datos strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.estado-doc{border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:700;white-space:nowrap}
.estado-doc.listo{background:#dcf7e5;color:#15803d}.estado-doc.procesando{background:#fef9c3;color:#854d0e}.estado-doc.error{background:#fee2e2;color:#b91c1c}
.boton-icono{width:48px;height:48px;border-radius:14px;border:1px solid #e3e8ec;background:#fff;color:#b91c1c;display:flex;align-items:center;justify-content:center;cursor:pointer}
.chat{display:flex;flex-direction:column;gap:12px}
.burbuja{max-width:88%;padding:14px 16px;border-radius:18px;line-height:1.45}
.burbuja.bot{background:#fff;border:1px solid #e3e8ec;align-self:flex-start;border-bottom-left-radius:6px}
.burbuja.mia{background:#16a34a;color:#fff;align-self:flex-end;border-bottom-right-radius:6px}
.fragmento{margin-top:10px;border-left:4px solid #7c3aed;background:#f5f3ff;padding:10px 12px;border-radius:10px;font-size:.95rem;white-space:pre-line}
.fragmento cite{display:block;margin-top:6px;font-style:normal;color:#6d28d9;font-weight:700;font-size:.85rem}
.preguntar{display:flex;gap:10px;position:sticky;bottom:96px}
.preguntar input{flex:1;font:inherit;font-size:1.05rem;padding:16px;border:1px solid #dfe5ea;border-radius:999px;background:#fff}
.preguntar .boton{width:58px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (min-width:1024px){.preguntar{bottom:20px}.burbuja{max-width:70%}.archivo{padding:16px 20px}}
.fuentes{margin-top:10px}.fuentes summary{cursor:pointer;color:#6d28d9;font-weight:700;padding:6px 0}