<div class="alert alert-warning"><strong>Programación 6ª Fecha, sábado 4 de octubre</strong></div> <div> <div> <!-- PARTIDO 1 – Húsares FC vs El Maitén --> <div style="width: 100%; display: flex; justify-content: center; margin: 22px 0; font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif;"> <div style="position: relative; display: flex; flex-direction: column; width: 100%; max-width: 860px; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 14px rgba(0,0,0,.12);"> <div style="position: relative; display: flex; height: 140px;"> <!-- Húsares FC --> <div style="flex: 1; background: #000000; display: flex; align-items: center; justify-content: center; flex-direction: column;"> <div style="background: #ffffff; width: 84px; height: 84px; border-radius: 50%; display: flex; align-items: center; justify-content: center;"> <img style="width: 70px; height: 70px; object-fit: contain;" src="https://www.melipilladeportes.cl/3.0/wp-content/uploads/2025/08/HUSARES.png" alt="Húsares FC" /> </div> <div style="margin-top: 6px; color: #fff; font-weight: 600;">Húsares FC</div> </div> <!-- Hora --> <div style="position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #ffffff; font-weight: 900; font-size: 34px; letter-spacing: 1px;">15:00</div> <!-- El Maitén --> <div style="flex: 1; background: #ff6d00; display: flex; align-items: center; justify-content: center; flex-direction: column;"> <div style="background: #ffffff; width: 84px; height: 84px; border-radius: 50%; display: flex; align-items: center; justify-content: center;"> <img style="width: 70px; height: 70px; object-fit: contain;" src="https://www.melipilladeportes.cl/3.0/wp-content/uploads/2025/08/ELMAITEN.png" alt="El Maitén" /> </div> <div style="margin-top: 6px; color: #fff; font-weight: 600;">El Maitén</div> </div> </div> </div> </div> <!-- PARTIDO 2 – Manuel Rodríguez vs Tívoli --> <div style="width: 100%; display: flex; justify-content: center; margin: 22px 0; font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif;"> <div style="position: relative; display: flex; flex-direction: column; width: 100%; max-width: 860px; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 14px rgba(0,0,0,.12);"> <div style="position: relative; display: flex; height: 140px;"> <!-- Manuel Rodríguez --> <div style="flex: 1; background: #b71c1c; display: flex; align-items: center; justify-content: center; flex-direction: column;"> <div style="background: #ffffff; width: 84px; height: 84px; border-radius: 50%; display: flex; align-items: center; justify-content: center;"> <img style="width: 70px; height: 70px; object-fit: contain;" src="https://www.melipilladeportes.cl/3.0/wp-content/uploads/2025/08/MANUELRODRIGUEZ.png" alt="Manuel Rodríguez" /> </div> <div style="margin-top: 6px; color: #fff; font-weight: 600;">Manuel Rodríguez</div> </div> <!-- Hora --> <div style="position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #ffffff; font-weight: 900; font-size: 34px; letter-spacing: 1px;">16:15</div> <!-- Tívoli --> <div style="flex: 1; background: #008000; display: flex; align-items: center; justify-content: center; flex-direction: column;"> <div style="background: #ffffff; width: 84px; height: 84px; border-radius: 50%; display: flex; align-items: center; justify-content: center;"> <img style="width: 70px; height: 70px; object-fit: contain;" src="https://www.melipilladeportes.cl/3.0/wp-content/uploads/2025/08/TIVOLI.png" alt="Tívoli" /> </div> <div style="margin-top: 6px; color: #fff; font-weight: 600;">Tívoli</div> </div> </div> </div> </div> <!-- PARTIDO 3 – Rest. San Antonio vs Colo Colo Junior Senior --> <div style="width: 100%; display: flex; justify-content: center; margin: 22px 0; font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif;"> <div style="position: relative; display: flex; flex-direction: column; width: 100%; max-width: 860px; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 14px rgba(0,0,0,.12);"> <div style="position: relative; display: flex; height: 140px;"> <!-- Rest. San Antonio --> <div style="flex: 1; background: #b71c1c; display: flex; align-items: center; justify-content: center; flex-direction: column;"> <div style="background: #ffffff; width: 84px; height: 84px; border-radius: 50%; display: flex; align-items: center; justify-content: center;"> <img style="width: 70px; height: 70px; object-fit: contain;" src="https://www.melipilladeportes.cl/3.0/wp-content/uploads/2025/08/RESTAURANT.png" alt="Rest. San Antonio" /> </div> <div style="margin-top: 6px; color: #fff; font-weight: 600;">Rest. San Antonio</div> </div> <!-- Hora --> <div style="position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #ffffff; font-weight: 900; font-size: 34px; letter-spacing: 1px;">17:30</div> <!-- Colo Colo Junior Senior --> <div style="flex: 1; background: #a9a9a9; display: flex; align-items: center; justify-content: center; flex-direction: column;"> <div style="background: #ffffff; width: 84px; height: 84px; border-radius: 50%; display: flex; align-items: center; justify-content: center;"> <img style="width: 70px; height: 70px; object-fit: contain;" src="https://www.melipilladeportes.cl/3.0/wp-content/uploads/2025/08/COLOCOLOJR.png" alt="Colo Colo Junior Senior" /> </div> <div style="margin-top: 6px; color: #fff; font-weight: 600;">Colo Colo Junior Senior</div> </div> </div> </div> </div> <!-- EQUIPO LIBRE --> <div style="width: 100%; display: flex; justify-content: center; margin: 22px 0; font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif;"> <div style="display: flex; align-items: center; gap: 12px; background: #f5f5f5; border-radius: 12px; padding: 10px 18px; box-shadow: 0 4px 14px rgba(0,0,0,.08); max-width: 360px;"> <div style="background: #ffffff; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center;"> <img style="width: 50px; height: 50px; object-fit: contain;" src="https://www.melipilladeportes.cl/3.0/wp-content/uploads/2025/08/KARINA.png" alt="Karina FC" /> </div> <div style="font-weight: bold; font-size: 16px; color: #333;">Libre: <span style="font-weight: 600;">Karina FC</span></div> </div> </div> </div> </div> <div> <div> <!-- TABLA POSICIONES – Liga de la Amistad Senior (2025, compacta con logos correctos) --> <div style="width: 100%; margin: 15px 0;"> <div style="width: 100%; border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,.06); overflow: hidden;"> <table style="border-collapse: collapse; width: 100%; font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif; background: #fff; font-size: 14px;"> <thead> <tr> <th style="background: #e8f5e9; color: #1b5e20; text-align: center; padding: 8px; font-weight: 800; border-bottom: 2px solid #c8e6c9;">Pos.</th> <th style="background: #e8f5e9; color: #1b5e20; text-align: center; padding: 8px; font-weight: 800; border-bottom: 2px solid #c8e6c9;">Equipo</th> <th style="background: #e8f5e9; color: #1b5e20; text-align: center; padding: 8px; font-weight: 800; border-bottom: 2px solid #c8e6c9;">Pts</th> <th style="background: #e8f5e9; color: #1b5e20; text-align: center; padding: 8px; font-weight: 800; border-bottom: 2px solid #c8e6c9;">PJ</th> <th style="background: #e8f5e9; color: #1b5e20; text-align: center; padding: 8px; font-weight: 800; border-bottom: 2px solid #c8e6c9;">GF</th> <th style="background: #e8f5e9; color: #1b5e20; text-align: center; padding: 8px; font-weight: 800; border-bottom: 2px solid #c8e6c9;">GC</th> <th style="background: #e8f5e9; color: #1b5e20; text-align: center; padding: 8px; font-weight: 800; border-bottom: 2px solid #c8e6c9;">DG</th> </tr> </thead> <tbody><!-- 1) Colo Colo Junior Senior --> <tr style="border-bottom: 1px solid #f0f0f0;"> <td style="text-align: center; font-weight: bold; color: #2e7d32; padding: 6px;">1</td> <td style="padding: 6px;"> <div style="display: inline-flex; align-items: center; gap: 6px;"><span style="display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: #fff; border: 1px solid #eee;"> <img style="width: 18px; height: 18px; object-fit: contain;" src="https://www.melipilladeportes.cl/3.0/wp-content/uploads/2025/08/COLOCOLOJR.png" alt="Colo Colo Junior Senior" /> </span> <span style="font-weight: 600; color: #222;">Colo Colo Junior Senior</span></div></td> <td style="text-align: center; font-weight: 800; color: #111; padding: 6px;">9</td> <td style="text-align: center; padding: 6px;">4</td> <td style="text-align: center; padding: 6px;">11</td> <td style="text-align: center; padding: 6px;">5</td> <td style="text-align: center; padding: 6px;">6</td> </tr> <!-- 2) El Maitén FC --> <tr style="background: #fafafa; border-bottom: 1px solid #f0f0f0;"> <td style="text-align: center; font-weight: bold; color: #333; padding: 6px;">2</td> <td style="padding: 6px;"> <div style="display: inline-flex; align-items: center; gap: 6px;"><span style="display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: #fff; border: 1px solid #eee;"> <img style="width: 18px; height: 18px; object-fit: contain;" src="https://www.melipilladeportes.cl/3.0/wp-content/uploads/2025/08/ELMAITEN.png" alt="El Maitén FC" /> </span> <span style="font-weight: 600; color: #222;">El Maitén FC</span></div></td> <td style="text-align: center; font-weight: bold; padding: 6px;">8</td> <td style="text-align: center; padding: 6px;">4</td> <td style="text-align: center; padding: 6px;">6</td> <td style="text-align: center; padding: 6px;">2</td> <td style="text-align: center; padding: 6px;">4</td> </tr> <!-- 3) Húsares FC --> <tr style="border-bottom: 1px solid #f0f0f0;"> <td style="text-align: center; font-weight: bold; color: #333; padding: 6px;">3</td> <td style="padding: 6px;"> <div style="display: inline-flex; align-items: center; gap: 6px;"><span style="display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: #fff; border: 1px solid #eee;"> <img style="width: 18px; height: 18px; object-fit: contain;" src="https://www.melipilladeportes.cl/3.0/wp-content/uploads/2025/08/HUSARES.png" alt="Húsares FC" /> </span> <span style="font-weight: 600; color: #222;">Húsares FC</span></div></td> <td style="text-align: center; font-weight: bold; padding: 6px;">7</td> <td style="text-align: center; padding: 6px;">5</td> <td style="text-align: center; padding: 6px;">11</td> <td style="text-align: center; padding: 6px;">8</td> <td style="text-align: center; padding: 6px;">3</td> </tr> <!-- 4) Tívoli --> <tr style="background: #fafafa; border-bottom: 1px solid #f0f0f0;"> <td style="text-align: center; font-weight: bold; color: #333; padding: 6px;">4</td> <td style="padding: 6px;"> <div style="display: inline-flex; align-items: center; gap: 6px;"><span style="display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: #fff; border: 1px solid #eee;"> <img style="width: 18px; height: 18px; object-fit: contain;" src="https://www.melipilladeportes.cl/3.0/wp-content/uploads/2025/08/TIVOLI.png" alt="Tívoli" /> </span> <span style="font-weight: 600; color: #222;">Tívoli</span></div></td> <td style="text-align: center; font-weight: bold; padding: 6px;">6</td> <td style="text-align: center; padding: 6px;">4</td> <td style="text-align: center; padding: 6px;">4</td> <td style="text-align: center; padding: 6px;">3</td> <td style="text-align: center; padding: 6px;">1</td> </tr> <!-- 5) Rest. San Antonio --> <tr style="border-bottom: 1px solid #f0f0f0;"> <td style="text-align: center; font-weight: bold; color: #333; padding: 6px;">5</td> <td style="padding: 6px;"> <div style="display: inline-flex; align-items: center; gap: 6px;"><span style="display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: #fff; border: 1px solid #eee;"> <img style="width: 18px; height: 18px; object-fit: contain;" src="https://www.melipilladeportes.cl/3.0/wp-content/uploads/2025/08/RESTAURANT.png" alt="Rest. San Antonio" /> </span> <span style="font-weight: 600; color: #222;">Rest. San Antonio</span></div></td> <td style="text-align: center; font-weight: bold; padding: 6px;">5</td> <td style="text-align: center; padding: 6px;">4</td> <td style="text-align: center; padding: 6px;">6</td> <td style="text-align: center; padding: 6px;">6</td> <td style="text-align: center; padding: 6px;">0</td> </tr> <!-- 6) Karina FC --> <tr style="background: #fafafa; border-bottom: 1px solid #f0f0f0;"> <td style="text-align: center; font-weight: bold; color: #333; padding: 6px;">6</td> <td style="padding: 6px;"> <div style="display: inline-flex; align-items: center; gap: 6px;"><span style="display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: #fff; border: 1px solid #eee;"> <img style="width: 18px; height: 18px; object-fit: contain;" src="https://www.melipilladeportes.cl/3.0/wp-content/uploads/2025/08/KARINA.png" alt="Karina FC" /> </span> <span style="font-weight: 600; color: #222;">Karina FC</span></div></td> <td style="text-align: center; font-weight: bold; padding: 6px;">3</td> <td style="text-align: center; padding: 6px;">5</td> <td style="text-align: center; padding: 6px;">3</td> <td style="text-align: center; padding: 6px;">14</td> <td style="text-align: center; padding: 6px;">-11</td> </tr> <!-- 7) Manuel Rodríguez --> <tr> <td style="text-align: center; font-weight: bold; color: #c62828; padding: 6px;">7</td> <td style="padding: 6px;"> <div style="display: inline-flex; align-items: center; gap: 6px;"><span style="display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: #fff; border: 1px solid #eee;"> <img style="width: 18px; height: 18px; object-fit: contain;" src="https://www.melipilladeportes.cl/3.0/wp-content/uploads/2025/08/MANUELRODRIGUEZ.png" alt="Manuel Rodríguez" /> </span> <span style="font-weight: 600; color: #222;">Manuel Rodríguez</span></div></td> <td style="text-align: center; font-weight: 800; color: #c62828; padding: 6px;">2</td> <td style="text-align: center; padding: 6px;">4</td> <td style="text-align: center; padding: 6px;">4</td> <td style="text-align: center; padding: 6px;">10</td> <td style="text-align: center; padding: 6px;">-6</td> </tr> </tbody> </table> </div> </div> </div> </div>
