/* Cotiza Ágil — página de marca. Usa tokens.css propio (marca v2: marino + ladrillo, no Veta). */
body{line-height:1.6}
a{color:var(--accion)}
a:hover{color:var(--accion-ink)}
.envoltura{max-width:680px;margin:0 auto;padding:var(--esp-5) var(--esp-3) var(--esp-6)}
.marca{display:inline-flex;align-items:center;gap:10px;font-family:var(--fuente-titulos);font-size:var(--tam-3);font-weight:700;letter-spacing:-.3px;color:var(--texto);text-decoration:none}
.marca img{width:36px;height:36px}
h1{font-size:var(--tam-5);line-height:1.25;margin:var(--esp-5) 0 var(--esp-3)}
h2{font-size:var(--tam-3);margin:var(--esp-5) 0 var(--esp-2)}
p,li{margin:0 0 var(--esp-3)}
.aviso{display:flex;gap:12px;align-items:flex-start;background:color-mix(in srgb, var(--accion) 9%, #fff);border-radius:var(--radio);padding:16px 18px;margin:var(--esp-4) 0}
.aviso .ic{flex:none;width:28px;height:28px;border-radius:50%;background:var(--accion);display:flex;align-items:center;justify-content:center;margin-top:2px}
.aviso .ic svg{width:16px;height:16px}
.aviso p:last-child{margin-bottom:0}
.secundario{color:var(--texto-suave);font-size:var(--tam-1)}
footer{border-top:1px solid var(--linea);margin-top:var(--esp-6);padding-top:var(--esp-3);font-size:var(--tam-1);color:var(--texto-suave)}
footer a{color:var(--texto-suave)}
@media (max-width:480px){h1{font-size:var(--tam-4)}}