/* estilos.css */

/* Estilos generales */
body {
    background-color: #000;
    color: #fff;
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

/* Estilos para el título */
header {
    text-align: center; /* Centra el contenido en el encabezado */
}

/* Estilos para el menú horizontal */
nav {
    text-align: center; /* Centra el contenido en el menú */
}

    nav ul {
        list-style: none;
        padding: 0;
        display: inline-block; /* Para centrar el menú horizontal */
    }

        nav ul li {
            display: inline;
            margin-right: 20px;
        }

            nav ul li:last-child {
                margin-right: 0;
            }

            nav ul li a {
                color: #fff;
                text-decoration: none;
                padding: 5px 10px;
                border-radius: 5px;
                transition: background-color 0.3s ease; /* Efecto de transición */
            }

                /* Efecto hover */
                nav ul li a:hover {
                    background-color: #333; /* Cambia el color de fondo al pasar el mouse */
                }

                /* Efecto de foco */
                nav ul li a:focus {
                    background-color: #555; /* Cambia el color de fondo cuando está enfocado */
                    outline: none; /* Elimina el contorno predeterminado del enlace enfocado */
                }

/* Estilos adicionales para las secciones */
section {
    margin: 20px 0;
    padding: 20px;
    background-color: #222;
    border-radius: 5px;
}

/* Estilos para el footer */
footer {
    text-align: center; /* Centra el contenido en el footer */
    background-color: #222;
    padding: 20px;
    margin-top: 20px; /* Espacio superior para separar del contenido anterior */
    border-radius: 5px;
}

    footer p {
        color: #fff;
        margin: 0;
    }
/* Estilos CSS para centrar la imagen */
#imagen-inicio {
    display: block; /* Cambia la visualización a "block" para centrar horizontalmente */
    margin: 0 auto; /* Margen automático en los lados izquierdo y derecho para centrar horizontalmente */
}