/* © Desarrollada por Ariel Flomenbaum - SkyNet® Informática */
/* Radio Mar Pacífico */

/* Estilos generales */
body {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  background-size: 100% 100%;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-image: url("images/background.jpg");
}

/* Efecto Blur */
.imagen:hover {filter: blur(2px);}

/* Con la siguiente sentencia se redondean los bordes */
.redondear {
  border-radius: 25px;
}

/*Sombra Logo */
.sombra {
  filter: drop-shadow(10px 10px 10px black);
}

/*Desvanecer Logos */
.desvanecer:hover {
  opacity: 0.1;
  -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;
  }

}