section.filtro {
    margin-bottom: 20px;

    display: flex;
    gap: 40px;

    @media (width < 600px) {
        text-align: center;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    select {
        background: white;
        border: 2px solid #0061AA;
        padding: 12px 24px;
        border-radius: 25px;
        font-size: 15px;
        appearance: none;

        background-image: url(../images/caret-down-solid-full.svg);
        background-repeat: no-repeat;
        background-position: right 10px center;
        background-size: 30px;

        width: 100%;
    }

    .información {
        font-family: "Roboto", sans-serif;
        font-weight: 300;
        font-size: 16px;
        line-height: 18px;
        text-align: justify;
    }
}

section.autores {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;

    article {
        box-sizing: content-box;
        display: grid;
        gap: 20px;
        padding: 10px;

        grid-template-columns: 96px 1fr;
        width: 300px;
        height: 136px;

        @media (width < 600px) {
            width: 100%;
        }

        background-color: #f8f8f8;
        border-radius: 20px;
        div.foto {
            display: flex;
            vertical-align: center;
            div {
                background: #fafafa;
                width: 96px;
                height: 96px;
                border-radius: 96px;
                background-size: cover;
            }
        }
        div.biografía {
            display: flex;
            flex-direction: column;
            gap: 10px;
            h1 {
                margin: 0px;
                padding: 0px;
                font-size: 100%;
                font-weight: bold;
                line-height: 1.2;
            }
            div.especialidades {
                font-size: 90%;
                color: #888;
            }
            div.ver-más {
                font-size: 80%;
            }
        }
    }
}