:root {
    /* --- PALETA KRÜGER PRINCIPAL --- */
    --kr-blue-industrial: #1E1B4B;   /* Azul profundo: Tecnología y confianza */
    --kr-orange-flame: #E67E22;      /* Naranja: Agua caliente y eficiencia de gas */
    --kr-green-save: #27AE60;        /* Verde: Ahorro del 80% y ecología */
    
    /* --- TONOS DE SOPORTE (ATMOSFÉRICOS) --- */
    --kr-sand-light: #F2EDE9;        /* Fondo base cálido (derivado de tu textura) */
    --kr-earth-soft: #6B5E4C;        /* Color tierra deslavado para botones elegantes */
    --kr-earth-dark: #5A4F40;        /* Hover de botones */
    
    /* --- INTERFAZ Y TEXTO --- */
    --kr-text-main: #2D2A26;         /* Casi negro cálido para lectura clara */
    --kr-text-muted: #7A746E;        /* Gris para textos secundarios */
    --kr-glass-bg: rgba(255, 255, 255, 0.45); /* Base para el efecto cristal */
    --kr-border-glass: rgba(255, 255, 255, 0.3);
}
/* Aplicación Global */
body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    width: 100vw;
    /* DIFUMINADO MESH KRÜGER (Inspirado en image_12a64c) */
    /* background-color: #f2ede9;  Arena Base */
    /* background-image:  */
        /* 1. Azul Industrial: Esquina superior izquierda */
        /* radial-gradient(at 0% 0%, #1e1b4b 0px, transparent 55%),  */
        /* 2. Naranja Llama: Esquina inferior derecha */
        /* radial-gradient(at 100% 100%, #e67e22 0px, transparent 55%),  */
        /* 3. Verde Save: Centro (Sutil indicación de ahorro) */
        /* radial-gradient(at 50% 50%, rgba(39, 174, 96, 0.08) 0px, transparent 70%); */
    /* background-size: cover; */
    /* background-attachment: fixed;  El fondo no se mueve al hacer scroll */
    /* background-repeat: no-repeat; */
    
    /* Sugerencia de fuente limpia */
    font-family: 'Inter', sans-serif;
    color: #4a4540;
}

* {
    padding: 0;
    margin: 0;
}

svg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    box-sizing: border-box;
    display: block;
    background-color: #EBDFFF;
    background-image: linear-gradient(to bottom, #EBDFFF 0%, #D7C7FF 50%, #BDA4FF 100%);
}

/* El Header que ya tienes en el base_template */
.main-header {
    background-color: var(--kr-glass-bg) !important; /* Azul Kruger */
    color: white;
}

/* Tarjetas con efecto Cristal */
.card-glass {
    background: var(--kr-glass-bg) !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid var(--kr-border-glass);
    border-radius: 24px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

/* Botones con el color Tierra Suave (No fuertes) */
.btn-primary-kr {
    background-color: var(--kr-earth-soft) !important; /* */
    color: white !important;
    padding: 12px 24px;
    border-radius: 12px;
    font-weight: 600;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.btn-primary-kr:hover {
    background-color: var(--kr-earth-dark) !important;
    transform: translateY(-2px);
}

/* Acentos de Ahorro/Eficiencia */
.stat-highlight {
    color: var(--kr-green-save);
    font-weight: 800;
    font-size: 1.2rem;
}