.ibca{background:#f5f8f5;color:#18362c;border:1px solid #cbdcd1;border-radius:14px;padding:24px;margin:22px 0;font-family:inherit}.ibca-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.ibca-top strong{font-size:1.25rem}.ibca-top p{margin:5px 0 0;font-size:.9rem}.ibca-emergency{display:inline-block;background:#ae2020!important;color:#fff!important;padding:13px 18px;border-radius:8px;font-weight:700;text-decoration:none}.ibca-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:20px 0}.ibca-controls select,.ibca-controls button{padding:11px;border:1px solid #9eafa6;border-radius:7px;font:inherit;max-width:100%}.ibca-controls button{cursor:pointer;background:#174d3a;color:#fff}.ibca-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ibca-stats>div{background:#fff;border:1px solid #dbe6df;border-radius:9px;padding:15px;min-width:0}.ibca-stats span{display:block;font-size:.84rem;color:#465d52}.ibca-stats strong{display:block;margin-top:7px;font-size:1.2rem;overflow-wrap:anywhere}.ibca-stats [data-level="Bajo"]{color:#237344}.ibca-stats [data-level="Medio"]{color:#8b6800}.ibca-stats [data-level="Alto"]{color:#b64c12}.ibca-stats [data-level="Extremo"]{color:#ac1c1c}.ibca-note{font-size:.78rem;color:#4a6257;line-height:1.5;margin:12px 0 0}@media(max-width:680px){.ibca{padding:15px}.ibca-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ibca-controls select{width:100%}.ibca-controls button{width:100%}}

/* v1.2: side-by-side alert and emergency button */
#monitoreo .ibcc-airnow-heading{display:none!important}
.ibca-layout{display:grid;grid-template-columns:minmax(0,1fr) 172px;gap:18px;align-items:stretch;margin:22px 0}
.ibca-layout .ibca{margin:0;min-width:0}
.ibca-emergency-row{display:flex;align-items:center;justify-content:center;min-width:0}
.ibca-emergency{box-sizing:border-box;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;text-align:center;width:172px;height:172px;aspect-ratio:1/1;border-radius:12px!important;background:#ae2020!important;color:#fff!important;font-size:1.06rem;line-height:1.25;padding:15px;font-weight:800;text-decoration:none;transition:transform .5s ease,background-color .5s ease,box-shadow .5s ease}
.ibca-emergency span:first-child{font-size:1.6rem}.ibca-emergency span:last-child{font-size:1.4rem}
@media(hover:hover){.ibca-emergency:hover{background:#bb2929!important;transform:scale(1.03);box-shadow:0 5px 14px rgba(110,18,18,.13)}}
.ibca-emergency:focus-visible{outline:3px solid #172e25;outline-offset:4px}
@keyframes ibca-enter{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}
/* No animation until the cards are in the viewport. */
@media(prefers-reduced-motion:no-preference){.ibca-stats>div{opacity:0;transform:translateY(17px)}.ibca-stats.ibca-visible>div{animation:ibca-enter 1.05s cubic-bezier(.2,.7,.2,1) both}.ibca-stats.ibca-visible>div:nth-child(1){animation-delay:.08s}.ibca-stats.ibca-visible>div:nth-child(2){animation-delay:.20s}.ibca-stats.ibca-visible>div:nth-child(3){animation-delay:.32s}.ibca-stats.ibca-visible>div:nth-child(4){animation-delay:.44s}}
@media(max-width:860px){.ibca-layout{grid-template-columns:minmax(0,1fr)}.ibca-emergency-row{justify-content:flex-end}}
@media(max-width:480px){.ibca-emergency-row{justify-content:center}}
@media(prefers-reduced-motion:reduce){.ibca-emergency{transition:none}}

/* v1.3: unframed white monitoring layout */
.ibca-layout{display:block;margin:16px 0 24px}
.ibca-layout .ibca{background:transparent;border:0;border-radius:0;padding:0;margin:0}
.ibca-top{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:10px}
.ibca-top p{margin:0;font-size:.9rem;color:#4a6257}
.ibca-top .ibca-emergency{display:inline-flex;flex-direction:row;gap:6px;width:auto;height:auto;aspect-ratio:auto;padding:15px 21px;border-radius:8px!important;font-size:1rem;line-height:1.3;white-space:normal;transition:background-color .65s ease,transform .65s ease,box-shadow .65s ease}
@media(hover:hover){.ibca-top .ibca-emergency:hover{background:#891717!important;transform:scale(1.025);box-shadow:0 4px 12px rgba(110,18,18,.12)}}
@media(max-width:680px){.ibca-top .ibca-emergency{width:100%;justify-content:center}}

/* v1.4: fondo verde suave en toda la seccion, sin recuadro */
body #monitoreo.section{background:#f2f7f2!important;}
#monitoreo .ibca-layout .ibca{background:transparent!important;}
