/* Ajustes de lectura y escala: móviles pequeños, tabletas, laptops y monitores. */
.turnos-real-screen {
    width: min(100%, 720px);
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 721px) and (max-width: 1100px) {
    .turnos-real-screen { width: min(100%, 660px); }
    .turnos-intro { max-width: 640px; }
}

@media (min-width: 1101px) {
    .turnos-real-screen { width: min(100%, 760px); }
}

@media (max-width: 720px) {
    .turnos-real-screen {
        width: 100%;
        border-width: 5px;
        border-radius: 10px;
    }

    .turnos-real-screen figcaption {
        padding: 10px 12px;
        font-size: .56rem;
        line-height: 1.5;
    }
}

@media (max-width: 380px) {
    .container { width: min(100% - 28px, 560px); }
    .turnos-intro > p:last-child { font-size: .87rem; }
    .turnos-real-screen { border-width: 3px; }
}