@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

@font-face {
    font-family: 'Edigo';
    src: url('./fonts/edigo/OpenType-PS/Edigo.otf') format('opentype');
}


@media screen and (min-width: 757px) {
    .banImg1 {
        content: url("../../img/banner-acidul.webp");
        width: 100%;
    }

    .imgQui {
        content: url("../../img/quienes-somos-acidul.webp");
    }

    .imgBanCon {
        content: url('../../img/contacto/banner-contacto.webp');        width: 100%;        object-fit: cover;        display: block;
    }    .banImg3 {        content: url('../../img/banner-form.webp');        width: 100%;        object-fit: cover;        display: block;    }
}

@media screen and (max-width: 756px) {
    .banImg1 {
        content: url("../../img/banner-acidul-movil.webp");
    }

    .imgQui {
        content: url("../../img/quienes-somos-acidul-movil.webp");
    }

    .imgBanCon {
        content: url('../../img/contacto/banner-contacto-movil.webp');
    }
}
.atropos-highlight {
    opacity: 0 !important;
}
#carousel-id {
    padding: 80px 0px 0px 0px;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    color: #00000061!important;
}

.carousel-caption {
    position: absolute;
    color: #fff;
    text-align: center;
    /* background: red; */
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.imgBanuf {
    max-width: inherit;
}


.title-bann-hom {
    text-align: center;
    font-family: "Lato", serif;
    font-size: 50px;
    color: #FFFFFF;
    padding-right: 120px;
}

.sub-bann-hom {
    text-align: center;
    font-family: 'Edigo', sans-serif;
    font-size: 107px;
    color: #FFFFFF;
    padding-right: 120px;
}


.d-flBan {
    display: flex;
    /* background: rebeccapurple; */
    flex-flow: column;
    justify-content: space-between;
    /* align-items: end; */
}

.img-ac-bann {
    position: relative;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%) scale(1);
    max-width: inherit;
    animation: izDer 1.5s ease-in-out;
}

.cont-btn {
    position: relative;
    top: -7rem;
    left: 0;
    transform: translate(-0%, -50%);
}

.btn.btn-conocer {
    background: transparent linear-gradient(180deg, #E50019 0%, #73000D 100%) 0% 0% no-repeat padding-box;
    border-radius: 37px;
    text-align: center;
    font-family: "Lato", serif;
    font-weight: bold;
    font-size: 30px;
    letter-spacing: 0px;
    color: #FFFFFF;
    animation: brillo 4s ease-in-out infinite;
}

.btn.btn-conocer:focus {
    color: #FFFFFF;
    border: none;
}

.btn.btn-conocer:default {
    color: #FFFFFF;
    border: none;
}

/* Estilos para los dulces */
.candy {
    position: absolute;
    font-size: 2rem;
    /* Tamaño de los emojis */
    animation: disperse 1.5s ease-out forwards;
}

@keyframes disperse {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }

    50% {
        opacity: .7;
    }

    75% {
        opacity: .5;
    }

    100% {
        transform: translate(var(--x), var(--y)) scale(0);
        opacity: 0;
    }
}

.cont-btn-call {
    position: relative;
}

/* Estilos base para el confeti */
.confeti,
.confeti2,
.confeti3,
.confeti4,
.confeti5 {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    animation: disperse 1.9s ease-out forwards;
}

/* Colores específicos para cada tipo de confeti */
.confeti {
    background-color: #ffcc00;
}

.confeti2 {
    background-color: #ee00ff;
}

.confeti3 {
    background-color: #6f00ff;
}

.confeti4 {
    background-color: #00ff1a;
}

.confeti5 {
    background-color: #0022ff;
}

/* Animación de dispersión */
@keyframes disperse {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }

    50% {
        opacity: 0.7;
    }

    75% {
        opacity: 0.5;
    }

    100% {
        transform: translate(var(--x), var(--y)) scale(0);
        opacity: 0;
    }
}

/* -----Efectos uno --------- */

.efecAZo {
    transform: translate(0px, 0px) scale(1);
    position: relative;
    top: 0%;
    opacity: 1;
    animation: zoomArriba 2s ease-in-out, sparkle 4s ease-in-out;
}

@keyframes sparkle {
    0% {
        text-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
    }

    50% {
        text-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
    }

    100% {
        text-shadow: 0 0 0px rgba(255, 255, 255, 0.8);
    }
}

@keyframes zoomArriba {
    0% {
        transform: translate(0px, 0px) scale(0);
        opacity: 0;
        top: -100%;
    }

    50% {
        opacity: .5;
        top: 0%;
    }

    100% {
        transform: translate(0px, 0px) scale(1);
        opacity: 1;
        top: 0%;
    }
}

.efecAbZo {
    transform: translate(0px, 0px) scale(1);
    position: relative;
    top: 0%;
    opacity: 1;
    animation: zoomArriba 2s ease-in-out, sparkle 4s ease-in-out;
}

@keyframes zoomArriba {
    0% {
        transform: translate(0px, 0px) scale(0);
        opacity: 0;
        top: 100%;
    }

    50% {
        opacity: .5;
        top: 0%;
    }

    100% {
        transform: translate(0px, 0px) scale(1);
        opacity: 1;
        top: 0%;
    }
}

.zoomGom {
    position: relative;
    animation: zoomFluido 1.5s ease-in-out;
}

@keyframes zoomFluido {
    0% {
        transform: scale(0);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes izDer {
    0% {
        left: 124%;
        opacity: 0;
        transform: translate(-50%, -50%) scale(0);
    }

    50% {
        opacity: .5;
        transform: translate(-50%, -50%) scale(.5);
    }

    100% {
        left: 55%;
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}


/* ---------------- */

.cont-prop-val {
    position: relative;
    background: #F99237 0% 0% no-repeat padding-box;
    opacity: 1;
}

.cont-prop-val::after {
    content: "";
    background: #F99237 0% 0% no-repeat padding-box;
    width: 100%;
    position: absolute;
    height: 7rem;
    top: 0;
    transform: translate(0%, -99%);
    clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
}

.text-prop-val {
    position: relative;
    text-align: center;
    font-family: "Lato", sans-serif;
    font-size: 38px;
    font-weight: 400;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 0px;
    padding: 25px 25px 50px 25px;
    margin-top: -25px;
    opacity: 0;
    line-height: 45px;
}

.text-prop-val span {
    font-weight: bold;
}

.text-prop-val.an2H {
    opacity: 1;
}

/* ------------------------------ */
#CarEsc {
    display: flex;
}

#ClieMov {
    display: none;
}

.imgCar {
    width: 100% !important;
    height: 125px !important;
    object-fit: contain !important;
    display: block !important;
    margin: auto !important;
    opacity: .7;
}

.owl-carousel.owl-drag .owl-item {
    /* width: 150px !important; */
    margin-right: 10px !important;
    /* background: red !important; */
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {

    font-size: 100px !important;
    /* background: red!important; */
    position: absolute !important;
    top: -25% !important;
    left: 100% !important;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {

    font-size: 100px !important;
    /* background: red!important; */
    position: absolute !important;
    top: -25% !important;
    left: -2% !important;
}

/* ----------------------- */
.bacRo {
    background: #FD4A5F 0% 0% no-repeat padding-box;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-x: hidden;
    overflow-y: hidden;
}

.title-qui {
    text-align: center;
    font-family: 'Edigo', sans-serif;
    font-size: 80px;
    letter-spacing: 0px;
    color: #FFFFFF;
    animation: brillo 1.5s ease-in-out infinite;
}

.cont-qui {
    text-align: center;
    font-family: "Lato", sans-serif;
    font-size: 27px;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding: 0px 15px 0px 15px;
    height: auto;
    opacity: 0;
}

.cont-qui.ital {
    font-weight: 900;
    font-style: italic;
    margin-top: 55px;
    opacity: 0;
}

.cont-qui.an1H,
.cont-qui.an3H {
    opacity: 1;
}

.cont-qui.ital.an3H,
.cont-qui.ital.an1H {
    opacity: 1;
}

/* ------------------------- */
.p100.un {
    padding: 100px 0px 0px 0px;
}

.p100.do {
    position: relative;
    z-index: 2;
    padding: 60px 0px 100px 0px;
}

.p100.te {
    padding: 120px 0px 80px 0px;
}

.bacCall {
    position: relative;
    background: #0F26BE 0% 0% no-repeat padding-box;
    opacity: 1;
    /* clip-path: polygon(0 29%, 100% 0, 100% 100%, 0% 100%); */
}

.bacCall::after {
    content: "";
    background: #0F26BE 0% 0% no-repeat padding-box;
    width: 100%;
    position: absolute;
    height: 7rem;
    top: 0;
    transform: translate(0%, -99%);
    clip-path: polygon(100% 45%, -30% 100%, 100% 100%);
}

.call-to-acc {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    padding: 0px 0px 15px;
}

.cont-call-to {
    opacity: 0;
}

.cont-call-to.an4H {
    opacity: 1;
}

.text-call-to {
    text-align: center;
    font-size: 35px;
    font-family: "Lato", sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    line-height: 40px;
}

.text2-call-to {
    text-align: center;
    font-family: 'Edigo', sans-serif;
    font-size: 47px;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.btn.btn-call-to {
    background: transparent linear-gradient(180deg, #E50019 0%, #73000D 100%) 0% 0% no-repeat padding-box;
    border-radius: 37px;
    text-align: center;
    font-family: "Lato", sans-serif;
    font-size: 30px;
    color: #FFFFFF;
    padding: 5px 50px 5px 50px;
    animation: brillo 4s ease-in-out infinite;
    border: none;
}

.btn.btn-call-to:focus {
    border: none;
    color: #FFFFFF;
}

.img-Call {
    position: absolute;
    top: 60%;
    left: 35%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 100%;
    animation: reboteGomita 1s ease-in-out infinite;
}

/* ----------Efectos cuatro------------------ */

@keyframes reboteGomita {
    0% {
        top: 60%;
    }

    50% {
        top: 55%;
    }

    100% {
        top: 60%;
    }
}

/* ------------------------ */

.bacSab {
    background: #E50019 0% 0% no-repeat padding-box;
    clip-path: polygon(0 15%, 100% 0, 100% 85%, 0% 100%);
    opacity: 1;
}

.title-sab {
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-size: 40px;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 0px;
    position: relative;
    opacity: 0;
}

.sub-sab {
    text-align: center;
    font-family: 'Edigo', sans-serif;
    font-size: 65px;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: relative;
    opacity: 0;
}

.title-sab.an5H {
    opacity: 1;
}

.sub-sab.and51H {
    opacity: 1;
}

/* Estado inicial: oculto */
.roAni {
    opacity: 0;
    transition: opacity 1s ease-in-out;
    /* duración por defecto */
}

/* Animación más rápida para .roAni */
.roAni.an52-fast {
    opacity: 1;
    transition: opacity 0.4s ease-in-out;
    /* más rápida */
}


.roAni2 {
    opacity: 0;
}

.roAni2.an52 {
    opacity: 1;
}

.title-card-sab {
    text-align: center;
    font-family: 'Edigo', sans-serif;
    font-size: 30px;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin: 15px 0px 0px 0px;
}

.p-150 {
    padding: 180px 0px;
}

.imgderecho {
    position: absolute;
    top: 30%;
    left: 0%;
    transform: translate(-0%, -50%);
    width: 70%;
}

.imgizquierdo {
    position: absolute;
    top: 71%;
    left: 29%;
    transform: translate(-0%, -50%);
    /* background: red; */
    width: 70%;
}

.contImgPro {
    position: relative;
    overflow: hidden;
}

.contPro {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}

/* .contPro:hover .contImgPro::after {
    content: 'Aceitado';
    background-image: linear-gradient(130deg, #ff7a18ab, #af002dab 41.07%, #319197ab 76.05%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 33px;
    color: white;
    cursor: pointer;
    animation: fondoProd .5s ease-in-out;
}


@keyframes fondoProd {
    0% {
        height: 0%;
        content: '';
        top: 100%;

    }

    100% {
        top: 0%;
        height: 100%;
        content: 'Aceitado';

    }
} */

.imgProGo {
    transition: all .2s ease-in-out;
}

.contPro:hover .contImgPro .imgProGo {
    cursor: pointer;
    transform: scale(1.1);
}

.contPro:hover .title-card-sab {
    cursor: pointer;
    animation: brillo 2.5s ease-in-out infinite;
}

/* ---------------------------------- */

.bacCall2 {
    position: relative;
    background: #009568 0% 0% no-repeat padding-box;
    opacity: 1;
}

.bacCall2::after {
    content: "";
    background: #009568 0% 0% no-repeat padding-box;
    width: 100%;
    position: absolute;
    height: 7rem;
    top: 0;
    transform: translate(0%, -99%);
    clip-path: polygon(100% 45%, -30% 100%, 100% 100%);
}

.imgCall2 {
    width: 85%;
    left: 40px;
    position: relative;
}

.bacImcal {
    position: relative;
    overflow-y: hidden;
    overflow-x: hidden;
    padding: 65px 0px 0px 0px;
}

.imgCall2Iz {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(-0%, -50%);
    width: 30%;
}

.imgCall2De {
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(-100%, -50%);
    z-index: 1;
    width: 30%;
}

.an61 {
    animation: bailar 1s ease-in-out infinite;
}

/* -------------Efectos seis----------------- */
@keyframes bailar {
    0% {
        transform: rotate(5deg);
    }

    50% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(5deg);
    }
}

/* --------------------------------------- */
#carousel-id2 {
    margin-top: 65px;
}

.banImg2 {
    content: url('../../img/banner2-acidul.webp');
}

.carousel-caption2 {
    position: absolute;
    color: #fff;
    text-align: center;
    /* background: red; */
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 100%;
}

.imgDel {
    max-width: max-content;
    position: relative;
    opacity: 0;
}

.imgDel.an71H {
    opacity: 1;
}

.title-bann2 {
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-size: 30px;
    font-weight: 900;
    font-style: italic;
    letter-spacing: 0px;
    color: #E50019;
    margin-bottom: 35px;
    position: relative;
    opacity: 0;
}

.cont-bann2 {
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-size: 25px;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: relative;
    opacity: 0;
}

.cont-bann2 span {
    font-weight: 900;
}

.title-bann2.an72H {
    opacity: 1;
}

.cont-bann2.an73H {
    opacity: 1;
}

.imgCallP2 {
    width: 90%;
    position: absolute;
    top: 90%;
    left: 85%;
    transform: translate(-50%, -50%);
}



/* ------------------------- */
.bacCall3 {
    position: relative;
    background: #521871 0% 0% no-repeat padding-box;
    opacity: 1;
}

.bacCall3::after {
    content: "";
    background: #521871 0% 0% no-repeat padding-box;
    width: 100%;
    position: absolute;
    height: 7rem;
    top: 0;
    transform: translate(0%, -99%);
    clip-path: polygon(100% 45%, -5% 100%, 100% 100%);
}

.img-Call3 {
    position: absolute;
    top: 51%;
    left: 35%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 113%;
    opacity: 0;
}

.img-Call3.an81H {
    opacity: 1;
}

.an81H {
    animation: an8 1.5s ease-in-out;
}

.confetti {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #ff6f61;
    border-radius: 50%;
    animation: confetti-fall 2s ease-out;
}

@keyframes confetti-fall {
    0% {
        transform: translateY(0) rotate(0deg);
    }

    100% {
        transform: translateY(100vh) rotate(720deg);
    }
}

/* --------------Efectos ocho-------------------- */
@keyframes an8 {
    0% {

        left: -148%;
        transform: translate(-100%, -50%) rotate(-360deg);
    }

    100% {
        left: 35%;
        transform: translate(-50%, -50%) rotate(0deg);
    }
}

/* ----------------------------------- */
.carousel-caption3 {
    position: absolute;
    color: #fff;
    /* text-align: center; */
    /* background: red; */
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 100%;
    right: 0%;
    bottom: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
}


.cont-imgFor {
    background: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
}

.cont-imgFor img {
    width: 85%;
}

.formulW {
    width: 100%;
    margin-top: 30px;
}

.title-form {
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-size: 40px;
    letter-spacing: 0px;
    color: #EEEEEF;
    margin-bottom: 0px;
}

.intFo label {
    position: relative;
    transform: translateY(-36px);
    left: 13px;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 20px;
    letter-spacing: 1px;
    color: #7B7B7B;
}

.intFo label.asunt {
    transform: translateY(-60px);
}


.intFo input {
    height: 2.5em;

}

.intFo textarea {
    height: 4em;
    resize: none;
}

.intFo input:focus+label,
.intFo input:valid+label,
.intFo textarea:focus+label,
.intFo textarea:valid+label {
    position: relative;
    transform: translateY(-70px);
    box-shadow: none !important;
    background-color: transparent;
    color: white;
}

.intFo textarea:focus+label,
.intFo textarea:valid+label {
    position: relative;
    transform: translateY(-95px);
    box-shadow: none !important;
    background-color: transparent;
    color: white;
}


.inmon,
.nomcor,
.nomtel,
.labare {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 9px;
}


.form-control:focus {
    border-color: none !important;
    outline: 0;
    box-shadow: none !important;
}

.btn-enviar-home {
    background: transparent linear-gradient(180deg, #E50019 0%, #73000D 100%) 0% 0% no-repeat padding-box;
    border-radius: 43px;
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-size: 27px;
    font-weight: bold;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding: 0px 30px 0px;
    border: none;
    transition: all .3s ease-in-out;
}

.btn-enviar-home:hover {
    box-shadow: 0px 4px 10px 4px #f3ecec7d;
}

/* ------------------------------------ */
footer {
    background-color: black;
}

.back-foo {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    margin: 15px 0px;
}

.aviso {
    text-align: center;
    font-family: "Open Sans", serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-decoration: none;
}

.der {
    text-align: center;
    font-family: "Open Sans", serif;
    font-size: 13px;
    font-weight: medium;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-decoration: none;
}

.der.li:hover {
    text-decoration: underline;
}



@media screen and (max-width:1440px) {
    .text-prop-val {
        font-size: 35px;
        padding: 25px 25px 50px 25px;
        /* padding: 25px 10px 25px 10px; */
    }

    .owl-carousel .owl-nav button.owl-prev {
        left: -4% !important;
    }

    .owl-carousel .owl-nav button.owl-next {
        left: 101% !important;
    }

    .title-qui {
        font-size: 60px;
    }

    .cont-qui.ital {
        margin-top: 25px;
    }

    .cont-qui {
        font-size: 23px;
    }

    .text-call-to {
        font-size: 30px;
    }

    .text2-call-to {
        font-size: 40px;
    }

    .img-Call {
        top: 61%;
    }

    .title-sab {
        font-size: 35px;
    }

    .sub-sab {
        font-size: 55px;
    }

    .title-card-sab {
        font-size: 25px;
        margin: 9px 0px 0px 0px;
    }

    .imgCall2 {
        width: 95%;
    }

    .dEnd {
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }

    .title-bann2 {
        font-size: 25px;
    }

    .cont-bann2 {
        font-size: 20px;
    }

    .dCenB {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column;
    }

    .img-Call3 {
        top: 50%;
        left: 30%;
        width: 125%;
    }

    .title-form {
        font-size: 30px;
    }
}

@media screen and (max-width:1366px) {
    .dEndB1 {
        justify-content: flex-end;
        align-items: center;
    }

    .img-ac-bann {
        left: 15%;
        animation: izDer 1.5s ease-in-out;
    }

    @keyframes izDer {
        0% {
            left: 124%;
            opacity: 0;
            transform: translate(-50%, -50%) scale(0);
        }

        50% {
            opacity: .5;
            transform: translate(-50%, -50%) scale(.5);
        }

        100% {
            left: 15%;
            opacity: 1;
            transform: translate(-50%, -50%) scale(1);
        }
    }

    .p100.un {
        padding: 105px 0px 20px 0px;
    }

    .imgderecho {
        top: 26%;
        width: 100%;
    }

    .imgizquierdo {
        left: 0%;
        width: 100%;
    }

    .imgCallP2 {
        width: 80%;
        left: 100%;
        z-index: -1;
    }

    .img-Call3 {
        left: 32%;
        width: 110%;
    }
}

@media screen and (max-width:1024px) {
    .banImg1 {
        width: 100%;
    }

    .imgBanuf {
        width: 80%;
    }

    .img-ac-bann {
        left: 10%;
        width: 50%;
        top: 60%;
    }

    .btn.btn-conocer {
        font-size: 21px;
    }

    .cont-btn {
        top: -4rem;
    }

    .title-bann-hom {
        font-size: 30px;
    }

    .sub-bann-hom {
        font-size: 70px;
    }

    .text-prop-val {
        font-size: 25px;
        padding: 0px 20px 30px 20px;
        line-height: 33px;
    }

    .cont-prop-val::after {
        height: 3rem;
    }

    .imgCar {
        width: 90% !important;
    }

    .title-qui {
        font-size: 45px;
    }

    .cont-qui {
        font-size: 20px;
    }

    .p100.do {
        padding: 60px 0px 0px 0px;
    }

    .imgCall2Iz {
        top: 70%;
    }

    .imgCall2De {
        top: 70%;
    }
}

@media screen and (max-width:991px) {
    .dFC {
        display: flex;
    }

    .bacRo {
        padding: 15px 0px 5px;
    }

    .imgderecho {
        top: 20%;
        width: 10rem;
    }

    .imgizquierdo {
        left: -4%;
        width: 10rem;
        transform: translate(-50%, -50%);
    }

    .title-bann2 {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .cont-bann2 {
        font-size: 17px;
    }

    .img-Call3 {
        left: 28%;
        width: 115%;
    }

}

@media screen and (max-width:834px) {
    .title-bann-hom {
        font-size: 27px;
    }

    .text-call-to {
        font-size: 25px;
    }

    .text2-call-to {
        font-size: 30px;
    }
}

@media screen and (max-width:820px) {
    .title-bann-hom {
        font-size: 25px;
        padding-top: 15px;
    }

    .sub-bann-hom {
        font-size: 55px;
    }

    .btn.btn-call-to {
        font-size: 27px;
    }

    .imgizquierdo {
        left: -35%;
    }

}

@media screen and (max-width:768px) {
    .carousel-caption {
        right: 0;
        bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    .title-bann-hom {
        font-size: 23px;
    }

    .sub-bann-hom {
        font-size: 50px;
    }

    .btn.btn-conocer {
        font-size: 18px;
    }

    .text-prop-val {
        font-size: 20px;
        padding: 8px 20px 25px 20px;
        line-height: 23px;
    }

    .cont-prop-val::after {
        transform: translate(0%, -98%);
    }

    .title-qui {
        font-size: 35px;
    }

    .cont-qui {
        font-size: 18px;
        padding: 0px 0px 0px 0px;
    }

    .cont-qui.ital {
        margin-top: 10px;
    }

    .text-call-to {
        font-size: 20px;
    }

    .text2-call-to {
        font-size: 30px;
    }

    .btn.btn-call-to {
        font-size: 20px;
    }

    .bacCall::after {
        height: 4rem;
    }

    .p100.un {
        padding: 80px 0px 20px 0px;
    }

    .bacSab {
        clip-path: polygon(0 8%, 100% 0, 100% 90%, 0% 100%);
    }

    .p-150 {
        padding: 80px 0px;
    }

    .title-sab {
        font-size: 30px;
    }

    .sub-sab {
        font-size: 45px;
    }

    .imgderecho {
        width: 7rem;
    }

    .imgizquierdo {
        left: 0;
        width: 7rem;
    }

    .bacCall2::after {
        height: 4rem;
        clip-path: polygon(100% 45%, -4% 100%, 100% 100%);
    }

    .p100.do {
        padding: 36px 0px 0px 0px;
    }

    .title-bann2 {
        font-size: 20px;
    }

    .cont-bann2 {
        font-size: 15px;
    }

    .p100.te {
        padding: 88px 0px 65px 0px;
    }
}

@media screen and (max-width:712px) {
    .carousel-caption {
        align-items: flex-start;
    }

    .title-bann-hom {
        font-size: 50px;
        padding-right: 0px;
        padding-top: 70px;
    }

    .sub-bann-hom {
        font-size: 65px;
        padding-right: 0px;
        padding-top: 15px;
    }

    .img-ac-bann {
        left: 20%;
        width: 50%;
        top: 65%;
        animation: izDer 1.5s ease-in-out;
    }

    @keyframes izDer {
        0% {
            left: 124%;
            opacity: 0;
            transform: translate(-50%, -50%) scale(0);
        }

        50% {
            opacity: .5;
            transform: translate(-50%, -50%) scale(.5);
        }

        100% {
            left: 20%;
            opacity: 1;
            transform: translate(-50%, -50%) scale(1);
        }
    }

    .btn.btn-conocer {
        font-size: 25px;
    }

    .cont-btn {
        top: 20rem;
    }

    .img-Call {
        width: 115%;
    }

    .img-Call3 {
        left: 40%;
        width: 14rem;
    }

    .bacCall2::after {
        top: 1px;
    }
}

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


    .btn.btn-conocer {
        font-size: 17px;
    }

    .img-ac-bann {
        left: 25%;
        width: 55%;
        top: 40%;
        animation: izDer 1.5s ease-in-out;
    }

    @keyframes izDer {
        0% {
            left: 124%;
            opacity: 0;
            transform: translate(-50%, -50%) scale(0);
        }

        50% {
            opacity: .5;
            transform: translate(-50%, -50%) scale(.5);
        }

        100% {
            left: 25%;
            opacity: 1;
            transform: translate(-50%, -50%) scale(1);
        }
    }

    .cont-btn {
        top: 200%;
        transform: translate(-0%, 200%);
    }

    #CarEsc {
        display: none;
    }

    #ClieMov {
        display: flex;
    }

    .text-prop-val {
        padding: 5px 25px 25px 25px;
        line-height: 23px;
    }

    .cont-prop-val::after {
        height: 4rem;
        clip-path: polygon(100% 0%, -16% 100%, 100% 100%);
    }

    .imgSinCar {
        width: 17%;
        margin: 0px 4px 0px 0px;
    }

    .imgSinCar2 {
        width: 20%;
        margin: 0px 4px 0px 0px;
    }

    .imgSinCar3 {
        margin: 0px 4px 0px 0px;
        width: 20%;
    }

    .fleCR {
        flex-flow: column-reverse;
    }

    .bacRo {
        padding: 40px 0px 30px;
    }

    .title-qui {
        font-size: 45px;
    }

    .cont-qui.ital {
        margin-top: 20px;
    }

    .img-Call {
        display: none;
    }

    .text-call-to {
        font-size: 28px;
        padding: 10px 20px 0px 20px;
        line-height: 23px;
    }

    .bacSab {
        clip-path: polygon(0 0%, 100% 0, 100% 100%, 0% 100%);
    }

    .imgderecho,
    .imgizquierdo {
        display: none;
    }

    .p-150 {
        padding: 30px 0px;
    }

    .imgCall2 {
        display: none;
    }

    .imgCall2Iz,
    .imgCall2De {
        display: none;
    }

    .p100.do {
        padding: 75px 0px 0px 0px;
    }

    .bacCall2::after {
        top: 0px;
    }

    .banImg2 {
        content: url('../../img/banner2-acidul-movil.webp');
    }

    .imgDel {
        display: none;
    }

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

    .title-bann2 {
        font-size: 25px;
    }

    .cont-bann2 {
        font-size: 22px;
    }

    .carousel-caption2 {
        top: 0;
        left: 0%;
        align-items: center;
        transform: translate(0%, 0%);
    }

    .dCenB {
        margin-top: 30%;
    }

    .imgCallP2 {
        display: none;
    }

    .img-Call3 {
        display: none;
    }

    .banImg3 {
        content: url('../../img/banner-form-movil.webp');
        width: auto;
        object-fit: cover;
        display: block;
    }

    .cont-imgFor img {
        width: 100%;
    }

    .cont-imgFor {
        padding: 30px;
        width: 40%;
        height: 100%;
    }

    .formulW {
        width: 100%;
    }
}

@media screen and (max-width:468px) {
    .cont-imgFor {
        padding: 23px;
        width: 47%;
        height: 94%;
    }

    .title-bann-hom {
        font-size: 35px;
        padding-top: 40px;
    }

    .sub-bann-hom {
        padding-top: 0px;
    }

    .imgBanuf {
        width: 65%;
        left: -4rem;
    }

    .img-ac-bann {
        left: 20%;
        width: 50%;
        top: 30%;
        animation: izDer 1.5s ease-in-out;
    }

    @keyframes izDer {
        0% {
            left: 124%;
            opacity: 0;
            transform: translate(-50%, -50%) scale(0);
        }

        50% {
            opacity: .5;
            transform: translate(-50%, -50%) scale(.5);
        }

        100% {
            left: 20%;
            opacity: 1;
            transform: translate(-50%, -50%) scale(1);
        }
    }

    .text-prop-val {
        font-size: 17px;
        padding: 5px 25px 18px 25px;
        line-height: 23px;
    }

    .text-call-to {
        font-size: 20px;
        padding: 10px 10px 0px 10px;
        line-height: 20px;
    }

    .text2-call-to {
        font-size: 25px;
    }

    .title-sab {
        font-size: 25px;
    }

    .sub-sab {
        font-size: 35px;
    }

    .title-form {
        font-size: 25px;
    }

    .dCenB {
        margin-top: 28%;
    }

    .cont-bann2 {
        font-size: 19px;
    }

    .title-bann2 {
        font-size: 22px;
    }
}

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

    .cont-btn {
        top: 100%;
    }

}

@media screen and (max-width:360px) {
    .title-bann2 {
        font-size: 18px;
    }

    .cont-bann2 {
        font-size: 17px;
    }

    .title-bann-hom {
        font-size: 30px;
    }

    .sub-bann-hom {
        font-size: 55px;
    }

    .title-qui {
        font-size: 40px;
    }

    .title-sab {
        font-size: 22px;
    }

    .sub-sab {
        font-size: 30px;
    }

    .btn.btn-call-to {
        padding: 5px 35px 5px 35px;
    }

    .carousel-caption2 {
        top: 0%;
    }
}

@media screen and (max-width:344px) {
    .title-bann-hom {
        font-size: 25px;
    }

    .sub-bann-hom {
        font-size: 45px;
    }

    .cont-btn {
        transform: translate(-0%, 140%);
    }

    .cont-prop-val::after {
        clip-path: polygon(100% 25%, -16% 100%, 100% 100%);
    }

    .title-qui {
        font-size: 35px;
    }

    .title-sab {
        font-size: 20px;
    }

    .p100.te {
        padding: 60px 0px 30px 0px;
    }

    .bacCall3::after {
        clip-path: polygon(100% 70%, -5% 100%, 100% 100%);
    }

    .btn.btn-call-to {
        font-size: 18px;
        padding: 5px 20px 5px 20px;
    }

    .btn-enviar-home {
        font-size: 20px;
    }

    .intFo label {
        font-size: 17px;
    }

    .btn.btn-conocer {
        font-size: 14px;
    }

    .title-form {
        font-size: 23px;
    }
}

@media screen and (max-width:280px) {
    .title-bann2 {
        font-size: 15px;
    }

    .cont-bann2 {
        font-size: 13px;
    }
}