main {
    background-color: #F2F2F2;
}
section.breadcrumb {
    padding-top: 32px;
    #breadcrumb {
        max-width: 1095px;
        margin: 0px auto;
    }

    @media (width < 1100px) {
        box-sizing: border-box;
        padding: 32px 30px 30px ; /* 98 header + 32 padding */
    }
}

section.autor {
    padding: 30px 0px;

    width: 1095px;
    border-radius: 10px;
    margin: 0px auto;
    margin-top: 60px;
    box-sizing: border-box;
    background-color: #afcae2;

    @media (width < 1100px) {
        padding: 0px;
        max-width: 100%;
        margin: 0px;
        border-radius: 0px;
    }

    div.contenedor {
        max-width: 800px;
        margin: 0px auto;
        padding: 20px;

        display: flex;
        gap: 40px;
        box-sizing: border-box;

        @media (width < 900px) {
            flex-direction: column-reverse;
            margin: 20px;
        }

        div.foto {
            div {
                background: #fafafa;
                width: 180px;
                height: 180px;
                border-radius: 180px;
                background-size: cover;
                margin: 0px auto;
            }
        }
        div.info {
            display: flex;
            flex-direction: column;
            gap: 10px;

            font-family: "Montserrat", sans-serif;
            font-size: 16px;
            h1 {
                margin: 0px;
            }
            div.biografía {
                font-family: "Roboto", sans-serif;
                font-weight: 300;
                line-height: 24px;
                letter-spacing: 0.177778px;
                text-align: justify;
            }
            div.especialidades, div.subespecialidades {
                font-size: 90%;
            }
        }
    }
}