.m-t-10 {
    margin-top: 10px;
}

.m-t-20 {
    margin-top: 20px;
}

.m-t-30 {
    margin-top: 30px;
}

.m-t-40 {
    margin-top: 40px;
}

.m-t-50 {
    margin-top: 50px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-b-30 {
    margin-bottom: 30px;
}

.m-b-40 {
    margin-bottom: 40px;
}

.m-b-50 {
    margin-bottom: 50px;
}


.p-0 {
    padding: 0 !important;
}

.m-0 {
    margin: 0 !important;
}

.p-t-5 {
    padding-top: 5px;
}

.p-t-10 {
    padding-top: 10px;
}

.p-t-20 {
    padding-top: 20px;
}

.p-t-30 {
    padding-top: 30px;
}

.p-t-40 {
    padding-top: 40px;
}

.p-t-50 {
    padding-top: 50px;
}

.p-t-60 {
    padding-top: 60px;
}

.p-t-70 {
    padding-top: 70px;
}

.p-t-80 {
    padding-top: 80px;
}

.p-t-100 {
    padding-top: 100px;
}

.p-t-150 {
    padding-top: 300px;
}

.p-b-10 {
    padding-bottom: 10px;
}

.p-b-20 {
    padding-bottom: 20px;
}

.p-b-30 {
    padding-bottom: 30px;
}

.p-b-40 {
    padding-bottom: 40px;
}

.p-b-50 {
    padding-bottom: 50px;
}

.p-b-60 {
    padding-bottom: 60px;
}

.p-b-70 {
    padding-bottom: 70px;
}

.p-b-80 {
    padding-bottom: 80px;
}

.p-b-100 {
    padding-bottom: 100px;
}

.p-b-150 {
    padding-bottom: 140px;
}

.p-b-190 {
    padding-bottom: 190px;
}

.p-b-200 {
    padding-bottom: 200px;
}

.p-b-230 {
    padding-bottom: 230px;
}

.p-b-300 {
    padding-bottom: 300px;
}

.p-b-310 {
    padding-bottom: 310px;
}

.p-b-410 {
    padding-bottom: 410px;
}

.p-b-450 {
    padding-bottom: 450px;
}

.p-b-500 {
    padding-bottom: 500px;
}

.p-b-550 {
    padding-bottom: 550px;
}

.p-b-600 {
    padding-bottom: 650px;
}



.boton {
    background-color: #D9D0C7 !important;
    display: inline-block;
    padding: 10px 40px 10px 40px !important;
    border-radius: 10px;
}

p,
.regular,
.titulo-baner {
    font-family: 'Noto Sans' !important;
}

b,
h1,
h2,
h3,
h4 {
    font-family: 'Noto Sans' !important;
}

.boton:hover {
    background-color: #BFB2A5 !important;
}

.bg_glass {
    background-color: rgba(0, 0, 0, 0.384) !important;
}

.mt-10 {
    margin-top: 20%;
}

.regina {
    background-color: #D9D0C7;
}

.areas {
    background-color: #1E1E1E;
}

.decoraciones {
    background: rgb(152, 158, 151);
    background: linear-gradient(90deg, rgba(152, 158, 151, 1) 1%, rgba(192, 204, 188, 1) 100%);
}

.img-mosaico {
    width: 100%;
    height: 100%;
}

.bg-card {
    background-color: #FFFFFF !important;
}


.custom-hr {
    opacity: 1;
    border: 1px solid #000000;
    /* Remove the default border */
}

.custom-hr-02 {
    opacity: 1;
    border: 1px solid #ffffff;
    /* Remove the default border */

}


.redonded {
    border-radius: 15px;
}




.btn-boton-carrousel {
    background: rgba(240, 64, 30, 1);
    color: rgba(0, 0, 0, 1);
    box-shadow: 0 0 0 rgba(100, 100, 100, 0);
    font-family: 'Noto Sans' !important;
    font-weight: 700;
    border-radius: 20px !important;
}




.card-servicios {
    background: rgba(253, 243, 218, 1);
    color: rgba(0, 0, 0, 1);
    padding-top: 25px;
    padding-bottom: 25px;
    border-radius: 20px !important;
}

.c-blanco {
    color: rgba(255, 255, 255, 1);
}

.c-veta {
    color: rgba(253, 243, 218, 1);
    ;
}

.p {
    font-family: "Noto Sans", sans-serif;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

.texto-vendemos {
    line-height: 55px;
}


.letrero {
    z-index: 2;
    /* Puedes ajustar el valor según sea necesario */
}

.letrero {
    position: relative;
    bottom: 50px;
}

.letrero-movil {
    position: relative;
    bottom: 35px;
}

.letrero-movil {
    z-index: 2;
    /* Puedes ajustar el valor según sea necesario */
}



.titulo-card {
    font-size: 28px;
    margin-top: 0;
}

.card-text {
    font-size: 15px;
}

.text-adaptamos {
    font-size: 35px;
}

.navbar-custom {
    background-color: rgba(11, 14, 11, 1);
    /* Fondo negro con opacidad */
}

.navbar-custom {
    background-color: rgba(0, 0, 0, 0.7);
}

.navbar-scrolled {
    background-color: rgba(0, 0, 0, 0.9) !important;
    transition: background-color 0.3s ease;
}

.modal-menu ul {
    list-style: none;
    padding: 0;
}



.modal-menu li {
    margin: 20px 0;
}

.modal-menu a {
    color: rgba(255, 255, 255, 1);
    font-size: 1.5rem;
    text-decoration: none;
}

.social-icons a {
    color: white;
    font-size: 1.5rem;
    margin: 0 15px;
}


.menu-movil li a {
    font-family: "Noto Sans", sans-serif;
    color: rgba(255, 255, 255, 1);
    font-size: 2em;
    font-weight: 700;
}

html {
    scroll-behavior: smooth;
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: rgba(0, 0, 0, 1);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 1);
    border-radius: .3rem;
    outline: 0;
}



/* Media query para aplicar estilos específicos en móvil */
@media (max-width: 991.98px) {

    /* Aplica la clase navbar-mobile-custom para móviles */
    #navbar {
        background-color: rgba(0, 0, 0, 0.7);
        /* Fondo negro con opacidad */
        padding-bottom: 60px;
    }
}


.texto-card-movil {
    font-size: 11px;
}

.seccion-nosotros {
    background: url(../../almacenamiento/images/banner-quienes-somos-02.png);
    background-size: cover;
    padding: 50px 0 200px;
}


.seccion-servicios {
    background-color: rgba(253, 243, 218, 1);
    background-size: cover;
    padding: 30px 0 30px;
}

.seccion-vendemos {
    background-color: rgba(14, 121, 54, 1);
    background-size: cover;
    padding: 30px 0 30px;
}

.seccion-footer {
    background-color: rgba(14, 121, 54, 1);
}

.seccion-horarios {
    background-color: rgba(11, 89, 40, 1);
    background-size: cover;
}

.seccion-quienes-somos {
    background: url(../../almacenamiento/images/banner-quienes-somos.jpg);
    background-size: cover;
    padding: 50px 0 250px;
}


.horario {
    margin-top: -7%;
}

.don-beto {
    margin-top: -15%;
}

.titulo-servicios {
    font-size: 15px;
}


.texto-servicios {
    font-size: 15px;
}

.seccion-banner-principal img {
    object-fit: cover;
    /* Mantiene la proporción y ajusta el contenido */
    width: 100%;
    height: auto;
}

/* CSS para dispositivos móviles */
@media (max-width: 768px) {

    .seccion-banner-principal img {
        width: 100%;
        /* Mantener el ancho completo */
        height: 300px;
        /* Ajustar la altura según sea necesario */
        object-fit: cover;
        /* Cubre toda el área del banner */
        object-position: 10% center;
        /* Mueve la imagen un poco a la derecha */
    }

    /* Ajustes para la sección Nosotros */
    .seccion-nosotros .col,
    .seccion-quienes-somos .col-6,
    .seccion-servicios .col-6,
    .seccion-vendemos .col-7,
    .seccion-vendemos .col-5 {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
        /* Centrar el texto e imagenes */
        padding-top: 20px;
        /* Añadir un poco de espacio en la parte superior */
    }

    /* Centrar imágenes en dispositivos móviles */
    .seccion-nosotros img,
    .seccion-vendemos img {
        margin: 0 auto;
        /* Centrar imágenes */
        display: block;
    }

    /* Ajustar botones del carrusel para dispositivos móviles */
    .list-group {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        /* Permitir que los botones se muevan a la siguiente línea si es necesario */
    }

    /* Ajustar el carrusel */
    .carousel-inner .card {
        width: 100%;
        /* Hacer que el contenido del carrusel ocupe el ancho completo */
    }

    /* Espaciado entre elementos */
    .seccion-servicios .col,
    .seccion-horarios .col {
        margin-bottom: 20px;
        /* Añadir espacio entre columnas */
    }

    /* Hacer que los botones del carrusel ocupen todo el ancho */
    .btn-boton-carrousel {
        width: 80%;
        /* Ajusta el ancho según sea necesario */
        margin: 5px auto;
        /* Centrando los botones y añadiendo margen */
    }

    /* Asegurarse de que las tarjetas del carrusel ocupen todo el ancho */
    .carousel-inner .card {
        width: 90%;
        /* Ancho ajustado para mejorar la vista en móviles */
        margin: 10px auto;
        /* Centrando las tarjetas */
    }
}

@media only screen and (max-width: 767px) {
    section {
        padding: 0px 0;
    }
}