/* THE RESPONSIVE ZONE */

/*  Pantallas */
@media (min-width: 1921px) {
    .modal-xl {
        --bs-modal-width: 1800px;
    }
}

@media (max-width: 1920px) {
    .modal-xl {
        --bs-modal-width: 1440px;
    }

    .cover_mobile_image {
        max-width: 200px;
    }

    .cover_root {
        max-width: 260px;
    }
}

/*  Teléfonos móviles & Tablets */

@media screen and (max-width: 992px) {


    .cursor {
        display: none !important;
    }

    .no-show-in-mobile {
        display: none;
    }

    .no-show-in-large-view {
        display: initial;
    }

    .principal-copy,
    #goto-download-cv * {
        justify-content: center !important;
        text-align: center;
        margin: 0 auto;
    }

    h1.super {
        font-size: 3.6rem;
    }

    h1, h2, h3 {
        padding-bottom: 20px;
      }

    p {
        font-size: 16px;
        padding-bottom: 12px;
      }

    .profile_photo_container {
        margin-top: 80px;
    }

    #goto-solutions.inner_padding_rounded {
        height: auto !important;
        padding: 80px 0px 0px;
    }

    .giphy-embed {
        margin-top: 32px;
        height: 400px;
    }

    section {
        margin-bottom: 40px;
    }

    footer {
        margin-top: 32px;
    }

    .menu.fixed {
        max-width: 100%;
        width: 100vw;
        left: 0;
        margin-left: 0px;
    }

    #projectInfo .btn-close {
        display: block;
        z-index: 1055;
        position: absolute;
        right: 10px;
        top: 10px;
    }

    .inner_section {
        padding: 40px 20px;
    }

    body {
        overflow-y: scroll;
    }

    .mobile_covers img {
        margin: 30px;
    }

}


@media screen and (max-width: 577px) {

    #projectInfo .btn-close {
        z-index: 1055;
        display: block;
        position: absolute;
        right: 10px;
        top: 10px;
    }

    .principal-copy a {
        margin-top: 16px !important;
    }

    h1.super {
        font-size: 2.2rem;
    }

    .profile_photo {
        max-width: 260px;
    }

    .profile_photo_container .apps.axd,
    .profile_photo_container .apps.fg,
    .profile_photo_container .apps.gh,
    .profile_photo_container .apps.vsc,
    .profile_photo_container .apps.ai,
    .profile_photo_container .apps.css3,
    .profile_photo_container .apps.css3,
    .profile_photo_container .apps.html5,
    .profile_photo_container .apps.js,
    .profile_photo_container .apps.ps,
    .profile_photo_container .apps.fg,
    .profile_photo_container .apps.sp,
    .profile_photo_container .apps.wp {
        max-width: 80px;
    }

    .profile_photo_container .apps.fg {
        top: 50px;
    }

    .profile_photo_container .apps.sp {
        bottom: 230px;
    }

    .profile_photo_container .apps.css3 {
        top: 230px;
    }

    .profile_photo_container .apps.html5 {
        left: -58px;
        top: 154px;
    }

    .profile_photo_container .apps.sp {
        bottom: 150px;
    }

    .profile_photo_container .apps.gh {
        left: -10px;
        bottom: 0px;
    }

    .profile_photo_container .apps.ai {
        right: -60px;
        top: 110px;
    }

    .profile_photo_container .apps.axd {
        right: -15px;
        top: -38px;
    }

    .profile_photo_container .apps.vsc {
        right: -11px;
        bottom: -46px;
    }

    .profile_photo_container .apps.ps {
        right: -60px;
        bottom: 54px;
    }

    footer {
        margin-top: 32px;
        max-width: 100%;
        width: 100%;
        position: relative;

    }

    .footer-menu div {
        display: flex;
        min-width: 0;
        max-width: 100%;
        flex-flow: row wrap;
    }

    .modal .project-info .pdf-reader {
        min-height: 410px;
    }

    section {
        margin-bottom: 20px;
    }

    .mobile_covers img {
        margin: 20px;
    }

    .giphy-embed {
        height: 290px;
    }

    .button-base {
        width: 100% !important;
    }

    .emphasis::before {
        margin-top: -24px;
    }

    #goto-solutions.inner_padding_rounded {
    height: auto !important;
    padding: 40px 0px 0px;
    }

    #goto-contact video{
        margin-top: 24px;
    }

    .cover_mobile_image, .cover_root
    {
        max-width: 260px;
    }

    .down-56 {
        margin-bottom: 0px !important;
    }
    
    .up-56 {
        margin-bottom: 0px !important;
    }

    .mobile_covers
    {
        margin-top: 0px;
    }
    
}