/* ============================================
   Experience - Sección "Nuestra Trayectoria"
   Fondo oscuro. 4 tarjetas semi-transparentes con
   iconos dorados circulares resaltando: años de
   experiencia, eventos, cobertura y formatos.
   ============================================ */

.section-experience { background: var(--dark); }
.section-experience .section-title { color: var(--white); }
.experience-grid {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px;
}
.experience-card {
    text-align: center; padding: 40px 20px;
    background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1);
    border-radius: 8px; transition: var(--transition);
}
.experience-card:hover { background: rgba(200,169,126,0.1); border-color: var(--primary); transform: translateY(-5px); }
.experience-icon {
    width: 70px; height: 70px; margin: 0 auto 20px;
    background: var(--primary); border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 28px; color: var(--dark);
}
.experience-card h3 { font-size: 20px; margin-bottom: 8px; color: var(--white); }
.experience-card p { color: rgba(255,255,255,0.6); font-size: 14px; }