/* Estilo especial para la sección Sociedad */
#sociedad .hero-box {
    border: 2px solid var(--primary-color); /* Un borde más marcado para destacar */
    background: radial-gradient(circle at top right, rgba(255, 0, 255, 0.05), transparent);
}

/* Efecto hover suave */
#sociedad .hero-box:hover {
    transform: none; /* Aquí preferimos mantener la sobriedad */
    box-shadow: 0 20px 40px rgba(0,0,0,0.6);
}