/* Illustrated navigation: city demographics, climate monitoring and alerts. */
.aso-fenomeno-nino .report-nav nav a{grid-template-columns:40px minmax(0,1fr);gap:8px;padding:10px 7px;min-height:62px}
.aso-fenomeno-nino .report-nav nav .section-nav-icon{display:block;width:40px;height:40px;color:#e5eefb;overflow:visible}
.aso-fenomeno-nino .report-nav nav .section-nav-label{font-size:12px;line-height:1.3;text-align:left;min-width:0}
.aso-fenomeno-nino .section-nav-icon .icon-wash{fill:currentColor;fill-opacity:.1;stroke:none}
.aso-fenomeno-nino .section-nav-icon .icon-accent{color:#f3cd63}
.aso-fenomeno-nino .section-nav-icon .icon-solid{fill:currentColor;stroke:none}
.aso-fenomeno-nino .report-nav nav a.active .section-nav-icon{color:#173c70}
.aso-fenomeno-nino .report-nav nav a.active .icon-accent{color:#9a680c}
.aso-fenomeno-nino .report-nav nav a.active .icon-wash{fill-opacity:.08}
@media(max-width:1050px) and (min-width:701px){.aso-fenomeno-nino .report-nav nav a{grid-template-columns:34px minmax(0,1fr);gap:6px;padding-inline:4px}.aso-fenomeno-nino .report-nav nav .section-nav-icon{width:34px;height:34px}}
@media(max-width:700px){.aso-fenomeno-nino .report-nav nav a{flex:0 0 184px}}