@import './colors.css';


/* Pantallas pequeñas */


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

    .form-buscar-campo{
        max-width: 210px !important;
    }

.form-check-label {
    white-space: break-spaces !important;
    max-width: 210px !important;
    font-size: x-small !important;
}

.btn-group{
    height: 36px !important;
}


.btn-group>.form-check>.btn {
    padding: 3px 10px !important;
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {

    height: 33px !important;
}




}

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

   .form-buscar-campo{
        max-width: 269px;
    }

   .form-check-label {
    white-space: break-spaces;
    max-width: 210px;
    font-size: small;
}

.btn-group{
    height: 36px;
}


.btn-group>.form-check>.btn {
    padding: 3px 17px;
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {

    height: 33px;
}


    #buscar_inmueble_bottom .form-input-element {
        max-width: 269px !important;

    }

.celda_dato{
    font-size: 12px;
white-space: normal;
}

}


@media screen and (max-width: 425px){
    .form-check-label {
    white-space: break-spaces;
    max-width: 210px;
    font-size: small;
}

.btn-group{
    height: 36px;
}


.btn-group>.form-check>.btn {
    padding: 3px 17px;
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {

    height: 33px;
}

.celda_dato{
    font-size: 12px;
}

.matriz_cee td div {
    text-align: center;
    padding: 2px;
    margin: -2px;
    padding-right: 5px;
}

}

@media screen and (min-width: 425px) {

    #header_logo {
        height: 60px;
    }
}

@media screen and (min-width: 576px) {}

@media screen and (max-width: 600px) {
    #subtitulo_distribucion {
        margin-bottom: 0;
    }

    footer {
        padding-top: 50px;
    }

    footer .row-inner {
        display: block;
        padding: 0 25px;
    }

    footer .legal-menu ul,
    footer .menu-legal-container ul,
    footer .payment-methods {
        padding-left: 0;
    }

    footer .socials-wrappers {
        margin-left: 0;
        max-width: 100%;
    }

    #div_footer_col_1 {
        padding-left: 0;
    }

    #div_footer_col_2 {
        max-width: 350px;
        padding-left: 0;
    }


}


/* Hasta 768 Moviles */

@media screen and (max-width: 700px) {
    .matriz_cee {
        font-size: 10px;
    }
}


/* Hasta  992px tablets */

@media screen and (min-width: 768px) {

    #div_header_main {
        height: 176px;
    }

    #header_logo {
        height: 80px;
    }

}

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

    #buscar_inmueble {
        margin-top: 15px;
    }

    #div_buscador {
        max-width: 665px;
    }


}

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

    #div_header_main {
        height: 210px;
    }

    #hablamos-skyline img {
        width: 100%;
        margin-left: 0;
        object-fit: cover;
        background-position: center top;
    }

}


/* Hasta 1200px */

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

    /* Mostrar botón hamburguesa */
    .menu-toggle {
        right: 20px;
        position: absolute;
        display: inline-block;
        margin-top: 30px;
    }

    #div_distribucion_inversion_bloque_texto,
    #div_distribucion_inversion_bloque_kpis {
        flex: 1 1 100%;
    }

}


/* Hasta 1440px */

@media screen and (min-width: 1200px) {

    footer .row-inner {
        display: flex;
        flex-wrap: wrap;
    }

    #div_footer_col_1 {
        padding-left: 2rem;
    }

    #div_footer_col_2 {
        max-width: 350px;
        padding-left: 2rem;
    }

    #CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogContentWrapper {
        display: block;
    }

    #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogHeader {
        background: transparent !important;
        display: inline-block;
        vertical-align: middle;
        width: 10% !important;
    }

    #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogHeaderLogosWrapper {
        background: transparent;
        width: 100%;
    }

    #CybotCookiebotDialog #CybotCookiebotDialogBody .CybotCookiebotScrollContainer {
        border-bottom: none !important;
    }

    #CybotCookiebotDialog.CybotEdge:not([lang=ta]):not([lang=bg]):not([lang=is]):not([lang=el]) #CybotCookiebotDialogTabContent {
        display: inline-block;
        margin-left: 0 !important;
        padding-left: 0 !important;
        vertical-align: middle;
        width: 85%;
    }

    #CybotCookiebotDialog.CybotEdge:not([lang=ta]):not([lang=bg]):not([lang=is]):not([lang=el]) #CybotCookiebotDialogFooter {
        display: flex;
        align-items: baseline;
        justify-content: space-evenly;
        width: 100%;
    }

    #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyButtons {
        display: flex;
        align-items: baseline;
        margin-top: 15px;
        max-width: 80% !important;
        width: 100%;
    }

    #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper {
        border: 0;
        display: flex;
        flex-direction: row !important;
        justify-content: start;
        max-width: 100%;
        width: 100%;
    }

    #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton,
    #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:not(:first-of-type) {
        border: 1px solid #003b71 !important;
        border-radius: 30px;
        margin-right: 10px;
        max-width: 250px !important;
        padding: 5px !important;
        text-decoration: none !important;
        width: 100%;
    }

    #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
        background: #003b71;
        border-radius: 30px;
        color: #fff !important;
        font-weight: 400 !important;
        margin-right: 10px;
        max-width: 200px;
        padding: 5px !important;
        text-align: center;
        text-decoration: none !important;
    }

    #CybotCookiebotDialog.CybotEdge.CybotCloseButtonEnabled #CybotCookiebotBannerCloseButtonE2E {
        position: absolute;
        right: 0;
        top: 0;
    }

    #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper {
        align-items: baseline !important;
    }

}


/* Pantallas grandes (>1440px) */

@media screen and (min-width: 1440px) {

    #div_header_main {
        height: 248px;
    }

    #header_logo {
        height: 100px;
    }

    #hablamos-skyline img {
        margin-left: 0;
    }

}