/* Aviso emergente "Reporta incendios forestales".
   Estilos propios y acotados a .sma-if-alert para no alterar el mapa ni otras
   páginas del sitio. */
.sma-if-alert{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(18,20,24,.62);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .22s ease}
.sma-if-alert[hidden]{display:none}
.sma-if-alert.is-open{opacity:1}
.sma-if-alert *{box-sizing:border-box}
.sma-if-alert-card{position:relative;width:100%;max-width:1040px;max-height:calc(100vh - 40px);overflow-y:auto;border-radius:24px;padding:44px 44px 36px;background:linear-gradient(135deg,#bd2430,#ef3340);color:#fff;font-family:inherit;text-align:center;box-shadow:0 26px 60px rgba(120,10,20,.45);transform:translateY(14px) scale(.98);transition:transform .25s ease}
.sma-if-alert.is-open .sma-if-alert-card{transform:none}
.sma-if-alert-close{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:24px;line-height:1;cursor:pointer;transition:background .15s ease}
.sma-if-alert-close:hover{background:rgba(255,255,255,.32)}
.sma-if-alert-close:focus-visible{outline:3px solid #ffd52f;outline-offset:2px}
.sma-if-alert-icon{display:inline-flex;width:58px;height:58px;margin-bottom:12px}
.sma-if-alert-icon svg{width:100%;height:100%}
.sma-if-alert-icon svg path{fill:#ffd52f}
.sma-if-alert-icon svg path.accent{fill:#2bb5c8}
.sma-if-alert-eyebrow{display:block;color:#ffe58b;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.sma-if-alert-card h2{margin:8px auto 0;max-width:900px;color:#fff;font-size:clamp(26px,4.4vw,52px);font-weight:900;line-height:1.08;letter-spacing:-.01em}
.sma-if-alert-intro{max-width:760px;margin:16px auto 0;color:#ffe7e9;font-size:16px;line-height:1.5}
.sma-if-alert-steps{counter-reset:alertstep;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:28px 0 0;padding:0;list-style:none}
.sma-if-alert-steps li{counter-increment:alertstep;display:flex;flex-direction:column;align-items:center;min-height:170px;border:1px solid rgba(255,255,255,.22);border-radius:15px;padding:18px 14px;background:rgba(55,0,6,.18)}
.sma-if-alert-steps li::before{content:counter(alertstep);display:flex;align-items:center;justify-content:center;width:46px;height:46px;margin-bottom:14px;border-radius:50%;background:#ffd52f;color:#3a1d05;font-size:16px;font-weight:900}
.sma-if-alert-steps strong{display:block;font-size:15px}
.sma-if-alert-steps span{display:block;margin-top:7px;color:#ffe4e6;font-size:12px;line-height:1.45}
.sma-if-alert-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px}
.sma-if-alert-actions a{border-radius:10px;padding:13px 20px;background:#fff;color:#a61825!important;font-size:14px;font-weight:900;text-decoration:none}
.sma-if-alert-actions a+a{border:1px dashed rgba(255,255,255,.75);background:transparent;color:#fff!important}
.sma-if-alert-actions a:hover{filter:brightness(.95)}
.sma-if-alert-continue{display:inline-block;margin-top:18px;border:0;background:none;color:#ffe7e9;font-size:13px;font-weight:700;text-decoration:underline;cursor:pointer}
.sma-if-alert-continue:hover{color:#fff}
html.sma-if-alert-lock,html.sma-if-alert-lock body{overflow:hidden}
@media (max-width:900px){.sma-if-alert-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.sma-if-alert-card{padding:40px 18px 26px;border-radius:18px}.sma-if-alert-steps{grid-template-columns:1fr}.sma-if-alert-steps li{min-height:0}.sma-if-alert-actions{flex-direction:column}.sma-if-alert-actions a{text-align:center}}
@media (prefers-reduced-motion:reduce){.sma-if-alert,.sma-if-alert-card{transition:none}}