/* 1. FUENTES DE MARVEL/CÓMIC */
body {
    font-family: 'Lato', sans-serif; /* Texto principal */
}

/* Aplica Bebas Neue a todos los encabezados, incluyendo los del hero */
h1, h2, h3, h4, h5, h6, .display-4 {
    font-family: 'Bebas Neue', cursive;
    letter-spacing: 2px; /* Estilo Marvel */
}

/* Elimina cualquier sombra que pueda tener el texto interior del botón 'Ver Equipos' */
.hero-section .btn {
    /* Reinicia la sombra del texto a nada (none) */
    text-shadow: none !important; 
}

/* 2. DESVANECIDO DEL HERO */
.hero-section {
    box-shadow: 
        /* Desvanecido Superior (para fusionar con blanco) */
        0 -20px 20px -20px white inset,
        /* Desvanecido Inferior (para fusionar con blanco) */
        0 20px 20px -20px white inset;
    
    /* Nota: Usamos box-shadow en lugar de linear-gradient para evitar problemas con la imagen de fondo */
    
    /* Si el fondo de tu página NO es blanco puro, cambia "white" */
}

/* Si dejaste el hero-button, aquí está su CSS (aunque ya lo eliminamos del HTML) */
.hero-button {
    position: absolute; 
    bottom: 20px; 
    left: 20px; 
    z-index: 10; 
}