/* ESTILO GENERAL */
  
  body {
      font-family: fuenteEventos;
      line-height: 1.6;
      color: #333;
      
  }

    h2{
      font-family: 'Oswald', sans-serif;
      
    }

  .section {
      padding: 70px 0;
  }

  .section-title {
      font-weight: 700;
      margin-bottom: 50px;
  }

  /* HERO */
  .entradilla {

      border-radius: 12px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
      border-color: #b08d57;
      color: #b08d57;
  }

  .hero {
      height: 60vh;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      color: white;
      position: relative;
  }

  .hero::before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.55);
  }

  .hero-content {
      position: relative;
      z-index: 2;
  } 

  /* BOTÓN DORADO CONTINUAR RECORRIDO TEATRAL */

  .btn-recorrido {
      border: 2px solid #b08d57;
      color: #b08d57;
      padding: 12px 28px;
      background: transparent;
      transition: all .3s ease;
  }

  .btn-recorrido:hover {
      background: #b08d57;
      color: white;
  }

  .btn-teatro:hover {
      background: #b08d57;
      color: white;
      border-color: #b08d57;
  }