Estilo Cerro

<div class="customHeroWrapper">
  <div class="customHeroOverlay"></div>
  <div class="customHero">
      <h1 class="customHero__title">QUIERO SER SOCIO</h1>
      <p class="customHero__subtitle"></p>
      <a class="customHero__linkCompetition" href="#">
          <br>
          <img alt="Logo primera b" src="https://statics-maker.llt-services.com/ccp/images/2025/04/22/xsmall/e50f5be6-43e7-44f5-807c-913c018bf224-82.png" style="height: 100px; width: auto;" />
      </a>
  </div>
</div>

<style>
.customHeroWrapper {
  position: relative;
  width: 100%;
  height: auto;
  background-image: url('https://statics-maker.llt-services.com/apf/images/2025/05/14/original/fondo-ejemplo.webp');
  background-size: cover;
  background-position: center;
  padding: 60px 20px;
  box-sizing: border-box;
  overflow: hidden;
}

.customHero {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: white;
}

.customHero__title {
  font-size: 80px;
  line-height: 61px;
  font-weight: 600;
  margin: 0;
}

.customHero__subtitle {
  font-size: 13px;
  line-height: 16.6px;
  font-weight: 400;
  color: rgba(255,255,255, 0.8);
}

.customHero__linkCompetition {
  margin-top: 40px;
  margin-bottom: 20px;
}
</style>


<h2 style="text-align: center;"><span style="color: rgb(6, 22, 98); font-size: 24pt;">PLANES Y PROMOCIONES DISPONIBLES</span></h2>

<h3 style="text-align: center;"><span style="color: rgb(16, 29, 73);">SOCIOS CENTRAL</span></h3>

<h3 style="text-align: center;"><span style="color: rgb(16, 29, 73);">SOCIOS INTERIOR</span></h3>

<h2 style="text-align: center;"><span style="color: rgb(255, 255, 255); font-size: 24pt;">¿CÓMO PUEDO ASOCIARME AL CLUB ?</span></h2>

<div class="icon-grid">
  <div class="icon-card">
    <div class="icon-image-wrapper">
      <img src="https://statics-maker.llt-services.com/ccp/images/2024/12/18/xsmall/54ed1efa-3c56-4ced-9c10-2012ba5acc53-385.png" alt="ATC">
    </div>
    <h3>Oficina de Atención al Socio – La Nueva Olla</h3>
    <p>
      Acércate con tu cédula de identidad y elegí un sector del estadio. 
      <br><br>
      Por esta vía podés pagar el año, el semestre, elegir el formato de pago mensual y adherirte a un débito automático mensual.
    </p>
  </div>
</div>


<div class="icon-grid">
  <div class="icon-card">
    <div class="icon-image-wrapper">
      <img src="https://statics-maker.llt-services.com/ccp/images/2024/12/18/xsmall/291668e7-3741-4dde-9a9b-3bdc534ff87b-1000.png" alt="Call Center">
    </div>
    <h3>Atención Telefónica al Socio – Call Center</h3>
    <p>
      021 370 090 – 0981 275 970 <br> 0986 114 035 - 0976 776 478 <br><br>
      Llamanos desde cualquier parte del país. <br><br>
      Facilítanos tus datos personales. <br><br>
      Por esta vía podés pagar el año, el semestre, elegir el formato de pago mensual y adherirte a un débito automático mensual.
    </p>
  </div>
</div>

<div class="icon-grid">
  <div class="icon-card">
    <div class="icon-image-wrapper">
      <img src="https://statics-maker.llt-services.com/ccp/images/2024/12/18/xsmall/d694cd9b-5c9e-4e09-be75-13f48f94aadc-85.png" alt="WhatsApp">
    </div>
    <h3>Atención Virtual al Socio – WhatsApp</h3>
    <p>
      Escribinos al WhatsApp <strong>0976 77578</strong>. En el menú principal elegí la Opción 1: “Asociate, Quiero ser Socio por WhatsApp”. <br><br>
      Para más información comunicate con nosotros al <strong>021 30090</strong> o vía WhatsApp en nuestro Centro de Atención Virtual <strong>0976 775478</strong>.
    </p>
  </div>
</div>

<h2 style="text-align: center;"><span style="color: rgb(6, 22, 98); font-size: 24pt;">PREGUNTAS FRECUENTES</span></h2>

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>Preguntas Frecuentes | Club Cerro Porteño</title>
  <style>
    body {
      font-family: "Helvetica Neue", sans-serif;
      background-color: #f7f7f7;
    }

    .faq-container {
      max-width: 800px;
      margin: 0 auto;
    }

    .faq-item {
      background: white;
      border-radius: 10px;
      margin-bottom: 15px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.05);
      overflow: hidden;
    }

    .faq-question {
      padding: 18px 20px;
      cursor: pointer;
      font-weight: 600;
      position: relative;
      font-size: 16px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #333;
    }

    .faq-question::after {
      content: "▼";
      font-size: 14px;
      transition: transform 0.3s ease;
    }

    .faq-item.active .faq-question::after {
      transform: rotate(180deg);
    }

    .faq-answer {
      max-height: 0;
      overflow: hidden;
      padding: 0 20px;
      transition: max-height 0.4s ease, padding 0.3s ease;
      font-size: 15px;
      color: #555;
    }

    .faq-item.active .faq-answer {
      max-height: 1000px;
      padding: 16px 20px;
    }

    .faq-answer ul {
      padding-left: 20px;
    }

    .faq-answer a {
      color: #920509;
      text-decoration: underline;
    }
  </style>
</head>
<body>

<div class="faq-container">

  <div class="faq-item">
    <div class="faq-question">¿Cuáles son las formas de pago de la cuota social?</div>
    <div class="faq-answer">
      <ul>
        <li>Online ingresando a <a href="https://portal.cerro.com.py/" target="_blank">https://portal.cerro.com.py/</a> para pagos con tarjeta de crédito, débito y Tigo Money.</li>
        <li>Transferencia o Depósito Bancario, Débito automático.</li>
        <li>Podés solicitar un cobrador a domicilio (válido para Asunción y Gran Asunción).</li>
      </ul>
      <p>Para más información comunicate con nosotros al <strong>021 370090</strong> o vía WhatsApp en nuestro Centro de Atención Virtual <strong>0976 775478</strong>.</p>
    </div>
  </div>

  <div class="faq-item">
    <div class="faq-question">Tengo una deuda, ¿puedo refinanciarla?</div>
    <div class="faq-answer">
      <p>Si tenés deuda acumulada de años anteriores, podés solicitar una financiación y pagarla en cuotas mensuales a la par de tu cuota del año corriente.</p>
      <ul>
        <li>El pago de la primera cuota se realiza una vez procesada la financiación.</li>
        <li>Se necesita de tu confirmación para generar cuota mensual.</li>
        <li>El vencimiento de las cuotas es el 10 de cada mes.</li>
        <li>Una vez abonada la primera cuota se activan los beneficios de acceso sin costo a partidos de torneo local y compra de entradas a precio diferencial para torneo internacional.</li>
        <li>Podés adherir el pago de financiación a un débito automático. Pagá con tarjeta de crédito de cualquier banco.</li>
      </ul>
    </div>
  </div>

  <div class="faq-item">
    <div class="faq-question">¿Cuáles son los horarios de atención?</div>
    <div class="faq-answer">
      <p>El horario de atención del Departamento de Socios es de lunes a viernes de 08:30 a 18:00. Sábados de 9:00 a 12:00.</p>
      <p>El Departamento de Socios atiende en el Lobby de La Nueva Olla (acceso por el portón de Preferencia Norte sobre la calle Antequera).</p>
      <p>También podés comunicarte telefónicamente con nosotros al <strong>021 370090</strong> dentro del horario de atención.</p>
    </div>
  </div>

  <div class="faq-item">
    <div class="faq-question">¿Cuáles son los beneficios del débito automático?</div>
    <div class="faq-answer">
      <p><strong>Beneficios:</strong></p>
      <ul>
        <li>Evita formar filas y realizar trámites cada mes.</li>
        <li>Control ordenado mediante el extracto mensual.</li>
      </ul>
      <p><strong>Condiciones:</strong></p>
      <ul>
        <li>Tarjetas habilitadas: Visa, MasterCard, Bancard Check, Credifielco, Discover, American Express, Diners Club, JCB.</li>
        <li>Se puede adherir más de una membresía a una misma tarjeta.</li>
        <li>Fecha de vencimiento: 10 de cada mes. Solicitudes: 5, 10, 15 y 20 (si son días hábiles).</li>
        <li>Vigencia continua hasta solicitud escrita de exclusión.</li>
        <li>La factura estará disponible en las oficinas del Club al mes siguiente.</li>
        <li>La imputación en la tarjeta será recibo suficiente del pago.</li>
        <li>La factura será a nombre del socio, no del titular de la tarjeta.</li>
      </ul>
    </div>
  </div>

  <div class="faq-item">
    <div class="faq-question">¿Cuáles son los beneficios de las Butacas VIP?</div>
    <div class="faq-answer">
      <p><strong>Beneficios:</strong></p>
      <ul>
        <li>Tu lugar asegurado con tu nombre en una Butaca VIP de la Nueva Olla.</li>
        <li>Ingreso directo con carnet a todos los partidos en La Nueva Olla.</li>
        <li>Acceso diferencial por el Fan Fest.</li>
        <li>Carnet diferencial de Dueño de Butaca VIP.</li>
        <li>Carnet transferible.</li>
        <li>Incluye un año de cuota social del Club.</li>
      </ul>
      <p><strong>Precios y Vigencia:</strong></p>
      <ul>
        <li>1 año: 3.000.000 Gs</li>
        <li>3 años: 8.000.000 Gs</li>
        <li>5 años: 11.000.000 Gs</li>
      </ul>
      <p><strong>Requisitos:</strong></p>
      <ul>
        <li>Firmar una declaración jurada.</li>
        <li>Adjuntar antecedentes policiales.</li>
        <li>Firmar el contrato de usufructo.</li>
      </ul>
    </div>
  </div>

</div>

<script>
  document.querySelectorAll('.faq-question').forEach(question => {
    question.addEventListener('click', () => {
      const item = question.parentElement;
      item.classList.toggle('active');
    });
  });
</script>

</body>
</html>
