@charset: "UTF-8";


/* ------ swiper galería de fotos  --------------*/

.swiper-container {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }

.swiper-slide {
        text-align: center;
        font-size: 18px;
        /*background: #fff;*/

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }



/* ------ swiper clientes --------------*/

.swiper-container2 {
        width: 100%;
        height: 100%;
    background: #333;
    }

.swiper-slide2 {
        text-align: center;
        width: 40%;
        height: 15em;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;

    }

.h2     {
    text-align: center;
        }

.wrapper {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
    padding: 2em 0;
        }
        
.corporativosdesa {
    display: flex; /* Enable flexbox layout */
    width: 100%;   /* Make the container full width */
    text-align: center;
    flex-wrap: wrap;
        }

.column {
    flex: 1 1 30%;       /* Distribute columns equally */
    text-align: center;  /* Center content horizontally */
    padding: 15px;      /* Add some spacing */
        }
.p {
    font-size: 1em;
    text-align: center;
        }

header { /* Assuming the body is the parent container */
    display: flex;
    justify-content: flex-end;
        }

.container1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px; /* Optional: Adjust spacing as needed */
        } 

@media (max-width: 768px) { /* Adjust breakpoint as needed */
    #column {
        margin-left: auto;
        margin-right: auto;
        display: block;  /* Ensure it's a block-level element */
        text-align: center;
    }
}