/*GENERAL*/
main {
    background-color: white;
}

.promo-section {
    max-width: 1300px;
    margin: auto;
    padding: 1rem;
    font-family: var(--default-font);
}

    .promo-section button {
        cursor: pointer;
    }

    .promo-section:target {
        padding-top: 5rem;
        margin-top: -5rem;
    }
.promo-section__title {
    color: var(--main-color);
    font-family: var(--main-font);
    border-bottom: solid 2px;
    -o-border-image: -o-linear-gradient(left, white, white, var(--main-color), white, white) 1;
    border-image: -webkit-gradient(linear, left top, right top, from(white), color-stop(white), color-stop(var(--main-color)), color-stop(white), to(white)) 1;
    border-image: linear-gradient(90deg, white, white, var(--main-color), white, white) 1;
    text-align: center;
    font-size: 1.7rem;
    font-weight: 700;    
}

a:first-of-type:last-of-type img{

}

.footer {
    margin-top: 0;
}
/*NAV*/
.promo-nav {
    border-bottom: solid 1px var(--main-color);
}

.promo-nav__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1300px;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 0;
    margin: 0 auto;
}

.promo-nav__item {
}

    .promo-nav__item a {
        color: var(--main-color);
        display: block;
        padding: .5rem .7rem;
        text-transform: uppercase;
        font-family: var(--default-color);
        font-weight: 700;
        -webkit-transition: all ease .5s;
        -o-transition: all ease .5s;
        transition: all ease .5s;
        font-size: .9rem;
    }


/*HERO*/
.promo-hero {
}

.promo-hero__container {
    position: relative;
}

.promo-hero__image {
    display: block;
    width: 100%;
    max-width: 100%;
    object-fit: cover;
}

.promo-hero__title {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background: rgba(0,0,0,0);
    background: -webkit-gradient(left top, left bottom, color-stop(65%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.4)));
    background: -o-linear-gradient(top, rgba(0,0,0,0) 65%, rgba(0,0,0,0.4) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, rgba(0,0,0,0)), to(rgba(0,0,0,0.4)));
    background: linear-gradient(to bottom, rgba(0,0,0,0) 65%, rgba(0,0,0,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

    .promo-hero__title h1 {
        color: white;
        font-size: 1.7rem;
        text-align: center;
        text-shadow: 0 0 5px rgba(0,0,0,.5);
        margin: 0;
        font-family: var(--main-font);
        font-weight: 900;
        font-style: italic;
        line-height: 1em;
    }

.promo-hero__subtitle {
    background: rgb(120,21,21);
    background: -o-linear-gradient(45deg, var(--second-color) 0%, var(--main-color) 100%);
    background: linear-gradient(45deg, var(--second-color) 0%, var(--main-color) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--second-color)",endColorstr="var(--main-color)",GradientType=1);
}

    .promo-hero__subtitle h2 {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1921 85'%3e%3cg id='bfab6c84-75fd-4539-bde0-e9c2967de0aa'%3e%3cpolygon points='0 85 913.01 22.98 892.97 51.09 1921 0 874.98 60.95 895.01 32.96 0 85' style='fill:rgba(255,255,255,.25)'/%3e%3c/g%3e%3c/svg%3e");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        color: white;
        font-family: var(--main-font);
        font-weight: 700;
        font-style: italic;
        text-shadow: 3px 3px 0 var(--second-color);
        text-align: center;
        padding: .5rem;
        line-height: 1em;
    }
/*FORM*/
.promo-form {
}

.promo-form__container {
}

.promo-form__fieldset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
    .promo-form__fieldset .modal-subtitle {
        width: 100%;
        grid-column: 1/-1;
        color: var(--main-color);
    }
    .promo-form__fieldset.m-dni .promo-form__item:nth-of-type(1),
    .promo-form__fieldset.m-dni .promo-form__item:nth-of-type(2),
    .promo-form__fieldset.m-dni .promo-form__item:nth-of-type(3) {
        width: calc(33.33% - .5rem);
        position: relative;
    }
    .promo-form__fieldset.m-dni.m-posventa {
        display:grid;
        grid-template-columns:repeat(6,1fr);
        grid-gap:.5rem;
    }
    .promo-form__fieldset.m-dni.m-posventa .promo-form__item {
        grid-column: span 3;
        width:100%;
    }

        .promo-form__fieldset.m-dni.m-posventa .promo-form__item.m-dni {
            grid-column: span 2;
        }

@media (max-width: 768px) {
    .promo-form__fieldset.m-dni.m-posventa .promo-form__item.m-dni {
        grid-column: span 6;
    }
}

.promo-form__fieldset.m-dni.m-posventa .promo-form__item.m-name {
    grid-column: span 2;
}

@media (max-width: 768px) {
    .promo-form__fieldset.m-dni.m-posventa .promo-form__item.m-name {
        grid-column: span 3;
    }
}

    .promo-form__item {
    width: calc(50% - .5rem);
    position: relative;
}

    .promo-form__item.m-full__item {
        width: 100%;
    }

        .promo-form__item.m-full__item:nth-of-type(1):nth-last-of-type(8) {
            width: calc(50% - .5rem);
        }

        .promo-form__item.m-full__item:nth-of-type(2):nth-last-of-type(7) {
            width: calc(50% - .5rem);
        }

    .promo-form__item label, .promo-form__textarea label {
        display: block;
        margin-top: .5rem;
        margin-bottom: .1rem;
        color: #454545;
        font-size: 0.9rem;
    }

    .promo-form__item input, .promo-form__item select, .promo-form__textarea textarea {
        display: block;
        width: 100%;
        border: solid 1px #a4a4a4;
        border-radius: .1rem;
        height: 1.8rem;
        padding: 0 .3rem;
        margin-bottom: 0.4rem;
    }

        .promo-form__item input.input-validation-error, .promo-form__item select.input-validation-error, .promo-form__textarea textarea.input-validation-error {
            border: solid 1px red;
        }

        .promo-form__item input:focus, .promo-form__item select:focus {
            border: solid 1px var(--main-color);
        }

    .promo-form__item label.required:after {
        content: "*";
        color: var(--main-color);
    }

.promo-form__textarea label.required:after {
    content: "*";
    color: var(--main-color);
}

.field-validation-error {
    color: red;
    font-size: 0.7rem;
    line-height: 1em;
    position: absolute;
    bottom: -0.3rem;
    white-space: nowrap;
}

.promo-form__textarea {
    position: relative;
    padding-bottom: 0.1rem;
    grid-column: 1/-1;
    width:100%;
}

    .promo-form__textarea textarea {
        height: 4rem;
        resize: vertical;
        padding: .3rem;
        font-family: 'Roboto', sans-serif;
    }

.promo-form__warning {
    text-align: center;
    font-size: .8rem;
    margin-bottom: .5rem;
}

.promo-form__requiredText {
    font-size: 0.7rem;
    color: var(--main-color);
}

.promo-form__btn {
    background:grey;
    color:white;
    display: inline-block;
    padding: .5rem 1.3rem;
    border-radius: .1rem;
    font-weight: 700;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    border: none;
    font-size: 1rem;
    display: inherit;
    margin: auto;
}

    .promo-form__btn:hover {
        -webkit-filter: saturate(0.7);
        filter: saturate(0.7);
    }

.promo-form__captcha-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.promo-form__captcha {
    display: flex;
    justify-content: center;
    align-items: center;
}

.promo-form__modal {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    padding: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 11;
    overflow: auto;
}
.modal-section{
    overflow:auto;
}
.promo-form__modal-container {
    position: absolute;
    width: 90vw;
    max-width: 38rem;
    background: white;
    padding: 1rem;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
    border-radius: .1rem;
    top: 3rem;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.promo-form__modal header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 0 1rem 1rem;
}

    .promo-form__modal header .modal-section__close {
        position: absolute;
        top: -1rem;
        right: -1rem;
        padding: 1rem;
    }

    .promo-form__modal header h6 {
        font-size: 1.4rem;
        margin: 0;
        padding: 0;
        color: var(--main-color);
    }

.promo-form__modal footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .promo-form__modal footer .promo-form__btn {
        margin: 0.5rem  1rem;
    }

        .promo-form__modal footer .promo-form__btn.m-outline {
            outline: solid 2px var(--main-color);
            outline-offset: -2px;
            background: white;
            color: var(--main-color);
            border: solid grey 1px;
        }

            .promo-form__modal footer .promo-form__btn.m-outline:hover {
                background: var(--main-color);
                color: white;
            }
/*DESCRIPCION*/
.promo-info {
}

.promo-info__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.promo-info__content {
    margin-top: 1rem;
    max-width: 420px;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 1rem;
}

    .promo-info__content figure {
        max-width: 100%;
        overflow: hidden;
        height: 0;
        padding-bottom: 56.25%;
        position: relative;
    }

        .promo-info__content figure img {
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

    .promo-info__content h4 {
        text-align: center;
        color: var(--main-color);
        font-size: 1.3rem;
        padding: 0;
        line-height: 1.2em;
        font-family: var(--default-font);
        font-weight: 700;
    }

    .promo-info__content p {
        text-align: center;
        color: #464646;
        padding: 0;
        margin-top: .3rem;
        line-height: 1em;
        font-family: var(--default-color);
        font-weight: 400;
    }
/*GALERIA*/
.promo-galeria__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.promo-galeria__image {
    /*height: 0;*/
    width: calc(50% - 1rem);
    /*padding-bottom: 27%;*/
    /*overflow: hidden;
    position: relative;*/
    margin-top: 1rem;
    -webkit-transition: -webkit-transform ease .3s;
    transition: -webkit-transform ease .3s;
    -o-transition: transform ease .3s;
    transition: transform ease .3s;
    transition: transform ease .3s, -webkit-transform ease .3s;
    cursor: pointer;
}

    .promo-galeria__image:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

    .promo-galeria__image img {
        display: block;
        width: 100%;
        /*position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);*/
    }

.modal-fullScreen header {
    z-index: 1;
}

.modal-fullScreen .gallery-fullScreen picture {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
/*OTRAS PROMOS*/
.otras-promos__container + .otras-promos__container {
    margin-top: 2rem;
}

.otras-promos__container a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1rem;
}

.otras-promos__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.otras-promos__title {
    color: var(--main-color);
    font-family: var(--main-font);
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
    padding-bottom: 0;
}

.otras-promos__subtitle {
    text-align: center;
    color: var(--grey1);
    margin-bottom: 1rem;
}

    .otras-promos__subtitle::after {
        content: "";
        display: block;
        width: 10rem;
        margin: auto;
        margin-top: .5rem;
        border-bottom: solid 2px;
        -o-border-image: -o-linear-gradient(left, var(--main-color), white) 1;
        border-image: -webkit-gradient(linear, left top, right top, from(var(--main-color)), to(white)) 1;
        border-image: linear-gradient(90deg, var(--main-color), white) 1;
    }

.otras-promos__image {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.otras-promos__image img {
    height: 100%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    object-fit: cover;
}

.otras-promos__btn {
    background: var(--main-color);
    color: white;
    display: inline-block;
    padding: .5rem 1rem;
    border-radius: .1rem;
    font-weight: 700;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    border: none;
}

.otras-promos__btn:hover {
    -webkit-filter: saturate(0.7);
    filter: saturate(0.7);
}

/*LEGALES*/
.promo-disclaimer {
    background-color: #6e6e6e;
    text-align: center;
    color: white;
    font-family: var(--default-color);
    font-weight: 400;
    font-size: .8rem;
}
/*CONTACTAR BOTON*/
.contact__button {
    border: none;
    position: fixed;
    bottom: 1em;
    right: 1em;
    color: white;
    padding: .6em;
    font-weight: 700;
    background: var(--main-color);
    border-radius: 6.5em;
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, .5);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.contact__button svg {
    width: 2em;
    height: 2em;
}


/*MEDIA QUERIES*/
@media (min-width:480px) {
    .promo-info__content {
        width: calc(50% - 1rem);
    }

    .promo-hero__subtitle h2 {
        padding: 1rem;
    }
}

@media(min-width:768px) {
    .promo-nav__item a {
        font-size: 1rem;
    }

    .promo-hero__title h1 {
        font-size: 3rem;
        margin-bottom: 0.5rem;
    }

    .promo-section__title {
        font-size: 2rem;
        margin-top: 1.5rem;
    }

    .promo-galeria__image:nth-of-type(2n+1) {
        margin-bottom: 3rem;
    }

    .otras-promos__container + .otras-promos__container {
        margin-top: 4rem;
    }

    .otras-promos__container a {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .otras-promos__container:nth-child(odd) a {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .otras-promos__image {
        padding-bottom: 18.125%;
        width: 45%;
    }

    .otras-promos__content {
        width: calc(55% - 1.5rem);
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    }

    .otras-promos__container:nth-child(odd) a .otras-promos__content {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .otras-promos__title {
        font-size: 2rem;
        text-align: left;
    }

    .otras-promos__container:nth-child(odd) a .otras-promos__title {
        text-align: right;
    }

    .otras-promos__subtitle {
        text-align: left;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .otras-promos__container:nth-child(odd) a .otras-promos__subtitle {
        text-align: right;
    }

    .otras-promos__subtitle::after {
        margin: unset;
        margin-top: 1rem;
        width: 5.4rem;
    }

    .otras-promos__container:nth-child(odd) a .otras-promos__subtitle::after {
        margin-left: auto;
        -o-border-image: -o-linear-gradient(left, white, var(--main-color)) 1;
        border-image: -webkit-gradient(linear, left top, right top, from(to(white), var(--main-color))) 1;
        border-image: linear-gradient(90deg, white, var(--main-color)) 1;
    }
}

@media (min-width:1024px) {
    .promo-info__content {
        width: calc(30% - 1rem);
    }

    .promo-galeria__image {
        width: calc(33.33% - 1rem);
        /*padding-bottom: 18%;*/
    }

    .promo-hero__title h1 {
        font-size: 4.5rem;
    }

    .promo-hero__subtitle h2 {
        padding: 1.3rem;
    }
}
.modal-fullScreen .slide-container .slide-img {
    margin: auto;
    display: block;
}
/*@media (orientation: landscape) {
    .modal-fullScreen .slide-container .slide-img {
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}*/
/*ANIMACIONES FEEDBACK*/
@-webkit-keyframes carta {
    0% {
        -webkit-transform: translate(0, -40rem) rotate3d(1, -2, 0, 540deg);
        transform: translate(0, -40rem) rotate3d(1, -2, 0, 540deg);
    }

    100% {
        -webkit-transform: translate(0, 0)rotate3d(0, 0, 0, 0);
        transform: translate(0, 0)rotate3d(0, 0, 0, 0);
    }
}

@keyframes carta {
    0% {
        -webkit-transform: translate(0, -40rem) rotate3d(1, -2, 0, 540deg);
        transform: translate(0, -40rem) rotate3d(1, -2, 0, 540deg);
    }

    100% {
        -webkit-transform: translate(0, 0)rotate3d(0, 0, 0, 0);
        transform: translate(0, 0)rotate3d(0, 0, 0, 0);
    }
}

@-webkit-keyframes carta-in {
    0% {
        -webkit-transform: translate(0, 0rem);
        transform: translate(0, 0rem);
    }

    100% {
        -webkit-transform: translate(0, 0.8rem);
        transform: translate(0, 0.8rem);
    }
}

@keyframes carta-in {
    0% {
        -webkit-transform: translate(0, 0rem);
        transform: translate(0, 0rem);
    }

    100% {
        -webkit-transform: translate(0, 0.8rem);
        transform: translate(0, 0.8rem);
    }
}

@-webkit-keyframes sobre {
    0% {
        -webkit-transform: rotate(-70deg);
        transform: rotate(-70deg);
    }

    30% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    100% {
        -webkit-transform: rotate(-0deg);
        transform: rotate(-0deg);
    }
}

@keyframes sobre {
    0% {
        -webkit-transform: rotate(-70deg);
        transform: rotate(-70deg);
    }

    30% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    100% {
        -webkit-transform: rotate(-0deg);
        transform: rotate(-0deg);
    }
}

/*@keyframes sobre-adios {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(53vw);
    }
}*/

@-webkit-keyframes aparece {
    from {
        visibility: hidden;
    }

    to {
        visibility: visible;
    }
}

@keyframes aparece {
    from {
        visibility: hidden;
    }

    to {
        visibility: visible;
    }
}

@-webkit-keyframes desaparece {
    from {
        visibility: visible;
    }

    to {
        visibility: hidden;
    }
}

@keyframes desaparece {
    from {
        visibility: visible;
    }

    to {
        visibility: hidden;
    }
}

@-webkit-keyframes cierra-tapa {
    from {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
    }

    to {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }
}

@keyframes cierra-tapa {
    from {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
    }

    to {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }
}

@-webkit-keyframes graciela {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes graciela {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fill-red {
    from {
    }

    to {
        fill: red;
    }
}

@keyframes fill-red {
    from {
    }

    to {
        fill: red;
    }
}

@-webkit-keyframes master-uno {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    to {
        -webkit-transform: rotate(-141deg)scale(1.2);
        transform: rotate(-141deg)scale(1.2);
    }
}

@keyframes master-uno {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    to {
        -webkit-transform: rotate(-141deg)scale(1.2);
        transform: rotate(-141deg)scale(1.2);
    }
}

@-webkit-keyframes master-dos {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    to {
        -webkit-transform: rotate(-216deg)scale(1.2);
        transform: rotate(-216deg)scale(1.2);
    }
}

@keyframes master-dos {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    to {
        -webkit-transform: rotate(-216deg)scale(1.2);
        transform: rotate(-216deg)scale(1.2);
    }
}

/*GENERAL*/
* {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.contactar-form__feedback {
    width: 100%;
    padding: 1rem .5rem
}

    .contactar-form__feedback svg {
        max-width: 100%;
        max-height: 8rem;
        overflow: visible;
        margin-top: 1rem;
    }

        .contactar-form__feedback svg .icon__carta {
            -webkit-transform-origin: center center;
            -ms-transform-origin: center center;
            transform-origin: center center;
            -webkit-animation: carta ease-in 1s forwards;
            animation: carta ease-in 1s forwards;
        }

    .contactar-form__feedback.m-sent svg .icon__carta {
        -webkit-animation: carta ease-in 1s forwards, carta-in ease-in .5s forwards 1.5s;
        animation: carta ease-in 1s forwards, carta-in ease-in .5s forwards 1.5s;
    }

    .contactar-form__feedback svg .icon__sobre {
        -webkit-transform: rotate(-70deg);
        -ms-transform: rotate(-70deg);
        transform: rotate(-70deg);
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-animation: sobre cubic-bezier(0.55, 0.06, 0.68, 0.19) .5s forwards .95s;
        animation: sobre cubic-bezier(0.55, 0.06, 0.68, 0.19) .5s forwards .95s;
        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
        box-shadow: 0 0 3px rgba(0, 0, 0, .5);
    }

    .contactar-form__feedback.m-sent svg .icon__sobre {
        -webkit-animation: sobre cubic-bezier(0.55, 0.06, 0.68, 0.19) .5s forwards .95s /*, sobre-adios ease-in 1s forwards 2.6s*/;
        animation: sobre cubic-bezier(0.55, 0.06, 0.68, 0.19) .5s forwards .95s /*, sobre-adios ease-in 1s forwards 2.6s*/;
    }

    .contactar-form__feedback.m-sent svg .icon__sobre-tapa-front {
        visibility: hidden;
        -webkit-animation: aparece linear .1s forwards 2s, cierra-tapa ease-out .5s forwards 2.1s;
        animation: aparece linear .1s forwards 2s, cierra-tapa ease-out .5s forwards 2.1s;
        -webkit-transform-origin: center 2.2rem;
        -ms-transform-origin: center 2.2rem;
        transform-origin: center 2.2rem;
    }

    .contactar-form__feedback.m-sent svg .icon__sobre-tapa-back {
        visibility: visible;
        -webkit-animation: desaparece linear .1s forwards 2s;
        animation: desaparece linear .1s forwards 2s;
    }

    .contactar-form__feedback .icon__sobre-gracias {
        color: #4269f4;
        font-weight: 700;
        font-size: 1.5rem;
        opacity: 0;
        font-family: 'Montserrat', sans-serif;
        -webkit-animation: graciela ease-in 1s forwards 2.7s;
        animation: graciela ease-in 1s forwards 2.7s;
        text-align: center;
        line-height: 1em;
    }

    .contactar-form__feedback.m-error .icon__sobre-gracias {
        color: #ef0000;
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
    }

        .contactar-form__feedback.m-error .icon__sobre-gracias small {
            display: block;
            font-size: 1rem;
            font-weight: 500;
            color: #6f6f6f;
            line-height: 1em;
            margin-top: .3rem;
        }

    .contactar-form__feedback .icon__circle-uno {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-animation: master-uno ease .5s forwards 2.6s;
        animation: master-uno ease .5s forwards 2.6s;
    }

    .contactar-form__feedback .icon__circle-dos {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-animation: master-dos ease .5s forwards 2.6s;
        animation: master-dos ease .5s forwards 2.6s;
    }

    .contactar-form__feedback.m-error .icon__circle-uno {
        -webkit-animation: master-uno ease .5s forwards 2s, fill-red ease .5s forwards 2s;
        animation: master-uno ease .5s forwards 2s, fill-red ease .5s forwards 2s;
    }

    .contactar-form__feedback.m-error .icon__circle-dos {
        -webkit-animation: master-dos ease .5s forwards 2s, fill-red ease .5s forwards 2s;
        animation: master-dos ease .5s forwards 2s, fill-red ease .5s forwards 2s;
    }

.contact__button.m-whatsapp {
    background-color: #25d366;
}

    .contact__button.m-whatsapp:hover {
        background-color: #0fa948;
    }

    .contact__button.m-whatsapp.m-video {
        background-color: #128C7E;
    }

        .contact__button.m-whatsapp.m-video:hover {
            background-color: #075E54;
        }


/*Spinner Loading*/
.promo-form__item select.loading {
    background-image: url(/img/logo/iso.svg);
    position: relative;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: calc(50% - 1.5em);
    width: 2rem;
    height: 2rem;
    color: transparent;
    -webkit-animation: spinner 0.6s linear infinite;
    animation: spinner 0.6s linear infinite;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: wait;
    pointer-events: none;
    background-size: 80%;
    background-position: center;
    border: none;
}


@-webkit-keyframes passingSpinner {
    from {
        left: calc(50% - 1.5rem);
    }

    to {
        left: 0;
    }
}


@keyframes passingSpinner {
    from {
        left: calc(50% - 1.5rem);
    }

    to {
        left: 0;
    }
}

@-webkit-keyframes laterSpinner {
    from {
        left: 0;
    }

    50% {
        left: calc(100% - 3rem);
    }

    to {
        left: 0;
    }
}

@keyframes laterSpinner {
    from {
        left: 0;
    }

    50% {
        left: calc(100% - 3rem);
    }

    to {
        left: 0;
    }
}
/*Whatsapp*/
.modal-section .whatsapp-form {
    margin: -1rem -1rem 1rem -1rem;
}
.modal-section  .whatsapp-form p {
    padding: 0;
}
.whatsapp-form .modal-section__close {
    top: 1rem;
    position: absolute;
    right: 1rem;
}
    .modal-section .whatsapp-form .contactar-form__warning {
        text-align: center;
        margin: .5rem auto;
    }

.modal-section  .whatsapp-form .contactar-form__header {
    margin: 0;
    box-shadow: none;
    padding: 0;
}

    .modal-section  .whatsapp-form .contactar-form__header .header__content {
        padding: 1rem;
        max-width: unset;
        border-radius: 0.5rem 0.5rem 0 0;
    }

        .modal-section  .whatsapp-form .contactar-form__header .header__content h4 {
            text-align: left;
        }

.modal-section  .whatsapp-form .whatsapp-form__background {
    background-image: url(/img/formularios/fondo-whatsapp.jpg);
    padding: 0.5rem;
    margin: 0 0 0.5rem 0;
    background-position: center;
    background-size: 28rem;
}

.times-circle-solid{
    color: #4b4b4b;
}

@media (min-width: 414px) {
    .modal-section .whatsapp-form .whatsapp-form__background {
        padding: 1rem;
    }
}

.modal-section  .whatsapp-form .whatsapp-form__pre {
    text-align: center;
    margin: auto;
    max-width: 34rem;
    background: rgba(255, 245, 196, .95);
    box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.2);
    font-size: 0.75rem;
    margin-bottom: 0.5rem;
    border-radius: 0.3rem;
    padding: 0.5rem;
    line-height: 1.1em;
    color: #4b4b4b;
}

@media (min-width: 414px) {
    .modal-section  .whatsapp-form .whatsapp-form__pre {
        margin-bottom: 1rem;
    }
}

.modal-section  .whatsapp-form .contactar-form {
    border-radius: 0 0.3rem 0.3rem 0.3rem;
    box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.2);
    position: relative;
    background: white;
    padding: 0.5rem;
    max-width: 34rem;
    margin: auto;
}

    .modal-section  .whatsapp-form .contactar-form:before {
        content: "";
        display: block;
        width: 0.5rem;
        height: 1.1rem;
        border-radius: 0rem 0.9rem 0rem 6.9rem;
        position: absolute;
        top: -1px;
        left: -0.4rem;
        z-index: 5;
        background-repeat: no-repeat;
    }

@media (min-width: 480px) {
    .modal-section  .whatsapp-form .contactar-form:before {
        width: 1rem;
        top: -1.8px;
        left: -0.9rem;
    }
}

.modal-section  .whatsapp-form .contactar-form .whatsapp-form__link {
    background: #f5f5f5;
    display: flex;
    overflow: hidden;
    border-radius: 0.3rem;
    width: 100%;
}

    .modal-section  .whatsapp-form .contactar-form .whatsapp-form__link figure {
        max-width: 25%;
        width: 25%;
        min-width: 25%;
        position: relative;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        min-height: 6rem;
    }

        .modal-section  .whatsapp-form .contactar-form .whatsapp-form__link figure img {
            display: block;
            min-width: 100%;
            height: 100%;
            object-fit: cover;
            position: absolute;
        }

    .modal-section  .whatsapp-form .contactar-form .whatsapp-form__link > div {
        padding: 0.5rem 0.7rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

        .modal-section  .whatsapp-form .contactar-form .whatsapp-form__link > div p {
            font-family: 'Lato', sans-serif;
            letter-spacing: 0.015rem;
        }

            .modal-section  .whatsapp-form .contactar-form .whatsapp-form__link > div p:first-of-type {
                font-weight: 400;
            }

            .modal-section  .whatsapp-form .contactar-form .whatsapp-form__link > div p:last-of-type {
                font-size: 0.75rem;
                margin-top: 0.5rem;
                word-break: break-all;
            }

.modal-section  .whatsapp-form .contactar-form .form__fieldset {
    display: block;
    padding: 0.3rem;
}

    .modal-section  .whatsapp-form .contactar-form .form__fieldset .whatsapp-form__item {
        margin-top: 0.1rem;
        font-family: 'Lato', sans-serif;
        line-height: 1em;
        letter-spacing: 0.015rem;
    }

        .modal-section  .whatsapp-form .contactar-form .form__fieldset .whatsapp-form__item p {
            display: inline;
            font-size: 0.95rem;
            font-family: 'Lato', sans-serif;
        }

            .modal-section  .whatsapp-form .contactar-form .form__fieldset .whatsapp-form__item p span {
                color: #039be5;
                word-break: break-all;
            }

        .modal-section  .whatsapp-form .contactar-form .form__fieldset .whatsapp-form__item .form-item {
            margin: 0;
            display: inline-block;
            width: 100%;
            height: unset;
        }

            .modal-section  .whatsapp-form .contactar-form .form__fieldset .whatsapp-form__item .form-item label {
                display: none;
            }

            .modal-section  .whatsapp-form .contactar-form .form__fieldset .whatsapp-form__item .form-item input, .modal-section  .whatsapp-form .contactar-form .form__fieldset .whatsapp-form__item .form-item select {
                font-family: 'Lato', sans-serif;
                font-size: 0.95rem;
                height: auto;
                border-radius: 0;
                border: none;
                border-bottom: solid 1px #4269f4;
                padding: 0 0.1rem;
                box-shadow: none;
            }

                .modal-section  .whatsapp-form .contactar-form .form__fieldset .whatsapp-form__item .form-item input::placeholder, .modal-section  .whatsapp-form .contactar-form .form__fieldset .whatsapp-form__item .form-item select::placeholder {
                    color: #6e6e6e;
                    font-style: italic;
                }

            .modal-section  .whatsapp-form .contactar-form .form__fieldset .whatsapp-form__item .form-item select {
                font-style: italic;
                color: #6e6e6e;
                -webkit-appearance: none;
                -moz-appearance: none;
            }

                .modal-section .whatsapp-form .contactar-form .form__fieldset .whatsapp-form__item .form-item select.loading {
                    background-image: url(/img/logo/iso.svg);
                    position: relative;
                    border-radius: 50%;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    left: calc(50% - 1.5em);
                    width: 2rem;
                    height: 2rem;
                    color: transparent;
                    -webkit-animation: spinner 0.6s linear infinite;
                    animation: spinner 0.6s linear infinite;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    cursor: wait;
                    pointer-events: none;
                    background-size: 80%;
                    background-position: center;
                    border: none;
                }

   /*     .modal-section  .whatsapp-form .contactar-form .form__fieldset .whatsapp-form__item:nth-of-type(2), .modal-section  .whatsapp-form .contactar-form .form__fieldset .whatsapp-form__item:nth-of-type(3) {
            display: grid;
            grid-template-columns: auto 1fr 1fr;
            grid-gap: 0.5rem;
        }

            .modal-section  .whatsapp-form .contactar-form .form__fieldset .whatsapp-form__item:nth-of-type(2) p, .modal-section  .whatsapp-form .contactar-form .form__fieldset .whatsapp-form__item:nth-of-type(3) p {
                white-space: nowrap;
            }

            .modal-section  .whatsapp-form .contactar-form .form__fieldset .whatsapp-form__item:nth-of-type(2) input, .modal-section  .whatsapp-form .contactar-form .form__fieldset .whatsapp-form__item:nth-of-type(3) input {
                display: block;
                width: 100%;
            }*/

        .modal-section .whatsapp-form .contactar-form .form__fieldset .whatsapp-form__item.m-name,
        .modal-section .whatsapp-form .contactar-form .form__fieldset .whatsapp-form__item.m-location {
            display: grid;
            grid-template-columns: auto 1fr 1fr;
            grid-gap: 0.5rem;
        }

            .modal-section .whatsapp-form .contactar-form .form__fieldset .whatsapp-form__item.m-name p,
            .modal-section .whatsapp-form .contactar-form .form__fieldset .whatsapp-form__item.m-location p {
                white-space: nowrap;
            }

            .modal-section .whatsapp-form .contactar-form .form__fieldset .whatsapp-form__item.m-name input,
            .modal-section .whatsapp-form .contactar-form .form__fieldset .whatsapp-form__item.m-location input {
                display: block;
                width: 100%;
            }

        .modal-section .whatsapp-form .contactar-form .form__fieldset .whatsapp-form__item.m-dni {
            display: flex;
        }

            .modal-section .whatsapp-form .contactar-form .form__fieldset .whatsapp-form__item.m-dni p {
                white-space: nowrap;
            }

            .modal-section .whatsapp-form .contactar-form .form__fieldset .whatsapp-form__item.m-dni input {
                display: block;
                width: 100%;
            }

.modal-section  .whatsapp-form .contactar-form__footer {
    margin-top: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
/*Form*/
form .form__fieldset {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0 1rem;
    max-width: 50rem;
    margin: auto;
}
.modal-subtitle {
    grid-column: 1/-1;
    text-align: center;
    color: var(--main-color);
    font-size: 1.1rem;
}
form .form-item {
    margin-bottom: 0.7rem;
    width: 100%;
    position:relative;
}
    form .form-item.m-mensaje {
        grid-column: 1/-1;
    }
    form .form-item.m-mensaje textarea{
        height:5rem;    
    }
.field-validation-error {
    bottom: -0.7rem;
}
form .form-item select.input-validation-error, form .form-item input.input-validation-error {
    border-color: var(--rojoACS);
}form .form-item select.valid, form .form-item input.valid {
    border-color: var(--verdeACS);
}

form .form-item .form-item__label.required, form .form-item label.required {
    color: var(--grey5);
}

form .contactar-form__required, form .requiredText {
    color: var(--grey4);
}

.form-item input[type=text], .form-item input[type=number], .form-item input[type=tel],
.form-item input[type=email], .form-item input[type=password],
.form-item input[type=date], .form-item select,
.form-item textarea, .form-item input {
    background-color: white;
    color: var(--grey5);
}


/*Servicios whatsapp*/
.servicios-whatsapp .form__fieldset .whatsapp-form__item:nth-of-type(4) {
    display: grid;
    grid-template-columns: auto 1fr 1fr;
    grid-gap: 0.5rem;
}

    .servicios-whatsapp .form__fieldset .whatsapp-form__item:nth-of-type(4) p {
        white-space: nowrap;
    }

    .servicios-whatsapp .form__fieldset .whatsapp-form__item:nth-of-type(4) input {
        display: block;
        width: 100%;
    }

.servicios-whatsapp .form__fieldset .whatsapp-form__item:nth-of-type(5) {
    display: grid;
    grid-template-columns: auto 1fr auto 1fr auto;
    grid-gap: 0.5rem;
}

    .servicios-whatsapp .form__fieldset .whatsapp-form__item:nth-of-type(5) p {
        white-space: nowrap;
    }

    .servicios-whatsapp .form__fieldset .whatsapp-form__item:nth-of-type(5) input {
        display: block;
        width: 100%;
    }

.servicios-whatsapp .form__fieldset .whatsapp-form__item:nth-of-type(6) {
    display: flex;
    grid-template-columns: auto 1fr;
    grid-gap: 0.5rem;
}

    .servicios-whatsapp .form__fieldset .whatsapp-form__item:nth-of-type(6) p {
        white-space: nowrap;
    }

    .servicios-whatsapp .form__fieldset .whatsapp-form__item:nth-of-type(6) input {
        display: block;
        width: 100%;
    }
.modal-section .whatsapp-form .contactar-form.m-owner {
    background: #dcf8c6;
    border-radius: .3rem 0 .3rem .3rem;
    margin: 1rem auto;

}
.modal-section .whatsapp-form .contactar-form.m-owner p{
    padding: 0;
    font-family: var(--text-font);
    width: 100%;
    font-size: 0.9rem;
}
    .modal-section .whatsapp-form .contactar-form.m-owner:before {
        left: unset;
        right: -0.9rem;
        transform: rotateY(180deg);
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 35 39'%3e%3cdefs%3e%3cimage id='a' width='35' height='38' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAmCAYAAABOFCLqAAAACXBIWXMAAAsSAAALEgHS3X78AAABrElEQVRYR8XYyW4TQRAA0FeOE1lhUQhHBBdO8AHc+XL+gAMHPoDtwiKCWONkikOPjUPs2Imn2yVZLc2M1W+qq1uaiswEERFKzMYWkZA9IjJTRIwwxqQfR6v/P1h0OMNvnGVmF0om9nEfj3CMA3UzlDjFF7zBZ0zH/c2JAnmOp7itPuY7XuMFfugxoSzNMZ7gGe6pu1QdviqoV8r8McsMZfJ9JStH/QO1ouvHO8qcI8qEqRTSCT7gE+6qX8gjZVXm5TB7+z94j5dKIR/gIQ7VBV2IcWZmREzxUcEsZqQpaAyZ2UXEL7xzeRc1A82LNDPPe9DbJc81AV3YMbsGXdq+uwQtPUt2BVp5sO0CdOUp2xq09shvCVqLoR1oIwxtQBtjqA+6Foa6oGtjqAe6EYY6oBtjGB60FYZhQVtjGA40CIZhQINh2B40KIaNQUtjcAwbgSZLrtfBsBb0wL8PuXlUw3AlqMMt/4GqYlgJ6vAYPy2AqmNYCuqUdsipBVATDJdAsy7EofIlO0VG38FqFhGxp+ymo348wTdMm2Mwa9vt9b9zpY3WPjOLERGRC4C/8fX02ybCaKYAAAAASUVORK5CYII='/%3e%3c/defs%3e%3ctitle%3eSin título-1%3c/title%3e%3cg style='isolation:isolate'%3e%3cuse transform='translate(0 1)' xlink:href='%23a' style='opacity:0.18;mix-blend-mode:multiply'/%3e%3cuse transform='translate(868 -111)' xlink:href='%23a' style='opacity:0.18;mix-blend-mode:multiply'/%3e%3cpath d='M902-75l-27.91-27.91a2.4,2.4,0,0,1,1.7-4.09H902Z' transform='translate(-868 111)' style='fill:%23dcf8c6'/%3e%3c/g%3e%3c/svg%3e");
    }

@media(prefers-color-scheme:dark){
    body {
        --dark1: #1A1A1B;
        --dark2: #282828;
        --dmText: #ffffff;
        --azulACS: #8197ff;
        --azulOscuroACS: #b1c2e4;
        --azulTurquesaACS: #43acfd;
        --rosaACS: #ff6a9e;
        background-color: var(--dark1);
    }

    main{
        background-color: var(--dark1);
    }

    .promo-nav__item a{
        color: var(--grey7);
    }

    .promo-section__title,
    .promo-section__title span,
    .promo-info__content h4 {
        color: var(--grey8);
    }

        .promo-section__title {
            color: var(--main-color);
            font-family: var(--main-font);
            border-bottom: solid 2px;
            -o-border-image: -o-linear-gradient(left,var(--dark1), var(--dark1), var(--main-color), var(--dark1), var(--dark1)) 1;
            border-image: -webkit-gradient(linear, left top, right top, from(var(--dark1)), color-stop(var(--dark1)), color-stop(var(--main-color)), color-stop(var(--dark1)), to(var(--dark1))) 1;
            border-image: linear-gradient(90deg, var(--dark1), var(--dark1), var(--main-color), var(--dark1), var(--dark1)) 1;
            text-align: center;
            font-size: 1.7rem;
            font-weight: 700;
        }


    .promo-info__content p {
        color: var(--grey6);
    }

    .promo-form__container,
    .promo-form__modal-container,
    .promo-form__modal footer .promo-form__btn.m-outline {
        background-color: var(--dark1);
    }

    form .form-item .form-item__label.required, form .form-item label.required, form .form-item .form-item__label, form .form-item label {
        color: var(--grey6);
    }

    form .contactar-form__required, form .requiredText,
    .promo-form__warning {
        color: var(--grey6);
    }

    select optgroup {
        background-color: var(--dark1)
    }

    select option{
        background: var(--dark2);
        color: var(--grey6);
    }

    .promo-form__item label, .promo-form__textarea label{
        color: var(--grey6);
    }

    .promo-form__item input, .promo-form__item select, .promo-form__textarea textarea,
    form input[type=text], form input[type=number], form input[type=tel], form input[type=email], form input[type=password], form input[type=date], form select, form textarea, form select {
        background: var(--dark1);
        color: var(--grey6);
    }

    .modal-section .whatsapp-form .contactar-form__header .header__content {
        background-color: var(--dark1);
    }

    .modal-section .whatsapp-form .contactar-form__header .header__content h4,
    .modal-section .whatsapp-form .contactar-form .form__fieldset .whatsapp-form__item p,
    .modal-section .whatsapp-form .contactar-form .whatsapp-form__link > div p {
        color: var(--grey8);
    }

    .modal-section .whatsapp-form .whatsapp-form__background {
        background-image: url(/img/formularios/dm-fondo-whatsapp.jpg);
    }

    .modal-section .whatsapp-form .contactar-form,
    .modal-section .whatsapp-form .contactar-form .form__fieldset,
    .modal-section .whatsapp-form .contactar-form .form__fieldset .whatsapp-form__item .form-item input, .modal-section .whatsapp-form .contactar-form .form__fieldset .whatsapp-form__item .form-item select {
        background: #242d31 !important;
    }

    .modal-section .modal-section__content.form-modal .whatsapp-form .contactar-form .form__fieldset .seller-bubble,
    .modal-section .whatsapp-form .contactar-form .whatsapp-form__link {
        background: #006265;
        color: var(--grey8) !important;
    }

    .modal-section .modal-section__content.form-modal .whatsapp-form .contactar-form .form__fieldset .whatsapp-form__item .form-item select::placeholder,
    .modal-section .modal-section__content.form-modal .whatsapp-form .contactar-form .form__fieldset .whatsapp-form__item .form-item select {
        color: var(--grey5);
    }

    .modal-section .whatsapp-form .contactar-form:before {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 35 39'%3e%3cdefs%3e%3cimage id='a' width='35' height='38' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAmCAYAAABOFCLqAAAACXBIWXMAAAsSAAALEgHS3X78AAABrElEQVRYR8XYyW4TQRAA0FeOE1lhUQhHBBdO8AHc+XL+gAMHPoDtwiKCWONkikOPjUPs2Imn2yVZLc2M1W+qq1uaiswEERFKzMYWkZA9IjJTRIwwxqQfR6v/P1h0OMNvnGVmF0om9nEfj3CMA3UzlDjFF7zBZ0zH/c2JAnmOp7itPuY7XuMFfugxoSzNMZ7gGe6pu1QdviqoV8r8McsMZfJ9JStH/QO1ouvHO8qcI8qEqRTSCT7gE+6qX8gjZVXm5TB7+z94j5dKIR/gIQ7VBV2IcWZmREzxUcEsZqQpaAyZ2UXEL7xzeRc1A82LNDPPe9DbJc81AV3YMbsGXdq+uwQtPUt2BVp5sO0CdOUp2xq09shvCVqLoR1oIwxtQBtjqA+6Foa6oGtjqAe6EYY6oBtjGB60FYZhQVtjGA40CIZhQINh2B40KIaNQUtjcAwbgSZLrtfBsBb0wL8PuXlUw3AlqMMt/4GqYlgJ6vAYPy2AqmNYCuqUdsipBVATDJdAsy7EofIlO0VG38FqFhGxp+ymo348wTdMm2Mwa9vt9b9zpY3WPjOLERGRC4C/8fX02ybCaKYAAAAASUVORK5CYII='/%3e%3c/defs%3e%3ctitle%3eSin título-1%3c/title%3e%3cg style='isolation:isolate'%3e%3cuse transform='translate(0 1)' xlink:href='%23a' style='opacity:0.18;mix-blend-mode:multiply'/%3e%3cuse transform='translate(868 -111)' xlink:href='%23a' style='opacity:0.18;mix-blend-mode:multiply'/%3e%3cpath d='M902-75l-27.91-27.91a2.4,2.4,0,0,1,1.7-4.09H902Z' transform='translate(-868 111)' style='fill:%23242d31'/%3e%3c/g%3e%3c/svg%3e");
    }

    .modal-section .modal-section__content.form-modal .whatsapp-form .contactar-form .form__fieldset .seller-bubble:before {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 35 39'%3e%3cdefs%3e%3cimage id='a' width='35' height='38' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAmCAYAAABOFCLqAAAACXBIWXMAAAsSAAALEgHS3X78AAABrElEQVRYR8XYyW4TQRAA0FeOE1lhUQhHBBdO8AHc+XL+gAMHPoDtwiKCWONkikOPjUPs2Imn2yVZLc2M1W+qq1uaiswEERFKzMYWkZA9IjJTRIwwxqQfR6v/P1h0OMNvnGVmF0om9nEfj3CMA3UzlDjFF7zBZ0zH/c2JAnmOp7itPuY7XuMFfugxoSzNMZ7gGe6pu1QdviqoV8r8McsMZfJ9JStH/QO1ouvHO8qcI8qEqRTSCT7gE+6qX8gjZVXm5TB7+z94j5dKIR/gIQ7VBV2IcWZmREzxUcEsZqQpaAyZ2UXEL7xzeRc1A82LNDPPe9DbJc81AV3YMbsGXdq+uwQtPUt2BVp5sO0CdOUp2xq09shvCVqLoR1oIwxtQBtjqA+6Foa6oGtjqAe6EYY6oBtjGB60FYZhQVtjGA40CIZhQINh2B40KIaNQUtjcAwbgSZLrtfBsBb0wL8PuXlUw3AlqMMt/4GqYlgJ6vAYPy2AqmNYCuqUdsipBVATDJdAsy7EofIlO0VG38FqFhGxp+ymo348wTdMm2Mwa9vt9b9zpY3WPjOLERGRC4C/8fX02ybCaKYAAAAASUVORK5CYII='/%3e%3c/defs%3e%3ctitle%3eSin título-1%3c/title%3e%3cg style='isolation:isolate'%3e%3cuse transform='translate(0 1)' xlink:href='%23a' style='opacity:0.18;mix-blend-mode:multiply'/%3e%3cuse transform='translate(868 -111)' xlink:href='%23a' style='opacity:0.18;mix-blend-mode:multiply'/%3e%3cpath d='M902-75l-27.91-27.91a2.4,2.4,0,0,1,1.7-4.09H902Z' transform='translate(-868 111)' style='fill:%23006265'/%3e%3c/g%3e%3c/svg%3e");
    }
}
@media (prefers-color-scheme: dark) {
    .warning-advice,
    .otras-promos__subtitle,
    .promo-form__modal header h6,
    .promo-form__requiredText,
    .promo-form__modal footer .promo-form__btn.m-outline {
        color: var(--dmText);
    }
    .promo-form__modal header .modal-section__close,
    .modal-section .whatsapp-form .contactar-form__header {
        filter: invert(1);
    }
}