/* MeteoSensor Local v0.13.013 — refinament de coherència visual de Previsió. */

/* -------------------------------------------------------------------------
   Previsió per ara.
   El bloc esquerre equival exactament a la columna esquerra: mateix ample que
   Humitat/Pressió/Probabilitat. Condició a l'esquerra; icona+temperatura i
   «Sensació» centrades dins aquest mateix rectangle imaginari.
   ------------------------------------------------------------------------- */
:root[data-theme] .forecast-v012005.ui-system-master .v47-hero-main>.v4-hero-grid{
  width:100%!important;
  margin-left:0!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v47-hero-main>.v4-hero-grid>h3{
  justify-self:stretch!important;
  width:100%!important;
  padding-inline:0!important;
  box-sizing:border-box!important;
  text-align:left!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v47-hero-main>.v4-hero-grid>h3 .v13011-condition-block,
:root[data-theme] .forecast-v012005.ui-system-master .v47-hero-main>.v4-hero-grid>h3 .v13010-condition-block,
:root[data-theme] .forecast-v012005.ui-system-master .v47-hero-main>.v4-hero-grid>h3 .v13003-condition-line,
:root[data-theme] .forecast-v012005.ui-system-master .v47-hero-main>.v4-hero-grid>h3 .v13011-condition-line{
  text-align:left!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v55-feels-row{
  justify-self:center!important;
  width:max-content!important;
  max-width:100%!important;
  padding-inline:0!important;
  justify-content:center!important;
  text-align:center!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v55-feels-row,
:root[data-theme] .forecast-v012005.ui-system-master .v55-feels-row>span:first-child,
:root[data-theme] .forecast-v012005.ui-system-master .v55-feels-row>.v4-measure,
:root[data-theme] .forecast-v012005.ui-system-master .v55-feels-row .v4-measure-line,
:root[data-theme] .forecast-v012005.ui-system-master .v55-feels-row .v4-measure b,
:root[data-theme] .forecast-v012005.ui-system-master .v55-feels-row .v4-measure small{
  color:var(--ui-helper)!important;
}

/* -------------------------------------------------------------------------
   Detall horari.
   Esquerra: condició meteorològica, amb salt de línia si cal.
   Dreta: icona+temperatura i «Sensació» centrades dins la columna dreta.
   La línia de «Sensació» es manté en gris, com a dada secundària.
   ------------------------------------------------------------------------- */
.detail .v13013-hour-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:var(--arch-s4)!important;
  align-items:start!important;
  margin:10px 0 0!important;
}
.detail .v13013-hour-condition{
  min-width:0!important;
}
.detail .v13013-hour-condition>h3{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  color:var(--arch-text)!important;
  font-size:var(--arch-fs-section)!important;
  font-weight:900!important;
  line-height:1.08!important;
  text-align:left!important;
  letter-spacing:0!important;
}
.detail .v13013-hour-condition .v13011-condition-block,
.detail .v13013-hour-condition .v13010-condition-block{
  display:inline-block!important;
  max-width:100%!important;
  text-align:left!important;
}
.detail .v13013-hour-condition .v13011-condition-line,
.detail .v13013-hour-condition .v13003-condition-line{
  display:inline-block!important;
  max-width:100%!important;
  white-space:nowrap!important;
  text-align:left!important;
}
.detail .v13013-hour-summary{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  row-gap:10px!important;
  align-content:start!important;
  justify-items:center!important;
  min-width:0!important;
}
.detail .v13013-hour-current{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:center!important;
  gap:14px!important;
  width:max-content!important;
  max-width:100%!important;
  min-width:0!important;
}
.detail .v13013-hour-weather{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  height:50px!important;
  min-height:50px!important;
  font-size:46px!important;
  line-height:1!important;
}
.detail .v13013-hour-current>.v4-measure{
  color:var(--arch-text)!important;
  font-size:clamp(28px,7.2vw,38px)!important;
  font-weight:var(--arch-fw-data)!important;
}
.detail .v13013-hour-current .v4-measure-line,
.detail .v13013-hour-feels .v4-measure-line{
  gap:3px!important;
}
.detail .v13013-hour-feels{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  justify-self:center!important;
  gap:var(--arch-s2)!important;
  width:max-content!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  color:var(--arch-text-2)!important;
  font-size:var(--arch-fs-config-label)!important;
  font-weight:var(--arch-fw-label)!important;
  line-height:1!important;
  text-align:center!important;
}
.detail .v13013-hour-feels>.v4-measure,
.detail .v13013-hour-feels .v4-measure-line,
.detail .v13013-hour-feels .v4-measure b,
.detail .v13013-hour-feels .v4-measure small{
  color:var(--arch-text-2)!important;
  font-size:var(--arch-fs-item)!important;
  font-weight:var(--arch-fw-strong)!important;
}
.detail .v13013-hour-details{
  margin:var(--arch-s4) 0 0!important;
  padding:0!important;
  border-top:none!important;
}
.detail .v13013-hour-details>h3{
  margin:0 0 var(--arch-s3)!important;
  color:var(--arch-text)!important;
  font-size:var(--arch-fs-item)!important;
  font-weight:var(--arch-fw-strong)!important;
  line-height:1.22!important;
}
.detail .v13013-hour-details .v13001-detail-grid{gap:var(--arch-s3)!important;}
.detail .v13013-hour-details .v67-rain-value{
  display:inline-flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  width:max-content!important;
  height:22px!important;
  margin:0 auto!important;
  gap:5px!important;
}
.detail .v13013-hour-details .v67-rain-value>.v47-rain-icon{
  display:inline-flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  width:22px!important;
  height:19px!important;
  margin:0!important;
  color:#278ccb!important;
  font-family:"Segoe UI Symbol","Noto Sans Symbols 2","Apple Symbols",sans-serif!important;
  font-size:22px!important;
  font-weight:900!important;
  line-height:19px!important;
}
.detail .v13013-hour-details .v67-rain-value>.v4-measure,
.detail .v13013-hour-details .v67-rain-value .v4-measure-line{
  display:inline-flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  height:19px!important;
  margin:0!important;
  line-height:19px!important;
}
.detail .v13013-hour-details + .v13001-detail-source{
  margin-top:var(--arch-s4)!important;
  padding-top:0!important;
  border-top:none!important;
}