@import url('https://fonts.googleapis.com/css?family=Poppins:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

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


h1 {
    color: #1a516a;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 36px;
}

h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
}

h3 {
    font-family: 'Poppins', sans-serif;
    padding-top: 10px;
    color: #fff;
    font-size: 26px;
    font-weight: 600;
}

p {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}

span {
    color: #fff;
    font-weight: 700;
}

.btn-registro {
    background-color: #ffd600;
    color: #000;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
}

/* .btn-registro:hover {
    background-color: #1a516a;
} */

@media (max-width: 991px) {
    h1 {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    h1 {
        font-size: 24px;
    }

    h2 {
        font-size: 22px;
    }

    h3 {
        font-size: 20px;
    }
}

html,
body {
    min-height: 100%;
}

body {
    min-height: 100%;
}

/* body {
   
    background-image: url(../../images/landing/olas-de-sabor/mar.png);
    background-repeat: repeat-x;
    background-size: contain;
    background-position: bottom;
} */

#inicio {
    background-image: url(../../images/landing/olas-de-sabor/cielo.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    height: auto;
    display: flex;
    align-items: flex-start;
    /* height: 500px; */
}

#contenido {
    background-image: url(../../images/landing/olas-de-sabor/mar-repeat.png);
    background-repeat: repeat;
    background-size: contain;
    background-position: bottom;
}

#contenido .container,
#contenido .container .row {
    /* height: 800px; */
    padding-top: 10px;
}
.term{
    padding-top: 50px;
    text-align: center;
    color: white;
}
@media (max-width: 575px) {
    #inicio {
        padding-bottom: 10px;
        background-position: bottom right;
    }

    .slogan {
        margin-bottom: 40px;
    }

    #contenido {
       /*  padding-bottom: 100px; */
        padding-top: 20px;
    }

    .term {
        padding-bottom: 50px;
        padding-top: 50px;
    }

    #contenido .container,
    #contenido .container .row {
        padding-top: 0;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    #inicio {
        height: 450px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #inicio {
        height: 450px;
    }
}

@media (min-width: 992px) {
    #inicio {
        height: 450px;
    }
}

@media (max-width: 767px) {
    body {
        background-size: 250% auto;
    }

    #inicio {
        padding-bottom: 40px;
        background-position: bottom right;
    }

    .slogan {
        margin-bottom: 40px;
    }
}

#contenido .container input,
#contenido .container select {
    width: 100%;
    font-family: 'Poppins', sans-serif;
    border: none;
    padding: 4px;
    border-radius: 6px;
    font-size: 16px;
    color: #8849B7;/* #6a3a02 */
    background-color: #ffffff;
}

label {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #fff;
}


#contenido .container-form,
.container-form-confirmar {
    background-color: #968244;
    padding: 16px;
    border-radius: 10px;
    box-shadow: 10px 10px 32px -7px rgba(0, 0, 0, 0.2);
}

.container-form-confirmar {
    display: none;
}

form {
    background-color: #caa73e;
    padding: 14px;
    border-radius: 10px;
}

.form-confirmar {
    background-color: #ffd600;
    padding: 80px 10px;
    border-radius: 10px;
}

.fun-text {
    transform: rotate(-3deg);
    text-align: center;
    animation: rotate 6s ease-in-out infinite;
}

.fun-text h2:first-child {
    color: #fff6b1;
    font-weight: 400;
    text-shadow: -3px 2px 0px #e9b032;
    margin-bottom: 40px;
    animation: float 5s ease-in-out infinite;
}

.fun-text h2:last-child {
    font-size: 26px;
    font-weight: 600;
    color: #ffffff;
    text-shadow: -3px 2px 0px #e9b032;
    animation: float 6s ease-in-out infinite;
}

.fun-text h2 span {
    color: #f73992;
    text-shadow: 0px 0px 6px #ffffff;
    animation: color 6s ease-in-out infinite;
}

@keyframes float {
    0% {
        text-shadow: 0 5px 15px 0px rgba(233, 176, 50, 0.6);
        transform: translatey(20px);
    }

    50% {
        text-shadow: 0 25px 15px 0px rgba(233, 176, 50, 0.2);
        transform: translatey(-15px);
    }

    100% {
        text-shadow: 0 5px 15px 0px rgba(233, 176, 50, 0.6);
        transform: translatey(20px);
    }
}

@keyframes color {
    from {
        filter: hue-rotate(0deg);
    }

    to {
        filter: hue-rotate(-360deg);
    }
}

@keyframes rotate {
    0% {
        transform: rotate(-4deg);
    }

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

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

@media only screen and (max-width: 767px) {
    .fun-text {
        top: -20px;
    }

    .fun-text h2:first-child {
        margin-bottom: 30px;
    }

    @keyframes float {
        0% {
            text-shadow: 0 5px 15px 0px rgba(233, 176, 50, 0.6);
            transform: translatey(20px);
        }

        50% {
            text-shadow: 0 25px 15px 0px rgba(233, 176, 50, 0.2);
            transform: translatey(0px);
        }

        100% {
            text-shadow: 0 5px 15px 0px rgba(233, 176, 50, 0.6);
            transform: translatey(20px);
        }
    }
}

/*@media only screen and (max-width: 499px) {
    .mascota{
        background-image: url(../../img/landings/olas-de-sabor/dulceto.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom;
        width: 220px;
        height: 300px;
        position: absolute;
        top: 96%;
    }
}

@media only screen and (min-width: 500px) and (max-width: 766px) {
    .mascota{
        background-image: url(../../img/landings/olas-de-sabor/dulceto.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom;
        width: 220px;
        height: 300px;
        position: absolute;
        top: 86%;
    }
}*/

@media only screen and (min-width:768px) {
    .dulce img {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .mascota {
        background-image: url(../../img/landings/olas-de-sabor/dulceto.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom;
        width: 220px;
        height: 300px;
        position: absolute;
        top: 86%;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
    .mascota {
        background-image: url(../../img/landings/olas-de-sabor/dulceto.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom;
        width: 220px;
        height: 300px;
        position: absolute;
        top: 65%;
    }
}

@media only screen and (min-width: 1201px) {
    .mascota {
        background-image: url(../../img/landings/olas-de-sabor/dulceto.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom;
        width: 250px;
        height: 350px;
        position: absolute;
        top: 50%;
    }
}