/* ========================================
   AGUA.PHP - ELEMENTO AGUA
   Colores: Azules y turquesas
   ======================================== */

:root {
    --agua-primary: #00a8e8;
    --agua-secondary: #007ea7;
    --agua-light: #00d4ff;
    --agua-dark: #003459;
    --agua-accent: #48cae4;
}

/* Override colores principales */
.video-overlay {
    background: linear-gradient(180deg, rgba(0, 52, 89, 0.7) 0%, rgba(0, 126, 167, 0.5) 100%);
}

.reto-number,
.reto-message,
.seccion-descripcion h2,
.enlace-whatsapp {
    color: var(--agua-light) !important;
}

.btn-cta,
.pasos-lista .paso-numero {
    background: linear-gradient(135deg, var(--agua-primary) 0%, var(--agua-secondary) 100%) !important;
}

.seccion-como-participar {
    background: linear-gradient(135deg, #e0f7fa 0%, #b2ebf2 100%);
}

.seccion-costos {
    background: linear-gradient(135deg, var(--agua-dark) 0%, var(--agua-secondary) 100%);
}

.enlace-whatsapp:hover {
    color: var(--agua-accent) !important;
}

.seccion-informacion-reto h2,
.titulo-seccion {
    color: var(--agua-dark);
}

.costo-card {
    background: rgba(0, 168, 232, 0.1);
}

.btn-cta-final {
    background: linear-gradient(135deg, var(--agua-light) 0%, var(--agua-primary) 100%) !important;
}