/* Aviso de avería por pasos (#aviso). Lógica en aviso.js. */
.aviso{background:var(--frost);padding:72px 0;}
.aviso-grid{display:grid;grid-template-columns:1fr;gap:36px;align-items:start;}
@media(min-width:960px){.aviso-grid{grid-template-columns:0.85fr 1.15fr;gap:56px;}}
.aviso-intro h2{font-size:clamp(26px,3.6vw,36px);}
.aviso-intro p{color:var(--text-muted);font-size:16px;margin:14px 0 22px;}
.aviso-call{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--alert);color:#fff;text-decoration:none;font-weight:600;font-size:16px;padding:15px 20px;border-radius:6px;box-shadow:0 8px 20px rgba(255,90,31,.25);}
.aviso-call:hover{background:var(--alert-dim);}
.aviso-tips{background:#fff;border:1px solid #d7e1e5;border-radius:6px;padding:18px 20px;margin-top:20px;}
.aviso-tips h3{font-size:16px;margin-bottom:10px;}
.aviso-tips ul{margin:0;padding-left:18px;color:var(--text-muted);font-size:14.5px;display:grid;gap:6px;}
.aviso-tips strong{color:var(--ink);}

.aviso-form{background:#fff;border:1px solid #d7e1e5;border-top:4px solid var(--alert);border-radius:8px;padding:26px 22px;box-shadow:0 10px 30px rgba(11,42,82,.08);}
@media(min-width:600px){.aviso-form{padding:30px 28px;}}
.aviso-form fieldset{border:0;margin:0 0 24px;padding:0;min-width:0;}
.aviso-form legend{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:18px;margin-bottom:12px;padding:0;color:var(--ink);}
.aviso-opts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
@media(min-width:600px){.aviso-opts{grid-template-columns:repeat(3,1fr);}}
.aviso-opt{position:relative;}
.aviso-opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer;}
.aviso-opt span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;min-height:56px;height:100%;padding:12px 10px;border:1px solid #d7e1e5;border-radius:6px;background:#f6f9fb;font-size:14.5px;font-weight:500;color:var(--ink);line-height:1.25;transition:border-color .15s ease,background .15s ease;}
.aviso-opt svg{width:26px;height:26px;color:var(--alert-dim);}
.aviso-opt input:hover + span{border-color:var(--cyan);}
.aviso-opt input:checked + span{border-color:var(--alert);background:#fff3ee;box-shadow:inset 0 0 0 1px var(--alert);font-weight:600;}
.aviso-opt input:focus-visible + span{outline:2px solid var(--cyan);outline-offset:2px;}
.aviso-opts.text span{align-items:flex-start;text-align:left;}
.aviso-fields{display:grid;grid-template-columns:1fr;gap:14px;}
@media(min-width:600px){.aviso-fields{grid-template-columns:1fr 1fr;}.aviso-fields .full{grid-column:1/-1;}}
.aviso-fields label{display:block;font-size:14px;font-weight:600;margin-bottom:6px;color:var(--ink);}
.aviso-fields label small{font-weight:400;color:var(--text-muted);}
.aviso-fields input,.aviso-fields select,.aviso-fields textarea{width:100%;font:inherit;font-size:15px;color:var(--ink);background:#fff;border:1px solid #c9d6dc;border-radius:6px;padding:11px 12px;}
.aviso-fields textarea{min-height:84px;resize:vertical;}
.aviso-fields input:focus,.aviso-fields select:focus,.aviso-fields textarea:focus{outline:2px solid var(--cyan);outline-offset:1px;border-color:var(--cyan);}
.aviso-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:6px;border:0;cursor:pointer;background:#25D366;color:#fff;font:inherit;font-weight:700;font-size:16px;padding:15px 20px;border-radius:6px;}
.aviso-submit:hover{background:#1ebe5b;}
.aviso-submit svg{width:20px;height:20px;}
.aviso-error{color:#b3261e;font-size:14px;font-weight:600;margin:10px 0 0;min-height:1em;}
.aviso-note{color:var(--text-muted);font-size:13px;margin:10px 0 0;}