/* Cabecera de escritorio y tablet. En MeteoElx se conserva la barra compacta existente. */
.meteo-header61:not(.meteo-mobile54) .shell {
  margin-top: 6px;
}

.meteo-header61:not(.meteo-mobile54) .site-map-header {
  display: grid;
  grid-template-columns: clamp(112px, 12vw, 174px) minmax(0, 1fr);
  align-items: center;
  gap: 3px 15px;
  min-height: 0;
  margin-bottom: 6px;
  padding: 4px 13px 3px;
  border: 1px solid #dbe9ef;
  border-radius: 15px;
  background: linear-gradient(108deg, #fff 4%, #f2f9fc 67%, #eaf5fa 100%);
  box-shadow: 0 4px 14px #173f5610;
}

.meteo-header61:not(.meteo-mobile54) .future-map-menu {
  display: contents;
}

.meteo-header61:not(.meteo-mobile54) .brand38 {
  grid-area: 1 / 1;
  width: auto;
  align-items: flex-start;
}

.meteo-header61:not(.meteo-mobile54) .site-map-header .brand-logo {
  width: 100%;
  height: 42px;
  object-position: left center;
}

.meteo-header61:not(.meteo-mobile54) .brand-tag38 {
  display: none;
}

.meteo-header61:not(.meteo-mobile54) .header-tools23 {
  grid-area: 1 / 2;
  grid-template-columns: minmax(130px, 260px) minmax(0, 1fr) auto;
  gap: 10px;
  min-width: 0;
  margin: 0;
}

.meteo-header61 .header-tools23 .place-search23 input {
  height: 37px;
}

.meteo-header61 .header-tools23 .place-search23 button[type="submit"] {
  width: 37px;
  height: 37px;
}

.meteo-header61:not(.meteo-mobile54) .quick38 {
  min-width: 0;
  gap: 4px;
}

.meteo-header61:not(.meteo-mobile54) .quick-place38 {
  min-height: 40px;
  min-width: 112px;
  padding: 3px 7px;
  border-color: #e2edf2;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 1px 3px #173f5609;
}

.meteo-header61:not(.meteo-mobile54) .quick-place38:hover,
.meteo-header61:not(.meteo-mobile54) .quick-place38:focus-visible {
  background: #eaf6fb;
}

.meteo-header61:not(.meteo-mobile54) .account-tools37 {
  gap: 6px;
}

.meteo-header61:not(.meteo-mobile54) .map-navigation23 {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 3px;
  min-height: 34px;
  padding: 0;
  overflow: visible;
  border-top: 1px solid #e0ecf1;
}

.header-links61 {
  display: flex;
  align-items: center;
  gap: 3px;
  min-width: 0;
}

.meteo-header61:not(.meteo-mobile54) .map-navigation23 a,
.meteo-header61:not(.meteo-mobile54) .map-navigation23 button {
  min-height: 32px;
  padding: 6px 9px;
  border-radius: 7px;
  font-size: 12px;
}

.meteo-header61 .map-navigation23 a[aria-pressed="true"],
.meteo-header61 .header-more61.has-current61 .header-more-button61 {
  color: #075575;
  background: #dceff7;
  box-shadow: inset 0 -2px #1688b6;
}

.header-more61 {
  position: relative;
  display: flex;
  justify-content: flex-end;
  flex: none;
  min-width: 136px;
  margin-inline-start: auto;
}

.header-more61[hidden],
.header-more-list61[hidden] {
  display: none;
}

.meteo-header61:not(.meteo-mobile54) .map-navigation23 .header-more-button61 {
  display: flex;
  align-items: center;
  gap: 6px;
  max-width: 136px;
  padding-inline: 10px;
  color: #1a5570;
  background: #e9f3f7;
}

.header-more-button61::after {
  content: "";
  flex: none;
  width: 6px;
  height: 6px;
  margin: -3px 1px 0 2px;
  border: solid currentColor;
  border-width: 0 1.5px 1.5px 0;
  transform: rotate(45deg);
}

.header-more-button61[aria-expanded="true"]::after {
  margin-top: 3px;
  transform: rotate(225deg);
}

.header-current61 {
  min-width: 0;
  overflow: hidden;
  color: #315f75;
  font-weight: 550;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.header-current61:not([hidden])::before {
  content: "· ";
}

.header-more-list61 {
  position: absolute;
  z-index: 1180;
  top: calc(100% + 5px);
  inset-inline-end: 0;
  display: grid;
  min-width: 195px;
  max-height: min(60dvh, 400px);
  padding: 5px;
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid #d8e7ee;
  border-radius: 11px;
  background: #fff;
  box-shadow: 0 10px 28px #17364a33;
}

.meteo-header61:not(.meteo-mobile54) .header-more-list61 a {
  padding: 8px 11px;
}

.meteo-header61:not(.meteo-mobile54) .radar-menu29 {
  top: var(--radar-top61, 90px);
}

/* Título, ruta territorial y acciones usan el mismo espacio de cabecera del mapa. */
.meteo-header61 .weather-intro24 {
  padding: 0 3px 5px;
}

.meteo-header61 .weather-intro24 > div {
  min-height: 35px;
  gap: 4px 8px;
}

.weather-heading61 {
  display: flex;
  flex: 1 1 245px;
  flex-wrap: wrap;
  align-items: center;
  gap: 1px 12px;
  min-width: 0;
}

.meteo-header61 .weather-heading61 h1 {
  flex: 0 1 auto;
  margin: 0;
  font-size: clamp(20px, 2.1vw, 25px);
}

.meteo-header61 .weather-heading61 #weather-breadcrumb24 {
  min-height: 0;
}

.meteo-header61 .weather-heading61 #weather-breadcrumb24[hidden] {
  display: none;
}

.meteo-header61 .weather-intro24 > div > button {
  min-height: 35px;
  padding: 6px 10px;
}

.map-measured61 body.meteo-header61 #maps-view26 #map {
  height: max(265px, calc(100dvh - var(--map-top61) - 8px - env(safe-area-inset-bottom)));
  min-height: 0;
}

@media (min-height: 761px) and (min-width: 1100px) {
  .meteo-header61:not(.meteo-mobile54) .brand-tag38 {
    display: block;
    margin: 0 0 1px 4px;
    font-size: 10px;
  }
}

@media (max-width: 1030px) {
  .meteo-header61:not(.meteo-mobile54) .header-tools23 {
    grid-template-columns: minmax(125px, 31%) minmax(0, 1fr) auto;
    gap: 7px;
  }
}

@media (pointer: coarse) {
  .meteo-header61:not(.meteo-mobile54) .map-navigation23 a,
  .meteo-header61:not(.meteo-mobile54) .map-navigation23 button,
  .meteo-header61 .weather-intro24 > div > button {
    min-height: 40px;
  }

  .meteo-header61:not(.meteo-mobile54) .header-tools23 .place-search23 input,
  .meteo-header61:not(.meteo-mobile54) .header-tools23 .place-search23 button[type="submit"] {
    height: 40px;
  }
}

@media (max-height: 560px) {
  .meteo-header61 #maps-view26 #panel:not(.settings),
  .meteo-header61 #maps-view26 #settings {
    top: 44px;
    bottom: auto;
    max-height: calc(100% - 115px);
  }

  .meteo-header61 #maps-view26 #weather-point24 {
    max-height: calc(100% - 110px);
    overflow: auto;
    overscroll-behavior: contain;
  }
}