min-height: 100vh; color: #ffffff; overflow: hidden; display: flex; align-items: center; justify-content: center; padding: 4rem 1.5rem; } .hero-leftraru__bg-video, .hero-leftraru__bg-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; } .hero-leftraru__overlay { position: absolute; inset: 0; background: radial-gradient(circle at top, rgba(255, 215, 0, 0.18), transparent 55%), linear-gradient(to bottom, rgba(0, 0, 0, 0.75), #000000); z-index: -1; } .hero-leftraru__content { max-width: 960px; text-align: center; margin: 0 auto; } .hero-leftraru__tag { display: inline-block; padding: 0.35rem 0.9rem; font-size: 0.9rem; letter-spacing: 0.12em; text-transform: uppercase; border-radius: 999px; border: 1px solid rgba(255, 215, 0, 0.6); background: rgba(0, 0, 0, 0.45); margin-bottom: 1rem; } .hero-leftraru__title { font-size: clamp(2.5rem, 5vw, 3.5rem); line-height: 1.1; font-weight: 800; margin-bottom: 1rem; text-shadow: 0 0 18px rgba(0, 0, 0, 0.8); } .hero-leftraru__subtitle { font-size: clamp(1.05rem, 2vw, 1.2rem); max-width: 640px; margin: 0 auto 2.5rem auto; opacity: 0.9; } .hero-leftraru__cta-row { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; margin-bottom: 1.25rem; } .hero-leftraru__btn { display: inline-flex; align-items: center; justify-content: center; padding: 0.9rem 1.8rem; border-radius: 999px; font-weight: 600; font-size: 0.95rem; text-decoration: none; cursor: pointer; border: 1px solid transparent; transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease, border-color 0.2s ease; } .hero-leftraru__btn–primary { background: linear-gradient(135deg, #1e40af, #facc15); color: #000; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6); } .hero-leftraru__btn–primary:hover { transform: translateY(-1px); box-shadow: 0 20px 45px rgba(0, 0, 0, 0.8); } .hero-leftraru__btn–secondary { background: rgba(0, 0, 0, 0.55); border-color: rgba(250, 204, 21, 0.7); color: #fefce8; } .hero-leftraru__btn–secondary:hover { background: rgba(15, 23, 42, 0.95); transform: translateY(-1px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7); } .hero-leftraru__identity { font-size: 0.95rem; opacity: 0.85; } .hero-leftraru__identity span { color: #facc15; font-weight: 600; } @media (max-width: 640px) { .hero-leftraru { padding: 3.5rem 1.25rem; } .hero-leftraru__title { font-size: 2.15rem; } }

CLUB DEPORTIVO SOCIAL Y CULTURAL LEFTRARU

Orgullo del Cerro Negro
Futsal con identidad y territorio

Entrenamos, competimos y construimos comunidad desde la cancha. Futsal, formación integral y programas sociales para transformar nuestro barrio.

Únete al club Ver programas sociales

Seres del Cerro Negro · futsal, identidad y comunidad en movimiento