.tiempu-portada {
    box-sizing: border-box;
    min-width: 0;
    height: calc(var(--tiempu-altura, 160px) + 64px);
    min-height: 154px;
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr) auto auto;
    column-gap: 20px;
}
.tiempu-portada-cabecera { grid-column: 1 / -1; grid-row: 1; display: flex; justify-content: space-between; align-items: center; gap: 12px; min-width: 0; margin-bottom: 2px; }
.tiempu-portada h2 { margin-bottom: 0; }
.tiempu-portada-derecha { display: contents; }
.tiempu-portada-media { display: contents; }
.tiempu-portada-foto-enlace { display: none; }
.tiempu-portada-autor { grid-column: 1 / -1; grid-row: 4; justify-self: end; display: flex; align-items: center; justify-content: flex-end; gap: 12px; margin-top: 8px; margin-right: 18px; color: #000; font: 16px/1.4 Arial, sans-serif; }
.tiempu-portada-avatar { display: block; flex: 0 0 72px; width: 72px; height: 72px; border-radius: 50%; object-fit: cover; }
.tiempu-portada-carrusel { grid-column: 1; grid-row: 2; min-width: 0; display: grid; grid-template-columns: 20px minmax(0, 1fr) 20px; align-items: center; gap: 4px; }
.tiempu-portada-ciudaes {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc(100% / 6);
    align-items: center;
    min-width: 0;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}
@media (max-width: 600px) {
    .tiempu-portada-autor { font-size: 14px; }
    .tiempu-portada-avatar { flex-basis: 48px; width: 48px; height: 48px; }
}
.tiempu-portada-ciudaes::-webkit-scrollbar { display: none; }
.tiempu-portada-flecha { padding: 0; width: 20px; height: 53px; display: grid; place-items: center; color: #28a745; background: transparent; border: 0; cursor: pointer; }
.tiempu-portada-flecha:disabled { opacity: .25; cursor: default; }
.tiempu-portada-flecha:focus-visible { outline: 2px solid #28a745; outline-offset: 2px; }
.tiempu-portada-prediccion { grid-column: 2; grid-row: 1 / span 3; min-width: 0; border-left: 1px solid #ddd; padding-left: 20px; padding-right: 18px; display: flex; align-items: center; overflow: hidden; }
.tiempu-portada-prediccion p { margin: 0; color: #333; font: 16px/1.5 Georgia, serif; overflow-wrap: anywhere; }
.tiempu-portada-testu { display: block; align-self: flex-start; width: 100%; color: #333; text-decoration: none; font: 16px/1.5 Georgia, serif; overflow-wrap: anywhere; }
.tiempu-portada-lleer { float: right; color: #176836; text-decoration: underline; font: 12px/1.3 Arial, sans-serif; }
.tiempu-portada-testu:focus-visible { outline: 2px solid #28a745; outline-offset: -2px; }
.tiempu-portada-testu time { display: block; margin-bottom: 6px; color: #666; font: bold 15px/1.3 Arial, sans-serif; }
.tiempu-portada-testu p + p { margin-top: 0; }
.tiempu-portada-semeya { float: right; width: 96px; max-width: 40%; height: 72px; object-fit: cover; margin: 0 0 8px 10px; }
.tiempu-portada-prediccion:focus-visible { outline: 2px solid #28a745; outline-offset: 2px; }
.tiempu-portada-ciuda {
    min-width: 0;
    scroll-snap-align: start;
    padding: 0 8px;
    border-left: 1px solid #ddd;
    color: #111;
    text-decoration: none;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font: 16px/1.2 Arial, sans-serif;
}
.tiempu-portada-ciuda:first-child { border-left: 0; }
.tiempu-portada-ciuda:hover span { text-decoration: underline; }
.tiempu-portada-ciuda:focus-visible,.tiempu-portada-ciudaes:focus-visible { outline: 2px solid #28a745; outline-offset: 2px; }
.tiempu-portada-iconu { display: block; flex: 0 0 53px; width: 53px; height: 53px; object-fit: contain; }
.tiempu-portada-estau { display: flex; align-items: center; justify-content: center; gap: 3px; }
.tiempu-portada-temperatura { color: #555; font: 15px/1 Arial, sans-serif; white-space: nowrap; }
.tiempu-portada-ciuda span { display: block; min-height: 1.2em; overflow-wrap: anywhere; }
.tiempu-portada-estado { grid-column: 1; grid-row: 3; margin: 5px 0 0; color: #666; font: 12px/1.3 Arial, sans-serif; }
.tiempu-portada-estado[hidden] { display: none; }
.tiempu-portada-sin-testu { grid-template-columns: minmax(0, 1fr); }
.tiempu-portada-sin-testu .tiempu-portada-carrusel { grid-template-columns: minmax(0, 1fr); }
.tiempu-portada-sin-testu .tiempu-portada-flecha { display: none; }
.tiempu-portada-sin-testu .tiempu-portada-ciudaes { grid-auto-flow: row; grid-template-columns: repeat(9, minmax(0, 1fr)); grid-auto-columns: auto; overflow: visible; }
@media (min-width: 1001px) {
    .tiempu-portada { height: var(--tiempu-altura, 160px); }
    .tiempu-portada-sin-testu { height: calc(var(--tiempu-altura, 160px) + 40px); }
    .tiempu-portada-autor { grid-row: 1; align-self: start; margin-top: 0; }
    .tiempu-portada-prediccion { grid-row: 2 / span 2; }
    .tiempu-portada-semeya { height: 60px; max-height: 60px; object-fit: contain; object-position: right top; }
    .tiempu-portada:not(.tiempu-portada-sin-testu) { grid-template-columns: minmax(0, 5fr) minmax(0, 2.5fr) minmax(210px, 1.5fr); }
    .tiempu-portada-cabecera { align-self: start; }
    .tiempu-portada:not(.tiempu-portada-sin-testu) .tiempu-portada-cabecera { grid-column: 1; margin-bottom: 12px; }
    .tiempu-portada:not(.tiempu-portada-sin-testu) .tiempu-portada-derecha { display: contents; }
    .tiempu-portada:not(.tiempu-portada-sin-testu) .tiempu-portada-media { grid-column: 3; grid-row: 1 / -1; display: flex; flex-direction: column; align-items: flex-end; gap: 6px; min-width: 0; min-height: 0; }
    .tiempu-portada:not(.tiempu-portada-sin-testu) .tiempu-portada-autor { align-self: flex-end; flex: 0 0 auto; gap: 8px; margin: 0; }
    .tiempu-portada:not(.tiempu-portada-sin-testu) .tiempu-portada-prediccion { grid-column: 2; grid-row: 1 / -1; min-height: 0; padding-right: 8px; padding-left: 12px; }
    .tiempu-portada:not(.tiempu-portada-sin-testu) .tiempu-portada-semeya { display: none; }
    .tiempu-portada-foto-enlace { display: block; width: 100%; flex: 1 1 0; min-height: 0; overflow: hidden; }
    .tiempu-portada-foto-enlace img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
    .tiempu-portada-carrusel { align-self: start; margin-top: 4px; }
    .tiempu-portada:not(.tiempu-portada-sin-testu) .tiempu-portada-ciudaes { grid-auto-columns: 20%; }
}
@media (max-width: 1000px) {
    .tiempu-portada { height: auto; }
    .tiempu-portada-prediccion { max-height: 154px; min-height: 0; }
    .tiempu-portada-ciudaes { grid-auto-columns: calc(100% / 3); padding: 4px 0 8px; }
    .tiempu-portada-ciuda { font-size: 14px; }
    .tiempu-portada-sin-testu .tiempu-portada-carrusel { grid-template-columns: 20px minmax(0, 1fr) 20px; }
    .tiempu-portada-sin-testu .tiempu-portada-flecha { display: grid; }
    .tiempu-portada-sin-testu .tiempu-portada-ciudaes { grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: calc(100% / 3); overflow-x: auto; }
}
@media (max-width: 700px) {
    .tiempu-portada { grid-template-columns: minmax(0, 1fr); row-gap: 5px; }
    .tiempu-portada h2 { margin-bottom: 0; }
    .tiempu-portada-cabecera { margin-bottom: 0; }
    .tiempu-portada-ciudaes { grid-auto-columns: 50%; padding: 2px 0 4px; }
    .tiempu-portada-sin-testu .tiempu-portada-ciudaes { grid-auto-columns: 50%; }
    .tiempu-portada-prediccion { grid-column: 1; grid-row: 4; max-height: 130px; border-left: 0; border-top: 1px solid #ddd; padding: 12px 18px 0 0; }
    .tiempu-portada-autor { grid-row: 5; }
}