*{ 
    margin: 0; /* Quitamos márgenes por defecto */
    padding: 0; /* Quitamos rellenos por defecto */
    box-sizing: border-box; /* Para que se incluya el padding y el borde */
    background-image: url(img/sw_fondo.jpg); /*imagen de fondo para toda la página*/
}

#contenedor{
    width: 90%; /* Que ocupe el 90% del ancho de la página */
    margin: 25px auto; /* Centrado horizontal y con espacio arriba/abajo */
}

#logo{
    height: 150px; /* Alto para el logo */
}

#search{
    height: 50px; /* Alto para la barra de búsqueda */
}

#cabecera{
    border: 2px solid #403501; /* Borde marrón*/
    display: flex; /* Usamos Flexbox para acomodar los elementos */
    flex-direction: row; /* Elementos en fila horizontal */
    justify-content: space-between; /* Espacio entre ellos */
    align-items: center; /* Alineados al centro*/
    flex-wrap: wrap; /* Que las lineas se bajen si ya no hay espacio */
    margin: 10px; /* Espacio fuera del contenedor */
    padding: 10px; /* Espacio dentro del contenedor */
}

#menu{
    text-align: center; /* Todo estará en el centro */
    margin: 10px; /* Espacio de afuera */
    padding: 10px; /* Espacio adentro */
    color: white; /* Texto de color blanco */
    font-size: 19px; /* Tamaño de letra */
}

#contenidos{
    display: flex; /* Flexbox para acomodar elementos */
    flex-direction: row; /* Elementos en fila */
    justify-content: space-around; /* Espacio entre los elementos */
    margin: 10px; /* Espacio fuera */
    padding: 20px; /* Espacio dentro */
    border: 2px solid whitesmoke; /* Borde de color claro */
    color: white; /* Texto de color blanco */
}

.episodio{
    width: 30%; /* Ocupa un 30% del contenedor */
    padding: 7px; /* Espacio interno */
}

.episodio img{
    width: 90%; /* Tamaño de imagen */
    display: block; /* Para poder centrar */
    margin: auto; /* Imagen centrada */
}

.episodio h2{
    text-align: center; /* Titulo centrado */
    margin: 10px; /* Espacio externo */
    padding: 5px; /* Espacio interno */
    color: #F2D027; /* Color para el texto */
}

.episodio p{
    text-align: justify; /* Lineas del texto alineadas de forma igual */
}

#pie{
    text-align: center; /* Todo estará en el centro */
    border: 3px solid #403501; /* Borde de color marrón */
    margin: 10px; /* Espacio exterior */
    padding: 10px; /* Espacio interior */
}

#pie h3, #pie p{
    padding: 10px; /* Espacio interno */
    margin: 5px; /* Espacio externo */
    color: white; /* Texto de color blanco */
}

#pie img{
    height: 70px; /* Tamaño de imagen */
    margin: 10px; /* Espacio de todo el alrededor */
}