:root{--v:#0b5d4e;--v2:#0e7a66;--tinta:#14211e;--gris:#5c6b67;--linea:#dfe7e4;--fondo:#f6f9f8;--ambar:#ffd166;--rojo:#b3261e}
*{box-sizing:border-box}
body{margin:0;font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--tinta);background:var(--fondo)}
a{color:var(--v)}
main{max-width:1040px;margin:0 auto;padding:24px 16px 56px}
.barra{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;background:#fff;border-bottom:1px solid var(--linea);position:sticky;top:0;z-index:5}
.marca{font-weight:800;font-size:1.15rem;text-decoration:none;color:var(--tinta);display:flex;align-items:center;gap:8px}
.punto{width:14px;height:14px;border-radius:50%;background:var(--v);box-shadow:0 0 0 4px #0b5d4e33}
nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
nav a{text-decoration:none;color:var(--gris);font-size:.95rem}
h1{font-size:clamp(1.6rem,4.5vw,2.5rem);line-height:1.15;margin:.4em 0 .3em;letter-spacing:-.02em}
h2{font-size:1.35rem;margin:2em 0 .6em}
.intro{font-size:1.1rem;color:#33423e;max-width:70ch}
.tenue,.meta,.migas{color:var(--gris);font-size:.9rem}
.migas a{color:var(--gris)}
.btn{display:inline-block;background:var(--v);color:#fff!important;border:0;border-radius:10px;padding:12px 20px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
.btn:hover{background:var(--v2)}
.btn.chico{padding:8px 14px;font-size:.9rem}
.btn.sec{background:#fff;color:var(--v)!important;border:1.5px solid var(--v)}
.buscador{display:grid;grid-template-columns:1fr auto auto;gap:8px;margin:20px 0 8px}
input,select{font:inherit;padding:12px 14px;border:1.5px solid var(--linea);border-radius:10px;background:#fff;min-width:0;color:var(--tinta)}
input:focus,select:focus{outline:2px solid var(--v2);border-color:var(--v2)}
.lista{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.lista.dos{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.proc{background:#fff;border:1px solid var(--linea);border-radius:12px;padding:14px 16px}
.proc h3{margin:0 0 4px;font-size:1rem;line-height:1.35}
.proc a{text-decoration:none;color:var(--tinta)}
.proc a:hover h3{color:var(--v)}
.proc p{margin:4px 0 0}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{font-size:.8rem;padding:3px 9px;border-radius:99px;background:#eef3f1;color:#33423e}
.chip.valor{background:#e2f3ee;color:var(--v);font-weight:700}
.chip.pronto{background:#fff3cf;color:#6b4e00}
.chip.urgente{background:#fde4e1;color:var(--rojo);font-weight:700}
.grilla{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.grilla a{display:flex;justify-content:space-between;gap:8px;background:#fff;border:1px solid var(--linea);border-radius:10px;padding:10px 12px;text-decoration:none;color:var(--tinta);font-size:.95rem}
.grilla span{color:var(--v);font-weight:700}
.alertas{background:var(--v);color:#fff;border-radius:16px;padding:24px;margin:40px 0}
.alertas h2{margin:0 0 6px}
.alertas p{margin:0 0 14px;color:#d9efe9}
.f-alerta{display:grid;grid-template-columns:1fr 1.3fr auto;gap:8px}
.f-alerta .btn{background:var(--ambar);color:var(--tinta)!important}
.f-msg{grid-column:1/-1;margin:0!important;min-height:1.2em;color:#fff!important;font-weight:600}
.ficha{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--linea);border-radius:12px;overflow:hidden;margin:18px 0}
.ficha th,.ficha td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--linea);vertical-align:top}
.ficha th{width:34%;color:var(--gris);font-weight:600}
.planes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.planes h2{grid-column:1/-1;margin-bottom:0}
.plan{background:#fff;border:1px solid var(--linea);border-radius:14px;padding:20px}
.plan.pro{border:2px solid var(--v)}
.plan h3{margin:0}.plan small{font-weight:500;color:var(--gris);font-size:.8rem}
.precio{font-size:2rem;font-weight:800;margin:.2em 0}
.plan ul{padding-left:18px;color:#33423e}
footer{border-top:1px solid var(--linea);background:#fff;padding:20px 16px;font-size:.9rem;text-align:center}
footer p{max-width:820px;margin:6px auto}
@media(max-width:640px){.buscador,.f-alerta{grid-template-columns:1fr}.ficha th{width:42%}nav a:not(.btn){display:none}}