body {background:#7EB4DB;}
  .video-background {
    position: fixed;
    top: 0;
    left: 0;
 
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1; /* Para que el contenido quede encima */
  }

  .video-background iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120%;   /* Cubrir toda la pantalla */
    height: 120%;
    transform: translate(-50%, -50%);
    pointer-events: none; /* Evita interferencias al clicar */
  }

.titulo {
padding-top: 150px;
  position: relative;
  z-index: 1; /* Sobre el video */
  text-align: center;
font-family: "Fascinate";
color: white;
font-weight: Bold;
font-size: 90px;
margin: 0

}

span,a, p{
font-family:Poiret One, Helvetica, sans-serif;
font-weight: 700;
font-size: 20px;
color:white;
}
.center {

  margin: auto;
margin-vertical: 0;
  width: 100%;
text-align: center;
vertical-align: center;
  padding: 0px;
 
}

span  {
 margin-left:300px;
margin-right: 300px;
margin-bottom: 25px;
font-size: 25px;

}

.btn {
background-color: #ffc0cb;
color: white;
padding: 15px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
border-radius: 10px; text-decoration: none;
margin-top: 220px;

}

.btn:hover {
opacity: 0.8;
}
.btn:active {
opacity: 0.4;
}


.copyright {
margin-top: 10px;

}

a {
  color:  white;
 text-decoration: none;
  margin-top: 90px;
margin-bottom: 10 px;
  font-weight: bold;
}

.insta{
display: block;

}

.copy{
margin-left: 0px;}
/* Tablet */
@media (max-width: 900px) {
  .titulo { font-size: 60px; padding-top: 100px; }
  span { margin: 0; font-size: 20px; display: block; }
  .btn { margin-top: 40px; padding: 12px 18px; font-size: 18px; }
  .insta { margin-top: 20px; font-size: 18px; }

  /* Copy fijo abajo */
  .copy {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    text-align: center;
  }
}

/* Móvil */
@media (max-width: 600px) {
  .titulo { font-size: 38px; padding-top: 80px; }
  span { font-size: 18px; }
  .btn { font-size: 16px; padding: 10px 16px; margin-top: 30px; }
  .insta { font-size: 16px; margin-top: 15px; }

  /* Copy fijo abajo */
  .copy {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: center;
  }
}
/* Fondo alternativo para tablet y móvil */
@media (max-width: 900px) {
  .video-background {
    display: block; /* muestra el contenedor aunque el iframe se oculte parcialmente */
    background-image: url('../imagenes/fondo-movil.jpg');
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
  }

  .video-background iframe {
    top: 55%;
    transform: translate(-50%, -600%);
    width: 120%;
    height: 120%;
  }
}

/* Ajuste específico para móviles muy pequeños */
@media (max-width: 600px) {
  .video-background {
    background-image: url('../imagenes/fondo-movil.jpg'); /* mismo fondo alternativo */
    background-size: cover;
    background-position: center;
  }

  .video-background iframe {
    top: 55%;
    transform: translate(-50%, -600%);
    width: 120%;
    height: 120%;
  }
}