Tema obscuro

<h1 style="text-align: center;"><span style="font-size: 24pt; color: rgb(255, 255, 255);"><strong>Obtené Beneficios Exclusivos</strong></span></h1>

<p style="text-align: center;"><span style="font-size: 12pt; color: rgb(255, 255, 255);">En el reino del fútbol existe un linaje de guerreros que llevan en la sangre el blanco y el negro. </span></p>
<p style="text-align: center;"><span style="font-size: 12pt; color: rgb(255, 255, 255);">Son los Herederos del Rey, los guardianes de la historia más gloriosa del fútbol paraguayo.</span></p>
<p style="text-align: center;"><span style="font-size: 12pt; color: rgb(255, 255, 255);">Tienen como código de vida no solo vestir sus colores o acompañar a su equipo domingo a domingo, sino llevar el espíritu de lucha en cada aspecto de su vida.</span></p>
<p style="text-align: center;"><span style="font-size: 12pt; color: rgb(255, 255, 255);">Forman parte de una dinastía y escriben su nombre en las páginas doradas de su historia.</span></p>
<p style="text-align: center;"><span style="font-size: 12pt; color: rgb(255, 255, 255);">Son socios. Son parte. Son los únicos patrones del legado más glorioso del deporte paraguayo. Son familia.</span><br><span style="font-size: 12pt; color: rgb(255, 255, 255);">Los hinchas alientan. Los socios defienden los colores desde adentro. Porque en ellos está el futuro del Olimpia.</span></p>
<p style="text-align: center;"><span style="font-size: 12pt; color: rgb(255, 255, 255);">Sumate. Sé parte. </span></p>
<p style="text-align: center;"><span style="color: rgb(255, 255, 255); font-size: 12pt;"><strong>¡ASOCIATE!</strong></span></p>

<div class="custom-button-wrapper">
    <a class="custom-button" href="https://socios.clubolimpia.com.py/auth/register" target="_blank" rel="noopener noreferrer">
        Asociate aquí
    </a>
</div>

<h1 style="text-align: center;"><span style="color: rgb(255, 255, 255);">CATEGORIAS DE SOCIOS VIGENTES</span></h1>

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <style>
        /* --- INICIO DE ESTILOS --- */

        /* Contenedor general del acordeón */
        .membership-section {
            margin: 0 auto;
            padding: 20px;
            background-color: transparent; /* Fondo transparente */
            border-radius: 18px;
            max-width: 800px;
        }

        /* Encabezado del acordeón */
        .membership-section .accordion .accordion-header {
            background-color: transparent;
            color: #000000;
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
            cursor: pointer;
            padding: 15px;
            font-weight: bold;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        /* Bordes redondeados en los acordeones */
        .membership-section .accordion {
            border: 1px solid #ddd;
            border-top-left-radius: 18px;
            border-top-right-radius: 18px;
            border-bottom-left-radius: 18px;
            border-bottom-right-radius: 18px;
            margin-bottom: 10px;
            background-color: #fff;
        }

        /* Título principal */
        .membership-section h1 {
            color: #000000; /* Título en negro */
            text-align: center;
            padding: 10px;
            font-size: 1.5rem;
            margin-bottom: 20px;
        }

        /* Contenido del acordeón */
        .membership-section .accordion-content {
            display: none;
            padding: 15px;
            border-top: 1px solid #ddd;
            color: #000000; /* Texto en negro */
        }

        .membership-section .accordion.active .accordion-content {
            display: block;
            color: #000000; /* Texto de la tabla activa también en negro */
        }

        /* --- FIN DE ESTILOS --- */
    </style>
</head>
<body>

    
    <div class="membership-section">

        
        <div class="accordion">
            <div class="accordion-header">
                SOCIO FAMILIAR <span class="arrow">▶</span>
            </div>
            <div class="accordion-content">
                <p><strong>Costo Mensual:</strong> G. 184.800</p>
                <ul>
                    <li>Voz y voto en las Asambleas.</li>
                    <li>100% Descuento en el Sector de Preferencias en partidos nacionales para el titular y miembros de su familia.</li>
                    <li>Derecho de preferencia, venta anticipada y descuentos en compra de entradas para partidos internacionales.</li>
                    <li>Descuentos y promociones exclusivas para socios del Club.</li>
                </ul>
            </div>
        </div>

        
        <div class="accordion">
            <div class="accordion-header">
                SOCIO PERSONAL <span class="arrow">▶</span>
            </div>
            <div class="accordion-content">
                <p><strong>Costo Mensual:</strong> Gs. 105.600</p>
                <ul>
                    <li>Voz y voto en las Asambleas.</li>
                    <li>100% Descuento en el Sector de Preferencias en partidos nacionales para el titular.</li>
                    <li>Derecho de preferencia, venta anticipada y descuentos en compra de entradas para partidos internacionales.</li>
                    <li>Descuentos y promociones exclusivas para socios del Club.</li>
                </ul>
            </div>
        </div>

        
        <div class="accordion">
            <div class="accordion-header">
                SOCIO ESTADIO <span class="arrow">▶</span>
            </div>
            <div class="accordion-content">
                <p><strong>Costo Mensual:</strong> Gs. 48.000</p>
                <ul>
                    <li>Voz y voto en las Asambleas.</li>
                    <li>100% Descuento en el Sector de Graderías en partidos nacionales para el titular.</li>
                    <li>Derecho de preferencia, venta anticipada y descuentos en compra de entradas para partidos internacionales.</li>
                    <li>Descuentos y promociones exclusivas para socios del Club.</li>
                </ul>
            </div>
        </div>

        
        <div class="accordion">
            <div class="accordion-header">
                SOCIO CADETE <span class="arrow">▶</span>
            </div>
            <div class="accordion-content">
                <p><strong>Costo Mensual:</strong> Gs. 48.000</p>
                <ul>
                    <li>100% Descuento en el Sector de Preferencias en partidos nacionales.</li>
                    <li>Derecho de preferencia, venta anticipada y descuentos en compra de entradas para partidos internacionales.</li>
                    <li>Descuentos y promociones exclusivas para socios del Club.</li>
                </ul>
            </div>
        </div>

        
        <div class="accordion">
            <div class="accordion-header">
                SOCIO INFANTIL <span class="arrow">▶</span>
            </div>
            <div class="accordion-content">
                <p><strong>Costo Mensual:</strong> G. 24.000</p>
                <ul>
                    <li>100% Descuento en el Sector de Preferencias en partidos nacionales para el titular.</li>
                    <li>Derecho de preferencia, venta anticipada y descuentos en compra de entradas para partidos internacionales.</li>
                    <li>Descuentos y promociones exclusivas para socios del Club.</li>
                </ul>
            </div>
        </div>

        
        <div class="accordion">
            <div class="accordion-header">
                SOCIO EXTERIOR <span class="arrow">▶</span>
            </div>
            <div class="accordion-content">
                <p><strong>Costo Semestral:</strong> Gs. 182.400</p>
                <ul>
                    <li>Voz y voto en las Asambleas.</li>
                    <li>100% descuento hasta 1 partido local en el Sector de Preferencias por semestre.</li>
                    <li>Descuentos en partidos internacionales.</li>
                    <li>Descuentos en el usufructo de las instalaciones sociales.</li>
                    <li>Descuentos y promociones exclusivas para socios del Club.</li>
                </ul>
            </div>
        </div>

        
        <div class="accordion">
            <div class="accordion-header">
                SOCIO INTERIOR <span class="arrow">▶</span>
            </div>
            <div class="accordion-content">
                <p><strong>Costo Semestral:</strong> G. 198.000</p>
                <ul>
                    <li>Voz y voto en las Asambleas.</li>
                    <li>100% descuento en valor de la entrada hasta a dos partidos locales en el Sector de Preferencias por semestre.</li>
                    <li>Descuentos en partidos internacionales.</li>
                    <li>Descuentos en el usufructo de las instalaciones sociales.</li>
                    <li>Descuentos y promociones exclusivas para socios del Club.</li>
                </ul>
            </div>
        </div>
    </div>

    <script>
        // --- INICIO DE SCRIPT ---
        document.querySelectorAll('.accordion-header').forEach(header => {
            header.addEventListener('click', () => {
                const accordion = header.parentElement;
                accordion.classList.toggle('active');
            });
        });
        // --- FIN DE SCRIPT ---
    </script>

</body>
</html>

<h1 style="text-align: center;"><span style="color: rgb(255, 255, 255);">PLAN DE RECUPERO DE SOCIOS</span></h1>

<p dir="ltr" style="text-align: center;"><span style="font-size: 14pt; color: rgb(255, 255, 255);"><strong>PAGO AL CONTADO DE DEUDAS</strong></span></p>
<p dir="ltr" style="text-align: left;"><span style="color: rgb(255, 255, 255);"><strong>                                     Beneficios para el socio: </strong></span></p>
<p dir="ltr" style="text-align: left;"><span style="color: rgb(255, 255, 255);"><strong>                                    </strong>1. Descuento de hasta el 50% de la deuda total. </span></p>
<p dir="ltr" style="text-align: left;"><span style="color: rgb(255, 255, 255);"><strong>                                    </strong>2. Acceso inmediato al pago de cuota mensual 2025. </span></p>
<p dir="ltr" style="text-align: left;"><span style="color: rgb(255, 255, 255);"><strong>                                    </strong>3. Camiseta oficial 2024, válido hasta agotar stock y</span></p>
<p dir="ltr" style="text-align: left;"><span style="color: rgb(255, 255, 255);"><strong>                                    </strong>para operaciones a partir de Gs 5.000.000.</span></p>
<p dir="ltr" style="text-align: left;"><span style="color: rgb(255, 255, 255);"><strong>                                    </strong>4. Acceso a partidos de los torneos locales. </span></p>
<p dir="ltr" style="text-align: left;"><span style="color: rgb(255, 255, 255);"><strong>                                    </strong>5. Descuentos especiales en partidos internacionales.</span></p>

<p dir="ltr" style="text-align: center;"><span style="font-size: 14pt; color: rgb(255, 255, 255);"><strong>RENUNCIÁ A TU ANTIGÜEDAD  Y REASOCIATE</strong></span></p>
<p dir="ltr" style="text-align: left;"><span style="color: rgb(255, 255, 255);"><strong>                                     Beneficios para el socio: </strong></span></p>
<p dir="ltr" style="text-align: left;"><span style="color: rgb(255, 255, 255);"><strong>                                    </strong>1. Acceso inmediato al pago de cuota 2025.</span></p>
<p dir="ltr" style="text-align: left;"><span style="color: rgb(255, 255, 255);"><strong>                                    </strong>2. Descuentos directos en tiendas aliadas. </span></p>
<p dir="ltr" style="text-align: left;"><span style="color: rgb(255, 255, 255);"><strong>                                    </strong>3. Acceso a partidos del Campeonato de Primera División</span><span style="color: rgb(255, 255, 255);"><strong>.</strong></span></p>
<p dir="ltr" style="text-align: left;"><span style="color: rgb(255, 255, 255);"><strong>                                  </strong>  4. Descuentos especiales en partidos internacionales.</span></p>