Extended

<div class="banner-principal-container" style="padding-top: 16vw;">
<p class="banner-principal-titulo"><span style="color: rgb(255, 255, 255);"><span style="color: rgb(255, 255, 255);"><em>CLUB DEPORTIVO USS</em></span></span></p>
<p class="banner-principal-subtitulo"><span style="color: rgb(255, 255, 255);"><span style="color: rgb(255, 255, 255);"><em>RAMA DE NATACI&Oacute;N 2026</em></span></span></p>
</div>

<div class="banner-profesor-foto" style="display: flex; flex-wrap: wrap; align-items: stretch; background-color: #f4f4f4; padding: 0; max-width: 1000px; margin: 0 auto; overflow: hidden;">
<div style="flex: 1 1 300px; position: relative; min-height: 100%; padding: 20px; text-align: center;">
<div style="height: 100%; position: relative;"><img style="width: 100%; height: 100%; object-fit: cover; display: block;" src="https://ligup-v2.s3.sa-east-1.amazonaws.com/uss/media/31_07_2025_23_35_57_Avatar%20%287%29.png" alt="Claudio Toledo">
<div style="position: absolute; bottom: 0; left: 0; width: 100%; background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0)); color: white; padding: 20px;">
<div style="font-size: 18pt; font-weight: bold;">CLAUDIO TOLEDO</div>
<div style="font-size: 12pt; font-weight: bold; margin-top: 4px;">HEAD COACH</div>
<div style="font-size: 10pt; margin-top: 4px;">Profesor. M&aacute;s de 30 a&ntilde;os de experiencia ense&ntilde;ando nataci&oacute;n</div>
</div>
</div>
</div>

<div class="profesor-container" style="flex: 1 1 600px; display: flex; flex-wrap: wrap; gap: 4px; justify-content: space-between; padding: 20px; box-sizing: border-box; align-content: flex-start;">
<div class="info-container" style="flex: 1 1 45%; text-align: center; background-color: #e8e8e8; padding: 20px;"><img style="display: block; margin: 0 auto 12px;" src="https://ligup-v2.s3.sa-east-1.amazonaws.com/uss/media/23_07_2025_16_46_07_calendar-check-line.png" alt="Periodo" width="32" height="32">
<div class="info-titulo" style="font-size: 14pt; font-weight: bold; color: #0c2b43; margin-bottom: 8px;">Periodo</div>
<div class="info-boton" style="display: inline-block; background-color: #0c2b43; color: white; border-radius: 999px; padding: 6px 16px; font-size: 10pt;">Marzo a diciembre/enero</div>
</div>

<div class="info-container" style="flex: 1 1 45%; text-align: center; background-color: #e8e8e8; padding: 20px;"><img style="display: block; margin: 0 auto 12px;" src="https://ligup-v2.s3.sa-east-1.amazonaws.com/uss/media/23_07_2025_16_51_13_parent-line.png" alt="Edad" width="32" height="32">
<div class="info-titulo" style="font-size: 14pt; font-weight: bold; color: #0c2b43; margin-bottom: 8px;">Edad</div>
<div class="info-boton" style="display: inline-block; background-color: #0c2b43; color: white; border-radius: 999px; padding: 6px 16px; font-size: 10pt;">Desde los 4 a&ntilde;os</div>
</div>

<div class="info-container" style="flex: 1 1 45%; text-align: center; background-color: #e8e8e8; padding: 20px;"><img style="display: block; margin: 0 auto 12px;" src="https://ligup-v2.s3.sa-east-1.amazonaws.com/uss/media/23_07_2025_16_53_14_bank-card-2-line.png" alt="Pago" width="32" height="32">
<div class="info-titulo" style="font-size: 14pt; font-weight: bold; color: #0c2b43; margin-bottom: 8px;">Pago</div>
<div class="info-boton" style="display: inline-block; background-color: #0c2b43; color: white; border-radius: 999px; padding: 6px 16px; font-size: 10pt;">Semestral y Anual</div>
</div>

<div class="info-container" style="flex: 1 1 45%; text-align: center; background-color: #e8e8e8; padding: 20px;"><img style="display: block; margin: 0 auto 12px;" src="https://ligup-v2.s3.sa-east-1.amazonaws.com/uss/media/23_07_2025_16_54_43_mail-send-line.png" alt="Contacto" width="32" height="32">
<div class="info-titulo" style="font-size: 14pt; font-weight: bold; color: #0c2b43; margin-bottom: 8px;">Contacto</div>
<div class="info-boton" style="display: inline-block; background-color: #0c2b43; color: white; border-radius: 999px; padding: 6px 16px; font-size: 10pt;">contacto.cd@uss.cl</div>
</div>
</div>
</div>

<h1 class="golden-left-title Subtitle"><em>NUESTRAS ACADEMIAS</em></h1>
<p style="margin: 15px 0 20px 0;"><span class="bajada-titulo">Conoce las categorías y elige la que mejor se adapta a tus necesidades</span></p>

<h1 class="golden-left-title Subtitle"><em>DESCARGAR PROGRAMA</em></h1>
<p style="margin: 15px 0 20px 0;">&nbsp;</p>

NUESTRAS ACADEMIAS

DESCARGAR PROGRAMA

BENEFICIOS