/* ESTILOS QUE DAN AJUSTES ESPECIFICOS */

@media screen and (max-width: 1100px) {
    /* ESTILOS QUE ARREGLA ERROR DE TEXTO ABOUT ME */
    .about-me {
        flex-direction: column;
    }
    .about-me__container-image {
        width: 95%;
        margin: 0px 20px;
    }
    .about-me__texts {
        padding: 25px;
    }
}

@media screen and (max-width: 1076px) {
    /* ESTILOS QUE ARREGLA ERROR DE POSICIONAMIENTO */
    .ebook__container-image {
        order: -1;
    }
}

@media screen and (max-width: 1060px) {
    /* ESTILOS DE CABECERA */
    .cabecera__logo {
        margin: 0px 0px 0px 10px;
    }
    .cabecera__nombre {
        font-size: 20px;
    }
}

@media screen and (max-width: 1125px) {
    /* ESTILOS DE AJUSTE DE ENLACES DE LA CABECERA */
    .cabecera__navbar a {
        padding: 10px;
    }
}


/** RESPONSIVE TABLET **/

@media only screen and (max-width: 900px) {
    body {
        overflow-x: hidden;
    }
    /* Utilidades */
    .desktop {
        display: initial;
    }
    .mobile {
        display: none;
    }
    /* Esto es la cabecera */
    .cabecera {
        position: fixed;
        z-index: 99;
        flex-direction: column;
    }

    .cabecera__contenedor-logo {
        border-bottom: 3px solid rgb(212, 212, 212);
    }

    .cabecera__logo {
        margin-left: 5px;
    }
    /* Icono del menu */
    .menu_bar {
        display: flex;
        align-self: flex-end;
        font-size: 25px;
        margin-right: 25px;
        position: absolute;
        margin-top: 20px;
    }
    /* Menu responsive */
    .navbar__mobile {
        flex-direction: column;
        display: flex;
        justify-content: center;
        bottom: 100%;
        width: 100%;
        height: 100vh;
        background-color: #fff;
    }

    .navbar__mobile.hidden {
        display: none;
    }

    .navbar__mobile li {
        list-style-type: none;
    }
    .navbar__mobile li a {
        text-decoration: none;
        display: block;
        padding: 20px;
        font-size: 25px;
        font-family: 'Barlow';
        text-align: center;
        color: var(--principal-color);
    }

    .menu-responsive-btn {
        cursor: pointer;
    }
    /* ESTILOS DE CONTENEDORES DE TITULOS DE SECCION */
    .container-title:nth-child(1n) {
        margin: 70px 0px 70px 0px;
    }
    .container-title__title-section::before,
    .container-title__title-section::after {
        width: 40px;
    }
    /* Estilos de los contenedores de titulos de secciones */
    /* About me */
    .about-me {
        flex-direction: column;
    }
    .about-me__container-image {
        width: 95%;
        margin: 0px 20px;
    }
    .about-me__texts {
        padding: 25px;
    }
    /* Estilo de servicios */
    .services__container-cards {
        margin-bottom: 25px;
    }
    .services__container-cards:last-child {
        margin-bottom: 0;
    }
    /* ESTILOS DE SECCION DE EBOOK */
    .ebook__container-image {
        order: -1;
        display: flex;
        justify-content: center;
        width: 100%;
    }
    .ebook__container-image::before {
        display: none;
    }
    .ebook__image {
        width: 95%;
        border-radius: 10px;
    }
    /* ESTILOS DE GALERIA */
    .gallery__box-image {
        width: 95%;
        padding: 0px;
    }
    .gallery__box-image::before {
        width: 100%;
        margin: 0px;
        font-size: 48px;
    }
    .gallery__image {
        width: 100%;
    }
    /* Estilos contactame  */
    .contact {
        width: 95%;
        flex-direction: column;
    }
    .contact__other {
        width: 100%;
        border-radius: 10px 10px 0px 0px;
    }
    .contact__container-user-icon {
        margin-top: 15px;
    }
}


/* RESPONSIVE MOVIL */

@media screen and (max-width: 398px) {
    /* ESTILOS DE CABECERA */
    .cabecera__contenedor-logo-nombre {
        justify-content: center;
    }
    .cabecera__logo {
        width: 40px;
        height: 40px;
    }
    .cabecera__nombre {
        display: none;
    }
    .menu_bar {
        margin-top: 10px;
    }
}