:root{
--primary1: #1d2b45;
--primary2: #1B5577;
--primary3: #0F91CA;
--primary4: #01255F;
--danger: #dc3545;
--gray: #565656;
--gray-2: #5E5F61;
}


body{
    overflow-x: hidden;
}

/*** Global */
.bg-primary1{
    background-color: var(--primary1);
}

.bg-primary3{
    background-color: var(--primary3);
}

.color-primary1{
    color: var(--primary1)!important;
}

.color-primary2{
    color: var(--primary2)!important;
}

.color-primary4{
    color: var(--primary4)!important;
}

.color-gray{
    color: var(--gray)
}

.color-gray-2{
    color: var(--gray-2)
}

.c-pointer{
    cursor: pointer;
}

.fs-xl{
    font-size: 2rem;
}

.fs-xl-1{
    font-size: 3rem;
}

.fs-xl-2{
    font-size: 4rem;
}

.bg-navbar{
    background: rgb(29,43,69);
    background: linear-gradient(90deg, rgba(29,43,69,1) 0%, rgba(29,43,69,1) 50%, rgba(26,90,125,1) 100%);
}

.linea-vertical{
    border: 1px solid #495469;
    position: absolute;
    height: 100%;
}


video::-internal-media-controls-download-button {display:none}
video::-webkit-media-controls-enclosure {overflow:hidden}
video::-webkit-media-controls-panel {width: calc(100% + 18px); /* Ajustar los pixeles segun se necesite */}

@media (max-width: 500px) {
    .fs-xl-2{
        font-size: 2rem;
    }   
}
/***********/

/*** Header */
.nav-link{
    cursor: pointer;
}

.icon-social-header i{
    display: flex;
    align-items: center;
    border-radius: 50%;
    background-color: #fff;
    color: var(--primary2);
    padding: 0.3rem 0.3rem;
    font-weight: bold;
}


.bg-header{
    background-image: url('../img/recursos/header/header_full.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
}


.p-li{
    padding: 0 1rem;
}

.mg-neg-menu-burg-header{
    margin-left: -2rem;
}

.text-right-header{
    color: #fff;
}

.fs-xl-close{
    font-size: 2rem;
}

.close-header{
    cursor: pointer;
    transition: 0.3s all;
}

.close-header:hover{
    color: var(--danger);
    transform: scale(1.1);
}


@media (max-width: 1199px){
    .linea-vertical{
        display: none;
    }
    .bg-header{
        background-size: cover;
        background-position: right;
    }
    .social.header{
        display: flex!important;
        justify-content: center!important;
    }
    .text-right-header{
        margin-left: 5rem!important;
        text-align: center;
        color: var(--primary1);
    }
    
}


.logo-web-section-home-header{
    display: none;
    height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media (max-width: 500px) {
    .logo-web-section-home-header{
        display: flex;
    }
    .bg-header{
        height: 320px;
    }

    .bg-header{
        position: relative;
        background-position: right;
        background-image: url('../img/recursos/header/header_basic.png');
    }
}
/************/


/**** Section about */
.text-about{
    font-size: 2rem;
    text-align: center;
}

.img-about{
    height: 500px;
    transition: 0.3s all;
}

.img-about:hover{
    transform: scale(1.02);
}


@media(max-width: 500px){
    .text-about{
        font-size: 16px!important;
    }
    .fs-xl{
        font-size: 1.5rem;
    }
}

@media(max-width: 991px){
.img-about{
  display: flex;
  height: 160px;
  margin: auto;
}

}

/*********/


/**** Section services */
.title-services{
    display: flex;
    align-items: center;
    flex-direction: row;
}

.bg-mancha-azul{
    background-image: url('../img/recursos/mancha-azul.png');
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}


.btn-free-estimate{
    cursor: pointer;
    margin: 2rem;
    transition: 0.3s all;
}


.btn-free-estimate:hover{
    transform: scale(1.05);
}

.img-services{
    display: flex;
    margin: auto;
    height: 200px;
}

.text-info-services{
    font-size: 14px;
}

.card-services{
    height: 550px;
}

@media (max-width: 500px) {
    .title-services{
        text-align: center;
        flex-direction: column;
    }
    .title-services h1:nth-child(1){
        color: var(--primary1)!important;
    }
}
/******/

/**** Section projects */
.video-youtube {
    width: 100%;
    height: 600px;
}

@media (max-width: 991px) {
    .video-youtube {
        height: 400px;
    }
}

@media (max-width: 500px) {
    .video-youtube {
        height: 255px;
    }
}
/*****/


/***** Section free estimate */
.bg-free-estimate{
    background-image: url('../img/recursos/free-estimate.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;  
}

#free-estimate-section{
    position: relative;
}

.h-input-contact{
    height: 50px;
}

.flag-contact{
    height: 30px;
}

.btn-send-contact{
    font-size: 1.5rem;
    border-radius: 25px;
    background-color: var(--primary3);
    border: transparent;
    color: #fff;
    font-weight: bold;
    width: 150px;
    height: 50px;
    transition: 0.3s all;
}

.btn-send-contact:hover{
    background-color: var(--primary4);
    transform: scale(1.05);
}
/***************/

/**** Section contact us */
.content-redes-social{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.icon-social-footer{
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    top: -2rem;
    margin: 0 1rem 1rem;
    background-color: var(--primary1);
    font-weight: bold;
    border-radius: 50%;
    transition: 0.3s all;
    width: 130px;
    height: 130px;
}

.icon-social-footer i{
    color: #fff;
    font-size: 4rem;
}

.icon-social-footer:hover{
    background-color: var(--primary4);
    transform: scale(1.05);
}


.bg-contact-us{
    background-image: url('../img/recursos/bg-contactUs.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;  
}

.img-mano-contactUs{
    position: relative;
    right: 7.5rem;
    height: 600px;
}

.img-codigoQr{
    display: flex;
    margin: auto;
    height: 300px;
}

.hide-content-contactUs{
    display: flex;
}


.content-hyperlink{
    width: 100%;
    position: absolute;
    top: 18rem;
    right: 0;
    display: flex;
    flex-direction: column;

}

.content-hyperlink a {
    color: #fff!important;
    cursor: pointer;
    margin: 0 1rem;
    transition: 0.3s all;
}

.content-hyperlink a:hover {
    color: var(--primary2)!important;
    transform: scale(1.05);
}


.linea-horizontal{
    border: 2px solid #fff;
}

.content-contactUs{
    display: flex;
    flex-direction: row;
}

@media (max-width: 991px) {
    .icon-social-footer{
        width: 50px;
        height: 50px;
    }
    .icon-social-footer i{
       font-size: 2rem;
    }
    .hide-content-contactUs{
        display: none;
    }
    .content-center-contactus{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 500px) {
    .color-gray.contact{
        color: #fff!important;
    }
    .icon-social-footer{
        top: 0.5rem;
        width: 50px;
        height: 50px;
    }
    .icon-social-footer i{
        font-size: 1rem;
    } 
    .content-contactUs{
        font-size: 12px;
    } 
    .fs-xl.number-contactUs{
        font-size: 1rem;
    }
    .img-codigoQr{
        height: 200px;
    }
    .bg-free-estimate::before{
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(0, 0, 0, 0.5);
    }
    
}
/******/