/* Estilos generales */

body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    background-image: url("images/background.webp");

}

/*Sombra botones de descarga de apps */
.sombra {
    filter: drop-shadow(10px 10px 10px black);

}

/*Sombra Logo */
.img {

    filter: drop-shadow(10px 10px 10px black);
}

.desvanecer:hover {
    opacity: 0.10;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    -ms-transition: opacity 500ms;
    transition: opacity 500ms;

}

header,
main,

footer {
    padding: 20px;
}

/* Estilos especificos para el contenedor de video */
#video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    /* Proporcion de aspecto 16:9 */
}

#video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Estilos para dispositivos moviles */
@media (max-width: 768px) {

    header,
    main,
    footer {
        padding: 10px;
    }

}