/* HERO TITLES - Add gradient line below ONLY for the 6 specific pages */

@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

/* ===== FORCE OVERRIDE TAILWIND WITH MULTIPLE SELECTORS ===== */

.max-w-4xl h1 {
    font-size: 86px !important;
}

.max-w-4xl h1.text-6xl {
    font-size: 86px !important;
}

.max-w-4xl h1.sm\:text-7xl {
    font-size: 86px !important;
}

.max-w-4xl h1.lg\:text-8xl {
    font-size: 86px !important;
}

.atletas-container h1 {
    font-size: 86px !important;
}

/* ===== MOBILE: tighten line-height on two-line hero titles ===== */
@media (max-width: 768px) {
    .max-w-4xl h1,
    .atletas-container h1,
    .section-title {
        line-height: 0.88 !important;
        letter-spacing: 0.02em !important;
    }
}

/* ===== REMOVE WHITE LINE AND ADD GRADIENT FOR SPECIFIC PAGES ===== */

/* Hide the existing white line div that comes after h1 in max-w-4xl containers */
.max-w-4xl h1 + div {
    display: none !important;
}

.atletas-container h1 + div {
    display: none !important;
}

/* Add gradient line using ::after pseudo-element on h1 in max-w-4xl containers */
.max-w-4xl h1::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.6), transparent);
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.atletas-container h1::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.6), transparent);
    margin-top: 1rem;
    margin-bottom: 1rem;
}