@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

html{
    width: 100%;
    overflow-x: hidden;
    font-family: 'Raleway' !important;
}

body{
    background-color: #fff;
    font-family: 'Raleway' !important;
    width: 100% !important;
    overflow-x: hidden;
}

.header {
    position: relative;
    background-color: #F9F9EB;
    color: #FFFFFF !important;
    padding: 20px; /* Ajusta el relleno según tus necesidades */
    z-index: 1; /* Asegura que el contenido esté por encima de los colores de fondo */
}

.header::before,
.header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Coloca los triángulos detrás del contenido */
}

.header::before {
    background: #F9F9EB; /* Color del segundo triángulo */
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0);
}

.header::after {
    background: #75797A; /* Color del primer triángulo */
    clip-path: polygon(0 0, 0 100%, 250% 0, 0 0);
}

.formas-header{
    background-image: url('../img/formas_header.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 10% 0;
}
.btn-whatsapp{
    border: 2px solid #FFFFFF4B !important;
    border-radius: 12px !important;
}
h1{
    font-weight: normal !important;
}

#servicios, #calidad, #casa, #marcas, #servicios, #contacto, #about, #operar, #diner, #galeria{
    background-color: #F9F9EB;
}

.btn-vermas{
    background-color: #CDAB78 !important;
    color: #FFFFFF;
}

#servicios h3{
    color: #9E6539 !important;
}

#calidad li{
    margin-bottom: 1.5em; 
}

#calidad li::before{
    content: '✔';
    padding: 0;
    margin-right: 1em;
    margin-left: 0 !important;
}
#calidad ul{
    list-style-type: none;
    margin-left: -1.8rem !important;
}

.fondo-casa{
    background-image: url('../img/banner_casa.png');
    background-size:auto;
    background-repeat: no-repeat;
    background-position: center;
}

#foot{
    background-color: #000000;
    color: #F5F6F8 !important;
}

.link{
    text-decoration: none;
}

#operar .col-md-7>h3, #diner div>div>div>h3{
    color: #9E6539;
    font-weight: 700;
}
.fondo-nav{
    display: flex;
    align-items: center;
    padding-left: 10% !important;
}

.fondo-nav, .dropdown-menu, .dropdown-item:hover{
    /*padding: 5px 0;*/
    /* background: transparent linear-gradient(228deg, #939696 0%, #75797A 100%) 0% 0% no-repeat padding-box; */
    color: #FFFFFF !important;
    border: none !important;
}

.dropdown-menu, .dropdown-item:hover {
    background: transparent linear-gradient(228deg, #939696 0%, #75797A 100%) 0% 0% no-repeat padding-box !important;
}

.expanded {
    background: transparent linear-gradient(228deg, #939696 0%, #75797A 100%) 0% 0% no-repeat padding-box !important;
    width: 100% !important;
}

.text-endCP{
    text-align: end;
}
  
.ml-10{
    margin-left: -10% !important;
}
.order1{
    order: 2 !important;
}

.order2{
    order: 1 !important;
}

.active{
    border-bottom: 6px #CDAB78 solid !important;
}

.dropdown-item.active, .dropdown-item:active{
    background-color: transparent !important;
}

.container-calidad{
    padding-left: 10% !important;
}

.pme-5{
    padding-right: 3rem;
    margin-right: 3rem;
}

.text-endM{
    text-align: end;
}

@media (max-width: 3060px) {
}

@media (max-width: 1280px) {
    
}

@media (min-width: 1280px) {
    
}

/* LG */
@media (max-width: 1199px) {
}

/* MD */
@media (max-width: 991px) {
    
}

#imgLogo2, .imgLogo2{
    display: none;
}

/* SM */
@media (max-width: 767px) {
    .order1{
        order: 1 !important;
    }

    .order2{
        order: 2 !important;
    }
    #marcas img{
        width: 30% !important;
        padding-top: 1rem;
    }
    .headImgPhone1{
        padding-top: 80%;
        padding-bottom: 50%;
    }
    .headImgPhone2{
        position: relative;
        right: -38%;
        top: 12% !important;
        width: 80% !important;
    }
    .ml-10{
        margin-left: 0 !important;
    }
    .pPhone{
        padding: 0 1rem;
    }
    .mPhone{
        margin: 0 1rem;
    }
    .navbar{
        height: auto !important;
    }
    .fondo-nav{
        padding: 5% !important;
        display: block; 
        align-items: center;
        height: auto !important;
    } 
    .imgLogo{
        display: none !important;
    }
    .pme-5{
        padding-right: 0;
        margin-right: 0;
    }
    .text-endM{
        text-align: start;
    }
    .imgLogo2{
        display: flex !important;
        position: relative !important;
        top: -50px !important;
        left: 20% !important;
    }
    .text-endCP{
        text-align: center;
    }
    .d-noneP{
        display: none;
    }
    .formas-header{
        margin-top: 10% !important;
        background-size: contain !important;
    }
    .centerPhone{
        text-align: center;
    }
    .logoHidden{
        display: none !important;
    }
    .pb-7{
        padding-bottom: 8rem;
    }
}

/* XS */
@media (max-width: 575px) {}

/* XS */
@media (max-width: 330px) {}