/* styles.css */
body {
    font-family: Verdana, sans-serif;
    background-color: #f0f0f0;
    margin: 0;
    padding: 0;
}
body {
		background-image: url('https://abrahamartdesign.com/web-design_1.png'); /* Reemplaza 'ruta-de-tu-imagen.jpg' con la ubicación de tu imagen de fondo */
        background-size: cover; /* Ajusta el tamaño de la imagen para cubrir toda la página */
        background-position: center; /* Centra la imagen en la página */
}


header {
    text-align: center;
    background-color: #333;
    padding: 20px;
}

header img {
    max-width: 200px;
}

main {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
}

#texto {
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
}

#videos {
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    margin-top: 20px;
}

iframe {
    width: 100%;
    height: 400px;
    border: none;
	background-color: transparent; /* Asegura que el fondo del iframe sea transparente */
}

/* Estilos para el video del logo */
video {
    width: 100%;
    max-width: 800px;
    display: block;
    margin: 0 auto;
}