@import url('/files/style-global-temp.css');

/* _____ footer temp _____ */
.home-template .bs-footer .store-redes {
    margin-bottom: 0 !important;
}

/* ___ fin footer temp ___ */


/* ___ global home ___ */
a,
picture {
    display: inline-block;
}

a.row-banner  {
    line-height: 0;
}
.row-banner video {
    width: 100%;
}

.row-banner,
.img-banner {
    width: 100%;
}

.row-banner-btn {
    width: 100%;
  	display: flex;
    position: absolute;
    align-items: center;
}

.row-banner-btn-center {
    justify-content: center;
}

.row-banner-btn-left {
    justify-content: flex-start;
}

.row-banner-btn-right {
    justify-content: flex-end;
}

.banner-btn {
    transition: 0.5s;
    border: 1px solid;
    text-align: center;
}


@media only screen and (max-width: 1025px) {
    .row-banner-btn {
        flex-direction: column;
    }

    .banner-btn {
        width: 65vw;
        margin: 2vw 0;
        font-size: 4vw;
        padding: 2vw 2vw;
        letter-spacing: 0.2vw;
    }
}

@media only screen and (min-width: 1026px) {
    .row-banner-btn {
        flex-direction: row;
    }

    .banner-btn {
        font-size: 0.8vw;
        padding: 0.5vw 1vw;
        letter-spacing: 0.12vw;
    }

    .banner-btn-1,
    .banner-btn-2 {
        width: 15vw;
    }

    .banner-btn-1 {
        margin-right: 4vw;
    }

    .banner-btn-2 {
        margin-left: 4vw;
    }

    .banner-btn-single {
        width: 16vw;
    }
}

/* ___ fin global home ___ */

/* __ favoritos __ */
.box-favoritos {
    display: flex;
    position: absolute;
}

.col-favorito {
    display: flex;
}

.col-favorito-top {
    align-items: flex-start;
}

.col-favorito-center {
    align-items: center;
}

.col-favorito-bottom {
    align-items: flex-end;
}


@media only screen and (max-width: 1025px) {
    .box-favoritos {
        width: 100%;
        justify-content: center;
    }

    .col-favorito {
        width: 100%;
    }

    .btn-favoritos {
        width: 48.5vw;
    }

    .box-favoritos {
        flex-direction: column;
        align-items: center;
    }
}

@media only screen and (min-width: 1026px) {
    .box-favoritos-center {
        justify-content: center;
    }

    .box-favoritos-left {
        justify-content: flex-start;
    }

    .box-favoritos-right {
        justify-content: flex-end;
    }

    .box-favoritos {
        flex-direction: row;
    }
}

/* _ favoritos 2 _ */
.container-favorito-2 {
    width: 100%;
    display: flex;
    max-width: 100%;
}

@media only screen and (max-width: 1025px) {
    .container-favorito-2 {
        flex-direction: column;
    }

}

@media only screen and (min-width: 1026px) {
    .container-favorito-2 {
        flex-direction: row;
    }

    .container-favorito-2 .col-favorito,
    .container-favorito-2 .box-favoritos {
        width: 50%;
    }

    .container-favorito-2 .btn-favoritos {
        width: 15vw;
    }

    .btn-favoritos-1 {
        margin-right: 1vw;
    }

    .btn-favoritos-2 {
        margin-left: 1vw;
    }

    .btn-favoritos-1,
    .btn-favoritos-2 {
        width: 15vw;
    }
}

/* _ fin favoritos 2 _ */

/* __ fin favoritos __ */

/* ___ home paralax___ */
.home-paralax .section-uno {
    z-index: 1;
    position: sticky;
}

.home-paralax .section-dos,
.home-paralax .section-tres,
.home-paralax .section-cuatro,
.home-paralax .section-cinco,
.home-paralax .section-siete,
.home-paralax .content-end-home {
    z-index: 2;
    position: sticky;
}

.home-paralax .content-end-home {
    background-color: white;
}

@media only screen and (max-width: 1025px) {
    .home-paralax .section-uno {
        top: 3rem;
    }
}

@media only screen and (min-width: 1026px) {
    .home-paralax .section-uno {
        top: 30px;
    }
}

/* ___ fin home paralax___ */


/* ___ home sostenilidad ___ */
.banner-btn--primero-sostenibilidad,
.banner-btn--segundo-sostenibilidad,
.banner-btn--tercero-sostenibilidad,
.banner-btn--primero-sostenibilidad:hover,
.banner-btn--segundo-sostenibilidad:hover,
.banner-btn--tercero-sostenibilidad:hover {
    color: white;
}

.banner-btn--primero-sostenibilidad:hover,
.banner-btn--segundo-sostenibilidad:hover,
.banner-btn--tercero-sostenibilidad:hover {
    border-color: transparent;
    background-color: #ffffff40;
}

.banner-btn--cuarto-sostenibilidad,
.banner-btn--cuarto-sostenibilidad:hover {
    color: #808080;
}

.banner-btn--cuarto-sostenibilidad:hover {
    border-color: transparent;
    background-color: #80808040;
}

.container-img-gif-banner-1-2-sostenibilidad,
.container-gif-banner-cuarto-sostenibilidad {
    position: absolute;
}

.home-sostenibilidad .section-uno,
.home-sostenibilidad .section-dos,
.home-sostenibilidad .section-tres> :not(.fixed-sostenibilidad),
.home-sostenibilidad .content-end-home {
    width: 100%;
    position: sticky;
    background-color: white;
}

.home-sostenibilidad .section-uno {
    z-index: 1;
}

.fixed-sostenibilidad {
    z-index: 2;
    width: 100%;
    position: fixed;
}

.home-sostenibilidad .section-dos,
.home-sostenibilidad .section-tres> :not(.fixed-sostenibilidad),
.home-sostenibilidad .content-end-home {
    z-index: 3;
}

.img-gif-banner-1-2-sostenibilidad,
.container-img-gif-banner-1-2-sostenibilidad {
    width: 100%;
    display: none;
}

.row-banner-img--primero-sostenibilidad {
    line-height: 0;
    display: block;
}

.img-banner--primero-sostenibilidad,
.img-banner--segundo-sostenibilidad {
    width: 100%;
}

.row-banner-img--segundo-sostenibilidad {
    line-height: 0;
}

@media only screen and (max-width: 1025px) {
    .row-banner--primero-sostenibilidad {
        margin-top: -37vw;
    }

    .row-banner--segundo-sostenibilidad {
        margin-top: -147vw;
    }

    .row-banner--tercero-sostenibilidad {
        margin-top: -19vw;
    }

    .container-gif-banner-cuarto-sostenibilidad {
        width: 100%;
        margin-top: -30vw;
    }

    .gif-banner-cuarto-sostenibilidad {
        width: 100%;
    }

    .row-banner--cuarto-sostenibilidad {
        margin-top: -23vw;
    }

    .home-sostenibilidad .fixed-sostenibilidad {
        top: 75px;
    }

    .home-sostenibilidad .section-tres {
        margin-top: 75px;
    }

    .home-sostenibilidad .section-uno {
        top: 3rem;
    }

    .container-img-gif-banner-1-2-sostenibilidad {
        margin-top: -6vw;
    }

    .img-banner--primero-sostenibilidad {
        object-fit: cover;
        max-height: calc(100vh - 3rem);
    }
}

@media only screen and (min-width: 1026px) {
    .row-banner--primero-sostenibilidad {
        margin-top: -6.5vw;
    }

    .row-banner--segundo-sostenibilidad {
        margin-top: -26vw;
        padding-right: 9vw;
    }

    .row-banner--tercero-sostenibilidad {
        margin-top: -12vw;
        padding-right: 18.5vw;
    }

    .container-gif-banner-cuarto-sostenibilidad {
        width: 24vw;
        margin-top: -19.5vw;
    }

    .gif-banner-cuarto-sostenibilidad {
        width: 24vw;
    }

    .row-banner--cuarto-sostenibilidad {
        margin-top: -16.5vw;
        padding-left: 4vw;
    }

    .home-sostenibilidad .fixed-sostenibilidad {
        top: 100px;
    }

    .home-sostenibilidad .section-tres {
        margin-top: 100px;
    }

    .home-sostenibilidad .section-uno {
        top: 30px;
    }

    .container-img-gif-banner-1-2-sostenibilidad {
        margin-top: -2.65vw;
    }
}

/* ___ fin home sostenilidad ___ */

/* ___ cyber marzo ___ */

.home-cyber .section-uno {
    z-index: 1;
    position: sticky;
}

.home-cyber .section-dos,
.home-cyber .section-tres,
.home-cyber .section-cuatro,
.home-cyber .content-end-home {
    z-index: 2;
    position: sticky;
}

.home-cyber .section-tres,
.home-cyber .content-end-home {
    background-color: white;
}

.banner-btn--primero-cyber,
.banner-btn--segundo-cyber,
.btn-favoritos--tercero-cyber-1,
.btn-favoritos--tercero-cyber-2 {
    color: var(--color-text-cyber);
}

.banner-btn--primero-cyber:hover,
.banner-btn--segundo-cyber:hover,
.btn-favoritos--tercero-cyber-1:hover,
.btn-favoritos--tercero-cyber-2:hover {
    color: #262626;
    border-color: transparent;
    background-color: #26262633;
}


@media only screen and (max-width: 1025px) {
    .home-cyber .section-uno {
        top: 3rem;
    }

    .row-banner--primero-cyber {
        margin-top: -34vw;
    }

    .row-banner--segundo-cyber {
        margin-top: -34vw;
    }

    .box-favoritos--tercero-cyber-1 {
        padding-left: 37vw;
        margin-top: 37vw;
    }

    .box-favoritos--tercero-cyber-2 {
        padding-left: 30vw;
        margin-top: -10vw;
    }

    .container-favorito-2--tercero-cyber {
        padding-bottom: 10vw;
    }
}

@media only screen and (min-width: 1026px) {
    .home-cyber .section-uno {
        top: 30px;
    }

    .banner-btn--primero-cyber,
    .banner-btn--segundo-cyber {
        width: 11.5vw;
        padding: 0.3vw 1vw;
    }

    .row-banner--primero-cyber {
        padding-right: 9.3vw;
        margin-top: -10vw;
    }

    .banner-btn--primero-cyber-1 {
        margin-right: 0.5vw;
    }

    .banner-btn--primero-cyber-2 {
        margin-left: 0.5vw;
    }

    .row-banner--segundo-cyber {
        margin-top: -8vw;
    }

    .banner-btn--segundo-cyber-1 {
        margin-right: 2vw;
    }

    .banner-btn--segundo-cyber-2 {
        margin-left: 2vw;
    }

    .box-favoritos--tercero-cyber-1 {
        padding-left: 14vw;
        margin-top: 4vw;
    }

    .box-favoritos--tercero-cyber-2 {
        padding-right: 4vw;
        margin-top: 4vw;
    }

    .container-favorito-2--tercero-cyber {
        padding-bottom: 4vw;
    }
}

/* ___ fin cyber marzo ___ */


/* ___ home semana 2 marzo ___ */

.banner-btn--primero-for-good,
.banner-btn--segundo-for-good,
.btn-favoritos--for-good,
.banner-btn--cuarto-for-good {
    color: white;
}

.banner-btn--primero-for-good:hover,
.banner-btn--segundo-for-good:hover,
.btn-favoritos--for-good:hover,
.banner-btn--cuarto-for-good:hover {
    color: white;
    border-color: transparent;
    background-color: #ffffff50;
}

.row-banner-gif--cuarto-for-good {
    width: 100%;
    position: absolute;
}

.gif-banner {
    width: 100%;
}

.home--sem2-marzo .section-uno {
    z-index: 1;
    position: sticky;
    background-color: white;
}

.home--sem2-marzo .section-dos,
.home--sem2-marzo .section-tres,
.home--sem2-marzo .section-cuatro,
.home--sem2-marzo .content-end-home {
    z-index: 2;
    position: sticky;
    background-color: white;
}

@media only screen and (max-width: 1025px) {
    .home--sem2-marzo .section-uno {
        top: 3rem;
    }

    .row-banner--primero-for-good {
        margin-top: -35vw;
    }

    .row-banner--segundo-for-good {
        margin-top: -30vw;
    }

    .box-favoritos--for-good-1,
    .box-favoritos--for-good-2 {
        margin-bottom: 2vw;
    }

    .row-banner--cuarto-for-good {
        margin-top: -38vw;
    }
}

@media only screen and (min-width: 1026px) {
    .home--sem2-marzo .section-uno {
        top: 30px;
    }

    .row-banner--primero-for-good {
        margin-top: -5.5vw;
    }

    .row-banner--segundo-for-good {
        margin-top: -15vw;
        padding-right: 13.5vw;
    }

    .banner-btn--segundo-for-good-1 {
        margin-right: 1.2vw;
    }

    .banner-btn--segundo-for-good-2 {
        margin-left: 1.2vw;
    }

    .container-favorito-2--for-good .col-favorito-1--for-good,
    .container-favorito-2--for-good .box-favoritos--for-good-1 {
        width: 65.31%;
    }

    .container-favorito-2--for-good .col-favorito-2--for-good,
    .container-favorito-2--for-good .box-favoritos--for-good-2 {
        width: 34.69%;
    }

    .box-favoritos--for-good-1,
    .box-favoritos--for-good-2 {
        margin-bottom: 7vw;
    }

    .box-favoritos--for-good-1 {
        padding-right: 4.5vw;
    }

    .row-banner--cuarto-for-good {
        margin-top: -19vw;
        padding-left: 22vw;
    }
}

/* ___ fin home semana 2 marzo ___ */

/* ___ form danielle home ___ */
.wrapper-home-login-danielle--1,
.wrapper-home-login-danielle--2 {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: center;
}

.button-home-login-danielle--buy {
    color: white;
    font-weight: 200;
    transition: 0.5s;
    position: absolute;
    border: 0.5px solid white;
    background-color: transparent;
}

.form-home-login-danielle {
    display: flex;
    position: absolute;
    flex-direction: column;
}

.row-home-login-danielle {
    display: flex;
    flex-direction: row;
}

.col-home-login-danielle {
    width: 50%;
    display: flex;
    flex-direction: column;
}

.label-home-login-danielle {
    margin: 0;
    color: #ffffffb0;
    font-weight: 400;
}

.input-home-login-danielle {
    border: 0;
    width: 100%;
    background: 0;
    outline: none;
    color: #bdc3c7;
    transition: padding 0.3s 0.2s ease;
}

.input-home-login-danielle:focus+.line-field-home-login-danielle:after {
    transform: scaleX(1);
}

.field-home-login-danielle {
    position: relative;
}

.line-field-home-login-danielle {
    width: 100%;
    height: 1px;
    /* position: absolute; */
    background: #bdc3c770;
}

.line-field-home-login-danielle:after {
    width: 100%;
    height: 1px;
    content: " ";
    float: right;
    background: white;
    position: absolute;
    transform: scalex(0);
    transition: transform 0.3s ease;
}

.row-home-login-danielle.row-home-login-danielle--4 .col-home-login-danielle.col-home-login-danielle--4-1 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    flex-direction: row;
}

.button-home-login-danielle {
    margin: auto;
    color: white;
    transition: 0.5s;
    border-radius: 20px;
    border: 1px solid white;
    background-color: transparent;
}

.button-home-login-danielle:hover,
.button-home-login-danielle--buy:hover {
    border-color: transparent;
    background-color: #ffffff80;
}

.label-home-login-danielle--4-1 {
    color: white;
    font-weight: 100;
    margin-left: 5px;
    margin-bottom: 0;
}

.label-home-login-danielle--4-1 a {
    color: white;
    font-style: italic;
    text-decoration: underline;
}

.col-home-login-danielle--4-1 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.input-home-login-danielle--4-1 {
    border-radius: 32px;
    margin-top: 0 !important;
}

.container-home-login-danielle {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}

.box-home-login-danielle {
    width: 200%;
    display: flex;
    transition: 1s;
    flex-direction: row;
    transform: translate3d(0px, 0px, 0px);
}

.wrapper-home-login-danielle--1,
.wrapper-home-login-danielle--2 {
    width: 50%;
}

.box-home-login-danielle.form-login-active-danielle {
    transform: translate3d(-50%, 0px, 0px);
}

.input-home-login-danielle--1-1::-webkit-inner-spin-button,
.input-home-login-danielle--1-1::-webkit-outer-spin-button,
.input-home-login-danielle--3-1::-webkit-inner-spin-button,
.input-home-login-danielle--3-1::-webkit-outer-spin-button{ 
    margin: 0;
    -webkit-appearance: none; 
}

.err-form-vz--db-duplicate {
    width: 90%;
    margin: auto;
    margin-top: 10px;
    text-align: center;
}

@media only screen and (max-width: 1025px) {
    .wrapper-home-login-danielle--1 {
        align-items: center;
        justify-content: flex-end;
    }

    .button-home-login-danielle--buy {
        width: 78vw;
        height: 13vw;
        font-size: 6vw;
        letter-spacing: 0.15vw;
        margin-bottom: 30.5vw;
    }

    .form-home-login-danielle {
        width: 100vw;
        margin-top: 76vw;
    }

    .row-home-login-danielle--2 {
        margin-top: 9vw;
        margin-bottom: 7vw;
    }

    .row-home-login-danielle .col-home-login-danielle:last-child {
        padding-left: 6vw;
        padding-right: 4vw;
    }

    .row-home-login-danielle .col-home-login-danielle:first-child {
        padding-left: 4vw;
        padding-right: 6vw;
    }

    .label-home-login-danielle {
        font-size: 3.5vw;
        padding-left: 2vw;
        letter-spacing: 0.1vw;
    }

    .input-home-login-danielle {
        height: 7vw;
        padding-left: 2vw;
    }

    .button-home-login-danielle {
        width: 50vw;
        height: 10vw;
        font-size: 5vw;
        margin-top: 7vw;
    }

    .label-home-login-danielle--4-1 {
        font-size: 4.2vw;
        line-height: 4.2vw;
        letter-spacing: 0.3vw;
    }

    .row-home-login-danielle--4 {
        padding: 0 8vw;
        margin-top: 5vw;
    }
}

@media only screen and (min-width: 1026px) {
    .button-home-login-danielle--buy {
        width: 20.5vw;
        height: 3.5vw;
        font-size: 1.3vw;
        margin-top: 10.2vw;
        margin-right: 17.5vw;
        letter-spacing: 0.15vw;
    }

    .form-home-login-danielle {
        width: 30vw;
        margin-top: 16vw;
        margin-right: 13vw;
    }

    .row-home-login-danielle--2 {
        margin-top: 2.5vw;
        margin-bottom: 1.9vw;
    }

    .row-home-login-danielle .col-home-login-danielle:last-child {
        padding-left: 1.25vw;
    }

    .row-home-login-danielle .col-home-login-danielle:first-child {
        padding-right: 1.25vw;
    }

    .label-home-login-danielle {
        font-size: 1vw;
        padding-left: 0.5vw;
        letter-spacing: 0.01vw;
    }

    .input-home-login-danielle {
        height: 1.8vw;
        padding-left: 0.5vw;
    }

    .button-home-login-danielle {
        height: 2vw;
        width: 9.5vw;
        font-size: 1vw;
        margin-top: 3.5vw;
    }

    .label-home-login-danielle--4-1 {
        font-size: 0.9vw;
        line-height: 0.9vw;
        letter-spacing: 0.07vw;
    }

    .input-home-login-danielle--4-1 {
        width: 0.9vw;
        height: 0.9vw;
    }

    .row-home-login-danielle--4 {
        margin-top: 3.5vw;
    }

    .col-home-login-danielle--3-1 {
        padding-left: 0 !important;
    }
}

/* ___ fin form danielle home ___ */

/* ___ home madres ___ */
.banner-btn--primero-madres,
.banner-btn--primero-madres:hover {
    color: black;
}

.banner-btn--primero-madres:hover {
    border-color: transparent;
    background-color: #00000030;
}

.banner-btn--segundo-madres,
.banner-btn--tercero-madres,
.banner-btn--cuarto-madres,
.banner-btn--segundo-madres:hover,
.banner-btn--tercero-madres:hover,
.banner-btn--cuarto-madres:hover {
    color: white;
}

.banner-btn--segundo-madres:hover,
.banner-btn--tercero-madres:hover,
.banner-btn--cuarto-madres:hover {
    border-color: transparent;
    background-color: #ffffff30;
}

.home-madres .section-uno {
    z-index: 1;
    position: sticky;
}

.home-madres .section-dos,
.home-madres .section-tres,
.home-madres .section-cuatro,
.home-madres .section-cinco,
.home-madres .content-end-home {
    z-index: 2;
    position: sticky;
}

.home-madres .content-end-home {
    background-color: white;
}

@media only screen and (max-width: 1025px) {
    .home-madres .section-uno {
        top: 3rem;
    }

    .banner-btn--primero-madres,
    .banner-btn--segundo-madres,
    .banner-btn--tercero-madres,
    .banner-btn--cuarto-madres,
    .banner-btn--quinto-madres {
        font-size: 4vw;
        font-weight: 300;
    }

    .row-banner--primero-madres {
        margin-top: -46.5vw;
    }

    .row-banner--segundo-madres {
        margin-top: -19vw;
    }

    .row-banner--tercero-madres {
        margin-top: -38vw;
    }

    .row-banner--cuarto-madres {
        margin-top: -21.5vw;
    }

    .row-banner--quinto-madres {
        margin-top: -27vw;
    }

    .banner-btn--quinto-madres,
    .banner-btn--quinto-madres:hover {
        color: white;
    }

    .banner-btn--quinto-madres:hover {
        border-color: transparent;
        background-color: #ffffff30;
    }
}

@media only screen and (min-width: 1026px) {
    .home-madres .section-uno {
        top: 30px;
    }

    .container-banner--segundo-madres {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .banner-btn--primero-madres,
    .banner-btn--segundo-madres,
    .banner-btn--tercero-madres,
    .banner-btn--cuarto-madres,
    .banner-btn--quinto-madres {
        width: 14.5vw;
        font-size: 0.8vw;
        padding: 0.6vw 1vw;

    }

    .row-banner--primero-madres {
        margin-top: -9vw;
        padding-right: 8vw;
    }

    .banner-btn--primero-madres-1,
    .banner-btn--tercero-madres-1 {
        margin-right: 1vw;
    }

    .banner-btn--primero-madres-2,
    .banner-btn--tercero-madres-2 {
        margin-left: 1vw;
    }

    .row-banner--segundo-madres {
        padding-right: 7.5vw;
    }

    .row-banner--tercero-madres {
        margin-top: -7.5vw;
        padding-right: 5.5vw;
    }

    .row-banner--cuarto-madres {
        margin-top: -4vw;
    }

    .row-banner--quinto-madres {
        margin-top: -11vw;
        padding-right: 26.5vw;
    }

    .banner-btn--quinto-madres,
    .banner-btn--quinto-madres:hover {
        color: black;
    }

    .banner-btn--quinto-madres:hover {
        border-color: transparent;
        background-color: #00000030;
    }

}

/* ___ fin home madres ___ */

/* ___ home madres 2 ___ */

.banner-btn--primero-2-madres-dos,
.banner-btn--primero-2-madres-dos:hover {
    color: white;
}

.banner-btn--primero-2-madres-dos:hover {
    border-color: transparent;
    background-color: #ffffff30;
}

.banner-btn--segundo-madres-dos,
.banner-btn--segundo-madres-dos:hover {
    color: black;
}

.banner-btn--tercero-madres-dos,
.banner-btn--tercero-madres-dos:hover {
    color: white;
}

.banner-btn--segundo-madres-dos:hover {
    border-color: transparent;
    background-color: #00000030;
}

.banner-btn--tercero-madres-dos:hover {
    border-color: transparent;
    background-color: #ffffff30;
}

.swiper-button-prev.swiper-button-prev--madres-dos,
.swiper-button-next.swiper-button-next--madres-dos {
    color: gray;
}

.swiper-button-prev.swiper-button-prev--madres-dos::after,
.swiper-button-next.swiper-button-next--madres-dos::after {
    font-size: 25px;
}

@media only screen and (max-width: 1025px) {

    .banner-btn--primero-1-madres-dos,
    .banner-btn--primero-2-madres-dos,
    .banner-btn--segundo-madres-dos,
    .banner-btn--tercero-madres-dos,
    .banner-btn--cuarto-madres-dos {
        font-size: 4vw;
        font-weight: 300;
    }

    .row-banner--primero-1-madres-dos {
        margin-top: -32.5vw;
    }

    .row-banner--primero-2-madres-dos {
        margin-top: -33.5vw;
    }

    .row-banner--segundo-madres-dos {
        margin-top: -43vw;
    }

    .row-banner--tercero-madres-dos {
        margin-top: -21.5vw;
    	padding-right: 18vw;
    }

    .row-banner--cuarto-madres-dos {
        margin-top: -27vw;
    }

    .banner-btn--cuarto-madres-dos,
    .banner-btn--cuarto-madres-dos:hover {
        color: white;
    }

    .banner-btn--cuarto-madres-dos:hover {
        border-color: transparent;
        background-color: #ffffff30;
    }

    .banner-btn--primero-1-madres-dos,
    .banner-btn--primero-1-madres-dos:hover {
        color: white;
    }

    .banner-btn--primero-1-madres-dos:hover {
        border-color: transparent;
        background-color: #ffffff30;
    }

}

@media only screen and (min-width: 1026px) {

    .banner-btn--segundo-madres-dos,
    .banner-btn--tercero-madres-dos,
    .banner-btn--cuarto-madres-dos {
        width: 13.2vw;
        font-size: 0.8vw;
        padding: 0.6vw 1vw;
    }

    .banner-btn--primero-2-madres-dos {
        width: 14vw;
        font-size: 0.8vw;
        padding: 0.6vw 1vw;
    }

    .row-banner--primero-1-madres-dos {
        margin-top: -8.5vw;
        padding-right: 2vw;
    }

    .row-banner--primero-2-madres-dos {
        margin-top: -14vw;
        padding-right: 16.5vw;
    }

    .banner-btn--primero-1-madres-dos-1,
    .banner-btn--primero-2-madres-dos-1 {
        margin-right: 1vw;
    }

    .banner-btn--primero-1-madres-dos-2,
    .banner-btn--primero-2-madres-dos-2 {
        margin-left: 1vw;
    }


    .banner-btn--segundo-madres-dos-1 {
        margin-right: 0.5vw;
    }

    .banner-btn--segundo-madres-dos-2 {
        margin-left: 0.5vw;
    }

    .row-banner--segundo-madres-dos {
        margin-top: -15.5vw;
        padding-right: 11.3vw;
    }

    .row-banner--tercero-madres-dos {
        margin-top: -7vw;
        padding-right: 24.5vw;
    }

    .row-banner--cuarto-madres-dos {
        margin-top: -16vw;
        padding-right: 13.1vw;
    }

    .banner-btn--cuarto-madres-dos,
    .banner-btn--cuarto-madres-dos:hover {
        color: black;
    }

    .banner-btn--cuarto-madres-dos:hover {
        border-color: transparent;
        background-color: #00000030;
    }

    .banner-btn--primero-1-madres-dos,
    .banner-btn--primero-1-madres-dos:hover {
        color: black;
    }

    .banner-btn--primero-1-madres-dos:hover {
        border-color: transparent;
        background-color: #00000030;
    }
}

/* ___ fin home madres 2 ___ */

/* ___ home abejas ___ */

.banner-btn--primero-2-abejas,
.banner-btn--primero-2-abejas:hover {
    color: white;
}

.banner-btn--primero-2-abejas:hover {
    border-color: transparent;
    background-color: #ffffff30;
}

.banner-btn--segundo-abejas,
.banner-btn--segundo-abejas:hover {
    color: black;
}

.banner-btn--tercero-abejas,
.banner-btn--tercero-abejas:hover {
    color: black;
}

.banner-btn--segundo-abejas:hover {
    border-color: transparent;
    background-color: #00000030;
}

.banner-btn--tercero-abejas:hover {
    border-color: transparent;
    background-color: #00000030;
}

.swiper-button-prev.swiper-button-prev--abejas,
.swiper-button-next.swiper-button-next--abejas {
    color: gray;
}

.swiper-button-prev.swiper-button-prev--abejas::after,
.swiper-button-next.swiper-button-next--abejas::after {
    font-size: 25px;
}

@media only screen and (max-width: 1025px) {

    .banner-btn--primero-abejas,
    .banner-btn--primero-2-abejas,
    .banner-btn--segundo-abejas,
    .banner-btn--tercero-abejas,
    .banner-btn--cuarto-abejas {
        font-size: 4vw;
        font-weight: 300;
    }

    .row-banner--primero-abejas {
        margin-top: -34.5vw;
    }

    .row-banner--primero-2-abejas {
        margin-top: -33.5vw;
    }

    .row-banner--segundo-abejas {
        margin-top: -45vw;
    }

    .row-banner--tercero-abejas {
        margin-top: -30vw;
        padding-right: 18vw;
    }

    .row-banner--cuarto-abejas {
        margin-top: -27vw;
    }

    .banner-btn--cuarto-abejas,
    .banner-btn--cuarto-abejas:hover {
        color: white;
    }

    .banner-btn--cuarto-abejas:hover {
        border-color: transparent;
        background-color: #ffffff30;
    }

    .banner-btn--primero-abejas,
    .banner-btn--primero-abejas:hover {
        color: white;
    }

    .banner-btn--primero-abejas:hover {
        border-color: transparent;
        background-color: #ffffff30;
    }

}

@media only screen and (min-width: 1026px) {

    .banner-btn--segundo-abejas,
    .banner-btn--tercero-abejas,
    .banner-btn--cuarto-abejas {
        width: 13.2vw;
        font-size: 0.8vw;
        padding: 0.6vw 1vw;
    }

    .banner-btn--primero-2-abejas {
        width: 14vw;
        font-size: 0.8vw;
        padding: 0.6vw 1vw;
    }

    .row-banner--primero-abejas {
        margin-top: -11.5vw;
        padding-right: 2vw;
    }

    .row-banner--primero-2-abejas {
        margin-top: -14vw;
        padding-right: 16.5vw;
    }

    .banner-btn--primero-abejas-1,
    .banner-btn--primero-2-abejas-1 {
        margin-right: 1vw;
    }

    .banner-btn--primero-abejas-2,
    .banner-btn--primero-2-abejas-2 {
        margin-left: 1vw;
    }


    .banner-btn--segundo-abejas-1 {
        margin-right: 0.5vw;
    }

    .banner-btn--segundo-abejas-2 {
        margin-left: 0.5vw;
    }

    .row-banner--segundo-abejas {
        margin-top: -15.5vw;
        padding-right: 11.3vw;
    }

    .row-banner--tercero-abejas {
        margin-top: -13vw;
        padding-right: 24.5vw;
    }

    .row-banner--cuarto-abejas {
        margin-top: -18vw;
        padding-right: 13.1vw;
    }

    .banner-btn--cuarto-abejas,
    .banner-btn--cuarto-abejas:hover {
        color: white;
    }

    .banner-btn--cuarto-abejas:hover {
        border-color: transparent;
        background-color: #ffffff30;
    }

    .banner-btn--primero-abejas,
    .banner-btn--primero-abejas:hover {
        color: black;
    }

    .banner-btn--primero-abejas:hover {
        border-color: transparent;
        background-color: #00000030;
    }
}

/* ___ fin home abejas ___ */

/* ___ banner black ___ */
.banner-btn--primero-black,
.banner-btn--primero-black:hover {
    color: white;
}

.banner-btn--primero-black:hover {
    border-color: transparent;
    background-color: #ffffff30;
}

@media only screen and (max-width: 1025px) {
    .row-banner--primero-black {
        margin-top: -34.5vw;
    }

}

@media only screen and (min-width: 1026px) {
    .row-banner--primero-black {
        margin-top: -9.5vw;
        padding-right: 4vw;
    }

    .banner-btn--primero-black {
        width: 17vw;
    }


    .banner-btn--primero-black-1 {
        margin-right: 0.5vw;
    }

    .banner-btn--primero-black-2 {
        margin-left: 0.5vw;
    }
}

/* ___ fin banner black ___ */



/* ___ padres 2023 ___ */
.wrapper--banner--segundo-padres,
.wrapper--banner--tercero-padres {
    width: 100%;
    display: flex;
    position: absolute;
    align-items: flex-end;
    flex-direction: column;
}

.wrapper--banner--segundo-padres .row-banner-btn,
.wrapper--banner--tercero-padres .row-banner-btn {
    position: initial;
}

.row--banner-text--segundo-padres,
.row--banner-text--tercero-padres {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.paragraph--banner--tercero-padres {
    color: black;
}

.with-text--banner--tercero-padres:last-child {
    border-top: 1px solid black;
}


.h1--banner--tercero-padres {
    margin: 0;
    width: 100%;
    color: black;
}

.with-text--banner--tercero-padres:last-child .paragraph--banner--tercero-padres {
    margin: 0;
    font-weight: 300;
}

.wrapper--banner--favorito-padres-1 {
    position: absolute;
}

.col-favorito {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-end;
}

.h1--banner--favorito-padres-1 {
    margin: 0;
    width: 100%;
    color: white;
    font-weight: 500;
}

.paragraph--banner--favorito-padres-1 {
    color: white;
}

.col-favorito-1--padres .with-text--banner--favorito-padres-1,
.col-favorito-2--padres .with-text--banner--favorito-padres-1 {
    border-top: 1px solid white;
}

.btn-favoritos--padres,
.btn-favoritos--padres:hover,
.btn-favoritos--padres:visited {
    color: white;
}

.btn-favoritos--padres:hover {
    border-color: transparent;
    background-color: #ffffff30;
}

.banner-btn--primero-1-padres,
.banner-btn--primero-1-padres:hover {
    color: white;
}

.banner-btn--primero-1-padres:hover {
    border-color: transparent;
    background-color: #ffffff30;
}

@media only screen and (max-width: 1025px) {
  
  	/*.container-banner--primero-1-padres,
    .container-banner--segundo-padres,
    .container-banner--tercero-padres,
    .col-favorito-1--padres {
        padding-bottom: 4vw;
        background-color: white;
    }*/

    .row-banner--primero-1-padres {
        margin-top: -51.5vw;
    }

    .banner-btn--primero-1-padres {
        font-size: 4vw;
        font-weight: 300;
    }

    .paragraph--banner--segundo-padres {
        color: white;
        font-size: 2.5vw;
        margin-bottom: 1vw;
        line-height: 2.5vw;
        letter-spacing: 0.2vw;
    }

    .row--banner-text--segundo-padres {
        width: 79vw;
        padding-right: 11vw;
    }

    .wrapper--banner--segundo-padres {
        margin-top: -71vw;
    }

    .with-text--banner--segundo-padres {
        border-bottom: 1px solid white;
    }

    .with-text--banner--segundo-padres {
        width: 55.5vw;
    }

    .h1--banner--segundo-padres {
        color: white;
        margin: 0;
        font-size: 13vw;
        letter-spacing: 1.2vw;
        margin-bottom: 1.5vw;
    }

    .row-banner--segundo-padres {
        margin-top: 6vw;
    }

    .wrapper--banner--tercero-padres {
        margin-top: -67.5vw;
    }

    .row--banner-text--tercero-padres {
        width: 83vw;
        padding-right: 21vw;
    }

    .paragraph--banner--tercero-padres {
        color: white;
        font-size: 3vw;
        line-height: 3vw;
        letter-spacing: 0.2vw;
        margin-bottom: 2vw;
    }

    .with-text--banner--tercero-padres {
        width: 44vw;
        color: white;
    }

    .with-text--banner--tercero-padres:last-child {
        border-top-color: white;
    }
  	
  	.with-text--banner--tercero-padres:first-child {
        border-bottom: 1px solid white;
    }

    .h1--banner--tercero-padres {
        color: white;
        font-size: 15vw;
        letter-spacing: 1.5vw;
        margin-top: 2vw;
    }

    .banner-btn--tercero-padres {
        margin-top: 7vw;
    }

    .with-text--banner--tercero-padres:last-child .paragraph--banner--tercero-padres {
        display: none;
    }

    .wrapper--banner--favorito-padres-1 {
        margin-bottom: 33vw;
    }

    .col-favorito-1--padres .wrapper--banner--favorito-padres-1 {
        width: 47.5vw;
    }

    .h1--banner--favorito-padres-1 {
        font-size: 15vw;
        letter-spacing: 0.9vw;
    }

    .paragraph--banner--favorito-padres-1 {
        display: none;
    }

    .col-favorito-1--padres .with-text--banner--favorito-padres-1 {
        margin-left: 11vw;
    }

    .col-favorito-2--padres .with-text--banner--favorito-padres-1 {
        margin-left: 23vw;
    }

    .btn-favoritos--padres {
        width: 52vw;
        margin-top: 7vw;
    }

    .banner-btn--segundo-padres,
    .banner-btn--segundo-padres:hover,
    .banner-btn--segundo-padres:visited {
        color: white;
    }

    .banner-btn--segundo-padres:hover {
        border-color: transparent;
        background-color: #ffffff30;
    }

    .banner-btn--tercero-padres,
    .banner-btn--tercero-padres:hover,
    .banner-btn--tercero-padres:visited {
        color: white;
    }

    .banner-btn--tercero-padres:hover {
        border-color: transparent;
        background-color: #ffffff30;
    }
}

@media only screen and (min-width: 1026px) {
  	/*.container-banner--primero-1-padres,
    .container-banner--segundo-padres,
    .container-banner--tercero-padres {
        padding-bottom: 1vw;
        background-color: white;
    }*/
 
    .row-banner--primero-1-padres {
        margin-top: -10.5vw;
        padding-right: 2vw;
    }

    .banner-btn--primero-1-padres-2 {
        margin-right: 1vw;
    }

    .banner-btn--primero-1-padres-1 {
        margin-left: 1vw;
    }

    .paragraph--banner--segundo-padres {
        font-size: 0.8vw;
        line-height: 0.8vw;
        letter-spacing: 0.15vw;
    }

    .row--banner-text--segundo-padres {
        width: 36vw;
        padding-right: 8vw;
    }

    .wrapper--banner--segundo-padres {
        margin-top: -28vw;
    }

    .with-text--banner--segundo-padres {
        border-bottom: 1px solid black;
    }

    .with-text--banner--segundo-padres {
        width: 19.5vw;
    }

    .h1--banner--segundo-padres {
        margin: 0;
        font-size: 5vw;
        letter-spacing: 0.16vw;
    }

    .row-banner--segundo-padres {
        margin-top: 5.6vw;
        padding-right: 5.6vw;
    }

    .banner-btn--segundo-padres-1 {
        margin-right: 1.5vw;
    }

    .banner-btn--segundo-padres-2 {
        margin-left: 1.5vw;
    }

    .banner-btn--segundo-padres {
        width: 14.5vw;
    }

    .wrapper--banner--tercero-padres {
        margin-top: -19.2vw;
    }

    .row--banner-text--tercero-padres {
        width: 34.25vw;
        padding-right: 15.5vw;
    }

    .paragraph--banner--tercero-padres {
        font-size: 1vw;
        line-height: 0.8vw;
        letter-spacing: 0.15vw;
    }

    .with-text--banner--tercero-padres {
        width: 14.5vw;
    }

    .with-text--banner--tercero-padres:last-child {
        margin-top: 0.2vw;
    }
  
  	.with-text--banner--tercero-padres:first-child {
        border-bottom: 1px solid black;
    }

    .h1--banner--tercero-padres {
        font-size: 5vw;
        margin-top: 0.6vw;
        letter-spacing: 0.6vw;
    }

    .row-banner--tercero-padres {
        margin-top: 2.8vw;
        padding-right: 15.5vw;
    }

    .banner-btn--tercero-padres {
        width: 14.5vw;
    }

    .with-text--banner--tercero-padres:last-child .paragraph--banner--tercero-padres {
        margin-top: 0.7vw;
        line-height: 1.2vw;
    }

    .wrapper--banner--favorito-padres-1 {
        margin-bottom: 8.3vw;
    }

    .col-favorito-1--padres .wrapper--banner--favorito-padres-1 {
        width: 15.5vw;
    }

    .col-favorito-2--padres .wrapper--banner--favorito-padres-1 {
        width: 25.5vw;
    }

    .wrapper--banner--favorito-padres-1 .box-favoritos {
        width: 100%;
        margin-top: 2vw;
    }

    .h1--banner--favorito-padres-1 {
        font-size: 5vw;
        margin-top: 0.6vw;
        letter-spacing: 0.6vw;
    }

    .paragraph--banner--favorito-padres-1 {
        font-size: 1vw;
    	margin-top: 5px;
        line-height: 1vw;
        font-weight: 300;
        letter-spacing: 0.15vw;
    }

    .col-favorito-1--padres .with-text--banner--favorito-padres-1 {
        margin-left: 3.8vw;
        width: calc(100% - 3vw);
    }

    .col-favorito-2--padres .with-text--banner--favorito-padres-1 {
        margin-left: 8.8vw;
        width: calc(100% - 8vw);
    }

    .btn-favoritos--padres {
        width: 14.5vw;
    }

    .banner-btn--segundo-padres,
    .banner-btn--segundo-padres:hover,
    .banner-btn--segundo-padres:visited {
        color: black;
    }

    .banner-btn--segundo-padres:hover {
        border-color: transparent;
        background-color: #00000030;
    }

    .banner-btn--tercero-padres,
    .banner-btn--tercero-padres:hover,
    .banner-btn--tercero-padres:visited {
        color: black;
    }

    .banner-btn--tercero-padres:hover {
        border-color: transparent;
        background-color: #00000030;
    }
}

/* ___ fin padres 2023 ___ */

/* ___ banner personalizacion ___ */
.container-banner--personalizacion {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.row-banner--personalizacion {
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    align-items: flex-end;
    flex-direction: column;
}

.txt-banner--personalizacion {
    color: white;
    font-weight: 200;
    margin-bottom: 0;
    text-align: center;
}

.btn-banner-artesanalidad,
.btn-banner-artesanalidad:hover,
.btn-banner-artesanalidad:visited {
    color: white;
}

.btn-banner-artesanalidad:hover {
    border-color: transparent;
    background-color: #ffffff30;
}

@media only screen and (max-width: 1025px) {
    .container-banner--personalizacion {
        justify-content: flex-end;
    }

    .txt-banner--personalizacion {
        width: 100%;
        font-size: 5.7vw;
        line-height: 5.7vw;
        letter-spacing: 0.55vw;
    }

    .row-banner--personalizacion {
        margin-bottom: 8vw;
        justify-content: flex-end;
    }

    .btn-banner-artesanalidad {
        margin: 6vw auto -2vw;
    }
}

@media only screen and (min-width: 1026px) {
    .row-banner--personalizacion {
        justify-content: center;
    }

    .txt-banner--personalizacion {
        font-size: 1.5vw;
        line-height: 1.5vw;
        letter-spacing: 0.21vw;
        margin-right: 4.7vw;
        margin-bottom: 1.2vw;
    }

    .container-banner--personalizacion {
        justify-content: center;
    }

    .btn-banner-artesanalidad {
        width: 13vw;
        margin-right: 11vw;
    }
}

/* ___ fin  banner personalizacion ___ */

/* ___ sale ___ */


.btn-favoritos--sale-edition-1,
.btn-favoritos--sale-edition-2,
.banner-btn--primero-sale-edition,
.banner-btn--segundo-sale-edition {
    color: white;
    border-color: transparent;
    background-color: #ffffff40;
}

.banner-btn--segundo-sale-edition-1,
.banner-btn--segundo-sale-edition-2{
    background-color: #9E9E9E;
}

.btn-favoritos--sale-edition-1:hover,
.btn-favoritos--sale-edition-2:hover,
.banner-btn--primero-sale-edition:hover,
.banner-btn--segundo-sale-edition:hover,
.btn-favoritos--sale-edition-1:visited,
.btn-favoritos--sale-edition-2:visited,
.banner-btn--primero-sale-edition:visited,
.banner-btn--segundo-sale-edition:visited {
    color: white;
    background-color: #ffffff70;
}


.banner-btn--segundo-sale-edition-1:hover,
.banner-btn--segundo-sale-edition-2:hover,
.banner-btn--segundo-sale-edition-1:visited,
.banner-btn--segundo-sale-edition-2:visited {
    background-color: #9e9e9ea8;
}


.btn-favoritos--sale-edition {
    margin-right: 0;
}

@media only screen and (max-width: 1025px) {
    .row-banner--primero-sale-edition {
        margin-top: -45vw;
    }

    .row-banner--segundo-sale-edition {
        margin-top: -50vw;
    }

    .box-favoritos--sale-edition-1,
    .box-favoritos--sale-edition-2 {
        margin-bottom: 11vw;
    }
}

@media only screen and (min-width: 1026px) {
    .row-banner--primero-sale-edition {
        margin-top: -8vw;
    }

    .row-banner--segundo-sale-edition {
        margin-top: -16vw;
    }

    .banner-btn--primero-sale-edition-1,
    .banner-btn--segundo-sale-edition-1 {
        margin-right: 1vw;
    }

    .banner-btn--primero-sale-edition-2,
    .banner-btn--segundo-sale-edition-2 {
        margin-left: 1vw;
    }

    .box-favoritos--sale-edition-1,
    .box-favoritos--sale-edition-2 {
        margin-bottom: 9vw;
    }
}

/* ___ fin sale ___ */
@media only screen and (min-width: 1026px) {
  .home--sem2-mayo .row-banner--segundo-sale-edition {
      margin-top: -8vw;
  }
}