Tema obscuro

<div class="card" style="text-align: center;">
    
    <img src="https://statics-maker.llt-services.com/olp/images/2026/03/13/original/d94393df-6c37-4cee-a9d7-a9144bae5684-518.jpg" alt="Logo" style="width: 300px; height: auto;">
    
    <h3>SUPERSEIS</h3>
    <p>Conoce más detalles del beneficio.</p>
    
    
    <a href="https://statics-maker.llt-services.com/olp/documents/2025/03/27/3aa5941b-d7fc-49e3-8797-22f1b9f85a61-934.pdf" target="_blank" style="
        display: inline-block;
        background-color: #d4af37;
        color: #ffffff;
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        text-decoration: none;
        border-radius: 5px;
        transition: background 0.3s;
    " onmouseover="this.style.backgroundColor='#b8902f'" onmouseout="this.style.backgroundColor='#d4af37'">
        BASES Y CONDICIONES
    </a>
</div>

<style>
    .card {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 20px;
    }
</style>

<div class="card" style="text-align: center;">
    
    <img src="https://statics-maker.llt-services.com/olp/images/2026/03/13/original/e723d522-e70e-41ed-8e76-157b8715006a-422.jpg" alt="Logo" style="width: 300px; height: auto;">
    
    <h3>PETROSUR</h3>
    <p>Conoce más detalles del beneficio.</p>
    
    
    <a href="https://statics-maker.llt-services.com/olp/documents/2025/03/27/340b866d-1690-478d-a3bb-e565dc0384b3-961.pdf" target="_blank" style="
        display: inline-block;
        background-color: #d4af37;
        color: #ffffff;
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        text-decoration: none;
        border-radius: 5px;
        transition: background 0.3s;
    " onmouseover="this.style.backgroundColor='#b8902f'" onmouseout="this.style.backgroundColor='#d4af37'">
        BASES Y CONDICIONES
    </a>
</div>

<style>
    .card {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 20px;
    }
</style>

<div class="card" style="text-align: center;">
    
    <img src="https://statics-maker.llt-services.com/olp/images/2025/04/11/original/ee8906e3-0248-41ac-95c3-e7cd993588e5-877.png" alt="Logo" style="width: 300px; height: auto;">
    
    <h3>AGROFIELD</h3>
    <p>Conoce más detalles del beneficio.</p>
    
    
    <a href="https://statics-maker.llt-services.com/olp/documents/2025/04/11/977c5b52-54e6-480e-ad37-df415e59bc42-416.pdf" target="_blank" style="
        display: inline-block;
        background-color: #d4af37;
        color: #ffffff;
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        text-decoration: none;
        border-radius: 5px;
        transition: background 0.3s;
    " onmouseover="this.style.backgroundColor='#b8902f'" onmouseout="this.style.backgroundColor='#d4af37'">
        BASES Y CONDICIONES
    </a>
</div>

<style>
    .card {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 20px;
    }
</style>

<div class="card" style="text-align: center;">
    
    <img src="https://statics-maker.llt-services.com/olp/images/2025/04/11/original/96f00381-f15d-41f7-8a04-ef06e001860f-962.png" alt="Logo" style="width: 300px; height: auto;">
    
    <h3>AMERICAN EAGLE</h3>
    <p>Conoce más detalles del beneficio.</p>
    
    
    <a href="https://statics-maker.llt-services.com/olp/documents/2025/04/11/63bda9c0-5f7e-47ab-a056-ef24e9811465-160.pdf" target="_blank" style="
        display: inline-block;
        background-color: #d4af37;
        color: #ffffff;
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        text-decoration: none;
        border-radius: 5px;
        transition: background 0.3s;
    " onmouseover="this.style.backgroundColor='#b8902f'" onmouseout="this.style.backgroundColor='#d4af37'">
        BASES Y CONDICIONES
    </a>
</div>

<style>
    .card {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 20px;
    }
</style>

<div class="card" style="text-align: center;">
    
    <img src="https://statics-maker.llt-services.com/olp/images/2025/04/11/original/d4b6db5a-35d5-4b35-a9d2-33d2a9484f17-898.png" alt="Logo" style="width: 300px; height: auto;">
    
    <h3>COLUMBIA</h3>
    <p>Conoce más detalles del beneficio.</p>
    
    
    <a href="https://statics-maker.llt-services.com/olp/documents/2025/04/11/9d79b833-8da8-44d2-9d7f-963229e17e7d-983.pdf" target="_blank" style="
        display: inline-block;
        background-color: #d4af37;
        color: #ffffff;
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        text-decoration: none;
        border-radius: 5px;
        transition: background 0.3s;
    " onmouseover="this.style.backgroundColor='#b8902f'" onmouseout="this.style.backgroundColor='#d4af37'">
        BASES Y CONDICIONES
    </a>
</div>

<style>
    .card {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 20px;
    }
</style>

<div class="card" style="text-align: center;">
    
    <img src="https://statics-maker.llt-services.com/olp/images/2025/03/27/original/d723eb56-e329-4217-bc3f-87c9ae2a5cf5-816.png" alt="Logo" style="width: 300px; height: auto;">
    
    <h3>DHL</h3>
    <p>Conoce más detalles del beneficio.</p>
    
    
    <a href="https://statics-maker.llt-services.com/olp/documents/2025/10/09/91a71473-db4f-4224-8b54-689af36c6072-882.pdf" style="
        display: inline-block;
        background-color: #d4af37;
        color: #ffffff;
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        text-decoration: none;
        border-radius: 5px;
        transition: background 0.3s;
    " onmouseover="this.style.backgroundColor='#b8902f'" onmouseout="this.style.backgroundColor='#d4af37'">
        BASES Y CONDICIONES
    </a>
</div>

<style>
    .card {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 20px;
    }
</style>

<div class="card" style="text-align: center;">
    
    <img src="https://statics-maker.llt-services.com/olp/images/2025/04/11/original/f8f86839-900e-4e0c-9860-0dcffbd08fcd-18.png" alt="Logo" style="width: 300px; height: auto;">
    
    <h3>EL LECTOR</h3>
    <p>Conoce más detalles del beneficio.</p>
    
    
    <a href="https://statics-maker.llt-services.com/olp/documents/2025/04/14/665652ab-64a6-482a-8f96-0efc5c39ae28-948.pdf" target="_blank" style="
        display: inline-block;
        background-color: #d4af37;
        color: #ffffff;
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        text-decoration: none;
        border-radius: 5px;
        transition: background 0.3s;
    " onmouseover="this.style.backgroundColor='#b8902f'" onmouseout="this.style.backgroundColor='#d4af37'">
        BASES Y CONDICIONES
    </a>
</div>

<style>
    .card {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 20px;
    }
</style>

<div class="card" style="text-align: center;">
    
    <img src="https://statics-maker.llt-services.com/olp/images/2025/04/11/original/2f1711ee-b3d3-4f59-9ae1-3e7683a5f2b3-48.png" alt="Logo" style="width: 300px; height: auto;">
    
    <h3>FAUNA TOWN</h3>
    <p>Conoce más detalles del beneficio.</p>
    
    
    <a href="https://statics-maker.llt-services.com/olp/documents/2025/04/11/b419aa29-9694-4660-b217-84c0f09a6de5-95.pdf" target="_blank" style="
        display: inline-block;
        background-color: #d4af37;
        color: #ffffff;
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        text-decoration: none;
        border-radius: 5px;
        transition: background 0.3s;
    " onmouseover="this.style.backgroundColor='#b8902f'" onmouseout="this.style.backgroundColor='#d4af37'">
        BASES Y CONDICIONES
    </a>
</div>

<style>
    .card {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 20px;
    }
</style>

<div class="card" style="text-align: center;">
    
    <img src="https://statics-maker.llt-services.com/olp/images/2025/04/11/original/00e6713f-abf8-41a3-af58-d57f56833c0f-958.png" alt="Logo" style="width: 300px; height: auto;">
    
    <h3>G5 PRO</h3>
    <p>Conoce más detalles del beneficio.</p>
    
    
    <a href="https://statics-maker.llt-services.com/olp/documents/2025/04/11/64bf2da0-b300-44ba-af1f-5a068c67a5cd-396.pdf" target="_blank" style="
        display: inline-block;
        background-color: #d4af37;
        color: #ffffff;
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        text-decoration: none;
        border-radius: 5px;
        transition: background 0.3s;
    " onmouseover="this.style.backgroundColor='#b8902f'" onmouseout="this.style.backgroundColor='#d4af37'">
        BASES Y CONDICIONES
    </a>
</div>

<style>
    .card {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 20px;
    }
</style>

<div class="card" style="text-align: center;">
    
    <img src="https://statics-maker.llt-services.com/olp/images/2025/04/11/original/49370d94-efed-4e4e-8a7d-12304fd2e320-822.png" alt="Logo" style="width: 300px; height: auto;">
    
    <h3>MUAR</h3>
    <p>Conoce más detalles del beneficio.</p>
    
    
    <a href="https://statics-maker.llt-services.com/olp/documents/2025/04/11/e8ab3fff-c9c4-425f-98e6-032b463f8d0d-262.pdf" target="_blank" style="
        display: inline-block;
        background-color: #d4af37;
        color: #ffffff;
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        text-decoration: none;
        border-radius: 5px;
        transition: background 0.3s;
    " onmouseover="this.style.backgroundColor='#b8902f'" onmouseout="this.style.backgroundColor='#d4af37'">
        BASES Y CONDICIONES
    </a>
</div>

<style>
    .card {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 20px;
    }
</style>

<div class="card" style="text-align: center;">
    
    <img src="https://statics-maker.llt-services.com/olp/images/2025/04/11/original/acb5480a-05c8-4b93-8f30-3adfc219e9f8-859.png" alt="Logo" style="width: 300px; height: auto;">
    
    <h3>MUNDO FIESTA</h3>
    <p>Conoce más detalles del beneficio.</p>
    
    
    <a href="https://statics-maker.llt-services.com/olp/documents/2025/04/14/416baaf6-367f-48bc-86ca-c48f6e5b4524-623.pdf" target="_blank" style="
        display: inline-block;
        background-color: #d4af37;
        color: #ffffff;
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        text-decoration: none;
        border-radius: 5px;
        transition: background 0.3s;
    " onmouseover="this.style.backgroundColor='#b8902f'" onmouseout="this.style.backgroundColor='#d4af37'">
        BASES Y CONDICIONES
    </a>
</div>

<style>
    .card {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 20px;
    }
</style>

<div class="card" style="text-align: center;">
    
    <img src="https://statics-maker.llt-services.com/olp/images/2025/04/11/original/c860fb21-d49e-4933-9a14-2c825b2761be-298.png" alt="Logo" style="width: 300px; height: auto;">
    
    <h3>ORKIN</h3>
    <p>Conoce más detalles del beneficio.</p>
    
    
    <a href="https://statics-maker.llt-services.com/olp/documents/2025/04/11/886807c7-ea29-420a-b698-2c5a94b58f95-70.pdf" target="_blank" style="
        display: inline-block;
        background-color: #d4af37;
        color: #ffffff;
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        text-decoration: none;
        border-radius: 5px;
        transition: background 0.3s;
    " onmouseover="this.style.backgroundColor='#b8902f'" onmouseout="this.style.backgroundColor='#d4af37'">
        BASES Y CONDICIONES
    </a>
</div>

<style>
    .card {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 20px;
    }
</style>

<div class="card" style="text-align: center;">
    
    <img src="https://statics-maker.llt-services.com/olp/images/2025/04/11/original/45ddf4ce-fe3f-4749-95e5-0d4e9d895fc4-884.png" alt="Logo" style="width: 300px; height: auto;">
    
    <h3>OTTO</h3>
    <p>Conoce más detalles del beneficio.</p>
    
    
    <a href="https://statics-maker.llt-services.com/olp/documents/2025/04/11/aa574fc0-bcf0-4dd0-b5ab-bf64aeabd008-528.pdf" target="_blank" style="
        display: inline-block;
        background-color: #d4af37;
        color: #ffffff;
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        text-decoration: none;
        border-radius: 5px;
        transition: background 0.3s;
    " onmouseover="this.style.backgroundColor='#b8902f'" onmouseout="this.style.backgroundColor='#d4af37'">
        BASES Y CONDICIONES
    </a>
</div>

<style>
    .card {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 20px;
    }
</style>

<div class="card" style="text-align: center;">
    
    <img src="https://statics-maker.llt-services.com/olp/images/2025/04/11/original/11e26f84-59bb-43c5-bb71-c0a683ab0a8e-544.png" alt="Logo" style="width: 300px; height: auto;">
    
    <h3>PATROL</h3>
    <p>Conoce más detalles del beneficio.</p>
    
    
    <a href="https://statics-maker.llt-services.com/olp/documents/2025/04/14/317297f5-dabd-4621-8507-0d631f4373bd-841.pdf" target="_blank" style="
        display: inline-block;
        background-color: #d4af37;
        color: #ffffff;
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        text-decoration: none;
        border-radius: 5px;
        transition: background 0.3s;
    " onmouseover="this.style.backgroundColor='#b8902f'" onmouseout="this.style.backgroundColor='#d4af37'">
        BASES Y CONDICIONES
    </a>
</div>

<style>
    .card {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 20px;
    }
</style>

<div class="card" style="text-align: center;">
    
    <img src="https://statics-maker.llt-services.com/olp/images/2026/03/13/original/7edcdce1-5408-46f8-a20d-f0febc567f8b-172.png" alt="Logo" style="width: 300px; height: auto;">

    <h3>PULSAK</h3>
    <p>Conoce más detalles del beneficio.</p>

    
    <a href="https://statics-maker.llt-services.com/olp/documents/2025/03/27/dc3bfe68-12fd-4c3e-b8c1-4cd30c0d9fd7-685.pdf" target="_blank" style="
        display: inline-block;
        background-color: #d4af37;
        color: #ffffff;
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        text-decoration: none;
        border-radius: 5px;
        transition: background 0.3s;
    " onmouseover="this.style.backgroundColor='#b8902f'" onmouseout="this.style.backgroundColor='#d4af37'">
        BASES Y CONDICIONES
    </a>
</div>

<style>
    .card {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 20px;
    }
</style>

<div class="card" style="text-align: center;">
    
    <img src="https://statics-maker.llt-services.com/olp/images/2025/03/27/original/96c2fbf0-eee5-4f3b-829c-8352ab2fccf9-213.png" alt="Logo" style="width: 300px; height: auto;">
    
    <h3>SANTORINI</h3>
    <p>Conoce más detalles del beneficio.</p>
    
    
    <a href="https://statics-maker.llt-services.com/olp/documents/2025/03/27/ee02986f-76ce-4647-b5f3-671af48d1238-809.pdf" target="_blank" style="
        display: inline-block;
        background-color: #d4af37;
        color: #ffffff;
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        text-decoration: none;
        border-radius: 5px;
        transition: background 0.3s;
    " onmouseover="this.style.backgroundColor='#b8902f'" onmouseout="this.style.backgroundColor='#d4af37'">
        BASES Y CONDICIONES
    </a>
</div>

<style>
    .card {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 20px;
    }
</style>

<div class="card" style="text-align: center;">
    
    <img src="https://statics-maker.llt-services.com/olp/images/2025/03/27/original/bf87dd00-4645-4ec1-bc8f-b82c0e99eaf6-380.png" alt="Logo" style="width: 300px; height: auto;">
    
    <h3>SANTORINI CAFE</h3>
    <p>Conoce más detalles del beneficio.</p>
    
    
    <a href="https://statics-maker.llt-services.com/olp/documents/2025/03/27/dba74282-3ef4-462d-80af-1afa0b722e5d-839.pdf" target="_blank" style="
        display: inline-block;
        background-color: #d4af37;
        color: #ffffff;
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        text-decoration: none;
        border-radius: 5px;
        transition: background 0.3s;
    " onmouseover="this.style.backgroundColor='#b8902f'" onmouseout="this.style.backgroundColor='#d4af37'">
        BASES Y CONDICIONES
    </a>
</div>

<style>
    .card {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 20px;
    }
</style>