/* =========================================================
   PRONÓSTICOS · EL TIEMPO SEVILLA
   Integrado con el lenguaje visual actual de la web.
========================================================= */

.pronosticos-page .contenedor { overflow: hidden; }

.pronosticos-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 22px;
    align-items: end;
    padding-bottom: 22px;
    border-bottom: 1px solid #e1ebf0;
}

.pronosticos-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 7px;
    color: #6b8290;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.pronosticos-eyebrow::before {
    content: "";
    width: 18px;
    height: 3px;
    border-radius: 4px;
    background: #6ba4d0;
}
.pronosticos-head h1 {
    margin: 0;
    font-size: clamp(27px, 2.7vw, 37px);
    line-height: 1.05;
    color: #274456;
    letter-spacing: -.025em;
}
.pronosticos-head p {
    max-width: 850px;
    margin: 10px 0 0;
    color: #657b88;
    font-size: 14px;
    line-height: 1.5;
}
.pronosticos-actualizado {
    min-width: 185px;
    padding: 12px 14px;
    border: 1px solid #d8e7ee;
    border-radius: 12px;
    background: #f7fbfd;
    text-align: right;
}
.pronosticos-actualizado strong,
.pronosticos-actualizado span { display: block; }
.pronosticos-actualizado strong { color: #36566a; font-size: 12px; }
.pronosticos-actualizado span { margin-top: 4px; color: #78909d; font-size: 11px; }

/* Bloque HOY / MAÑANA: mismos valores de la portada. */
.panel-pronosticos-portada {
    width: 100%;
    overflow: hidden;
    margin-top: 22px;
    border: 1px solid #c8dbe6;
    border-radius: 13px;
    background: rgba(72, 137, 173, .03);
    box-shadow: 0 2px 8px rgba(35, 63, 80, .035);
}
.pronosticos-portada-cabecera {
    min-height: 40px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 8px 18px 7px;
    border-bottom: 1px solid #c8dbe6;
    background: rgba(72, 137, 173, .075);
    color: #344f60;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 800;
    letter-spacing: .55px;
}
.pronosticos-portada-cabecera-icono { width: 22px; height: 22px; flex: 0 0 22px; color: #5f91aa; }
.pronosticos-portada-cabecera-icono svg { width: 100%; height: 100%; overflow: visible; }
.pronosticos-portada-cabecera-icono circle { fill: rgba(226,173,68,.12); stroke: #c99a37; stroke-width: 1.45; }
.pronosticos-portada-cabecera-icono path { fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
.pronosticos-portada-grid { width: 100%; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 0; }
.pronostico-portada-dia { min-width: 0; display: grid; grid-template-columns: 78px minmax(0,1fr); gap: 15px; align-items: start; padding: 16px 18px 17px; }
.pronostico-portada-dia + .pronostico-portada-dia { border-left: 1px solid #d9e5eb; }
.pronostico-portada-icono { width: 68px; height: 68px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(89,145,174,.075); color:#6b91a7; }
.pronostico-portada-icono-sinoptico { background: transparent !important; }
.pronostico-portada-icono-sinoptico img { display:block; width:64px; height:64px; max-width:100%; max-height:100%; object-fit:contain; object-position:center; image-rendering:auto; filter:drop-shadow(0 1px 1px rgba(42,73,91,.20)) drop-shadow(0 3px 4px rgba(42,73,91,.14)); }
.pronostico-portada-contenido { min-width: 0; }
.pronostico-portada-dia-cabecera { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:6px; }
.pronostico-portada-dia-cabecera strong { color:#35566a; font-size:15px; line-height:1.2; font-weight:800; letter-spacing:.55px; }
.pronostico-portada-dia-cabecera span { color:#82919a; font-size:10.5px; line-height:1.25; font-weight:700; text-align:right; }
.pronostico-portada-contenido p { margin:0; color:#526b78; font-size:12.5px; line-height:1.58; text-align:justify; text-justify:inter-word; hyphens:auto; }
.pronostico-aviso-inline { display:inline; }
.pronostico-aviso-inline strong { color:#425c6b; font-weight:800; }
.pronostico-aviso-punto { display:inline-block; width:8px; height:8px; margin:0 5px 1px 0; border-radius:50%; vertical-align:middle; box-shadow:0 0 0 1px rgba(0,0,0,.05); }
.pronostico-aviso-punto-amarillo { background:#ffd400; }
.pronostico-aviso-punto-naranja { background:#ff8a00; }
.pronostico-aviso-punto-rojo { background:#e32727; }
.pronostico-portada-icono-aviso { background:transparent; }
.pronostico-aviso-grande { width:58px; height:58px; }
.pronostico-aviso-grande-fondo { stroke-width:2.1; stroke-linejoin:round; }
.pronostico-aviso-grande-linea { fill:none; stroke:#fff; stroke-width:4.2; stroke-linecap:round; }
.pronostico-aviso-grande-punto { fill:#fff; }
.pronostico-portada-aviso-amarillo .pronostico-aviso-grande-fondo { fill:#ffd400; stroke:#d8ae00; }
.pronostico-portada-aviso-naranja .pronostico-aviso-grande-fondo { fill:#ff8a00; stroke:#dc7100; }
.pronostico-portada-aviso-rojo .pronostico-aviso-grande-fondo { fill:#e32727; stroke:#bd1515; }

.pronosticos-seccion-titulo { display:flex; align-items:end; justify-content:space-between; gap:15px; margin:30px 0 12px; }
.pronosticos-seccion-titulo h2 { margin:0; color:#2d4c5f; font-size:20px; letter-spacing:-.015em; }
.pronosticos-seccion-titulo p { margin:4px 0 0; color:#8496a0; font-size:12px; }
.pronosticos-dias-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.pronostico-dia-card { min-width:0; border:1px solid #dce8ee; border-radius:11px; background:#fff; overflow:hidden; }
.pronostico-dia-card-head { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:10px 13px; border-bottom:1px solid #e7eef2; background:#f9fbfc; }
.pronostico-dia-card-head div { display:flex; align-items:center; gap:8px; min-width:0; }
.pronostico-dia-card-head strong { color:#35566a; font-size:12px; line-height:1.3; letter-spacing:.035em; }
.pronostico-dia-card-head span { color:#8a9aa4; font-size:10.5px; }
.pronostico-dia-aviso { padding:3px 6px; border-radius:5px; background:#fff1c4; color:#87620b!important; font-size:9px!important; font-weight:800; }
.pronostico-dia-card-body { display:grid; grid-template-columns:78px minmax(0,1fr); gap:12px; align-items:center; padding:13px; }
.pronostico-dia-icono { display:flex; align-items:center; justify-content:center; }
.pronostico-dia-icono img { display:block; width:68px; height:68px; object-fit:contain; filter:drop-shadow(0 1px 1px rgba(42,73,91,.16)) drop-shadow(0 2px 3px rgba(42,73,91,.10)); }
.pronostico-dia-info { min-width:0; }
.pronostico-dia-temperaturas { display:flex; align-items:baseline; gap:9px; margin-bottom:6px; }
.pronostico-dia-temperaturas strong { color:#c44343; font-size:21px; line-height:1; }
.pronostico-dia-temperaturas span { color:#3d79b6; font-size:16px; font-weight:700; }
.pronostico-dia-info p { margin:0; color:#5c7380; font-size:12px; line-height:1.6; text-align:justify; text-justify:inter-word; }
.pronostico-dia-meta { display:flex; flex-wrap:wrap; gap:5px 14px; padding:8px 13px 9px; border-top:1px solid #edf2f5; background:#fbfdfe; color:#718590; font-size:10.5px; }
.pronostico-dia-meta b { color:#536e7d; font-weight:700; }
.pronosticos-nota { margin-top:18px; padding:12px 14px; border:1px solid #dce8ee; border-left:4px solid #7aabc9; border-radius:9px; background:#f8fbfd; color:#607986; font-size:11.5px; line-height:1.5; }
.pronosticos-sin-datos { grid-column:1/-1; padding:18px; border:1px solid #dce8ee; border-radius:10px; background:#f8fbfd; color:#607986; }

@media (max-width: 980px) {
    .pronosticos-head { grid-template-columns:1fr; align-items:start; }
    .pronosticos-actualizado { min-width:0; width:max-content; text-align:left; }
    .pronosticos-portada-grid { grid-template-columns:1fr; }
    .pronostico-portada-dia + .pronostico-portada-dia { border-left:0; border-top:1px solid #d9e5eb; }
}
@media (max-width: 760px) {
    .pronosticos-dias-grid { grid-template-columns:1fr; }
}
@media (max-width: 620px) {
    .pronosticos-head h1 { font-size:27px; }
    .pronosticos-head p { font-size:13px; }
    .pronostico-portada-dia { grid-template-columns:58px minmax(0,1fr); gap:11px; padding:14px 14px 15px; }
    .pronostico-portada-icono { width:52px; height:52px; }
    .pronostico-portada-icono-sinoptico img { width:50px; height:50px; }
    .pronostico-portada-dia-cabecera { align-items:flex-start; flex-direction:column; gap:2px; }
    .pronostico-portada-dia-cabecera span { text-align:left; }
    .pronostico-portada-contenido p { text-align:left; hyphens:none; }
    .pronostico-dia-card-body { grid-template-columns:62px minmax(0,1fr); }
    .pronostico-dia-icono img { width:58px; height:58px; }
}


/* =========================================================
   METEOGRAMA HORARIO · OPEN-METEO
   Integrado con los gráficos del resto de la web.
========================================================= */
.pronosticos-seccion-titulo-meteograma { margin-top:30px; }
.pronosticos-meteograma-card {
    border:1px solid #dfe8ed;
    border-radius:9px;
    background:#fff;
    overflow:hidden;
}
.pronosticos-meteograma-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:11px 13px;
    border-bottom:1px solid #e7edf0;
    background:#fbfdfe;
}
.pronosticos-meteograma-head > div { min-width:0; }
.pronosticos-meteograma-head strong {
    display:block;
    color:#36586d;
    font-size:12.5px;
}
.pronosticos-meteograma-head span {
    display:block;
    margin-top:3px;
    color:#80929c;
    font-size:10.5px;
}
.pronosticos-meteograma-head-meta {
    display:flex;
    align-items:center;
    gap:6px;
    flex:0 0 auto;
}
.pronosticos-meteograma-head .pronosticos-meteograma-resolucion,
.pronosticos-meteograma-head .pronosticos-meteograma-fuente {
    margin:0;
    padding:5px 8px;
    border:1px solid #d7e5ec;
    border-radius:7px;
    background:#f7fbfd;
    color:#607986;
    font-size:9.5px;
    font-weight:700;
}
.pronosticos-meteograma-head .pronosticos-meteograma-fuente {
    background:#fbfcfd;
    color:#80919a;
    font-weight:600;
}
.pronosticos-meteograma-estado {
    padding:28px 16px;
    color:#738994;
    font-size:11.5px;
    text-align:center;
}
.pronosticos-meteograma-estado-error {
    color:#8a6060;
    background:#fffafa;
}
.pronosticos-meteograma-contenido[hidden] { display:none!important; }
.pronosticos-meteograma-panel {
    min-width:0;
    background:#fff;
    border-bottom:1px solid #e7edf0;
}
.pronosticos-meteograma-panel-ultimo { border-bottom:0; }
.pronosticos-meteograma-panel-head {
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:10px;
    padding:8px 13px 0;
}
.pronosticos-meteograma-panel-head strong {
    color:#49697c;
    font-size:11.5px;
}
.pronosticos-meteograma-panel-head span {
    color:#8a9aa3;
    font-size:9.5px;
}
.pronosticos-meteograma-chart {
    width:100%;
    padding:0 4px 1px;
}
.pronosticos-meteograma-chart-temp { height:200px; }
.pronosticos-meteograma-chart-rain { height:155px; }
.pronosticos-meteograma-chart-cloud { height:155px; }
.pronosticos-meteograma-chart-wind { height:185px; }

/* Banda de dirección del viento. La flecha base apunta al Norte y
   se rota siguiendo los grados meteorológicos, como en Resumen mensual. */
.pronosticos-viento-direcciones {
    display:grid;
    align-items:start;
    gap:0;
    min-height:41px;
    margin:-2px 50px 5px 57px;
    border-top:1px solid #edf2f4;
    padding-top:4px;
}
.pronosticos-viento-dir-item {
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:1px;
    color:#688392;
    overflow:visible;
}
.pronosticos-viento-dir-flecha {
    display:block;
    width:14px;
    height:18px;
    transform-origin:50% 50%;
}
.pronosticos-viento-dir-flecha svg {
    display:block;
    width:14px;
    height:18px;
    overflow:visible;
}
.pronosticos-viento-dir-flecha path {
    fill:none;
    stroke:#557f98;
    stroke-width:1.45;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.pronosticos-viento-dir-item small {
    color:#7c919c;
    font-size:7.5px;
    line-height:1;
    font-weight:700;
}

.pronosticos-meteograma .apexcharts-legend {
    padding:0 4px!important;
}
.pronosticos-meteograma .apexcharts-legend-series {
    margin:0 5px!important;
}
.pronosticos-meteograma .apexcharts-tooltip {
    font-size:10px!important;
    line-height:1.12!important;
    border:1px solid #d7e3e9!important;
    border-radius:6px!important;
    box-shadow:0 2px 7px rgba(30,50,60,.14)!important;
}
.pronosticos-meteograma .apexcharts-tooltip-title {
    padding:4px 7px!important;
    font-size:10px!important;
}
.pronosticos-meteograma .apexcharts-tooltip-series-group {
    min-height:0!important;
    padding:3px 7px!important;
}
.pronosticos-meteograma .apexcharts-tooltip-marker {
    width:7px!important;
    height:7px!important;
    margin-right:5px!important;
}
.pronosticos-meteograma .apexcharts-tooltip-text,
.pronosticos-meteograma .apexcharts-tooltip-text-y-label,
.pronosticos-meteograma .apexcharts-tooltip-text-y-value {
    font-size:10px!important;
    line-height:1.1!important;
}
.pronosticos-meteograma .apexcharts-tooltip-y-group { padding:0!important; }
.pronosticos-meteograma .apexcharts-xaxis-annotations text {
    letter-spacing:.02em;
}
.ets-meteo-tooltip {
    min-width:145px;
    padding:6px 8px;
    color:#536e7d;
    font-size:10px;
}
.ets-meteo-tooltip-title {
    margin:-6px -8px 5px;
    padding:4px 8px;
    border-bottom:1px solid #e5ecef;
    background:#f7fafb;
    color:#425f70;
    font-weight:700;
}
.ets-meteo-tooltip > div:not(.ets-meteo-tooltip-title) {
    display:flex;
    justify-content:space-between;
    gap:12px;
    padding:2px 0;
}
.ets-meteo-tooltip strong {
    color:#294c62;
    font-weight:700;
}

@media (max-width: 700px) {
    .pronosticos-meteograma-head {
        align-items:flex-start;
        flex-direction:column;
        gap:8px;
    }
    .pronosticos-meteograma-head-meta { flex-wrap:wrap; }
    .pronosticos-meteograma-panel-head {
        align-items:flex-start;
        flex-direction:column;
        gap:2px;
    }
    .pronosticos-meteograma-chart-temp { height:190px; }
    .pronosticos-meteograma-chart-rain { height:150px; }
    .pronosticos-meteograma-chart-cloud { height:150px; }
    .pronosticos-meteograma-chart-wind { height:180px; }
    .pronosticos-viento-direcciones { margin-left:42px; margin-right:39px; }
    .pronosticos-viento-dir-item small { display:none; }
}

@media (max-width: 620px) {
    .pronosticos-head h1 { font-size:27px; }
    .pronosticos-head p { font-size:13px; }
}

/* =========================================================
   METEOGRAMA V10 · geometría común, escalas externas y eje real
========================================================= */

/* Contenedor desplazable: en escritorio ocupa todo el ancho; en móvil conserva legibilidad. */
.pronosticos-meteograma-scroll {
    width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:thin;
    scrollbar-color:#bdcbd2 #f4f7f9;
}
.pronosticos-meteograma-interior-compacto {
    position:relative;
    width:100%;
    min-width:1180px;
    padding:0;
}

/* Cabecera del meteograma: solo variables secundarias opcionales. */
.pronosticos-meteograma-head-compacto {
    align-items:center;
    padding:10px 14px;
}
.pronosticos-meteograma-head-compacto > div:first-child strong { font-size:13px; }
.pronosticos-meteograma-head-compacto > div:first-child span { font-size:10.8px; }
.pronosticos-meteograma-controles {
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    justify-content:center;
    gap:6px;
    flex:0 0 auto;
}
.pronosticos-controles-grupo {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:7px;
}
.pronosticos-controles-label {
    min-width:66px;
    margin-right:2px;
    color:#58717f;
    font-size:9.4px;
    line-height:1;
    font-weight:800;
    letter-spacing:.045em;
    text-align:right;
    white-space:nowrap;
}
.pronosticos-meteograma-controles .pronosticos-meteograma-toggle {
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:5px 9px;
    border:1px solid #d8e3e9;
    border-radius:7px;
    background:#fff;
    color:#6a7e89;
    font-size:10.2px;
    font-weight:700;
    line-height:1;
    cursor:pointer;
}
.pronosticos-meteograma-controles .pronosticos-meteograma-toggle:hover { background:#f5f8fa; }
.pronosticos-meteograma-controles .pronosticos-meteograma-toggle.is-active,
.pronosticos-meteograma-controles .pronosticos-meteograma-toggle[aria-pressed="true"] {
    color:#3f5d6d;
    background:#f4f8fa;
    border-color:#bdcfd8;
}
.pronosticos-meteograma-toggle .dot {
    display:inline-block;
    width:7px;
    height:7px;
    border-radius:50%;
    opacity:.42;
}
.pronosticos-meteograma-toggle[aria-pressed="true"] .dot { opacity:1; }
.pronosticos-meteograma-toggle .dot-apar { background:#8f3f45; }
.pronosticos-meteograma-toggle .dot-hum { background:#2f6f55; }
.pronosticos-meteograma-toggle .dot-gust { background:#e6007e; }
.pronosticos-meteograma-toggle .dot-wind { background:#a83263; }
.pronosticos-meteograma-toggle .dot-cloud { background:#587b8f; }
.pronosticos-meteograma-toggle .dot-rain { background:#5b8fc0; }

/* La banda temporal usa EXACTAMENTE las mismas tres columnas que los gráficos. */
.pronosticos-meteograma-time-row,
.pronosticos-meteograma-strip {
    display:grid;
    grid-template-columns:24px 34px minmax(0,1fr);
    column-gap:0;
    min-width:0;
}
.pronosticos-meteograma-time-row {
    align-items:stretch;
}
.pronosticos-meteograma-time-side,
.pronosticos-meteograma-time-scale {
    background:#fff;
}
.pronosticos-meteograma-tiempo {
    position:relative;
    display:block;
    height:54px;
    margin:6px 0 3px;
    border:1px solid #dbe6eb;
    border-radius:6px;
    overflow:hidden;
    background:#fbfdfe;
    box-sizing:border-box;
}
.pronosticos-meteograma-time-row-bottom .pronosticos-meteograma-tiempo {
    margin:2px 0 7px;
}
.pronosticos-tiempo-dia-banda {
    position:absolute;
    top:0;
    bottom:0;
    box-sizing:border-box;
    border-left:1px solid #b8c8d0;
    background:#fbfdfe;
}
.pronosticos-tiempo-dia-banda:first-child { border-left:0; }
.pronosticos-tiempo-dia-banda.ultimo { border-right:1px solid #b8c8d0; }
.pronosticos-tiempo-dia-banda.es-hoy {
    background:#edf5f9;
    box-shadow:inset 0 3px 0 #6e9cb7;
}
.pronosticos-tiempo-dia-head {
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:28px;
    min-height:28px;
    padding:5px 3px 2px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    box-sizing:border-box;
    border-bottom:1px solid #e5ecef;
}
.pronosticos-tiempo-dia-head strong {
    color:#58717f;
    font-size:9.6px;
    line-height:1;
    font-weight:800;
    white-space:nowrap;
}
.pronosticos-tiempo-dia-head span {
    padding:2px 4px;
    border-radius:4px;
    background:#83a7b8;
    color:#fff;
    font-size:7.1px;
    line-height:1;
    font-weight:800;
}
.pronosticos-tiempo-dia-horas {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:23px;
}
.pronosticos-tiempo-hora {
    position:absolute;
    bottom:5px;
    transform:translateX(-50%);
    color:#738792;
    font-size:8.5px;
    line-height:1;
    font-weight:600;
    white-space:nowrap;
}
.pronosticos-tiempo-hora.hora-00 { transform:none; }

/* Cuerpo compacto del meteograma. */
.pronosticos-meteograma-stack {
    position:relative;
    border-top:1px solid #dfe7eb;
    border-bottom:1px solid #dfe7eb;
}
.pronosticos-meteograma-strip {
    align-items:stretch;
    margin:0;
    padding:0;
    border-top:1px solid #e7edef;
    background:#fff;
}
.pronosticos-meteograma-strip:first-of-type { border-top:0; }
.pronosticos-meteograma-strip[hidden] { display:none!important; }

/* Título completo de cada variable, todo vertical y sin unidad separada. */
.pronosticos-meteograma-side {
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    padding:2px 0;
    background:#fafcfd;
    border-right:1px solid #edf2f4;
    overflow:hidden;
}
.pronosticos-meteograma-side strong {
    display:block;
    writing-mode:vertical-rl;
    transform:rotate(180deg);
    color:#405d6c;
    font-size:8.45px;
    line-height:1;
    font-weight:800;
    letter-spacing:.045em;
    white-space:nowrap;
}

/* Escala externa: una columna propia, limpia y estable. */
.pronosticos-meteograma-scale {
    min-width:0;
    padding:8px 4px 8px 0;
    background:#fcfdfe;
    border-right:1px solid #e4ebef;
    color:#617985;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:flex-end;
    box-sizing:border-box;
}
.pronosticos-meteograma-scale span {
    position:relative;
    right:auto;
    top:auto;
    display:block;
    margin:0;
    color:#617985;
    font-size:8.35px;
    line-height:1;
    font-weight:600;
    white-space:nowrap;
}
.pronosticos-meteograma-scale-cloud {
    padding-top:6px;
    padding-bottom:6px;
    justify-content:space-around;
}
.pronosticos-meteograma-scale-cloud span {
    font-size:7.3px;
    font-weight:700;
}

/* Alturas legibles sin crear un bloque interminable. */
.pronosticos-meteograma-chart,
.pronosticos-meteograma-wind-wrap {
    min-width:0;
    margin:0;
    padding:0;
}
.pronosticos-meteograma-wind-wrap {
    display:flex;
    flex-direction:column;
}
.pronosticos-meteograma-chart { width:100%; }
.pronosticos-meteograma-chart-temp { height:182px; }
.pronosticos-meteograma-chart-hum { height:132px; }
.pronosticos-meteograma-chart-rain { height:150px; }
.pronosticos-meteograma-chart-cloud { height:154px; }
.pronosticos-meteograma-chart-wind { height:176px; }

/* Apex no dibuja sus etiquetas Y: la columna externa es la única escala visible. */
.pronosticos-meteograma .apexcharts-yaxis-texts-g,
.pronosticos-meteograma .apexcharts-yaxis-label,
.pronosticos-meteograma .apexcharts-xaxis-texts-g,
.pronosticos-meteograma .apexcharts-xaxis-title {
    display:none!important;
}
.pronosticos-meteograma .apexcharts-grid,
.pronosticos-meteograma .apexcharts-xaxis-annotations,
.pronosticos-meteograma .apexcharts-yaxis-annotations {
    pointer-events:none;
    shape-rendering:crispEdges;
}
.pronosticos-meteograma .apexcharts-series,
.pronosticos-meteograma .apexcharts-series path,
.pronosticos-meteograma .apexcharts-series line,
.pronosticos-meteograma .apexcharts-series rect {
    opacity:1!important;
    shape-rendering:auto;
}
.pronosticos-meteograma-strip-cloud .apexcharts-heatmap-rect { shape-rendering:crispEdges; }

/* Dirección del viento: se recorta exactamente al área útil del gráfico. */
.pronosticos-viento-direcciones {
    position:relative;
    display:block;
    height:36px;
    min-height:36px;
    margin:-1px 0 0;
    padding:4px 0 0;
    border-top:1px solid #edf2f4;
    overflow:visible;
    box-sizing:border-box;
}
.pronosticos-viento-dir-item {
    position:absolute;
    top:4px;
    width:30px;
    margin-left:-15px;
    padding:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1px;
    color:#688392;
}
.pronosticos-viento-dir-flecha,
.pronosticos-viento-dir-flecha svg {
    display:block;
    width:13px;
    height:16px;
}
.pronosticos-viento-dir-flecha svg { overflow:visible; }
.pronosticos-viento-dir-flecha path {
    fill:none;
    stroke:#557f98;
    stroke-width:1.45;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.pronosticos-viento-dir-item small {
    color:#7c919c;
    font-size:7.1px;
    line-height:1;
    font-weight:700;
}

/* Cursor compartido para correlacionar todas las variables. */
.pronosticos-meteograma-cursor {
    position:absolute;
    display:none;
    width:0;
    border-left:1px dashed rgba(48,87,109,.82);
    pointer-events:none;
    z-index:50;
}
.pronosticos-meteograma-cursor.is-visible { display:block; }

/* Tooltips. */
.pronosticos-meteograma .apexcharts-tooltip,
.ets-meteo-tooltip { font-size:10.5px!important; }
.ets-meteo-tooltip { min-width:165px; }

@media (max-width:1200px) {
    .pronosticos-meteograma-interior-compacto { min-width:1180px; }
}
@media (max-width:700px) {
    .pronosticos-meteograma-head-compacto { align-items:flex-start; }
    .pronosticos-meteograma-controles { align-items:flex-start; justify-content:flex-start; }
    .pronosticos-controles-grupo { justify-content:flex-start; }
    .pronosticos-controles-label { min-width:62px; text-align:left; }
}
@media (max-width:620px) {
    .pronosticos-meteograma-time-row,
    .pronosticos-meteograma-strip { grid-template-columns:22px 32px minmax(0,1fr); }
    .pronosticos-meteograma-side strong { font-size:7.8px; }
    .pronosticos-meteograma-scale span { font-size:8px; }
}

/* Contraste de capas: grids claramente por detrás y series completamente opacas. */
.pronosticos-meteograma .apexcharts-gridline {
    opacity:.84;
}
.pronosticos-meteograma .apexcharts-xaxis-annotations line,
.pronosticos-meteograma .apexcharts-yaxis-annotations line {
    opacity:.80;
}
.pronosticos-meteograma .apexcharts-series path,
.pronosticos-meteograma .apexcharts-series line {
    stroke-opacity:1!important;
}

/* ==========================================================
   METEOGRAMA V12 · ejes nativos, tiempo exacto y grids legibles
   ========================================================== */
.pronosticos-meteograma-time-row,
.pronosticos-meteograma-strip {
    grid-template-columns:22px minmax(0,1fr);
}

/* Ya no existe una columna de escala manual: Apex coloca la escala Y
   exactamente sobre sus propios grids y reserva el mismo ancho en todos. */
.pronosticos-meteograma .apexcharts-yaxis-texts-g,
.pronosticos-meteograma .apexcharts-yaxis-label {
    display:block!important;
}
.pronosticos-meteograma .apexcharts-xaxis-texts-g,
.pronosticos-meteograma .apexcharts-xaxis-title {
    display:none!important;
}
.pronosticos-meteograma .apexcharts-yaxis text {
    fill:#607985!important;
}

/* Los títulos son una franja mínima; escala y gráfico quedan inmediatamente al lado. */
.pronosticos-meteograma-side {
    border-right:0;
    padding:0;
}
.pronosticos-meteograma-side strong {
    font-size:8.35px;
    letter-spacing:.035em;
}

/* Más altura en las variables que quedaban comprimidas. */
.pronosticos-meteograma-chart-temp { height:184px; }
.pronosticos-meteograma-chart-hum { height:145px; }
.pronosticos-meteograma-chart-rain { height:164px; }
.pronosticos-meteograma-chart-cloud { height:166px; }
.pronosticos-meteograma-chart-wind { height:184px; }

/* El 00 pertenece exactamente a la divisoria del día. */
.pronosticos-tiempo-hora.hora-00 {
    transform:translateX(-50%);
}
.pronosticos-tiempo-hora.hora-00-inicial {
    transform:none;
}

/* La dirección del viento vive en una banda propia, separada del plot. */
.pronosticos-viento-direcciones {
    height:42px;
    min-height:42px;
    margin:4px 0 0;
    padding:6px 0 0;
    border-top:1px solid #dbe5ea;
    overflow:hidden;
    flex:0 0 42px;
}
.pronosticos-viento-dir-item { top:6px; }

/* Grids claramente visibles, pero siempre detrás de las series. */
.pronosticos-meteograma .apexcharts-grid,
.pronosticos-meteograma .apexcharts-xaxis-annotations,
.pronosticos-meteograma .apexcharts-yaxis-annotations {
    pointer-events:none;
}
.pronosticos-meteograma .apexcharts-gridline {
    opacity:.78!important;
}
.pronosticos-meteograma .apexcharts-xaxis-annotations line {
    opacity:.94!important;
}
.pronosticos-meteograma .apexcharts-series,
.pronosticos-meteograma .apexcharts-series path,
.pronosticos-meteograma .apexcharts-series line,
.pronosticos-meteograma .apexcharts-series rect {
    opacity:1!important;
}

@media (max-width:620px) {
    .pronosticos-meteograma-time-row,
    .pronosticos-meteograma-strip { grid-template-columns:20px minmax(0,1fr); }
}

/* ==========================================================
   V13 FIX · solo alineación horizontal y eje temporal
   ========================================================== */
/* Todos los gráficos reservan el mismo espacio para su eje Y. */
.pronosticos-meteograma .apexcharts-yaxis-label {
    text-anchor:end!important;
}
/* La banda temporal no añade anchura propia: se alinea por JS con el plot real. */
.pronosticos-meteograma-tiempo {
    box-sizing:border-box;
}

/* ==========================================================
   V14 · geometría horizontal común (solo alineación + tiempo)
   ========================================================== */
/* El borde lateral de la banda no debe restar píxeles al eje temporal. */
.pronosticos-meteograma-tiempo {
    border-left:0;
    border-right:0;
    min-width:0;
}


/* ==========================================================
   V15 · corrección geométrica estricta
   - El eje temporal comparte el mismo inicio real que los plots.
   - No se modifica su borde derecho: solo se descuenta el ancho
     reservado por Apex para el eje Y (53 px).
   ========================================================== */
.pronosticos-meteograma-tiempo {
    margin-left:53px !important;
    margin-right:0 !important;
    width:auto !important;
    max-width:none !important;
    justify-self:stretch !important;
}


/* ==========================================================
   V16 · eje temporal + separación de escalas y dirección
   ========================================================== */
/* La banda temporal se alinea por JS con el plot real; se anula
   el desplazamiento fijo de V15. */
.pronosticos-meteograma-tiempo {
    margin-left:0 !important;
    margin-right:0 !important;
    width:auto !important;
}

/* Las etiquetas Y quedan claramente fuera del área de datos. */
.pronosticos-meteograma .apexcharts-yaxis text {
    dominant-baseline:middle;
}

/* La dirección del viento ocupa una franja inequívocamente separada. */
.pronosticos-meteograma-wind-wrap {
    overflow:visible;
}
.pronosticos-viento-direcciones {
    position:relative;
    z-index:3;
    height:46px;
    min-height:46px;
    flex:0 0 46px;
    margin:12px 0 0 !important;
    padding:7px 0 0 !important;
    border-top:1px solid #d7e2e7;
    background:#fff;
    box-sizing:border-box;
    overflow:hidden;
}
.pronosticos-viento-dir-item {
    top:7px !important;
}


/* ==========================================================
   V20 · viento: escala desde 0 y banda de dirección separada
   ========================================================== */
.pronosticos-meteograma-chart-wind {
    flex:0 0 190px;
    height:190px;
    min-height:190px;
    overflow:visible;
}
.pronosticos-viento-direcciones {
    flex:0 0 46px;
    min-height:46px;
    height:46px;
    margin-top:12px !important;
    margin-bottom:0 !important;
    box-sizing:border-box;
    overflow:hidden;
}
/* El primer vector no debe sobresalir a la izquierda del área útil. */
.pronosticos-viento-dir-item.primera-direccion {
    margin-left:0;
}


/* ==========================================================
   V21 · viento: base del plot visible hasta 0 km/h
   ========================================================== */
.pronosticos-meteograma-chart-wind {
    flex-basis:202px;
    height:202px;
    min-height:202px;
}

/* V24 · evita el recorte visual del trazo de viento al rozar 0 km/h.
   No altera la escala ni los valores: solo desplaza el dibujo 2.25 px hacia arriba. */
#pronosticoMeteoWind .apexcharts-series {
    transform: translateY(-2.75px);
    transform-box: fill-box;
    transform-origin: center;
}

/* ==========================================================
   V27 · separar valores de las escalas Y del área gráfica
   ========================================================== */
.pronosticos-meteograma .apexcharts-yaxis text {
    transform:translateX(-3px);
}

/* ==========================================================
   V28 · acercar 10 px a la derecha los títulos verticales
   ========================================================== */
.pronosticos-meteograma-side {
    overflow:visible;
}
.pronosticos-meteograma-side strong {
    position:relative;
    left:10px;
}

/* ==========================================================
   V29 · legibilidad, plots más altos y tooltip global
   ========================================================== */

/* Títulos verticales algo mayores y con menos espaciado entre letras. */
.pronosticos-meteograma-side strong {
    font-size:9.6px !important;
    line-height:1.05 !important;
    letter-spacing:.025em !important;
    font-weight:800 !important;
}

/* Cursor horario compartido: más visible sobre todo el meteograma. */
.pronosticos-meteograma-cursor {
    border-left:2px dashed rgba(42,86,111,.96) !important;
    filter:drop-shadow(0 0 1px rgba(255,255,255,.8));
    z-index:70;
}

/* Se usa un único tooltip global; ocultamos los tooltips nativos de Apex. */
.pronosticos-meteograma .apexcharts-tooltip {
    display:none !important;
}

.ets-meteograma-tooltip-global {
    position:absolute;
    z-index:90;
    min-width:292px;
    max-width:340px;
    padding:0;
    background:#fff;
    border:1px solid #d7e3e9;
    border-radius:6px;
    box-shadow:0 2px 7px rgba(30,50,60,.15);
    color:#465f6c;
    font-family:"Segoe UI",Arial,sans-serif;
    font-size:10px;
    line-height:1.12;
    pointer-events:none;
    overflow:hidden;
}
.ets-meteograma-tooltip-title {
    margin:0;
    padding:5px 7px;
    background:#f7fafb;
    border-bottom:1px solid #e5ecef;
    color:#4d6673;
    font-size:10px;
    line-height:1.1;
    font-weight:700;
    text-transform:none;
}
.ets-meteograma-tooltip-body {
    display:grid;
    grid-template-columns:1fr 1fr;
    column-gap:13px;
    row-gap:0;
    padding:4px 7px 5px;
}
.ets-meteograma-tooltip-col {
    min-width:0;
}
.ets-meteograma-tooltip-col .ets-meteograma-tooltip-item:last-child {
    border-bottom:0;
}
.ets-meteograma-tooltip-item {
    min-height:19px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    border-bottom:1px solid #f0f4f6;
    white-space:nowrap;
}
.ets-meteograma-tooltip-item:nth-last-child(-n+2) {
    border-bottom:0;
}
.ets-meteograma-tooltip-item span {
    color:#617985;
    font-size:10px;
    line-height:1.1;
}
.ets-meteograma-tooltip-item strong {
    color:#324f5e;
    font-size:10px;
    line-height:1.1;
    font-weight:700;
}
.ets-meteograma-tooltip-item.valor-temperatura strong {
    color:#cf3f3f;
}

@media (max-width:700px) {
    .ets-meteograma-tooltip-global {
        min-width:270px;
        max-width:310px;
    }
    .ets-meteograma-tooltip-body {
        grid-template-columns:1fr;
    }
    .ets-meteograma-tooltip-item:nth-last-child(-n+2) {
        border-bottom:1px solid #f0f4f6;
    }
    .ets-meteograma-tooltip-item:last-child {
        border-bottom:0;
    }
}


/* ==========================================================
   V33 · nubosidad alineada y líneas temporales visibles
   ========================================================== */
.pronosticos-meteograma-stack {
    isolation:isolate;
}
.pronosticos-meteograma-strip {
    position:relative;
    z-index:1;
}
/* El cursor común debe cruzar también el heatmap de nubosidad. */
.pronosticos-meteograma-cursor {
    z-index:1000 !important;
}
.ets-meteograma-tooltip-global {
    z-index:1100 !important;
}
/* Las líneas de anotación del heatmap se mantienen nítidas sobre las celdas. */
#pronosticoMeteoCloud .apexcharts-xaxis-annotations {
    pointer-events:none;
}
#pronosticoMeteoCloud .apexcharts-xaxis-annotations line {
    opacity:.92 !important;
}


/* ==========================================================
   V38 · presión atmosférica en meteograma
   ========================================================== */
.pronosticos-meteograma-toggle .dot-pressure { background:#5c7586; }
.pronosticos-meteograma-chart-pressure {
    height:154px;
    min-height:154px;
}

/* ==========================================================
   V40 · títulos verticales más limpios y legibles
   ========================================================== */
.pronosticos-meteograma-side strong {
    font-family:"Segoe UI Semibold","Segoe UI",Arial,sans-serif !important;
    font-size:10.2px !important;
    font-weight:600 !important;
    line-height:1.08 !important;
    letter-spacing:.045em !important;
    color:#405d6c !important;
    -webkit-font-smoothing:antialiased;
    text-rendering:geometricPrecision;
}

/* ==========================================================
   V42 · tramo ya transcurrido claramente sombreado
   ========================================================== */
.pronosticos-meteograma-chart {
    position:relative;
}
.ets-meteograma-pasado-overlay {
    position:absolute;
    display:none;
    z-index:18;
    pointer-events:none;
    background:rgba(92,117,134,.115);
    box-shadow:inset -1px 0 0 rgba(47,103,133,.18);
}
/* El cursor y el tooltip continúan siempre por encima del sombreado. */
.pronosticos-meteograma-cursor {
    z-index:1000 !important;
}
.ets-meteograma-tooltip-global {
    z-index:1100 !important;
}

/* ==========================================================
   V43 · pasado más marcado y ligeramente desenfocado
   ========================================================== */
.ets-meteograma-pasado-overlay {
    background:rgba(92,117,134,.20) !important;
    box-shadow:inset -1px 0 0 rgba(47,103,133,.32) !important;
    -webkit-backdrop-filter:saturate(.72) brightness(.96) blur(1.25px);
    backdrop-filter:saturate(.72) brightness(.96) blur(1.25px);
}

/* ==========================================================
   V46 · mantener AHORA nítido aunque el pasado esté desenfocado
   ========================================================== */
/* El velo conserva el sombreado hasta la hora actual, pero el
   desenfoque se aplica en una capa interior que termina antes
   del borde derecho. Así la línea y la etiqueta AHORA no quedan
   afectadas por el backdrop-filter. */
.ets-meteograma-pasado-overlay {
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    overflow:visible;
}
.ets-meteograma-pasado-overlay::before {
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:26px;
    pointer-events:none;
    -webkit-backdrop-filter:saturate(.72) brightness(.96) blur(1.25px);
    backdrop-filter:saturate(.72) brightness(.96) blur(1.25px);
}

/* ==========================================================
   V47 · desenfoque continuo hasta AHORA; línea y etiqueta nítidas
   ========================================================== */
/* Recuperamos el blur sobre todo el tramo pasado, sin franja final nítida. */
.ets-meteograma-pasado-overlay {
    -webkit-backdrop-filter:saturate(.72) brightness(.96) blur(1.25px) !important;
    backdrop-filter:saturate(.72) brightness(.96) blur(1.25px) !important;
    overflow:visible !important;
    box-shadow:none !important;
}

/* Anulamos la capa interior de V46 que dejaba 26 px sin desenfocar. */
.ets-meteograma-pasado-overlay::before {
    content:none !important;
}

/* AHORA se redibuja sobre el velo: solo esta línea permanece nítida. */
.ets-meteograma-pasado-overlay::after {
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    right:-1px;
    width:0;
    border-left:2px dashed #2f6785;
    pointer-events:none;
    z-index:3;
    filter:drop-shadow(0 0 1px rgba(255,255,255,.8));
}

/* Etiqueta AHORA únicamente en Temperatura, también por encima del blur. */
#pronosticoMeteoTemp > .ets-meteograma-pasado-overlay::before {
    content:"AHORA" !important;
    position:absolute;
    top:13px;
    right:0;
    display:block;
    padding:4px 6px;
    background:#2f6785;
    color:#fff;
    border-radius:2px;
    font-family:"Segoe UI",Arial,sans-serif;
    font-size:9px;
    line-height:1;
    font-weight:800;
    letter-spacing:.02em;
    white-space:nowrap;
    transform:translateX(50%) rotate(-90deg);
    transform-origin:center center;
    pointer-events:none;
    z-index:4;
    -webkit-font-smoothing:antialiased;
}

/* ==========================================================
   V48 · corrección etiqueta AHORA sobre desenfoque
   ========================================================== */
/* El pseudo-elemento reutilizado como etiqueta heredaba top/bottom/left/right
   de la antigua capa interior de blur (V46), expandiéndose por todo el gráfico.
   Restablecemos por completo su geometría para que vuelva a ser una etiqueta
   compacta y nítida sobre la línea AHORA. */
#pronosticoMeteoTemp > .ets-meteograma-pasado-overlay::before {
    content:"AHORA" !important;
    position:absolute !important;
    top:13px !important;
    right:-1px !important;
    bottom:auto !important;
    left:auto !important;
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    display:block !important;
    padding:4px 6px !important;
    margin:0 !important;
    background:#2f6785 !important;
    color:#fff !important;
    border:0 !important;
    border-radius:2px !important;
    box-shadow:none !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    filter:none !important;
    font-family:"Segoe UI",Arial,sans-serif !important;
    font-size:9px !important;
    line-height:1 !important;
    font-weight:800 !important;
    letter-spacing:.02em !important;
    white-space:nowrap !important;
    transform:translateX(50%) rotate(-90deg) !important;
    transform-origin:center center !important;
    pointer-events:none !important;
    z-index:4 !important;
    -webkit-font-smoothing:antialiased;
}

/* ==========================================================
   V49 · eje temporal más limpio
   - La divisoria diaria no atraviesa la etiqueta 00.
   - Se conserva la divisoria en la cabecera de cada día.
   - El inicio de HOY queda recto y cerrado.
   - HOY / MAÑANA ligeramente mayores.
   ========================================================== */

/* La separación entre días deja de ocupar toda la altura de la banda. */
.pronosticos-tiempo-dia-banda {
    border-left:0 !important;
}

/* Conservamos la línea vertical únicamente en la cabecera del día siguiente. */
.pronosticos-tiempo-dia-banda:not(.primero) .pronosticos-tiempo-dia-head {
    border-left:1px solid #b8c8d0;
}

/* El comienzo del eje temporal queda recto y bien cerrado. */
.pronosticos-meteograma-tiempo {
    border-left:1px solid #dbe6eb !important;
    border-radius:0 6px 6px 0 !important;
}

/* HOY / MAÑANA: un punto más visibles sin competir con el nombre del día. */
.pronosticos-tiempo-dia-head span {
    padding:2px 5px !important;
    font-size:8.1px !important;
    line-height:1 !important;
}

/* ==========================================================
   V50 · eje temporal recto y día actual más marcado
   ========================================================== */
/* El marco completo de las escalas temporales queda sin redondeos. */
.pronosticos-meteograma-tiempo {
    border-radius:0 !important;
}

/* El día en curso gana un poco más de presencia sin competir con los datos. */
.pronosticos-tiempo-dia-banda.es-hoy {
    background:#e2eef4 !important;
}

/* ==========================================================
   V51 · textos del meteograma consolidados
   ========================================================== */
.pronosticos-seccion-titulo-meteograma {
    margin-bottom:10px;
}
.pronosticos-seccion-titulo-meteograma p {
    max-width:850px;
    line-height:1.45;
}

/* La advertencia sobre incertidumbre queda integrada en la cabecera del
   meteograma, en lugar de aparecer como una nota aislada al final. */
.pronosticos-meteograma-modelo-nota {
    display:flex;
    align-items:flex-start;
    gap:8px;
    min-width:0;
    max-width:560px;
}
.pronosticos-meteograma-modelo-icono {
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 17px;
    width:17px;
    height:17px;
    margin-top:1px;
    border:1px solid #bdd1dc;
    border-radius:50%;
    background:#eef6f9;
    color:#587b8f;
    font-size:10px;
    line-height:1;
    font-weight:800;
    font-style:normal;
}
.pronosticos-meteograma-modelo-nota p {
    margin:0;
    color:#748893;
    font-size:10.7px;
    line-height:1.42;
}
.pronosticos-meteograma-modelo-nota strong {
    display:inline;
    color:#536f7f;
    font-size:inherit;
    line-height:inherit;
    font-weight:700;
}

@media (max-width:900px) {
    .pronosticos-meteograma-modelo-nota { max-width:none; }
}

/* =========================================================
   V59 · cabecera, fiabilidad y estado de actualización
========================================================= */
.pronosticos-head {
    align-items: center;
}

.pronosticos-actualizado {
    min-width: 0;
    width: max-content;
    padding: 9px 11px;
    border-radius: 9px;
    text-align: left;
    white-space: nowrap;
    box-shadow: none;
}
.pronosticos-actualizado strong {
    font-size: 11.5px;
    line-height: 1.2;
}
.pronosticos-actualizado span {
    margin-top: 3px;
    font-size: 10.5px;
    line-height: 1.2;
}
.pronosticos-actualizado-ok {
    border-color: #b9d8c2;
    background: #eef8f1;
}
.pronosticos-actualizado-ok strong { color: #356b48; }
.pronosticos-actualizado-ok span { color: #5f7f69; }

.pronosticos-actualizado-aviso {
    border-color: #e2cf8a;
    background: #fff8dc;
}
.pronosticos-actualizado-aviso strong { color: #7d681e; }
.pronosticos-actualizado-aviso span { color: #8c7b42; }

.pronosticos-actualizado-atrasado {
    border-color: #e1aaa7;
    background: #fff0ef;
}
.pronosticos-actualizado-atrasado strong { color: #93433e; }
.pronosticos-actualizado-atrasado span { color: #9a625f; }

.pronosticos-actualizado-neutro {
    border-color: #d8e7ee;
    background: #f7fbfd;
}

.pronosticos-seccion-titulo .pronosticos-fiabilidad {
    margin-top: 3px;
    color: #98a6ae;
    font-size: 10.5px;
    line-height: 1.4;
}

@media (max-width: 980px) {
    .pronosticos-actualizado {
        width: max-content;
        text-align: left;
    }
}


/* =========================================================
   V60 · textos e iconografía de cabecera
========================================================= */
.pronosticos-meteograma-modelo-nota p {
    text-align: justify;
    text-justify: inter-word;
    hyphens: auto;
}

/* ==========================================================
   V61 · sombreado de encabezados en Próximos días
   ========================================================== */
.pronostico-dia-card-head {
    background:#edf4f7;
    border-bottom-color:#d7e3e9;
}

/* =========================================================
   V67 · selector de modelo del meteograma
   ========================================================= */
.pronosticos-controles-modelos .pronosticos-modelo-toggle {
    min-width:74px;
    justify-content:center;
    letter-spacing:.025em;
}
.pronosticos-controles-modelos .pronosticos-modelo-toggle.is-active,
.pronosticos-controles-modelos .pronosticos-modelo-toggle[aria-pressed="true"] {
    color:#365a6c;
    background:#eaf3f7;
    border-color:#adc5d1;
    box-shadow:inset 0 -2px 0 #789dac;
}
.pronosticos-controles-modelos .pronosticos-modelo-toggle:disabled {
    opacity:.42;
    cursor:default;
    box-shadow:none;
}