/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 19 ago 2026, 22:12:57
    Author     : USUARIO
*/
/* =========================================
   DESKTOP
   > 1200px
   ========================================= */

/* =========================================
   LAPTOP / TABLET GRANDE
   <= 1200px
   ========================================= */

.logo-bluebody-desk{
    display: block;
}
.logo-bluebody-mobile{
    display: none !important;
}
@media (max-width: 1300px) {
    .home-banner-section {
        background-size: 100%;
        background-position: right;
    }
    .footer-section {
        background-position: right;
    }
    .home-banner-section .banner-container-box .banner-btn a {
        padding: 20px 25px 21px 40px;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1200px !important;
    }
    .about-us-section .about-us-content .banner-btn a {
        padding: 20px 40px 20px 37px;
        font-size: 1rem;
    }
    .our-services-section .services-content a {
        padding: 10px 20px 10px 20px !important;
    }
}

@media (max-width: 1200px) {
    .home-header-section .main-header {
        padding: 20px 25% 20px 25% !important;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1100px !important;
    }
    .icons-rounded-box div{
        bottom: 57% !important;
    }
    .owl-item .item .services-content{
        min-height: 600px !important;
    }
    .div-list-service .col-md-4 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    .p-text-valor{
        font-size: 0.78rem !important;
    }
    .div-icon-form-telephone{
        background: transparent !important;
    }
}


/* =========================================
   TABLET
   <= 992px
   ========================================= */

@media (max-width: 992px) {
    .home-header-section .main-header {
        padding: 20px 25% 20px 25% !important;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 900px !important;
    }
}


/* =========================================
   MOBILE
   <= 768px
   ========================================= */

@media (max-width: 768px) {
    .home-header-section .main-header {
        padding: 20px 25% 20px 25% !important;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 700px !important;
    }
}


/* =========================================
   MOBILE PEQUEÑO
   <= 480px
   ========================================= */

@media (max-width: 480px) {
    .home-header-section .main-header {
        padding: 20px 25% 20px 25% !important;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 400px !important;
    }
    .home-header-section .main-header {
        background: #1a2037 !important;
    }
    .home-header-section .main-header {
        padding: 20px 5% 20px 5% !important;
    }
    .navbar-toggler {
        margin-left: 0px !important;
    }
    .navbar-toggler{
        width: 10% !important;
    }
    .navbar-brand{
        width: 85% !important;
    }
    .navbar {
        flex-wrap: initial !important;
    }
    .div-index-nosotros{
        margin-top: 30px !important;
    }
    .linea-nosotros{
        justify-content: center !important;
    }
    .div-cta-bg-01{
        border-radius: 25px 25px 0px 0px !important;
    }
    .div-cta-bg-02{
        border-radius: 0px 0px 25px 25px !important;
    }
    .logo-bluebody-desk{
        display: none !important;
    }
    .logo-bluebody-mobile{
        display: block !important;
    }
    .navbar-collapse {
        right: -75px !important;
        top: 90px !important;
        width: 55vh !important;
        background: #1a2037 !important;
    }
    .home-header-section .main-header .navbar-collapse .navbar-nav .active a {
        color: #000 !important;
    }
    .home-header-section .main-header .navbar-collapse .btn-talk a {
        width: 100% !important;
    }
}