* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: 'Poppins', sans-serif;
    }

    body {
      background: linear-gradient(180deg, #000000, #0b0b0b);
      color: #ffffff;
    }

    /* ===== SECTION BENIDORM ===== */
    .section-benidorm {
      position: relative;
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 4rem 2rem;
      overflow: hidden;
      background: #0b0b0b;
    }

    /* Círculo dorado dinámico */
    .background-circle {
      position: absolute;
      width: 650px;
      height: 650px;
      border-radius: 50%;
      background: radial-gradient(
        circle at top left,
        #facc15,
        #d4af37,
        #1f1f1f
      );
      top: -220px;
      left: -220px;
      filter: blur(55px);
      opacity: 0.85;
      z-index: 1;
      transition: transform 0.25s ease-out;
    }

    .content {
      position: relative;
      z-index: 2;
      max-width: 1150px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 3.5rem;
      align-items: center;
    }

    /* Scroll Reveal */
    .reveal {
      opacity: 0;
      transform: translateY(50px);
      transition: opacity 1s ease, transform 1s ease;
    }

    .reveal.active {
      opacity: 1;
      transform: translateY(0);
    }

    .text h2 {
      font-size: 3rem;
      margin-bottom: 1.2rem;
      background: linear-gradient(90deg, #facc15, #d4af37);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .text p {
      font-size: 1.1rem;
      line-height: 1.9;
      color: #b5b5b5;
      max-width: 500px;
    }

    .image img {
      width: 100%;
      border-radius: 22px;
      box-shadow: 0 30px 60px rgba(212,175,55,0.25);
      transform: scale(0.95);
      transition: transform 0.6s ease;
    }

    .image img:hover {
      transform: scale(1);
    }

    /* Responsive */
    @media (max-width: 768px) {
      .content {
        grid-template-columns: 1fr;
        text-align: center;
      }

      .text p {
        margin: 0 auto;
      }

      .background-circle {
        width: 420px;
        height: 420px;
      }
    }