/*------------------------------- CONTACTO--------------------------- */
#container-main {
    margin-top: 5rem;
    /* height: 100vh; */
}

#form-title {
    color: white;
    font-size: calc(10px + 1vw);
    text-align: center;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
}

#form-title>p {
    max-width: 400px;
    margin-bottom: 0;
}

#title-main {
    text-align: center;
    text-transform: uppercase;
    color: white;
    font-size: calc(2rem + 3vw);
    /* margin-top: 4rem; */
    display: flex;
    justify-content: center;
}

#title-main>p {
    margin-bottom: 0;
}

#papitas_der {
    position: absolute;
    /* right: 93px; */
    bottom: 0px;
    max-width: 58%;
    transform: rotate(180deg);
    z-index: -1;
}

#container-datos {}

#text-amarillo-contact,
#text-amarillo-contact-2 {
    text-align: center;
    color: #FFDA47;
    text-transform: uppercase;
}

#text-amarillo-contact a,
#text-amarillo-contact-2 a{
    color: #FFDA47;
}

#text-amarillo-contact>p,
#text-amarillo-contact-2>p {
    margin-top: 0;
}

.button {
    display: flex;
    justify-content: center;
}

#container-datos button {
    background: #FFDA47 !important;
    border: none !important;
    border-radius: 20px;
    color: #F4423E;
    padding: .8rem 3rem !important;
    text-transform: uppercase;
}

#container-data-contenido {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
}

.new, .newpar{
    display: none;
}

#whats-img img, #tel-img img, #correo-img img{
    max-width: 50px;
    padding: 10px 0;
}

#whats-img, #tel-img, #correo-img{
    display: flex;
    /* align-items: center; */
    justify-content: center;
}

#text-amarillo-contact,
#text-amarillo-contact-2{
    text-decoration: underline;
}
/*-------------------------- FIN CONTACTO--------------------------- */
/*-------------- KEY FRAMES--------------------------------- */
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes rotate2 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(-360deg);
    }
}

/*------------------------MEDIA QUERYS---------------------- */
@media screen and (max-width: 768px) {

    

}

@media screen and (min-width: 769px) {
    #form-title {
        font-size: 1rem;
    }

    #title-main {
        font-size: calc(1rem + 2vw);
    }
}