/* Accesibilidad de tiempo.fiochi.com */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
[tabindex]:focus {
    outline: 3px solid #111;
    outline-offset: 3px;
    box-shadow: 0 0 0 3px #fff;
}

/* Adaptacion movil y navegacion */
.solo-lectores {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
}
.saltar-contenido {
    position:absolute;
    top:8px;
    left:8px;
    z-index:10000;
    padding:12px 16px;
    background:#fff;
    color:#111;
    font: bold 16px Arial,sans-serif;
    transform:translateY(-200%);
}
.saltar-contenido:focus {
    transform:translateY(0);
}
@media (max-width:600px) {
    body.tiempo-actual {
        margin:8px;
    }
    body.tiempo-actual .marcoglobal {
        width:100%;
        max-width:100%;
        box-sizing:border-box;
    }
    body.tiempo-actual .marcoglobal,
    body.tiempo-actual .marcoglobal > tbody,
    body.tiempo-actual .marcoglobal > tbody > tr,
    body.tiempo-actual .marcoglobal > tbody > tr > td,
    body.tiempo-actual .tiempo-cabecera,
    body.tiempo-actual .tiempo-cabecera > tbody,
    body.tiempo-actual .tiempo-cabecera > tbody > tr,
    body.tiempo-actual .tiempo-cabecera > tbody > tr > td,
    body.tiempo-actual .tiempo-columnas,
    body.tiempo-actual .tiempo-columnas > tbody,
    body.tiempo-actual .tiempo-columnas > tbody > tr,
    body.tiempo-actual .tiempo-columnas > tbody > tr > td {
        display:block;
        width:100%;
        box-sizing:border-box;
    }
    body.tiempo-actual .tiempo-cabecera > tbody > tr > td {
        text-align:center;
    }
    body.tiempo-actual #contenido-principal {
        min-width:0;
        overflow-x:auto;
    }
    body.tiempo-actual img {
        max-width:100%;
        height:auto;
    }
    body.tiempo-actual #wd-modern.wdm {
        width:100%;
        max-width:100%;
        box-sizing:border-box;
    }
    body.tiempo-actual #wd-modern .wdm-header {
        grid-template-columns:minmax(0,1fr) 18px;
    }
    body.tiempo-actual #wd-modern .wdm-header > div:first-child {
        grid-column:1;
        grid-row:1;
    }
    body.tiempo-actual #wd-modern .wdm-status {
        grid-column:2;
        grid-row:1;
    }
    body.tiempo-actual #wd-modern .wdm-forecast {
        grid-column:1 / -1;
        grid-row:2;
    }
    body.tiempo-actual #wd-modern .wdm-top {
        gap:2px;
    }
    body.tiempo-actual #wd-modern .wdm-dial-box {
        width:33.33%;
        min-width:0;
    }
    body.tiempo-actual #wd-modern .wdm-dial {
        width:100%;
        max-width:132px;
        height:auto;
    }
    body.tiempo-actual #wd-modern .wdm-footer {
        flex-wrap:wrap;
    }
    body.tiempo-actual #wd-modern .wdm-footer a {
        padding:8px;
        font-size:12px;
    }
}
@media (max-width:480px) {
    body.tiempo-actual #wd-modern .wdm-lower {
        grid-template-columns:minmax(0,1fr);
    }
    body.tiempo-actual #wd-modern .wdm-summary {
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
    body.tiempo-actual #wd-modern .wdm-bars {
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:10px 4px;
        padding:8px 4px;
    }
    body.tiempo-actual #wd-modern .wdm-bar-item {
        width:100%;
    }
    body.tiempo-actual #wd-modern .wdm-dial-caption {
        font-size:11px;
        line-height:14px;
    }
}
@media (prefers-reduced-motion:reduce) {
    body.tiempo-actual #wd-modern .wdm-fill,
    body.tiempo-actual #wd-modern .wdm-hum-track i {
        transition:none;
    }
}
/* Orden de columnas en movil */
@media (max-width:600px) {
    body.tiempo-actual .tiempo-columnas > tbody > tr {
        display:flex;
        flex-direction:column;
    }
    body.tiempo-actual .tiempo-columnas > tbody > tr > #contenido-principal {
        order:1;
    }
    body.tiempo-actual .tiempo-columnas > tbody > tr > .marcocuerpoizqda {
        display:none;
    }
}