:root {
    --pilar-primary: #2e7d32;
    --pilar-secondary: #1b5e20;
    --pilar-accent: #ffc107;
    --pilar-light: #e8f5e9;

    /* Legacy compatibility */
    --data-primary: var(--pilar-primary);
    --data-secondary: var(--pilar-secondary);
    --data-accent: var(--pilar-accent);
    --data-light: var(--pilar-light);
}

.acceso-datos-hero {
    background: linear-gradient(135deg, var(--pilar-secondary) 0%, var(--pilar-primary) 100%);
    color: white;
    position: relative;
    overflow: hidden;
}

.acceso-datos-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('https://www.transparenttextures.com/patterns/cubes.png');
    opacity: 0.1;
}

.text-shadow {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.extra-small {
    font-size: 0.7rem;
}