.patrocinadores-bg {
    /* Ruta de tu imagen (asegúrate de que el nombre sea correcto) */
    background-image: url('/img/oxitipa/sponsors_background.png'); 
    
    /* Configuración para que se mueva con el scroll */
    background-attachment: scroll; 
    
    /* Centrado y cobertura */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; /* Ajusta la imagen para llenar todo el espacio */
    
    position: relative;
    padding: 80px 10%;
    overflow: hidden;
}

/* Oscurecemos un poco la imagen con un overlay para que los logos resalten más */
.patrocinadores-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); /* Capa negra al 40% de opacidad */
    z-index: 1;
}

.sponsors-content {
    position: relative;
    z-index: 5; /* El contenido debe estar por encima del overlay */
}

.sponsors-row-panel {
    background: rgba(20, 20, 20, 0.8); /* Un poco de opacidad para leer bien los logos */
    backdrop-filter: blur(8px); /* Efecto cristal para que la imagen se vea difuminada detrás */
    border: none;
    border-radius: 12px;
    padding: 35px;
    margin-bottom: 25px;
}

.panel-title-left {
    color: var(--primary);
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.6rem;
    text-align: left;
    margin-bottom: 25px;
    /* Usamos una línea sutil que combine con el fondo */
    border-bottom: 1px solid rgba(255, 255, 255, 0.05); 
    padding-bottom: 10px;
    letter-spacing: 1px;
}

.sponsors-universal-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.sponsor-highlight-card {
    background: rgba(255, 255, 255, 0.03);
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    border: 1px solid transparent;
    transition: all 0.3s ease;
}

.sponsor-highlight-card img {
    max-width: 80%;
    max-height: 80px;
    filter: grayscale(100%);
    opacity: 0.6;
    transition: all 0.4s ease;
}

.sponsor-highlight-card:hover {
    border-color: var(--primary);
    background: rgba(255, 255, 255, 0.05);
}

.sponsor-highlight-card:hover img {
    filter: grayscale(0%);
    opacity: 1;
}

/* Separador */
.patroc-separator {
    display: flex;
    align-items: center;
    margin: 40px 0;
}

.sep-line { height: 1px; flex: 1; background: rgba(255,255,255,0.1); }
.sep-icon { padding: 0 25px; color: var(--primary); font-size: 1.8rem; }

@media (max-width: 992px) {
	.sponsors-universal-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
	.sponsor-highlight-card {
        flex: 1 1 calc(50% - 20px); /* 2 por fila en tablet */
    }
}

@media (max-width: 480px) {
    .sponsors-universal-grid { grid-template-columns: 1fr; }
    .panel-title-left { font-size: 1.4rem; }
}