html, body {
  font-family: 'Raleway', sans-serif;
  }
  h1, h2 { font-weight: 900; }

  h2 {
    font-size:2rem;
    text-transform: uppercase;
  }
  h3 {
    font-weight: 700;
    font-size: 1.3rem;
  }

      .play-button {
      max-width:70px;
     }

  #popup-copiado {
      display: none;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background-color: #222;
      color: #ffffff;
      padding: 12px 20px;
      border-radius: 8px;
      box-shadow: 0 0 15px rgba(0,0,0,0.3);
      font-size: 0.95em;
      z-index: 9999;
      opacity: 0;
      transition: opacity 0.3s ease;
    }
    #popup-copiado.mostrar {
      display: block;
      opacity: 1;
    }

  /* Color y tamaño del placeholder */
  ::placeholder {
    color: #abababff!important;         /* gris suave */
    font-size: 13px;     /* más pequeño */
  }

  /* Formulario express */
  #small-form .accordion-button:focus {
    z-index: 3;
    outline: 0;
    box-shadow: none;
    }

    @media screen and (min-device-width: 720px) { 
     .play-button {
      max-width:120px;
     }
}