:root{--azul:#1f4bff;--azul-osc:#0b1b3f;--texto:#1b2336;--suave:#5b6478;--linea:#e3e7f0;--fondo:#f6f8fc;
--ok:#0f8a4b;--error:#c62828;--aviso:#b26a00;--radio:12px}
*{box-sizing:border-box}
body{margin:0;font-family:Poppins,system-ui,sans-serif;color:var(--texto);background:var(--fondo);font-size:15px;line-height:1.55}
a{color:var(--azul)}
.barra{background:var(--azul-osc);color:#fff;padding:0 16px}
.barra .dentro{max-width:1100px;margin:auto;display:flex;align-items:center;gap:18px;min-height:60px;flex-wrap:wrap}
.marca{font-weight:600;font-size:17px;color:#fff;text-decoration:none;letter-spacing:.2px}
.marca span{color:#7da2ff}
.menu{display:flex;gap:14px;flex-wrap:wrap;margin-left:auto;align-items:center}
.menu a{color:#d8e1ff;text-decoration:none;font-size:14px}
.menu a:hover{color:#fff}
.menu form{margin:0}
.menu button{background:none;border:1px solid #4d5d8a;color:#d8e1ff;border-radius:8px;padding:5px 10px;font:inherit;font-size:13px;cursor:pointer}
.sim{background:#fff4d6;color:#6b4a00;text-align:center;font-size:13px;padding:6px 16px}
main{max-width:1100px;margin:28px auto;padding:0 16px}
h1{font-size:24px;margin:0 0 6px;font-weight:600}
h2{font-size:18px;margin:26px 0 10px;font-weight:600}
.sub{color:var(--suave);margin:0 0 22px}
.tarjeta{background:#fff;border:1px solid var(--linea);border-radius:var(--radio);padding:22px;margin-bottom:18px}
.angosta{max-width:430px;margin:40px auto}
label{display:block;font-weight:500;font-size:14px;margin:14px 0 5px}
input,select,textarea{width:100%;padding:11px 12px;border:1px solid #cfd6e4;border-radius:10px;font:inherit;background:#fff}
input:focus,select:focus,textarea:focus{outline:2px solid #b9c8ff;border-color:var(--azul)}
.btn{display:inline-block;background:var(--azul);color:#fff;border:0;border-radius:10px;padding:11px 18px;font:inherit;font-weight:500;cursor:pointer;text-decoration:none;margin-top:16px}
.btn.sec{background:#fff;color:var(--azul);border:1px solid var(--azul)}
.btn.chico{padding:6px 10px;font-size:13px;margin:0}
.btn.peligro{background:#fff;color:var(--error);border:1px solid var(--error)}
.ancho{width:100%}
.alerta{border-radius:10px;padding:12px 14px;margin:0 0 16px;font-size:14px}
.alerta.error{background:#fdecea;color:var(--error)}
.alerta.ok{background:#e7f6ee;color:var(--ok)}
.alerta.info{background:#eaf0ff;color:#1b3aa8}
.ayuda{color:var(--suave);font-size:13px;margin-top:4px}
.tabla{width:100%;border-collapse:collapse;font-size:14px}
.tabla th,.tabla td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--linea);vertical-align:top}
.tabla th{color:var(--suave);font-weight:500;font-size:13px}
.envoltura{overflow-x:auto}
.etiqueta{display:inline-block;padding:2px 9px;border-radius:99px;font-size:12px;background:#eef1f7;color:var(--suave)}
.etiqueta.azul{background:#e5ecff;color:var(--azul)}
.etiqueta.verde{background:#e7f6ee;color:var(--ok)}
.etiqueta.roja{background:#fdecea;color:var(--error)}
.enlace-copia{word-break:break-all;background:#f1f4fb;padding:10px;border-radius:8px;font-family:ui-monospace,monospace;font-size:13px}
.grilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.fase{border-left:4px solid var(--linea);padding-left:12px}
.fase.hecha{border-color:var(--ok)}
.fase.actual{border-color:var(--azul)}
.qr{text-align:center;margin:10px 0}
.pie{text-align:center;color:#9aa3b5;font-size:12px;margin:40px 0 24px}
.fila-form{display:flex;gap:10px;flex-wrap:wrap;align-items:end}
.fila-form>div{flex:1;min-width:180px}
@media (max-width:600px){h1{font-size:21px}.tarjeta{padding:16px}.menu{margin-left:0}}
textarea{resize:vertical}
.solo-prospeccion{display:none}body[data-tipo=prospeccion] .solo-prospeccion{display:inline}