/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: May 26 2025 | 15:15:33 */
/* HERO SECTION */
#heroConocenos {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 42vw;
    position: relative;
    border-bottom: .01rem solid #dee2e6;
    background-image: url('https://outletdeplayeras.com.mx/wp-content/uploads/2025/05/Banner-Conocenos-Outlet-Playeras-min-scaled.png');
    background-size: cover;
    background-position: center;
}

.hero__row {
    display: flex;
    height: 100%;
}

.slide-content {
    display: flex;
    flex-direction: column;
    width: 38%;
    height: 100%;
    justify-content: center;
    align-items: flex-start;
    padding: 0 0 0 2rem;
}

.slide-title {
    font-size: 2.5rem;
    font-weight: 600;
    text-wrap: balance;
    text-transform: uppercase;
    color: #011A42;
    margin: 0 0 1rem;
}

.slide-subtitle {
    font-size: 1rem;
    font-weight: 300;
    text-transform: uppercase;
    color: #011A42;
    margin: 0 0 2.5rem;
}

.sucursales-dropdown {
    display: inline-block;
    position: relative;
    font-family: 'Outfit';
    margin: 0 0 1rem;
}

/* ABOUT SECTION */
#aboutusSection {
    display: flex;
    flex-direction: column;
    padding: 2% 0;
}

.aboutus-row {
    display: flex;
    max-width: 1200px;
    width: 95%;
    margin: auto;
    gap: 8.75vw;
}

.aboutus-row:nth-child(even) .aboutus-image {
    order: 2;
}

.aboutus-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.aboutus-image {
    width: 49%;
}

.aboutus-title {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0 0 1.5rem;
    text-wrap: balance;
}

.aboutus-description {
    font-size: 1rem;
    font-weight: 400;
    color: #333;
    margin: 0 0 1.5rem;
    text-wrap: pretty;
}

.aboutus-list {
    font-size: 1rem;
    font-weight: 400;
    color: #333;
    margin: 0 0 1.5rem;
    padding: 0 0 0 1rem;
    text-wrap: pretty;
}

.aboutus-item {
    margin: 0 0 .5rem
}

@media screen and (max-width: 768px) {
    /* HERO SECTION */
    #heroConocenos {
        height: 122vw;
        background-image: url('https://outletdeplayeras.com.mx/wp-content/uploads/2025/05/Banner-Conocenos-Outlet-Playeras-3.0-430-x-526-px-min.png');
    }

    .slide-content {
        justify-content: flex-end;
        width: 100%;
        padding: 0 0 0 1rem;
    }

    .slide-title {
        font-size: 1.875rem;
        margin: 0 0 .5rem;
    }

    .slide-subtitle {
        margin: 0 0 1rem;
    }

    .slide-content .cta-button {
        padding: .875rem 2rem;
        margin: 0 0 1rem;
    }

    /* ABOUT US SECTION */
    #aboutusSection {
        padding: 10% 0;
        gap: 12.5vw;
    }

    .aboutus-row {
        flex-direction: column;
        gap: 8vw;
    }

    .aboutus-image {
        width: auto;
    }

    .aboutus-title {
        text-wrap: unset;
    }

    .aboutus-row:nth-child(even) .aboutus-image {
        order: unset;
    }
}