* {
    margin: 0;
    padding: 0;
}

nav {
    padding: 0.6em;
    background-color: #1E1E1E;
    width: 100%;
    z-index: 1000;
}

nav ul {
    list-style: none;
    display: flex;
    justify-content: space-evenly;

}

nav ul a {
    text-decoration: none;
    color: #dcdee0;
}

nav ul a:hover {
    color: #A3E635;
}

body {
    background-color: #1E1E1E;
}

h1 {
    color: #A3E635;
    font-family: 'Inter', sans-serif;
    -webkit-font-smoothing: antialiased;
}

#buscar {
    padding-top: -0.5em;
}

.imagen {
    background-image: url(../img/super-mario);
    background-position: center;
    background-size: cover;
    height: 700px;
    display: block;
    padding-top: 9em;
}

.imagen div {
    cursor: pointer;
}

.imagen div a {
    color: black;
    text-decoration: none;
}

.btn-reproducir {

    font-style: oblique;
    font-family: 'Dancing Script', cursive;
    background-color: #A3E635;
    width: 13%;
    padding: 0.2em;
    border-radius: 20px;
    margin-top: 18em;
    margin-left: 8em;
}

.dune img {
    width: 270px;
}

#lo-mas-visto .cards {
    justify-content: space-evenly;
    margin-top: 2em;
    color: white;
    display: flex;
}

.dune {
    cursor: pointer;
}

#lo-mas-visto h2 {
    display: block;
}

#lo-mas-visto div div {
    box-shadow: 0 0 5px 5px rgb(59, 77, 59);
}

#lo-mas-visto div div:hover {
    background-color: #2a321e;
    transform: scale(1.05);

}

.subtitulo {
    margin-top: 1em;
    color: #A3E635;
    text-align: center;
}

#accion {
    margin-top: 5em;
}

#accion .cards {
    justify-content: space-evenly;
    margin-top: 2em;
    color: white;
    display: flex;
}

#accion h2 {
    display: block;
}

#accion div div {
    box-shadow: 0 0 5px 5px rgb(59, 77, 59);
}

#accion div div:hover {
    background-color: #2a321e;
    transform: scale(1.05);

}

.subtitulo {
    margin-top: 1em;
    color: #A3E635;
    text-align: center;
}

footer {
    display: flex;
    justify-content: space-evenly;
    margin-top: 2em;
    border-top: #2a321e solid 4px;
    padding-top: 1em;
    color: white;

    text-align: center;
}

.primer-foot {
    width: 15%;
}

footer h2 {
    color: #A3E635;
    margin-bottom: 1em;
}

footer i {
    cursor: pointer;
    font-size: 30px;
    margin-right: 0.4em;

}

.whatsapp {
    margin-right: -0.4em;
}

.logos i {
    margin-top: 3em;
}

#video iframe {
    width: 50%;
    height: 500px;
}

.medio {
    display: flex;
    justify-content: center;


}

#video h2 {
    color: #A3E635;
    text-align: center;
    margin-bottom: 0.4em;
    font-size: 60px;
}

.btn-up i {
    color: #A3E635;
}

.btn-up {
    width: 20px;
    padding: 0.6em;
    background-color: white;
    margin-left: 0.6em;
    position: fixed;
}

#reparto {
    margin-top: 3em;
}

#reparto h2 {
    color: #A3E635;
    text-align: center;
    margin-bottom: 1em;
}

#reparto h3 {
    color: white;
    text-align: center;
}

.fotos {
    display: flex;
    justify-content: space-evenly;
}

#reparto div img {
    border-radius: 50px;
}

#audio-subtitulos {
    display: flex;
    text-align: center;
    justify-content: center;
    margin-top: 3em;
    color: white;
}

#audio-subtitulos h2 {
    color: #A3E635;
    margin-bottom: 2em;
}

#audio-subtitulos div {
    margin-right: 7em;
}

table {
    width: 100%;
    font-size: large;
    text-align: center;
    padding: 2em;
    color: #ffffff;
}

table img {
    width: 60px;
    margin-right: 1em;
}

.text-medio {
    display: flex;
    align-items: center;
}

.text-green {
    color: #A3E635;
}

.fa-star {
    color: #EFBF04;
}

table tr:hover {
    background-color: #333333;
}

table tr {
    margin-bottom: 1em;
}

table img:hover {
    transform: scale(1.50);
}

.rojo {
    color: red;
}

.titulo-tendencias {
    color: #ffffff;
    opacity: 0.7;
    text-align: center;
    margin-top: 1em;
}

.u-card img {
    width: 270px;
}

#card-audio .cards {
    justify-content: space-evenly;
    margin-top: 2em;
    color: white;
    display: flex;
}

.u-card {
    cursor: pointer;
}

#card-audio h2 {
    display: block;
}

#card-audio div div {
    height: 370px;
    box-shadow: 0 0 5px 5px rgb(59, 77, 59);
}

#card-audio div div:hover {
    background-color: #2a321e;
    transform: scale(1.05);
}

.subtitulo {
    margin-top: 1em;
    color: #A3E635;
    text-align: center;
}

audio {
    width: 98%;
    margin-top: 0.3em;
    height: 40px;
}

.foto-frases {
    height: 270px;
}

#return {
    background-color: #A3E635;
    color: white;
    padding: 1em;
    width: 3%;
    height: 3%;
    text-align: center;
    position: fixed;
    bottom: 4px;
    right: 4px;
    border-radius: 70%;
}

.contenedor-curiosidades h2 {
    color: #ffffff;
    text-align: center;
}

.contenedor-curiosidades video {
    width: 400px;
}

.contenedor-curiosidades {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 2em;
    padding: 1em;
}

.subtitulo-curio {
    color: #ffffff;
}

.color-blanco {
    color: #000000;
}

.card-curio {
    display: flex;
    background: linear-gradient(to right, black, #A3E635);
    padding: 0.7em;
    margin: 0.7em;
    border-radius: 20px;
    margin-bottom: 2em;
    width: auto;
}

.card-curio div {
    margin: auto 10px;

}
.card-2{
    padding:1.174em;
}