body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
background-image: url('../img/FONDO-min.jpg');
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
color: white;
}


#cabecera {
background-color: #251e25;
padding: 10px 0;
text-align: center;
color: #fff;
margin-bottom: 0;
}

#cabecera img {
width: 868px;
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}


#menu {
margin-top: 0;
background-color: #472525;
text-align: center;
}

#menu ul {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}

#menu li {
min-width: 120px;
}

#menu a {
text-decoration: none;
color: white;
font-weight: bold;
padding: 15px;
display: block;
}

#menu a:hover {
background-color: darkred;
border-radius: 0;
}


.contenido-principal {
display: flex;
justify-content: center;
align-items: flex-start;
gap: 20px;
max-width: 1100px;
margin: 40px auto;
flex-wrap: wrap;
}

.informacion {
background-color: #251e25;
border-radius: 8px;
padding: 20px;
flex: 1 1 60%;
min-width: 300px;
}

.informacion h2 {
text-align: center;
}

.texto {
width: 100%;
}

.personajes {
padding-left: 20px;
list-style-type: disc;
}

.personajes li {
margin-bottom: 15px;
}

.personajes li span {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}

.personajes img {
width: 60px;
height: auto;
border-radius: 5px;
vertical-align: middle;
}

#index-img, #trailer-img, #pj-img, #opinion-img, #rodaje-img {
max-width: 300px;
height: auto;
border-radius: 8px;
min-width: 250px;
align-self: flex-start;
}

footer {
text-align: center;
padding: 3px;
background-color: #472525;
position: relative;
width: 100%;
font-size: small;
color: white;
}

footer a {
color: white;
text-decoration: none;
}

footer a:hover {
text-decoration: underline;
}