body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    color: black;
    background-color: #f9f9f9;
}

header {
    /* Estilos del encabezado, como el fondo negro y el logotipo */
    background-color: black;
    color: white;
    padding: 10px;
}

nav {
    /* Estilos del menú de navegación */
}

main {
    /* Estilos del contenido principal */
}

#hero {
    /* Estilos del banner principal con fondo rojo */
    background-color: red;
    color: white;
    text-align: center;
    padding: 100px 0;
}

.hero-content {
    /* Estilos del contenido del banner */
}

.container {
    /* Estilos de los contenedores principales */
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

h1, h2, h3 {
    /* Estilos de títulos */
}

p {
    /* Estilos de párrafos */
}

.cta-button {
    /* Estilos del botón de llamada a la acción */
    display: inline-block;
    background-color: black;
    color: white;
    padding: 12px 20px;
    text-decoration: none;
    border-radius: 5px;
}

footer {
    /* Estilos del pie de página */
    background-color: black;
    color: white;
    text-align: center;
    padding: 20px;
}