@import url('app.css');



@media (min-width: 1920px) {
    .logo-navbar {
        position: absolute;
        top: 1rem;
        width: 7.5rem;
    }

    .main-box {
        height: calc(100vh - 72px);
    }

    .main-box-text {
        text-align: center;
    }

    .main-box-text h1 {
        font-size: 6rem;
        font-weight: bold;
        text-align: start;
        text-align: center;
    }

    .main-box-text p {
        text-align: center;
        /* font-weight: bold; */
        font-size: 1rem;
        padding: 2rem 30rem;
    }

    .main-box-btns {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .main-box-btns span {
        margin: 0;
        padding: 0;
    }

    .main-btns-1 {
        padding: .78em 1.5rem;
        text-decoration: none;
        font-style: none;
        /* font-weight: bold; */
    }


    .main-box-btns :nth-child(2) {
        margin: 0 1.5rem;
    }


.gallerySwiper .swiper-slide {
    padding: 2rem; /* Elimina el padding entre los slides */
}

.gallerySwiper img.flayer-img {
    width: 96%; /* Asegura que las imágenes ocupen el ancho completo del slide */
    height: 42rem; /* Ajusta la altura de las imágenes según lo necesites */
    object-fit: fill; /* Hace que las imágenes mantengan su proporción sin deformarse */
    border-radius: 8px; /* Añadir bordes redondeados, opcional */
}
}