/* All rules belong to the new opt-in integration; no changes to the portal snippets. */
.er-alertas-service-link>span>svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.er-alertas-service-link{white-space:normal!important;line-height:1.2!important}
#erps-rio-colorado{min-width:0;margin:0;width:100%;scroll-margin-top:24px}
#erps-rio-colorado>.era{width:100%;max-width:none;margin:0;padding:0;font-family:inherit}
#erps-rio-colorado .era-river{height:100%;border-radius:24px}
#erps-rio-colorado .era-river-top{padding:19px 20px 0}
#erps-rio-colorado .era-river-top h2{margin:0;padding:0;color:#f7fcfc;font-size:21px;line-height:1.2}
#erps-rio-colorado .era-river-layout{display:block}
#erps-rio-colorado .era-visual{display:none}
#erps-rio-colorado .era-metrics{display:grid;grid-template-columns:1.18fr 1fr;gap:0 12px;padding:18px 20px}
#erps-rio-colorado .era-observation{grid-column:1/-1;margin-bottom:13px;font-size:10px}
#erps-rio-colorado .era-value{font-size:clamp(29px,2.5vw,37px);margin-bottom:0;gap:5px}
#erps-rio-colorado .era-value small{font-size:13px}
#erps-rio-colorado .era-value.era-stage{font-size:28px}
#erps-rio-colorado .era-metric-label{font-size:10px}
#erps-rio-colorado .era-compact-trend{padding:0 20px 14px;font-size:10px}
#erps-rio-colorado .era-river-bottom{padding:12px 20px;gap:10px}
#erps-rio-colorado .era-river-bottom a{font-size:11px}
#erps-rio-colorado .era-river-caveat{padding:11px 20px;font-size:10px}
#erps-rio-colorado .era-loading{min-height:305px}
@media(min-width:901px){
  .erps-desktop-main.er-alertas-river-pair-parent>#erps-rutas.er-alertas-paired-routes{grid-column:1!important}
  .erps-desktop-main.er-alertas-river-pair-parent>#erps-rio-colorado{grid-column:2!important;align-self:stretch}
  #erps-rio-colorado>.era{height:100%}
}
@media(min-width:1025px){
  #erps-rio-colorado .era-river{display:flex;flex-direction:column}
  #erps-rio-colorado .era-river-layout{display:flex;flex:1;flex-direction:column}
  #erps-rio-colorado .era-metrics{order:0}
  #erps-rio-colorado .era-visual{display:flex;order:1;flex:1;justify-content:center;padding:0 14px 4px}
  #erps-rio-colorado .era-scene{height:220px;width:100%}
  #erps-rio-colorado .era-scene text{font-size:20px}
  #erps-rio-colorado .era-scene .era-scene-station{font-size:24px}
  #erps-rio-colorado .era-scene text:last-child{font-size:17px}
}
@media(max-width:900px){#erps-rio-colorado{margin-bottom:0}#erps-rio-colorado .era-value{font-size:36px}#erps-rio-colorado .era-stage{font-size:28px}}