:root {
        --viviendasion-red: #dc2626;
        --viviendasion-red-dark: #b91c1c;
    }

    .bg-viviendasion {
        background-color: var(--viviendasion-red)
    }

    .bg-viviendasion-dark {
        background-color: var(--viviendasion-red-dark)
    }

    .text-viviendasion {
        color: var(--viviendasion-red)
    }

    .border-viviendasion {
        border-color: var(--viviendasion-red)
    }

    body {
        font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji'
    }

    .module-card {
        transition: all .25s ease;
        background: linear-gradient(135deg, #1f2937 0%, #111827 100%)
    }

    .module-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .35)
    }

    .automation-badge {
        animation: pulse 2s infinite
    }

    @keyframes pulse {

        0%,
        100% {
            opacity: 1
        }

        50% {
            opacity: .7
        }
    }

    .stats-grid {
        background: linear-gradient(135deg, #374151 0%, #1f2937 100%)
    }

    .focus-ring:focus {
        outline: 2px solid var(--viviendasion-red);
        outline-offset: 2px;
        border-radius: .5rem
    }