/* ========================================
   TIERRA.PHP - ELEMENTO TIERRA
   Colores: Marrones, terracotas y verdes tierra
   ======================================== */

:root {
    --tierra-primary: #8b4513;
    --tierra-secondary: #6b3410;
    --tierra-light: #cd853f;
    --tierra-dark: #3e2723;
    --tierra-accent: #a0522d;
}

/* Override colores principales */
.video-overlay {
    background: linear-gradient(180deg, rgba(62, 39, 35, 0.7) 0%, rgba(107, 52, 16, 0.5) 100%);
}

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

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

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

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

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

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

.costo-card {
    background: rgba(139, 69, 19, 0.1);
}

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