/* MeteoSensor Local v0.13.012 — retoc fi de Previsió sobre v0.13.011. */

/* -------------------------------------------------------------------------
   Previsió per ara: el tabulat de l'esquerra no és el marge del requadre,
   sinó l'eix visual dels camps de dades de l'esquerra.
   ------------------------------------------------------------------------- */
:root[data-theme] .forecast-v012005.ui-system-master .v47-hero-main>.v4-hero-grid>h3{
  justify-self:stretch!important;
  padding-inline-start:var(--arch-s4)!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{
  text-align:left!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v55-feels-row{
  justify-self:stretch!important;
  width:100%!important;
  padding-inline-start:var(--arch-s4)!important;
  box-sizing:border-box!important;
  justify-content:flex-start!important;
  text-align:left!important;
}

/* -------------------------------------------------------------------------
   Properes 48 hores: es manté l'espai 2 i s'igualen 1 i 3.
   ------------------------------------------------------------------------- */
:root[data-theme] .forecast-v012005.ui-system-master .v13007-hour-hit{
  grid-template-rows:56px 52px 52px 18px 18px 56px!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v13007-hour-symbol{
  align-self:end!important;
  padding-bottom:6px!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v13007-temp-max-curve{top:62px!important;}
:root[data-theme] .forecast-v012005.ui-system-master .v13007-temp-min-curve{top:116px!important;}
:root[data-theme] .forecast-v012005.ui-system-master .v13007-hour-hum{margin-top:0!important;}
:root[data-theme] .forecast-v012005.ui-system-master .v13007-hour-rain{margin-top:-1px!important;}
:root[data-theme] .forecast-v012005.ui-system-master .v13007-hour-hit>time{margin-top:18px!important;}

/* -------------------------------------------------------------------------
   Detall horari: una sola línia d'estat a l'esquerra i bloc compacte a la
   dreta, amb «Sensació» alineada dins la columna dreta.
   ------------------------------------------------------------------------- */
.detail .v13012-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 .v13012-hour-condition{
  display:flex!important;
  align-items:flex-start!important;
  min-width:0!important;
}
.detail .v13012-hour-condition>h3{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  color:var(--arch-text)!important;
  font-size:clamp(21px,5.7vw,32px)!important;
  font-weight:900!important;
  line-height:1.08!important;
  text-align:left!important;
  white-space:nowrap!important;
  letter-spacing:0!important;
}
.detail .v13012-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;
  min-width:0!important;
}
.detail .v13012-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 .v13012-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 .v13012-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 .v13012-hour-current .v4-measure-line,
.detail .v13012-hour-feels .v4-measure-line{
  gap:3px!important;
}
.detail .v13012-hour-feels{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  justify-self:stretch!important;
  gap:var(--arch-s2)!important;
  width:100%!important;
  min-width:0!important;
  padding-inline-start:8px!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:left!important;
}
.detail .v13012-hour-feels>.v4-measure{
  color:var(--arch-text)!important;
  font-size:var(--arch-fs-item)!important;
  font-weight:var(--arch-fw-strong)!important;
}
.detail .v13012-hour-details{
  margin:var(--arch-s4) 0 0!important;
  padding:0!important;
  border-top:none!important;
}
.detail .v13012-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 .v13012-hour-details .v13001-detail-grid{gap:var(--arch-s3)!important;}
.detail .v13012-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 .v13012-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 .v13012-hour-details .v67-rain-value>.v4-measure,
.detail .v13012-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 .v13012-hour-details + .v13001-detail-source{
  margin-top:var(--arch-s4)!important;
  padding-top:0!important;
  border-top:none!important;
}