* {
       margin: 0;
       padding: 0;
       box-sizing: border-box;
   }

   body {
       background: #0d0d0f;
       color: #f5f5f5;
       font-family: "Montserrat", sans-serif;
       overflow-x: hidden;
   }

   /* ----------------------------- */
   /*      CURSOR PREMIUM           */
   /* ----------------------------- */

   .background-cursor {
       position: fixed;
       top: 0;
       left: 0;
       width: 90px;
       height: 90px;
       border-radius: 50%;
       pointer-events: none;
       background: radial-gradient(circle, rgba(255, 255, 255, 0.15), transparent);
       mix-blend-mode: screen;
       transform: translate3d(-100px, -100px, 0);
       transition: transform 0.12s ease-out, width 0.25s ease, height 0.25s ease, opacity 0.25s ease;
       opacity: 0.6;
       z-index: 1;
   }

   .background-cursor.cursor-active {
       width: 160px;
       height: 160px;
       opacity: 1;
   }

   /* ----------------------------- */
   /*      CONTENIDO PRINCIPAL      */
   /* ----------------------------- */

   .club-intro-title {
       text-align: center;
       margin-top: 15vh;
   }

   .club-intro-title-span {
       font-size: 3.2rem;
       font-weight: 700;
       letter-spacing: 2px;
   }

   .club-intro-title-span em {
       color: #caa86a;
       font-style: normal;
   }

   .club-intro-desc {
       margin-top: 15px;
   }

   .club-intro-desc-span {
       font-size: 1.3rem;
       opacity: 0.8;
   }

   .club-intro-desc-span em {
       color: #d8c08f;
       font-style: italic;
   }

   /* ----------------------------- */
   /*      BOTÓN PREMIUM            */
   /* ----------------------------- */

   .club-intro-button-entry {
       margin-top: 40px;
   }

   .club-intro-button-entry button {
       background: transparent;
       border: 2px solid #caa86a;
       padding: 14px 32px;
       font-size: 1.1rem;
       color: #caa86a;
       cursor: pointer;
       border-radius: 40px;
       transition: all 0.3s ease;
       letter-spacing: 1px;
   }

   .club-intro-button-entry button:hover {
       background: #caa86a;
       color: #0d0d0f;
       transform: scale(1.05);
       box-shadow: 0 0 20px rgba(202, 168, 106, 0.5);
   }

   /* ----------------------------- */
   /*      FOOTER PREMIUM           */
   /* ----------------------------- */

   .footer-pie-de-pagina {
       text-align: center;
       margin-top: 20vh;
       padding-bottom: 40px;
       opacity: 0.6;
   }

   .footer-pie-de-pagina p {
       font-size: 1rem;
       color: #caa86a;
   }

   .background-cursor {
       position: fixed;
       top: 0;
       left: 0;
       width: 80px;
       height: 80px;
       border-radius: 50%;
       pointer-events: none;
       background: radial-gradient(circle, rgba(255, 255, 255, 0.25), transparent);
       mix-blend-mode: screen;
       transform: translate3d(-100px, -100px, 0);
       transition: transform 0.12s ease-out, width 0.2s ease, height 0.2s ease, opacity 0.2s ease;
       opacity: 0.7;
       z-index: -1;
       /* o por detrás del contenido que quieras */
   }

   .background-cursor.cursor-active {
       width: 140px;
       height: 140px;
       opacity: 1;
   }

   .club-p {
       text-align: center;
       color: #d8c08f;
   }