.elementor-190024 .elementor-element.elementor-element-d2fe982 > .elementor-container{max-width:600px;}.elementor-190024 .elementor-element.elementor-element-bb6a8af.elementor-column > .elementor-widget-wrap{justify-content:space-around;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-73569b1 */:root {
            --primary: #004a99;
            --secondary: #00a1df;
            --success: #28a745;
            --bg: #f4f7f9;
            --text: #333;
            --white: #ffffff;
            --radius: 8px;
            --shadow: 0 4px 12px rgba(0,0,0,0.1);
        }

        * { box-sizing: border-box; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}
        
        body { 
            background-color: var(--bg); 
            color: var(--text); 
            margin: 0; 
            /*padding: 20px;*/
            display: flex;
            justify-content: center;
        }
        
        
        
        .calculator-card {
            background: var(--white);
            max-width: 600px;
            width: 100%;
            padding: 2rem;
            border-radius: var(--radius);
            box-shadow: var(--shadow);
        
        }

        header { border-bottom: 2px solid var(--bg); margin-bottom: 1.5rem; padding-bottom: 1rem; }
        h1 { color: var(--primary); font-size: 1.5rem; margin: 0; }
        p.subtitle { color: #666; font-size: 0.9rem; }

        .form-group { margin-bottom: 1.2rem; }
        label { display: block; font-weight: 600; margin-bottom: 0.5rem; }
        
        input[type="number"], select {
            width: 100%;
            padding: 0.8rem;
            border: 1px solid #ccc;
            border-radius: var(--radius);
            font-size: 1rem;
            outline-color: var(--secondary);
        }

        .results-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 2rem;
            display: none; /* Se activa con JS */
        }

        .results-table th, .results-table td {
            text-align: left;
            padding: 0.75rem;
            border-bottom: 1px solid #eee;
        }

        .results-table th { color: var(--primary); font-size: 0.9rem; }
        .row-total { background: #f8f9fa; font-weight: bold; }
        .row-benefit { color: var(--success); font-weight: bold; }

        .badge-info {
            font-size: 0.8rem;
            background: #e7f3ff;
            color: var(--primary);
            padding: 0.5rem;
            border-radius: 4px;
            margin-top: 1rem;
        }

        footer {
            margin-top: 2rem;
            font-size: 0.8rem;
            color: #888;
            text-align: center;
        }/* End custom CSS */