html{

    scroll-behavior:smooth;

}

body{

    margin:0;
    padding:0;
    font-family:Arial, Helvetica, sans-serif;

    background:linear-gradient(135deg,#0f172a,#2563eb);

    animation:fade 0.5s;

}

.contenedor{

    width:90%;
    max-width:700px;

    margin:50px auto;

    background:#d5d69c;

    padding:30px;

    border-radius:15px;

    box-shadow:0 0 60px rgba(237,221,83,1);

    text-align:center;

}

h1{

    color:#0057b8;
    font-size:40px;

}

h2{

    margin-top:30px;
    color:#000;

}

h5{

    color:#FB3F97;
    font-size:25px;

}

.subtitulo{

    font-size:20px;
    color:#333;
    line-height:1.5;

}

.aviso{

    background:#feb974;

    padding:15px;

    border-radius:10px;

    margin-top:20px;

    color:#856404;

}

.filaInicio{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:30px;

    margin-top:30px;

}

.bandera{

    width:180px;

    margin-top:20px;

    position:relative;

    left:-30px;

    top:0px;

}

.boton{

    display:inline-block;

    margin-top:30px;

    background:#c93477;

    color:white;

    padding:18px 35px;

    text-decoration:none;

    border-radius:10px;

    font-size:20px;

    transition:0.3s;

    border:none;

    cursor:pointer;

}

.boton:hover{

    background:#003f85;

    transform:scale(1.05);

    box-shadow:0 0 15px rgba(0,87,184,0.5);

}

.secundario{

    background:#6b48d4;

    margin-left:100px;

}

label{

    display:block;

    text-align:left;

    margin-top:20px;

    font-size:18px;

    font-weight:bold;

    color:#333;

}

select{

    width:100%;

    padding:12px;

    margin-top:8px;

    border-radius:8px;

    border:1px solid #aaa;

    font-size:17px;

}

.torta{

    width:220px;

    height:220px;

    border-radius:50%;

    margin:20px auto;

    box-shadow:0 0 12px rgba(0,0,0,0.25);

}

.leyenda{

    margin:20px auto;

    max-width:420px;

    text-align:left;

}

.itemLeyenda{

    margin:10px 0;

    font-size:17px;

}

.itemLeyenda span{

    display:inline-block;

    width:18px;

    height:18px;

    border-radius:4px;

    margin-right:8px;

    vertical-align:middle;

}

.videoDemo{

    width:100%;

    margin-top:20px;

    border-radius:12px;

}important/*

.whatsapp{

    position:fixed;

    width:65px;

    height:65px;

    bottom:25px;

    right:25px;

    z-index:999;-->*/

}

.whatsapp img{

    width:100%;

}

.contador{

    font-size:35px;

    font-weight:bold;

    color:#0057b8;

    margin:25px 0;

}

@media(max-width:600px){

    .contenedor{

        margin-top:20px;

        padding:20px;

    }

    h1{

        font-size:30px;

    }

    .subtitulo{

        font-size:18px;

    }

    .boton{

        width:90%;

        padding:15px;

        font-size:18px;

    }

    .torta{

        width:190px;

        height:190px;

    }

}

@keyframes fade{

    from{

        opacity:0;

        transform:translateY(15px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

.secundario{
    margin-left: 15px;
}

@media(max-width:600px){
    .secundario{
        margin-left: 0;
    }
}