.estimation-tooltip-wrapper{position:relative;display:inline-flex;align-items:center;margin-left:4px}.estimation-tooltip-wrapper.inline{margin-left:2px}.estimation-tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--border, #ddd);color:var(--text-secondary, #666);font-size:10px;font-weight:700;font-style:italic;cursor:help;flex-shrink:0}.estimation-tooltip-popover{position:fixed;z-index:9999;transform:translate(-50%,-100%);width:280px;padding:10px 12px;background:var(--card-bg, #fff);border:1.5px solid var(--text-secondary, #999);border-radius:8px;box-shadow:0 4px 20px #0003;display:flex;flex-direction:column;gap:6px;font-size:12px;line-height:1.4;color:var(--text-primary, #333);pointer-events:none}.etp-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.etp-method{font-weight:600;font-size:11px}.etp-confianza{font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.confianza-alta{background:#e8f5e9;color:#2e7d32}.confianza-media{background:#fff3e0;color:#e65100}.confianza-baja{background:#fce4ec;color:#c62828}.etp-desc{color:var(--text-secondary, #666);font-size:11px}.etp-section{display:flex;flex-direction:column;gap:1px;border-top:1px solid var(--border, #eee);padding-top:4px}.etp-label{font-weight:600;font-size:10px;text-transform:uppercase;color:var(--text-secondary, #888);letter-spacing:.3px}.etp-formula{font-family:monospace;font-size:11px;color:var(--text-primary, #333)}.etp-source{font-size:11px;color:var(--text-secondary, #666)}.dashboard-confort{max-width:1200px}.not-configured,.no-data{background:var(--surface);border-radius:12px;padding:3rem;text-align:center;color:var(--text-light)}.config-link{display:inline-block;margin-top:1rem;padding:.75rem 1.5rem;background:var(--primary);color:#fff;text-decoration:none;border-radius:8px;transition:background .2s}.config-link:hover{background:var(--primary-dark)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--surface);border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #0000000d}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:2rem}.room-card{background:var(--surface);border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #0000000d;transition:transform .2s,box-shadow .2s}.room-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.room-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.room-header h3{font-size:1rem;font-weight:600;color:var(--secondary);margin:0}.climate-status{font-size:.7rem;padding:.25rem .5rem;border-radius:10px;color:#fff;font-weight:500}.room-values{display:flex;gap:2rem;justify-content:center;margin-bottom:1rem}.room-value{display:flex;flex-direction:column;align-items:center;text-align:center}.room-value .value{font-size:2.25rem;font-weight:700;line-height:1}.room-value .unit{font-size:1rem;color:var(--text-light);margin-left:.125rem}.room-value .label{font-size:.7rem;color:var(--text-light);margin-top:.5rem;text-transform:uppercase;letter-spacing:.5px}.room-climate{background:var(--background);border-radius:8px;padding:.75rem;margin-top:.5rem}.climate-info{display:flex;justify-content:space-around;font-size:.85rem;color:var(--text-light)}.climate-temp{color:#2196f3}.climate-target{color:#ff9800;font-weight:500}.quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2rem}.quick-link{display:flex;align-items:center;gap:1rem;background:var(--surface);border-radius:12px;padding:1.25rem;text-decoration:none;color:var(--secondary);box-shadow:0 2px 8px #0000000d;transition:transform .2s,box-shadow .2s,background .2s}.quick-link:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a;background:var(--primary);color:#fff}.link-icon{font-size:1.5rem}.link-text{font-weight:500}.costs-section{background:var(--surface);border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000000d}.costs-section h2{font-size:1.25rem;color:var(--secondary);margin:0 0 .25rem}.costs-subtitle{font-size:.875rem;color:var(--text-light);margin:0 0 1.25rem}.costs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.costs-grid-2{grid-template-columns:repeat(2,1fr)}.costs-grid-3{grid-template-columns:repeat(3,1fr)}.costs-grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.costs-grid-3,.costs-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.costs-grid-2,.costs-grid-3,.costs-grid-4{grid-template-columns:1fr}}.cost-card{background:var(--background);border-radius:12px;padding:1.25rem;border-left:4px solid var(--border)}.cost-card{border-left-color:var(--service-color, var(--border))}.cost-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.cost-icon{font-size:1.5rem}.cost-icon-svg{color:var(--service-color, var(--secondary))}.cost-title{font-weight:600;color:var(--secondary)}.cost-current{margin-bottom:.75rem}.cost-current .cost-value{font-size:1.75rem;font-weight:700;display:inline-flex;align-items:center;gap:4px;color:var(--service-color, var(--secondary))}.cost-consumo{margin-bottom:.5rem}.cost-consumo .consumo-value{font-size:1.1rem;font-weight:600;display:block;color:var(--text)}.cost-consumo .consumo-label{font-size:.7rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px}.cost-no-data{display:flex;align-items:center;justify-content:center;height:80px;color:var(--text-light);font-size:.9rem;font-style:italic}.cost-no-current-banner{background:var(--border);border-radius:6px;padding:.5rem .75rem;margin-bottom:.75rem;text-align:center;color:var(--text-light);font-size:.8rem;font-style:italic}.cost-last-ref{border-top:1px dashed var(--border);padding-top:.6rem;margin-top:.5rem}.last-ref-row{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.last-ref-consumo{font-size:.95rem;font-weight:600;color:var(--text)}.last-ref-coste{font-size:.95rem;font-weight:600;color:var(--service-color, var(--secondary))}.last-ref-label{font-size:.7rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px}.cost-total-bar{display:flex;justify-content:space-between;align-items:center;background:var(--background);border-radius:12px;padding:1rem 1.5rem;margin-top:1rem;border-left:4px solid #4caf50}.total-bar-item{display:flex;align-items:center;gap:.5rem}.total-bar-icon{color:#4caf50}.total-bar-label{font-size:.85rem;color:var(--text-light)}.total-bar-value{font-size:1.3rem;font-weight:700;color:#4caf50}.total-bar-value.estimated{font-size:1.1rem;font-weight:600;opacity:.8}.cost-current .cost-label{font-size:.75rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px}.cost-comparison{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;border-radius:8px;margin-bottom:.75rem;font-size:.85rem}.cost-comparison.up{background:#ffebee;color:#c62828}.cost-comparison.down{background:#e8f5e9;color:#2e7d32}.comparison-arrow{font-weight:700}.comparison-value{font-weight:600}.comparison-label{color:var(--text-light);font-size:.75rem}.cost-estimated{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px dashed var(--border)}.estimated-label{font-size:.8rem;color:var(--text-light)}.estimated-value{font-weight:600;color:var(--secondary);display:inline-flex;align-items:center;gap:4px}.badge-estimado{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:1px 5px;border-radius:3px;background:#fff3e0;color:#e65100;vertical-align:middle}@media (max-width: 768px){.status-bar{flex-wrap:wrap}.refresh-btn{width:100%;margin-top:.5rem}.rooms-grid{grid-template-columns:1fr}.room-values{gap:1.5rem}.room-value .value{font-size:1.75rem}.stats-grid{grid-template-columns:repeat(2,1fr)}}.service-panel{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #00000014}.service-panel-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:var(--service-color, #333);margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--service-color, #333)}.service-panel-icon{color:var(--service-color, #333)}.service-panel .chart-section{margin-bottom:1.5rem}.service-panel .chart-section:last-child{margin-bottom:0}.service-panel .chart-section h3{font-size:1rem;font-weight:500;color:#666;margin:0 0 1rem}.service-panel .chart-container{background:#fafafa;border-radius:8px;padding:1rem}.service-panel .chart-placeholder{display:flex;align-items:center;justify-content:center;height:200px;background:#f5f5f5;border-radius:8px;color:#999}.tables-split{display:flex;gap:1.5rem;align-items:flex-start}.table-half{flex:1;min-width:0}.table-half h3{font-size:1rem;font-weight:500;color:#666;margin:0 0 .75rem}@media (max-width: 768px){.tables-split{flex-direction:column}}.predictions-table-container{overflow-x:auto}.service-predictions-table{width:100%;border-collapse:collapse;font-size:.85rem}.service-predictions-table th,.service-predictions-table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid #e5e7eb}.service-predictions-table th{background:#f9fafb;font-weight:600;color:var(--secondary, #333);font-size:.75rem;text-transform:uppercase;letter-spacing:.3px}.service-predictions-table tbody tr:hover{background:#f3f4f6}.service-predictions-table .number-cell{font-family:monospace;text-align:right}.service-predictions-table .row-tag{width:70px;text-align:right}.current-month-row{background:#f0f7ff;font-weight:600}.current-month-row:hover{background:#e3f0ff!important}.current-month-label{display:flex;align-items:center;gap:.5rem}.current-badge{font-size:.6rem;font-weight:600;text-transform:uppercase;background:var(--service-color, #2196f3);color:#fff;padding:.1rem .35rem;border-radius:4px;letter-spacing:.3px}.prediction-row{color:#888;font-style:italic}.confianza-tag{font-size:.7rem;color:#999;font-style:normal}.daily-table-container{margin-top:1.5rem}.daily-table-container h3{font-size:1rem;font-weight:500;color:#666;margin:0 0 .75rem}.dashboard{max-width:1200px}.page-header{margin-bottom:1.25rem}.page-header.compact{margin-bottom:.75rem}.page-header.compact h1{font-size:1.4rem;margin-bottom:0}.info-bar{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;margin-bottom:1rem;font-size:.8rem;color:var(--text-light)}.info-bar-item strong{color:var(--secondary);font-weight:600}.warning-pill{background:#fff3e0;color:#e65100;padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500;text-decoration:none}.warning-pill:hover{background:#ffe0b2}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.kpi-card{background:var(--surface);border-radius:12px;padding:1rem 1.25rem;box-shadow:0 1px 4px #0000000f;display:flex;flex-direction:column;gap:.2rem}.kpi-card--muted{opacity:.75}.kpi-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.4px;color:var(--text-light);font-weight:600}.kpi-value{font-size:1.5rem;font-weight:700;color:var(--secondary);font-variant-numeric:tabular-nums}.kpi-sub{font-size:.75rem;color:var(--text-light)}.consumption-section{margin-bottom:2rem}.chart-card{background:var(--surface);border-radius:12px;padding:1.25rem 1.5rem;box-shadow:0 2px 8px #0000000d;margin-bottom:1rem}.chart-card-title{font-size:1rem;font-weight:600;color:var(--secondary);margin-bottom:1rem}.chart-container{width:100%;height:350px}.chart-section{background:var(--surface);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000d}.chart-section h3{font-size:1rem;color:var(--text-light);margin-bottom:1rem}.custom-tooltip{background:var(--surface, #1e1e1e);border:1px solid var(--border, #333);border-radius:12px;padding:14px 16px;color:var(--text, #fff);font-size:13px;min-width:200px;box-shadow:0 8px 24px #00000026}.custom-tooltip-header{font-weight:700;font-size:14px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border, #333)}.custom-tooltip-body{display:flex;gap:14px;align-items:flex-start}.tooltip-pie{width:72px;height:72px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.tooltip-pie-hole{width:42px;height:42px;border-radius:50%;background:var(--surface, #1e1e1e);display:flex;align-items:center;justify-content:center}.tooltip-pie-total{font-size:11px;font-weight:700;color:var(--text, #fff)}.tooltip-details{flex:1;min-width:0}.tooltip-item{margin-bottom:6px}.tooltip-item:last-child{margin-bottom:0}.tooltip-item-main{display:flex;align-items:center;gap:6px}.tooltip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tooltip-item-label{flex:1;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tooltip-item-value{font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.tooltip-pct{opacity:.5;margin-left:4px;font-weight:400;font-size:11px}.tooltip-item-sub{padding-left:14px;font-size:11px;opacity:.6;line-height:1.4}.tooltip-total-row{display:flex;justify-content:space-between;margin-top:8px;padding-top:6px;border-top:1px solid var(--border, #333);font-weight:700;font-size:13px}.detail-table-card{background:var(--surface);border-radius:12px;padding:1.25rem 1.5rem;box-shadow:0 2px 8px #0000000d}.detail-table-title{font-size:1rem;font-weight:600;color:var(--secondary);margin-bottom:.75rem}.detail-table-scroll{max-height:420px;overflow-y:auto;border-radius:8px}.detail-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.85rem}.detail-table thead th{position:sticky;top:0;background:var(--background);font-weight:600;color:var(--text-light);font-size:.75rem;text-transform:uppercase;letter-spacing:.3px;padding:.6rem .75rem;border-bottom:2px solid var(--border, #e5e7eb);z-index:1}.detail-table tbody td{padding:.5rem .75rem;border-bottom:1px solid var(--border, #f0f0f0)}.detail-table tbody tr:last-child td{border-bottom:none}.detail-table tbody tr:hover{background:var(--background)}.detail-th-mes{text-align:left}.detail-th-coste{text-align:right}.detail-th-pct{text-align:right;width:80px}.detail-th-total{text-align:right}.detail-mes{font-weight:500;white-space:nowrap}.detail-coste{text-align:right;font-variant-numeric:tabular-nums}.detail-pct{text-align:right;width:80px}.detail-total{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.current-month-row{background:var(--background)}.current-badge{display:inline-block;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;background:var(--primary, #4caf50);color:#fff;padding:1px 6px;border-radius:4px;margin-left:6px;vertical-align:middle}.detail-consumo-parcial{color:var(--text-light);font-style:italic;font-size:.8rem}.detail-coste-estimated{font-style:italic;opacity:.85}.badge-est-inline{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;padding:0 4px;border-radius:3px;background:#fff3e0;color:#e65100;margin-left:4px;vertical-align:middle}.pct-bar-container{display:flex;align-items:center;gap:6px;justify-content:flex-end}.pct-bar-fill{height:6px;border-radius:3px;min-width:2px;max-width:40px;transition:width .2s}.pct-bar-label{font-size:.75rem;color:var(--text-light);font-variant-numeric:tabular-nums;min-width:28px;text-align:right}.consumos-tabs{display:flex;gap:0;border-bottom:2px solid #e5e7eb;margin-bottom:1.5rem;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;scrollbar-width:none;-ms-overflow-style:none}.consumos-tabs::-webkit-scrollbar{display:none}.consumos-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;font-size:.9rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.consumos-tab:hover{color:var(--tab-color, var(--secondary));background:#00000005}.consumos-tab.active{color:var(--tab-color, var(--primary));border-bottom-color:var(--tab-color, var(--primary))}.consumos-tab svg{flex-shrink:0}.section-title{font-size:1.25rem;color:var(--secondary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--background)}.chart-placeholder{height:300px;display:flex;align-items:center;justify-content:center;background:var(--background);border-radius:8px;color:var(--text-light)}.consumos{max-width:1200px}.page-header{margin-bottom:1.5rem}.page-header .error{color:var(--danger)}.breadcrumbs{display:flex;align-items:center;gap:.25rem;margin-bottom:1.5rem;padding:.75rem 1rem;background:var(--surface);border-radius:8px;font-size:.875rem}.breadcrumbs .separator{color:var(--text-light);margin:0 .25rem}.breadcrumbs .breadcrumb{background:none;border:none;color:var(--primary);cursor:pointer;padding:.25rem .5rem;border-radius:4px;font-size:inherit;transition:background .2s}.breadcrumbs .breadcrumb:hover:not(:disabled){background:var(--background)}.breadcrumbs .breadcrumb.active{color:var(--secondary);font-weight:600;cursor:default}.breadcrumbs .breadcrumb:disabled{cursor:default}.data-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.data-card{background:var(--surface);border-radius:12px;padding:1.25rem;display:flex;align-items:flex-start;gap:1rem;box-shadow:0 2px 8px #0000000d;transition:transform .2s,box-shadow .2s}.data-card.clickable{cursor:pointer}.data-card.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.card-icon{font-size:2rem;flex-shrink:0}.card-content{flex:1;min-width:0}.card-content h3{font-size:1rem;color:var(--secondary);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-subtitle{font-size:.875rem;color:var(--text-light);margin-bottom:.25rem}.card-detail{font-size:.8rem;color:var(--text-light);margin-bottom:.25rem}.card-stats{display:flex;gap:1rem;margin-top:.5rem;font-size:.75rem;color:var(--primary);font-weight:500}.card-arrow{color:var(--text-light);font-size:1.25rem;align-self:center}.lecturas-section{background:var(--surface);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.contador-info{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.contador-info h3{font-size:1.1rem;color:var(--secondary);margin-bottom:.25rem}.contador-info p{color:var(--text-light);font-size:.875rem}.contador-info .ubicacion{font-style:italic}.contador-info .serie{font-size:.8rem;color:var(--text-light);font-family:monospace}.lecturas-table{width:100%;border-collapse:collapse;font-size:.875rem}.lecturas-table th,.lecturas-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.lecturas-table th{background:var(--background);color:var(--secondary);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.lecturas-table tbody tr:hover{background:var(--background)}.lecturas-table .valor{font-weight:600;color:var(--primary)}.loading{text-align:center;padding:3rem;color:var(--text-light)}.empty-message{text-align:center;padding:3rem;color:var(--text-light);grid-column:1 / -1}.btn-retry{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;transition:background .2s}.btn-retry:hover{background:var(--primary-dark)}.data-card{flex-direction:column}.card-main{display:flex;align-items:flex-start;gap:1rem;width:100%}.card-main.clickable{cursor:pointer}.alias-section{width:100%;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.alias-section-inline{margin-top:.75rem}.alias-edit{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.alias-input{flex:1;min-width:150px;padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;font-size:.875rem;background:var(--background)}.alias-input:focus{outline:none;border-color:var(--primary)}.btn-alias{background:none;border:1px solid var(--primary);color:var(--primary);padding:.4rem .75rem;border-radius:6px;cursor:pointer;font-size:.75rem;transition:background .2s,color .2s}.btn-alias:hover{background:var(--primary);color:#fff}.btn-save{background:var(--success);color:#fff;border:none;padding:.4rem .75rem;border-radius:6px;cursor:pointer;font-size:.75rem;transition:background .2s}.btn-save:hover{filter:brightness(.9)}.btn-cancel{background:none;border:1px solid var(--text-light);color:var(--text-light);padding:.4rem .75rem;border-radius:6px;cursor:pointer;font-size:.75rem;transition:background .2s}.btn-cancel:hover{background:var(--background)}.serie-small{font-size:.75rem;color:var(--text-light);font-weight:400}.view-mode-toggle{display:flex;gap:.5rem;margin-bottom:1.5rem;background:var(--surface);padding:.5rem;border-radius:8px;width:fit-content}.toggle-btn{padding:.5rem 1rem;border:none;background:transparent;color:var(--text-light);border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s}.toggle-btn:hover{background:var(--background);color:var(--text)}.toggle-btn.active{background:var(--primary);color:#fff}.general-view{display:flex;flex-direction:column;gap:2rem}.vivienda-group{background:var(--surface);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.vivienda-group-title{font-size:1.1rem;color:var(--secondary);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--primary)}.contadores-general-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.contador-general-card{background:var(--background);border-radius:8px;padding:1rem;border:1px solid var(--border);transition:box-shadow .2s}.contador-general-card:hover{box-shadow:0 2px 8px #0000001a}.contador-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.contador-header h4{font-size:.95rem;color:var(--secondary);margin-bottom:.25rem}.ubicacion-text{font-size:.8rem;color:var(--text-light);margin-bottom:.125rem}.serie-text{font-size:.7rem;color:var(--text-light);font-family:monospace}.contador-actions{flex-shrink:0}.btn-edit-alias{background:none;border:1px solid var(--border);color:var(--text-light);width:28px;height:28px;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s}.btn-edit-alias:hover{border-color:var(--primary);color:var(--primary)}.alias-edit-inline{display:flex;gap:.25rem;align-items:center}.alias-input-small{width:80px;padding:.25rem .5rem;border:1px solid var(--border);border-radius:4px;font-size:.75rem}.alias-input-small:focus{outline:none;border-color:var(--primary)}.btn-icon{width:24px;height:24px;border:none;border-radius:4px;cursor:pointer;font-size:.75rem;display:flex;align-items:center;justify-content:center}.btn-icon.save{background:var(--primary);color:#fff}.btn-icon.cancel{background:var(--text-light);color:#fff}.lecturas-mini{margin-bottom:.75rem}.lecturas-mini-table{width:100%;border-collapse:collapse;font-size:.75rem}.lecturas-mini-table th{padding:.25rem .35rem;text-align:left;font-weight:600;color:var(--text-light);font-size:.65rem;text-transform:uppercase;border-bottom:1px solid var(--border)}.lecturas-mini-table th:nth-child(2),.lecturas-mini-table th:nth-child(3){text-align:right}.lecturas-mini-table td{padding:.2rem .35rem;border-bottom:1px solid var(--border)}.lecturas-mini-table tbody tr:last-child td{border-bottom:none}.lecturas-mini-table .mes{color:var(--text-light);font-size:.7rem}.lecturas-mini-table .valor{text-align:right;font-weight:600;color:var(--secondary);font-family:monospace}.lecturas-mini-table .incremento{text-align:right;font-family:monospace;font-size:.7rem}.lecturas-mini-table .incremento.positivo{color:var(--danger)}.lecturas-mini-table .incremento.negativo{color:var(--primary)}.lecturas-mini-table .unidad{font-weight:400;color:var(--text-light);font-size:.7rem;margin-left:.25rem}.no-lecturas{font-size:.8rem;color:var(--text-light);font-style:italic;text-align:center;padding:1rem 0}.contador-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid var(--border);margin-top:.5rem}.total-lecturas{font-size:.7rem;color:var(--text-light)}.btn-ver-mas{background:none;border:none;color:var(--primary);font-size:.75rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background .2s}.btn-ver-mas:hover{background:#4caf501a}.contadores-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.contador-card{padding:1rem}.mini-lecturas{width:100%;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.mini-lecturas h4{font-size:.75rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-weight:600}.mini-lecturas-table{width:100%;border-collapse:collapse;font-size:.8rem}.mini-lecturas-table th,.mini-lecturas-table td{padding:.35rem .5rem;text-align:left;border-bottom:1px solid var(--border)}.mini-lecturas-table th{background:var(--background);color:var(--text-light);font-weight:500;font-size:.7rem;text-transform:uppercase}.mini-lecturas-table tbody tr:last-child td{border-bottom:none}.mini-lecturas-table tbody tr:hover{background:var(--background)}.mini-lecturas-table .valor{font-weight:600;color:var(--primary);text-align:right}.mini-lecturas-table .unidad{font-weight:400;color:var(--text-light);font-size:.7rem}@media (max-width: 768px){.contadores-grid,.contadores-general-grid{grid-template-columns:1fr}.view-mode-toggle{width:100%}.toggle-btn{flex:1;text-align:center}}@media (max-width: 600px){.data-grid{grid-template-columns:1fr}.lecturas-table th,.lecturas-table td{padding:.5rem}.mini-lecturas-table th,.mini-lecturas-table td{padding:.25rem .35rem;font-size:.75rem}.vivienda-group{padding:1rem}.contador-general-card{padding:.75rem}.contador-header{flex-wrap:wrap;gap:.5rem}}.sensores-page{max-width:1200px}.not-configured{background:var(--surface);border-radius:12px;padding:3rem;text-align:center;color:var(--text-light)}.sensors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:2rem}.sensor-card{background:var(--surface);border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #0000000d;transition:transform .2s,box-shadow .2s}.sensor-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.sensor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.sensor-header h3{font-size:1rem;font-weight:600;color:var(--secondary);margin:0}.sensor-time{font-size:.75rem;color:var(--text-light)}.sensor-values{display:flex;gap:2rem;justify-content:center}.sensor-value{display:flex;flex-direction:column;align-items:center;text-align:center}.sensor-value .value{font-size:2.5rem;font-weight:700;line-height:1}.sensor-value .unit{font-size:1.25rem;color:var(--text-light);margin-left:.25rem}.sensor-value .label{font-size:.75rem;color:var(--text-light);margin-top:.5rem;text-transform:uppercase;letter-spacing:.5px}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}@media (max-width: 768px){.status-bar{flex-wrap:wrap}.refresh-btn{width:100%;margin-top:.5rem}.sensor-values{gap:1rem}.sensor-value .value{font-size:2rem}}.dispositivos-page{padding:0}.dispositivos-page>.page-header{margin-bottom:1.5rem}.dispositivos-tabs{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:2px solid var(--border-color, #e0e0e0)}.dispositivos-tab{padding:.75rem 1.5rem;border:none;background:none;color:var(--text-secondary, #666);font-size:.95rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s}.dispositivos-tab:hover{color:var(--text-primary, #333)}.dispositivos-tab.active{color:var(--primary-color, #e85d04);border-bottom-color:var(--primary-color, #e85d04)}.dispositivos-content .page-header{display:none}.recibos-page{max-width:1200px}.error{color:var(--danger)}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--surface);border-radius:12px;padding:1.25rem;display:flex;align-items:center;box-shadow:0 2px 8px #0000000d;border-left:4px solid var(--secondary-light)}.stat-card.highlight{border-left-color:var(--primary);background:linear-gradient(135deg,var(--surface) 0%,#f0f7f0 100%)}.stat-icon{font-size:2rem;margin-right:1rem}.stat-value{font-size:1.25rem;font-weight:700;color:var(--secondary)}.stat-card.highlight .stat-value{color:var(--primary)}.filter-section{background:var(--surface);border-radius:12px;padding:1rem 1.5rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;box-shadow:0 2px 8px #0000000d}.filter-label{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--secondary)}.filter-select{padding:.5rem 1rem;border:1px solid var(--border);border-radius:8px;font-size:.875rem;background:var(--surface);cursor:pointer}.filter-select:focus{outline:none;border-color:var(--primary)}.filter-summary{font-size:.875rem;color:var(--text-light)}.filter-summary strong{color:var(--secondary)}.table-section{background:var(--surface);border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000000d}.table-container{overflow-x:auto}.recibos-table{width:100%;border-collapse:collapse;font-size:.875rem}.recibos-table th,.recibos-table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.recibos-table th{background:var(--background);font-weight:600;color:var(--secondary)}.recibos-table tbody tr:hover,.recibos-table tfoot{background:var(--background)}.recibos-table tfoot td{border-top:2px solid var(--border)}.month-cell{font-weight:500;color:var(--secondary)}.amount-cell{font-family:monospace;text-align:right;font-size:.9rem}.amount-cell.total{font-weight:600;color:var(--primary)}.amount-cell.calef{color:var(--chart-heating)}.amount-cell.agua{color:var(--chart-water)}.date-cell{color:var(--text-light)}.no-data{text-align:center;color:var(--text-light);padding:2rem}.breakdown-section{background:var(--surface);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.breakdown-section h2{font-size:1.25rem;color:var(--secondary);margin-bottom:1.5rem}.breakdown-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.breakdown-card{background:var(--background);border-radius:8px;padding:1rem}.breakdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.breakdown-month{font-weight:600;color:var(--secondary)}.breakdown-total{font-weight:700;color:var(--primary);font-size:1.1rem}.breakdown-bars{display:flex;flex-direction:column;gap:.5rem}.breakdown-item{display:grid;grid-template-columns:80px 1fr 70px;align-items:center;gap:.5rem}.breakdown-label{font-size:.75rem;color:var(--text-light)}.breakdown-bar{height:8px;background:var(--border);border-radius:4px;overflow:hidden}.breakdown-fill{height:100%;border-radius:4px;transition:width .3s ease}.breakdown-fill.calef{background:var(--chart-heating)}.breakdown-fill.agua{background:var(--chart-water)}.breakdown-value{font-size:.8rem;font-weight:600;text-align:right}.breakdown-item.calef .breakdown-value{color:var(--chart-heating)}.breakdown-item.agua .breakdown-value{color:var(--chart-water)}.download-cell{text-align:center}.download-buttons{display:flex;gap:.25rem;justify-content:center}.download-btn{display:inline-block;padding:.25rem .5rem;background:#e3f2fd;color:var(--info);border-radius:4px;text-decoration:none;font-size:.75rem;font-weight:600;transition:background .2s}.download-btn:hover{background:#bbdefb;color:#0d47a1}.no-pdf{color:var(--text-light)}.viviendas-page{max-width:1200px}.page-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.viviendas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;margin-top:1.5rem}.vivienda-card{background:#fff;border-radius:12px;padding:1.5rem;border:2px solid var(--border);transition:all .2s}.vivienda-card:hover{border-color:var(--primary-light)}.vivienda-card.active{border-color:var(--primary);box-shadow:0 0 0 3px #4caf5026}.vivienda-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.vivienda-card-header h3{margin:0;font-size:1.1rem;color:var(--text-primary)}.active-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;background:var(--primary);color:#fff;padding:.2rem .6rem;border-radius:12px;letter-spacing:.5px}.vivienda-address{color:var(--text-secondary);font-size:.9rem;margin:.25rem 0}.vivienda-code{color:var(--text-tertiary);font-size:.8rem;margin:.25rem 0}.vivienda-stats{display:flex;gap:1rem;margin:.75rem 0}.vivienda-stat{font-size:.8rem;color:var(--text-secondary);background:var(--background);padding:.25rem .6rem;border-radius:6px}.vivienda-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.btn-sm{font-size:.8rem;padding:.4rem .75rem}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;border:2px dashed var(--border);margin-top:2rem}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-state h2{color:var(--text-primary);margin-bottom:.5rem}.empty-state p{color:var(--text-secondary);margin-bottom:1.5rem}.modal{background:#fff;border-radius:12px;width:90%;max-width:480px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:1.2rem}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:.25rem}.modal-form{padding:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.4rem;font-weight:500;font-size:.9rem;color:var(--text-primary)}.form-group input{width:100%;padding:.6rem .75rem;border:1px solid var(--border);border-radius:8px;font-size:.9rem;box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4caf5026}.form-error{color:var(--error);font-size:.85rem;margin-bottom:1rem}.btn-primary{background:var(--primary);color:#fff;border:none;padding:.6rem 1.25rem;border-radius:8px;font-weight:500;cursor:pointer;font-size:.9rem;transition:background .2s}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border);padding:.6rem 1.25rem;border-radius:8px;font-weight:500;cursor:pointer;font-size:.9rem;transition:all .2s}.btn-secondary:hover{background:var(--background)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:transparent;color:#f44336;border:1px solid rgba(244,67,54,.3);padding:.6rem 1.25rem;border-radius:8px;font-weight:500;cursor:pointer;font-size:.9rem;transition:all .2s}.btn-danger:hover{background:#f443360d;border-color:#f44336}.message{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.error-message{background:#f443361a;color:#d32f2f;border:1px solid rgba(244,67,54,.2)}.success-message{background:#4caf501a;color:#2e7d32;border:1px solid rgba(76,175,80,.2)}.climatizacion-page{max-width:1200px}.status-dot{width:10px;height:10px;border-radius:50%}.status-dot.connected{background:var(--primary);box-shadow:0 0 8px #4caf5080}.status-dot.disconnected{background:var(--danger)}.not-configured,.no-entities{background:var(--surface);border-radius:12px;padding:3rem;text-align:center;color:var(--text-light)}.climate-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.climate-card{background:var(--surface);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d;transition:transform .2s,box-shadow .2s}.climate-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.climate-card.pending{opacity:.7;pointer-events:none}.climate-card.unavailable{opacity:.5;background:#f5f5f5;border:1px dashed #bdbdbd}.climate-card.unavailable:hover{transform:none;box-shadow:0 2px 8px #0000000d}.climate-card.unavailable .climate-header h3{color:#9e9e9e}.climate-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.climate-header h3{font-size:1.1rem;font-weight:600;color:var(--secondary);margin:0}.hvac-action{font-size:.75rem;padding:.25rem .75rem;border-radius:12px;color:#fff;font-weight:500}.feedback{padding:.5rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem;text-align:center}.feedback.success{background:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.feedback.error{background:#ffebee;color:#c62828;border:1px solid #ef9a9a}.temperature-display{display:flex;justify-content:center;gap:3rem;margin-bottom:1.5rem}.current-temp,.target-temp{display:flex;flex-direction:column;align-items:center;text-align:center}.current-temp .temp-value{font-size:2.5rem;font-weight:700;color:#2196f3}.target-temp .temp-value{font-size:2rem;font-weight:600;color:#ff9800}.temp-unit{font-size:1rem;color:var(--text-light)}.temp-label{font-size:.75rem;color:var(--text-light);margin-top:.25rem;text-transform:uppercase;letter-spacing:.5px}.temperature-control{margin-bottom:1.5rem}.temperature-control label{display:block;font-size:.8rem;color:var(--text-light);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.slider-container{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.slider-value{font-size:.8rem;color:var(--text-light);min-width:30px;text-align:center}.temperature-slider{flex:1;height:8px;border-radius:4px;background:linear-gradient(to right,#2196f3,#ff9800,#f44336);outline:none;-webkit-appearance:none}.temperature-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--primary);cursor:pointer;box-shadow:0 2px 4px #0003}.temperature-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--primary);cursor:pointer;box-shadow:0 2px 4px #0003}.temp-buttons{display:flex;align-items:center;justify-content:center;gap:1rem}.temp-buttons button{width:36px;height:36px;border-radius:50%;border:2px solid var(--primary);background:#fff;color:var(--primary);font-size:1.25rem;font-weight:700;cursor:pointer;transition:all .2s}.temp-buttons button:hover:not(:disabled){background:var(--primary);color:#fff}.temp-buttons button:disabled{border-color:#ccc;color:#ccc;cursor:not-allowed}.current-target{font-size:1.25rem;font-weight:600;color:var(--secondary);min-width:70px;text-align:center}.hvac-modes{margin-bottom:1.5rem}.hvac-modes label{display:block;font-size:.8rem;color:var(--text-light);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.mode-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.mode-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .75rem;border:2px solid var(--border);border-radius:8px;background:#fff;cursor:pointer;transition:all .2s;min-width:70px}.mode-btn:hover:not(:disabled){border-color:var(--primary);background:#f0f9f0}.mode-btn.active{border-color:var(--primary);background:var(--primary);color:#fff}.mode-btn:disabled{opacity:.5;cursor:not-allowed}.mode-icon{font-size:1.25rem}.mode-label{font-size:.7rem;text-transform:uppercase}.preset-modes{margin-bottom:.5rem}.preset-modes label{display:block;font-size:.8rem;color:var(--text-light);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.preset-select{width:100%;padding:.75rem 1rem;border:2px solid var(--border);border-radius:8px;background:#fff;font-size:.9rem;cursor:pointer;transition:border-color .2s}.preset-select:hover:not(:disabled){border-color:var(--primary)}.preset-select:focus{outline:none;border-color:var(--primary)}.preset-select:disabled{background:#f5f5f5;cursor:not-allowed}.summary-section{background:var(--surface);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.summary-section h2{font-size:1.25rem;color:var(--secondary);margin-bottom:1rem}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.summary-card{display:flex;align-items:center;gap:1rem;background:var(--background);border-radius:8px;padding:1rem}.summary-icon{font-size:2rem}.summary-info{display:flex;flex-direction:column}.summary-value{font-size:1.5rem;font-weight:700;color:var(--secondary)}.summary-label{font-size:.8rem;color:var(--text-light)}.summary-card.unavailable{background:#ffebee;border-left:3px solid #ef5350}.summary-card.unavailable .summary-value{color:#ef5350}@media (max-width: 768px){.status-bar{flex-wrap:wrap}.refresh-btn{width:100%;margin-top:.5rem}.climate-grid{grid-template-columns:1fr}.temperature-display{gap:2rem}.current-temp .temp-value{font-size:2rem}.target-temp .temp-value{font-size:1.5rem}.mode-buttons{justify-content:center}}.recomendaciones-page{max-width:1200px}.feedback-message{padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;text-align:center;font-weight:500}.feedback-message.success{background:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.feedback-message.error{background:#ffebee;color:#c62828;border:1px solid #ef9a9a}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{display:flex;align-items:center;gap:1rem;background:var(--surface);border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #0000000d}.stat-card.savings{border-left:4px solid var(--primary)}.stat-card.applied-savings{border-left:4px solid #9c27b0}.stat-icon{font-size:2rem}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;color:var(--secondary)}.stat-label{font-size:.8rem;color:var(--text-light)}.actions-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;background:var(--surface);border-radius:12px;padding:1rem 1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000d}.auto-mode-toggle{display:flex;align-items:center;gap:1rem}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.toggle-label input{display:none}.toggle-slider{width:48px;height:24px;background:#ccc;border-radius:12px;position:relative;transition:background .3s}.toggle-slider:after{content:"";position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform .3s}.toggle-label input:checked+.toggle-slider{background:var(--primary)}.toggle-label input:checked+.toggle-slider:after{transform:translate(24px)}.toggle-text{font-weight:500;color:var(--secondary)}.auto-mode-warning{background:#fff3e0;color:#e65100;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:500}.action-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.action-buttons button{padding:.5rem 1rem;border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .2s;border:none}.btn-generate{background:var(--primary);color:#fff}.btn-generate:hover:not(:disabled){background:var(--primary-dark)}.btn-generate:disabled{background:#ccc;cursor:not-allowed}.btn-config{background:#f5f5f5;color:var(--secondary);border:1px solid var(--border)!important}.btn-config:hover{background:#e0e0e0}.btn-history{background:#e3f2fd;color:#1976d2}.btn-history:hover{background:#bbdefb}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:16px;padding:2rem;max-width:400px;width:90%}.modal-content h3{margin-bottom:1rem;color:var(--secondary)}.modal-content p{color:var(--text-light);margin-bottom:.75rem;line-height:1.5}.warning-text{color:#e65100!important;font-weight:500}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.btn-cancel{padding:.5rem 1.25rem;border:1px solid var(--border);background:#fff;border-radius:8px;cursor:pointer;color:var(--text-light)}.btn-cancel:hover{background:#f5f5f5}.btn-confirm{padding:.5rem 1.25rem;background:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer}.btn-confirm:hover{background:var(--primary-dark)}.config-panel{background:var(--surface);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000d}.config-panel h2{font-size:1.25rem;color:var(--secondary);margin-bottom:1.25rem}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.config-group{display:flex;flex-direction:column;gap:.5rem}.config-group label{font-size:.85rem;color:var(--text-light);font-weight:500}.config-group input{padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;font-size:.9rem;transition:border-color .2s}.config-group input:focus{outline:none;border-color:var(--primary)}.config-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border)}.btn-save{padding:.5rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500}.btn-save:hover{background:var(--primary-dark)}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.no-recommendations{grid-column:1 / -1;text-align:center;padding:3rem;background:var(--surface);border-radius:12px}.no-rec-icon{font-size:3rem;display:block;margin-bottom:1rem}.no-recommendations p{color:var(--text-light);margin-bottom:1rem}.no-recommendations button{padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem}.no-recommendations button:disabled{background:#ccc;cursor:not-allowed}.recommendation-card{background:var(--surface);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d;transition:transform .2s,box-shadow .2s;border-left:4px solid #ccc}.recommendation-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.recommendation-card.pending{opacity:.7;pointer-events:none}.recommendation-card.priority-high{border-left-color:#f44336}.recommendation-card.priority-medium{border-left-color:#ff9800}.recommendation-card.priority-low{border-left-color:#4caf50}.rec-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.rec-icon{font-size:1.5rem;flex-shrink:0}.rec-title-container{flex:1}.rec-title-container h3{font-size:1rem;font-weight:600;color:var(--secondary);margin:0}.rec-entity{font-size:.8rem;color:var(--text-light)}.rec-priority{font-size:.7rem;padding:.25rem .5rem;border-radius:4px;font-weight:600;text-transform:uppercase}.rec-priority.priority-high{background:#ffebee;color:#c62828}.rec-priority.priority-medium{background:#fff3e0;color:#e65100}.rec-priority.priority-low{background:#e8f5e9;color:#2e7d32}.rec-description{color:var(--text-light);font-size:.9rem;line-height:1.5;margin-bottom:1rem}.rec-savings{display:flex;align-items:center;gap:.5rem;background:#e8f5e9;padding:.5rem .75rem;border-radius:8px;margin-bottom:1rem}.savings-label{font-size:.85rem;color:#2e7d32}.savings-value{font-weight:700;color:#1b5e20}.rec-values{display:flex;align-items:center;gap:.5rem;background:#f5f5f5;padding:.5rem .75rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.rec-values .arrow{color:var(--primary)}.rec-details{background:#f8f9fa;border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem;display:grid;gap:.4rem}.detail-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;padding:.25rem 0}.detail-row.highlight{background:#e3f2fd;margin:0 -.5rem;padding:.4rem .5rem;border-radius:4px}.detail-row.cost{border-top:1px dashed var(--border);padding-top:.5rem;margin-top:.25rem}.detail-row.savings-pct{border-bottom:1px dashed var(--border);padding-bottom:.5rem;margin-bottom:.25rem}.detail-label{color:var(--text-light);font-weight:500}.detail-value{font-weight:600;color:var(--secondary)}.detail-value.savings{color:#2e7d32;font-size:1rem}.detail-value.pct{color:#1976d2;font-weight:700}.detail-value .old-cost{color:var(--text-light);text-decoration:line-through;margin-right:.25rem}.detail-value .new-cost{color:#2e7d32;font-weight:700}.detail-value .arrow{margin:0 .25rem;color:var(--primary)}.detail-value.comfort-good{color:#2e7d32}.detail-value.comfort-medium{color:#f57c00}.detail-value.comfort-low{color:#c62828}.rec-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border)}.btn-dismiss{padding:.5rem 1rem;border:1px solid var(--border);background:#fff;border-radius:8px;cursor:pointer;color:var(--text-light);font-size:.875rem}.btn-dismiss:hover:not(:disabled){background:#f5f5f5}.btn-dismiss:disabled{opacity:.5;cursor:not-allowed}.btn-apply{padding:.5rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500}.btn-apply:hover:not(:disabled){background:var(--primary-dark)}.btn-apply:disabled{background:#ccc;cursor:not-allowed}.history-panel{background:var(--surface);border-radius:12px;padding:1.5rem;margin-top:2rem;box-shadow:0 2px 8px #0000000d}.history-panel h2{font-size:1.25rem;color:var(--secondary);margin-bottom:1.25rem}.no-history{color:var(--text-light);text-align:center;padding:2rem}.history-table{width:100%;border-collapse:collapse;font-size:.9rem}.history-table th,.history-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.history-table th{background:#f5f5f5;font-weight:600;color:var(--secondary)}.history-table tr:hover{background:#fafafa}.history-table tr.failed{background:#fff8f8}.old-value{color:var(--text-light);text-decoration:line-through}.new-value{font-weight:500}.arrow{margin:0 .25rem;color:var(--primary)}.status{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.status.success{background:#e8f5e9;color:#2e7d32}.status.error{background:#ffebee;color:#c62828}.error-msg{margin-left:.5rem;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:#ffebee;color:#c62828;border-radius:50%;font-size:.7rem;cursor:help}@media (max-width: 768px){.actions-bar{flex-direction:column;align-items:stretch}.auto-mode-toggle{justify-content:space-between}.action-buttons{justify-content:stretch}.action-buttons button{flex:1;min-width:0}.recommendations-grid{grid-template-columns:1fr}.stats-section{grid-template-columns:repeat(2,1fr)}.history-table{font-size:.8rem}.history-table th,.history-table td{padding:.5rem}}.confort-page{max-width:1200px}.confort-header{margin-bottom:2rem}.confort-header h1{font-size:1.75rem;color:var(--secondary);margin-bottom:.25rem}.confort-header p{color:var(--text-light)}.confort-status-bar{display:flex;align-items:center;gap:1.5rem;background:var(--surface);border-radius:12px;padding:1rem 1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000d}.confort-status-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.confort-status-dot{width:10px;height:10px;border-radius:50%}.confort-status-dot.connected{background:var(--primary);box-shadow:0 0 8px #4caf5080}.confort-status-dot.disconnected{background:var(--danger)}.confort-last-update{color:var(--text-light)}.confort-refresh-btn{margin-left:auto;padding:.5rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.875rem;transition:background .2s}.confort-refresh-btn:hover:not(:disabled){background:var(--primary-dark)}.confort-refresh-btn:disabled{background:#ccc;cursor:not-allowed}.confort-error{background:#ffebee;color:var(--danger);padding:1rem;border-radius:8px;margin-bottom:1.5rem;border-left:4px solid var(--danger)}.confort-not-configured{background:var(--surface);border-radius:12px;padding:3rem;text-align:center;color:var(--text-light)}.confort-not-configured .config-link{display:inline-block;margin-top:1rem;padding:.5rem 1.5rem;background:var(--primary);color:#fff;border-radius:8px;text-decoration:none;transition:background .2s}.confort-not-configured .config-link:hover{background:var(--primary-dark)}.confort-section{background:var(--surface);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000d}.confort-section h2{font-size:1.25rem;color:var(--secondary);margin-bottom:1.25rem}.confort-rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-bottom:1.5rem}.confort-room-card{background:var(--background);border-radius:10px;padding:1rem 1.25rem;transition:transform .2s,box-shadow .2s}.confort-room-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.confort-room-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.confort-room-header h3{font-size:.95rem;font-weight:600;color:var(--secondary);margin:0}.confort-room-time{font-size:.75rem;color:var(--text-light)}.confort-room-values{display:flex;gap:1.5rem;justify-content:center}.confort-metric{display:flex;flex-direction:column;align-items:center;text-align:center}.confort-metric-value{font-size:2rem;font-weight:700;line-height:1}.confort-metric-unit{font-size:1rem;color:var(--text-light)}.confort-metric-label{font-size:.7rem;color:var(--text-light);margin-top:.25rem;text-transform:uppercase;letter-spacing:.5px}.confort-summary{display:flex;gap:2rem;padding-top:1rem;border-top:1px solid var(--border);justify-content:center;flex-wrap:wrap}.confort-summary-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.confort-summary-value{font-size:1.25rem;font-weight:700;color:var(--secondary)}.confort-summary-label{font-size:.75rem;color:var(--text-light)}.confort-vent-indicators{display:flex;gap:1rem;margin-bottom:1.25rem}.confort-vent-indicator{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:10px;flex:1;min-width:0}.confort-vent-indicator.ventilated{background:#e8f5e9;color:#2e7d32}.confort-vent-indicator.pending{background:#fff3e0;color:#e65100}.confort-vent-indicator.recommended{background:#e8f5e9;color:#2e7d32}.confort-vent-indicator.not-recommended{background:#eceff1;color:#546e7a}.confort-vent-indicator.no-data{background:#f5f5f5;color:#9e9e9e}.confort-vent-icon{flex-shrink:0}.confort-vent-info{display:flex;flex-direction:column;gap:.2rem}.confort-vent-status{font-size:1.1rem;font-weight:600}.confort-vent-detail{font-size:.85rem;opacity:.8}.confort-timeline{margin-bottom:1.25rem}.confort-timeline-bar{position:relative;height:32px;background:var(--background);border-radius:6px;overflow:hidden;border:1px solid var(--border)}.confort-timeline-event{position:absolute;top:4px;bottom:4px;background:#4caf50;border-radius:4px;opacity:.8;cursor:pointer;transition:opacity .2s}.confort-timeline-event:hover{opacity:1}.confort-timeline-event.active{background:repeating-linear-gradient(45deg,#4caf50,#4caf50 4px,#66bb6a 4px,#66bb6a 8px);animation:vent-pulse 2s ease-in-out infinite}@keyframes vent-pulse{0%,to{opacity:.7}50%{opacity:1}}.confort-timeline-now{position:absolute;top:0;bottom:0;width:2px;background:#f44336;z-index:1}.confort-timeline-now:after{content:"";position:absolute;top:-3px;left:-3px;width:8px;height:8px;background:#f44336;border-radius:50%}.confort-timeline-ticks{position:relative;height:20px;margin-top:4px}.confort-timeline-ticks span{position:absolute;transform:translate(-50%);font-size:.7rem;color:var(--text-light)}.confort-vent-events{display:flex;flex-direction:column;gap:.5rem}.confort-vent-event{display:flex;align-items:center;gap:1rem;padding:.5rem .75rem;background:var(--background);border-radius:6px;font-size:.85rem;border-left:3px solid #4caf50}.confort-vent-event.active{border-left-color:#ff9800;background:#fff8e1}.confort-vent-event-time{font-weight:600;color:var(--secondary);white-space:nowrap}.confort-vent-event-duration{color:var(--primary);font-weight:600;white-space:nowrap}.confort-vent-event-windows{color:var(--text-light);font-size:.8rem}.confort-vent-empty{text-align:center;padding:2rem;color:var(--text-light)}.confort-vent-empty p{margin-bottom:.5rem}.confort-vent-hint{font-size:.85rem}.confort-vent-hint a{color:var(--primary);text-decoration:none}.confort-vent-hint a:hover{text-decoration:underline}@media (max-width: 768px){.confort-status-bar{flex-wrap:wrap}.confort-refresh-btn{width:100%;margin-top:.5rem}.confort-rooms-grid{grid-template-columns:1fr}.confort-metric-value{font-size:1.5rem}.confort-vent-event{flex-wrap:wrap;gap:.5rem}.confort-summary{gap:1rem}.confort-vent-indicators{flex-direction:column}}.meteorologia-page{max-width:1200px}.page-header{margin-bottom:2rem}.page-header h1{font-size:1.75rem;color:var(--secondary);margin-bottom:.25rem}.page-header p{color:var(--text-light)}.status-bar{display:flex;align-items:center;gap:1.5rem;background:var(--surface);border-radius:12px;padding:1rem 1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000d}.status-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.location-icon{font-size:1.1rem}.last-update{color:var(--text-light)}.refresh-btn{margin-left:auto;padding:.5rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.875rem;transition:background .2s}.refresh-btn:hover:not(:disabled){background:var(--primary-dark)}.refresh-btn:disabled{background:#ccc;cursor:not-allowed}.error-message{background:#ffebee;color:var(--danger);padding:1rem;border-radius:8px;margin-bottom:1.5rem;border-left:4px solid var(--danger)}.current-weather{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:2rem;color:#fff;margin-bottom:2rem;box-shadow:0 4px 20px #667eea4d}.current-main{display:flex;align-items:center;gap:2rem;margin-bottom:2rem}.current-icon{font-size:5rem;line-height:1}.current-temp{display:flex;align-items:flex-start}.temp-value{font-size:4.5rem;font-weight:300;line-height:1}.temp-unit{font-size:2rem;font-weight:300;margin-top:.5rem}.current-description{display:flex;flex-direction:column;gap:.25rem}.description{font-size:1.5rem;font-weight:500}.feels-like{font-size:.95rem;opacity:.85}.current-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.detail-item{display:flex;flex-direction:column;align-items:center;text-align:center;background:#ffffff26;border-radius:12px;padding:1rem}.detail-icon{font-size:1.5rem;margin-bottom:.25rem}.detail-value{font-size:1.1rem;font-weight:600}.detail-label{font-size:.75rem;opacity:.85}.forecast-section{background:var(--surface);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000d}.forecast-section h2{font-size:1.25rem;color:var(--secondary);margin-bottom:1rem}.hourly-forecast{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.hourly-item{display:flex;flex-direction:column;align-items:center;min-width:60px;padding:.75rem .5rem;background:var(--background);border-radius:12px;gap:.25rem}.hourly-time{font-size:.75rem;color:var(--text-light)}.hourly-icon{font-size:1.5rem}.hourly-temp{font-size:.95rem;font-weight:600;color:var(--secondary)}.hourly-rain{font-size:.7rem;color:#2196f3}.daily-forecast{display:flex;flex-direction:column;gap:.5rem}.daily-item{display:grid;grid-template-columns:100px 50px 80px 1fr;align-items:center;gap:1rem;padding:1rem;background:var(--background);border-radius:12px}.daily-item.today{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid rgba(102,126,234,.3)}.daily-day{font-weight:500;color:var(--secondary)}.daily-icon{font-size:1.75rem;text-align:center}.daily-temps{display:flex;gap:.5rem;align-items:center}.daily-max{font-weight:600;color:var(--secondary);font-size:1.1rem}.daily-min{color:var(--text-light)}.daily-details{display:flex;gap:1rem;justify-content:flex-end;font-size:.85rem;color:var(--text-light)}.daily-rain{color:#2196f3}.radar-section{background:var(--surface);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000d}.radar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.radar-header h2{font-size:1.25rem;color:var(--secondary);margin:0}.toggle-radar-btn{padding:.5rem 1rem;background:var(--background);border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:.875rem;transition:all .2s}.toggle-radar-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.radar-container{position:relative;width:100%;height:0;padding-bottom:56.25%;border-radius:12px;overflow:hidden}.radar-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:12px}.attribution{text-align:center;font-size:.8rem;color:var(--text-light);margin-top:1rem}.attribution a{color:var(--primary);text-decoration:none}.attribution a:hover{text-decoration:underline}@media (max-width: 768px){.status-bar{flex-wrap:wrap}.refresh-btn{width:100%;margin-top:.5rem}.current-main{flex-direction:column;text-align:center;gap:1rem}.current-icon{font-size:4rem}.temp-value{font-size:3.5rem}.current-details{grid-template-columns:repeat(3,1fr)}.daily-item{grid-template-columns:80px 40px 70px 1fr;gap:.5rem;padding:.75rem}.daily-details{flex-direction:column;gap:.25rem;align-items:flex-end}}@media (max-width: 480px){.current-details{grid-template-columns:repeat(2,1fr)}.daily-item{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.daily-day{grid-column:1}.daily-icon{grid-column:2;justify-self:end}.daily-temps{grid-column:1}.daily-details{grid-column:2}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--secondary) 0%,var(--secondary-dark) 100%);padding:1rem}.login-card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;padding:2.5rem;width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:2rem}.login-logo{max-width:180px;height:auto;margin-bottom:1rem}.login-header h1{font-size:1.5rem;color:var(--secondary);margin-bottom:.5rem}.login-header p{color:var(--text-light);font-size:.95rem}.login-error{background:#fee2e2;border:1px solid #fecaca;color:#dc2626;padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem}.login-success{background:#dcfce7;border:1px solid #bbf7d0;color:#166534;padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-form .form-group{display:flex;flex-direction:column;gap:.5rem}.login-form label{font-weight:500;color:var(--text);font-size:.9rem}.login-form input{padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.login-form input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4caf501a}.login-form input:disabled{background:#f9fafb;cursor:not-allowed}.login-button{background:var(--primary);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s;margin-top:.5rem}.login-button:hover:not(:disabled){background:var(--primary-dark)}.login-button:active:not(:disabled){transform:scale(.98)}.login-button:disabled{background:#9ca3af;cursor:not-allowed}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;color:var(--text-light)}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.login-links{margin-top:1.5rem;text-align:center}.login-links a{color:var(--primary);text-decoration:none;font-weight:500}.login-links a:hover{text-decoration:underline}.login-links p{margin-top:.75rem;color:var(--text-light);font-size:.9rem}.integraciones{padding:1.5rem;max-width:1200px;margin:0 auto}.integraciones .page-header{margin-bottom:1.5rem}.integraciones .page-header h1{margin:0 0 .5rem;font-size:1.75rem;color:#1a1a2e}.integraciones .page-header p{margin:0;color:#666}.integraciones .message{padding:1rem;border-radius:8px;margin-bottom:1rem}.integraciones .error-message{background-color:#fee2e2;color:#dc2626;border:1px solid #fecaca}.integraciones .success-message{background-color:#d1fae5;color:#059669;border:1px solid #a7f3d0}.integraciones .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#666}.integraciones .spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.integraciones .tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid #e5e7eb;padding-bottom:0}.integraciones .tab{padding:.75rem 1.5rem;border:none;background:transparent;color:#666;font-size:1rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s}.integraciones .tab:hover{color:#3b82f6}.integraciones .tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.integraciones .integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.integraciones .integration-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:2px solid #e5e7eb;transition:border-color .2s,box-shadow .2s}.integraciones .integration-card:hover{box-shadow:0 4px 12px #0000001a}.integraciones .integration-card.connected{border-color:#10b981}.integraciones .card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.integraciones .portal-icon{font-size:2rem;line-height:1}.integraciones .portal-info h3{margin:0 0 .25rem;font-size:1.125rem;color:#1a1a2e}.integraciones .portal-description{margin:0;font-size:.875rem;color:#666}.integraciones .card-status{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.integraciones .status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.integraciones .status-badge.connected{background-color:#d1fae5;color:#059669}.integraciones .status-badge.disconnected{background-color:#f3f4f6;color:#6b7280}.integraciones .last-status{font-size:.75rem}.integraciones .last-status.success{color:#059669}.integraciones .last-status.error{color:#dc2626}.integraciones .test-result{padding:.5rem .75rem;border-radius:6px;font-size:.875rem;margin-bottom:1rem}.integraciones .test-result.success{background-color:#d1fae5;color:#059669}.integraciones .test-result.error{background-color:#fee2e2;color:#dc2626}.integraciones .card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.integraciones .card-actions button{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:background-color .2s,opacity .2s}.integraciones .card-actions button:disabled{opacity:.6;cursor:not-allowed}.integraciones .btn-primary{background-color:#3b82f6;color:#fff}.integraciones .btn-primary:hover:not(:disabled){background-color:#2563eb}.integraciones .btn-secondary{background-color:#f3f4f6;color:#374151}.integraciones .btn-secondary:hover:not(:disabled){background-color:#e5e7eb}.integraciones .btn-test{background-color:#fef3c7;color:#92400e}.integraciones .btn-test:hover:not(:disabled){background-color:#fde68a}.integraciones .btn-sync{background-color:#dbeafe;color:#1d4ed8}.integraciones .btn-sync:hover:not(:disabled){background-color:#bfdbfe}.integraciones .btn-danger{background-color:#fee2e2;color:#dc2626}.integraciones .btn-danger:hover:not(:disabled){background-color:#fecaca}.integraciones .no-integrations{text-align:center;padding:3rem;color:#666}.integraciones .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.integraciones .modal{background:#fff;border-radius:12px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.integraciones .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.integraciones .modal-header h2{margin:0;font-size:1.25rem;color:#1a1a2e}.integraciones .modal-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:0;line-height:1}.integraciones .modal-close:hover{color:#374151}.integraciones .modal-form{padding:1.5rem}.integraciones .config-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#666}.integraciones .config-loading .spinner{width:30px;height:30px;margin-bottom:.75rem}.integraciones .form-group{margin-bottom:1rem}.integraciones .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.integraciones .form-group .required{color:#dc2626;margin-left:.25rem}.integraciones .form-group input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.integraciones .form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.integraciones .form-group input:disabled{background-color:#f9fafb;cursor:not-allowed}.integraciones .form-group .help-text{display:block;margin-top:.5rem;font-size:.75rem;color:#6b7280}.integraciones .edit-hint{font-size:.875rem;color:#6b7280;font-style:italic;margin-bottom:1rem}.integraciones .form-error{background-color:#fee2e2;color:#dc2626;padding:.75rem;border-radius:6px;font-size:.875rem;margin-bottom:1rem}.integraciones .modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.integraciones .modal-actions button{padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;border:none;transition:background-color .2s,opacity .2s}.integraciones .modal-actions button:disabled{opacity:.6;cursor:not-allowed}.integraciones .disconnect-modal{max-width:520px}.integraciones .disconnect-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.integraciones .disconnect-option{border:2px solid #e5e7eb;border-radius:8px;padding:1rem 1.25rem;cursor:pointer;transition:border-color .2s,background-color .2s}.integraciones .disconnect-option:not(.danger):hover{border-color:#3b82f6;background-color:#f0f7ff}.integraciones .disconnect-option.danger{border-color:#fecaca;cursor:default}.integraciones .disconnect-option-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.integraciones .disconnect-option-icon{font-size:1.25rem}.integraciones .disconnect-option p{margin:0;font-size:.875rem;color:#666}.integraciones .confirm-delete{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.integraciones .confirm-delete label{font-size:.875rem;color:#374151}.integraciones .confirm-delete input{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.integraciones .confirm-delete input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.integraciones .confirm-delete .btn-danger{align-self:flex-end;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;border:none;background-color:#dc2626;color:#fff}.integraciones .confirm-delete .btn-danger:hover:not(:disabled){background-color:#b91c1c}.integraciones .confirm-delete .btn-danger:disabled{opacity:.4;cursor:not-allowed}.integraciones .sync-section{background:#fff;border-radius:12px;padding:1.5rem;margin-top:1.5rem;box-shadow:0 2px 8px #0000000d;border:1px solid #e5e7eb;transition:all .3s ease}.integraciones .sync-section.is-running{border:2px solid #f59e0b;box-shadow:0 2px 12px #f59e0b26}.integraciones .sync-section h2{font-size:1.25rem;color:#1a1a2e;margin:0 0 1rem}.integraciones .section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.integraciones .section-header-row h2{margin-bottom:0}.integraciones .console-header-actions{display:flex;align-items:center;gap:1rem}.integraciones .running-indicator{display:flex;align-items:center;gap:.5rem;color:#f59e0b;font-weight:600;font-size:.875rem}.integraciones .pulse-dot{width:10px;height:10px;background:#f59e0b;border-radius:50%;animation:integraciones-pulse 1.5s ease-in-out infinite}@keyframes integraciones-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.integraciones .btn-cancel{padding:.4rem 1rem;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;background-color:#dc2626;color:#fff;transition:background-color .2s}.integraciones .btn-cancel:hover{background-color:#b91c1c}.integraciones .sync-progress{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem;font-size:.875rem}.integraciones .sync-progress-label{color:#666}.integraciones .sync-progress-value{color:#3b82f6;font-weight:500}.integraciones .console-section{border-left:4px solid #3b82f6}.integraciones .console-container{background:#0d1117;border-radius:8px;padding:1rem;max-height:400px;min-height:200px;overflow-y:auto;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:.8rem;line-height:1.5;border:1px solid #30363d}.integraciones .console-line{display:flex;padding:.125rem 0;white-space:pre-wrap;word-break:break-all}.integraciones .console-line .line-number{color:#6e7681;min-width:40px;padding-right:12px;-webkit-user-select:none;user-select:none;text-align:right;border-right:1px solid #30363d;margin-right:12px}.integraciones .console-line .line-content{color:#c9d1d9;flex:1}.integraciones .console-line.error .line-content{color:#f85149}.integraciones .console-line.separator .line-content{color:#58a6ff;font-weight:700}.integraciones .console-line.highlight .line-content{color:#7ee787}.integraciones .console-line.empty .line-content{color:#6e7681;font-style:italic}.integraciones .console-container::-webkit-scrollbar{width:8px}.integraciones .console-container::-webkit-scrollbar-track{background:#161b22;border-radius:4px}.integraciones .console-container::-webkit-scrollbar-thumb{background:#30363d;border-radius:4px}.integraciones .console-container::-webkit-scrollbar-thumb:hover{background:#484f58}.integraciones .table-container{overflow-x:auto}.integraciones .sync-table{width:100%;border-collapse:collapse;font-size:.875rem}.integraciones .sync-table th,.integraciones .sync-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb}.integraciones .sync-table th{background:#f9fafb;font-weight:600;color:#1a1a2e}.integraciones .sync-table tr:hover{background:#f9fafb}.integraciones .sync-table tr.has-error{background:#fff8f8}.integraciones .sync-table tr.has-error:hover{background:#ffefef}.integraciones .sync-table .number{font-family:monospace;text-align:right}.integraciones .sync-status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.integraciones .sync-status-badge.success{background:#d1fae5;color:#059669}.integraciones .sync-status-badge.error{background:#fee2e2;color:#dc2626}.integraciones .no-data{color:#666;text-align:center;padding:2rem}@media (max-width: 768px){.integraciones{padding:1rem}.integraciones .integrations-grid{grid-template-columns:1fr}.integraciones .tabs{overflow-x:auto}.integraciones .tab{white-space:nowrap}.integraciones .section-header-row{flex-direction:column;align-items:flex-start;gap:.5rem}.integraciones .console-header-actions{flex-wrap:wrap}.integraciones .console-container{max-height:300px;min-height:150px}.integraciones .console-line .line-number{min-width:30px;padding-right:8px;margin-right:8px}}.notificaciones-page{max-width:1000px;margin:0 auto}.notif-header{margin-bottom:1.5rem}.notif-header h1{margin:0 0 .5rem;color:var(--text)}.notif-header p{color:var(--text-secondary);margin:0}.notif-loading{text-align:center;padding:3rem;color:var(--text-secondary)}.notif-message{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.notif-message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.notif-message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.notif-message button{background:none;border:none;font-size:1.25rem;cursor:pointer;opacity:.7}.ventilation-status{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:12px;margin-bottom:1.5rem}.ventilation-status.ok{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #a8d5ae}.ventilation-status.pending{background:linear-gradient(135deg,#fff3cd,#ffeeba);border:1px solid #ffc107}.ventilation-status.not-recommended{background:linear-gradient(135deg,#e2e3e5,#d6d8db);border:1px solid #adb5bd}.vent-icon{font-size:2rem;flex-shrink:0}.vent-info{flex:1;min-width:0}.vent-info h3{margin:0 0 .25rem;font-size:1rem;color:var(--text)}.vent-info p{margin:0;font-size:.9rem;color:var(--text-secondary)}.vent-humidity-info{display:flex;gap:1rem;margin-top:.4rem;font-size:.8rem;color:var(--text-secondary);opacity:.85}.vent-humidity-info span{background:#0000000f;padding:.15rem .5rem;border-radius:6px}.vent-events{margin-top:.5rem;display:flex;gap:.5rem;flex-wrap:wrap}.vent-event{font-size:.75rem;background:#0000001a;padding:.2rem .5rem;border-radius:4px}.vent-timeline{margin-top:.75rem;width:100%}.timeline-labels{display:flex;justify-content:space-between;font-size:.65rem;color:var(--text-secondary);margin-bottom:.25rem;padding:0 2px}.timeline-bar{position:relative;height:20px;background:#ffffff80;border-radius:4px;border:1px solid rgba(0,0,0,.1);overflow:visible}.timeline-event{position:absolute;top:2px;height:16px;background:var(--primary);border-radius:3px;opacity:.8;transition:opacity .2s;cursor:help}.timeline-event:hover{opacity:1}.timeline-event.active{background:repeating-linear-gradient(45deg,var(--primary),var(--primary) 5px,var(--primary-dark) 5px,var(--primary-dark) 10px);animation:timeline-pulse 1.5s ease-in-out infinite}@keyframes timeline-pulse{0%,to{opacity:.7}50%{opacity:1}}.timeline-now{position:absolute;top:-2px;width:2px;height:24px;background:#ff5722;border-radius:1px;z-index:2}.timeline-now:after{content:"";position:absolute;top:-4px;left:-3px;width:8px;height:8px;background:#ff5722;border-radius:50%}.notif-configs{margin-bottom:2rem}.notif-configs h2{font-size:1.1rem;margin-bottom:1rem;color:var(--text)}.config-list{display:flex;flex-direction:column;gap:1rem}.config-card{background:#fff;border-radius:12px;padding:1rem 1.25rem;box-shadow:0 2px 8px #0000000f;border:1px solid var(--border);transition:all .2s}.config-card.inactive{opacity:.7}.config-card.active{border-left:3px solid var(--primary)}.config-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.config-title{display:flex;gap:.75rem;align-items:flex-start}.config-icon{font-size:1.5rem}.config-title h3{margin:0;font-size:1rem;color:var(--text)}.config-desc{margin:.25rem 0 0;font-size:.8rem;color:var(--text-secondary)}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:26px}.toggle-switch .slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.slider{background-color:var(--primary)}.toggle-switch input:checked+.slider:before{transform:translate(22px)}.config-details{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.detail-badge{font-size:.75rem;padding:.25rem .5rem;background:var(--background);border-radius:4px;color:var(--text-secondary)}.detail-badge.canal{background:#e3f2fd;color:#1565c0}.detail-badge.entity{background:#f3e5f5;color:#7b1fa2}.config-actions{display:flex;gap:.5rem}.btn-edit,.btn-test{padding:.4rem .75rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s}.btn-edit{background:var(--background);border:1px solid var(--border);color:var(--text)}.btn-edit:hover{background:var(--border)}.btn-test{background:var(--primary);border:none;color:#fff}.btn-test:hover:not(:disabled){background:var(--primary-dark)}.btn-test:disabled{opacity:.5;cursor:not-allowed}.config-edit-form{background:var(--background);padding:1rem;border-radius:8px;margin-top:.5rem}.form-row{margin-bottom:.75rem}.form-row label{display:block;font-size:.8rem;color:var(--text-secondary);margin-bottom:.25rem}.form-row input[type=time],.form-row select,.form-row textarea{width:100%;padding:.5rem;border:1px solid var(--border);border-radius:6px;font-size:.9rem}.form-row textarea{resize:vertical}.day-buttons,.canal-buttons{display:flex;flex-wrap:wrap;gap:.25rem}.day-btn,.canal-btn{padding:.35rem .5rem;border:1px solid var(--border);background:#fff;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s}.day-btn{width:32px}.day-btn.selected,.canal-btn.selected{background:var(--primary);border-color:var(--primary);color:#fff}.form-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.btn-cancel,.btn-save{padding:.5rem 1rem;border-radius:6px;font-size:.85rem;cursor:pointer}.btn-cancel{background:#fff;border:1px solid var(--border);color:var(--text)}.btn-save{background:var(--primary);border:none;color:#fff}.sensor-requirements-warning{background:#fff8e1;border:1px solid #ffe082;border-radius:8px;padding:.6rem .8rem;margin-bottom:.75rem;font-size:.8rem}.requirements-title{font-weight:600;color:#f57f17;display:block;margin-bottom:.3rem}.requirements-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}.requirements-list li{font-size:.8rem}.requirements-list li.met{color:#2e7d32}.requirements-list li.missing{color:#c62828;font-weight:500}.requirements-link{display:inline-block;margin-top:.4rem;font-size:.8rem;color:var(--primary);text-decoration:none;font-weight:500}.requirements-link:hover{text-decoration:underline}.ah-slider-container{display:flex;align-items:center;gap:.75rem}.ah-slider{flex:1;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,var(--primary),#ffc107,#dc3545);border-radius:3px;outline:none;cursor:pointer}.ah-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--primary);cursor:pointer;box-shadow:0 1px 4px #0003}.ah-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--primary);cursor:pointer;box-shadow:0 1px 4px #0003}.ah-slider-value{font-size:.9rem;font-weight:600;color:var(--text);min-width:55px;text-align:right}.ah-slider-labels{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-secondary);margin-top:.15rem}.ah-explanation{margin-top:.5rem;font-size:.8rem;color:var(--text-secondary)}.ah-explanation summary{cursor:pointer;color:var(--primary);font-weight:500;font-size:.8rem}.ah-explanation p{margin:.4rem 0;line-height:1.4}.ah-explanation ul{margin:.3rem 0;padding-left:1.2rem}.ah-explanation li{margin:.2rem 0;line-height:1.3}.ah-example{background:#0000000a;padding:.4rem .6rem;border-radius:6px;font-style:italic;font-size:.75rem}.notif-history{margin-top:2rem}.notif-history h2{font-size:1.1rem;margin-bottom:1rem;color:var(--text)}.no-history{text-align:center;color:var(--text-secondary);padding:2rem}.history-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.history-table th,.history-table td{padding:.75rem 1rem;text-align:left;font-size:.85rem}.history-table th{background:var(--background);color:var(--text-secondary);font-weight:500}.history-table tr:not(:last-child) td{border-bottom:1px solid var(--border)}.history-table tr.error{background:#fff5f5}.tipo-badge{display:inline-flex;align-items:center;gap:.25rem}.mensaje-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-ok{color:var(--primary);font-weight:500}.status-error{color:#dc3545;cursor:help}@media (max-width: 768px){.config-header{flex-direction:column;gap:.75rem}.toggle-switch{align-self:flex-start}.history-table{font-size:.8rem}.history-table th,.history-table td{padding:.5rem}}.profile-page{width:100%}.profile-tabs{display:flex;gap:0;border-bottom:2px solid #e5e7eb;margin-bottom:1.5rem;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;scrollbar-width:none;-ms-overflow-style:none}.profile-tabs::-webkit-scrollbar{display:none}.profile-tab{padding:.75rem 1rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:.9rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.profile-tab:hover{color:var(--secondary);background:#00000005}.profile-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.profile-tab-content,.perfil-tab-content{width:100%}.profile-header{margin-bottom:2rem}.profile-header h1{font-size:1.75rem;color:var(--secondary);margin:0}.profile-tab-content .page-header,.profile-tab-content .notif-header{display:none}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 768px){.profile-grid{grid-template-columns:1fr}}.profile-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.profile-section h2{font-size:1.1rem;color:var(--secondary);margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.profile-section.full-width{grid-column:1 / -1}.avatar-section{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.avatar-container{position:relative}.avatar{width:80px;height:80px;border-radius:50%;background:var(--secondary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-upload{position:absolute;bottom:0;right:0;background:var(--primary);color:#fff;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background-color .2s}.avatar-upload:hover{background:var(--primary-dark)}.avatar-upload input{display:none}.avatar-info{flex:1}.avatar-info .email{color:#666;font-size:.9rem}.avatar-info .verified{display:inline-flex;align-items:center;gap:.25rem;color:#22c55e;font-size:.85rem;margin-top:.25rem}.profile-form{display:flex;flex-direction:column;gap:1rem}.profile-form .form-group{display:flex;flex-direction:column;gap:.5rem}.profile-form label{font-weight:500;color:var(--text);font-size:.9rem}.profile-form input{padding:.625rem .875rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.profile-form input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4caf501a}.profile-form input:disabled{background:#f9fafb;cursor:not-allowed}.profile-button{background:var(--primary);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .2s;align-self:flex-start}.profile-button:hover:not(:disabled){background:var(--primary-dark)}.profile-button:disabled{background:#9ca3af;cursor:not-allowed}.profile-button.secondary{background:#6b7280}.profile-button.secondary:hover:not(:disabled){background:#4b5563}.profile-button.danger{background:#dc2626}.profile-button.danger:hover:not(:disabled){background:#b91c1c}.profile-message{padding:.75rem 1rem;border-radius:8px;font-size:.9rem;margin-bottom:1rem}.profile-message.success{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.profile-message.error{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.services-table{width:100%;border-collapse:collapse;margin-top:1rem}.services-table th,.services-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e5e7eb}.services-table th{font-weight:500;color:#666;font-size:.85rem;text-transform:uppercase}.services-table tr:last-child td{border-bottom:none}.service-status{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:20px;font-size:.85rem}.service-status.active{background:#dcfce7;color:#166534}.service-status.inactive{background:#fee2e2;color:#dc2626}.service-actions{display:flex;gap:.5rem}.service-actions button{padding:.375rem .75rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s}.service-actions .disconnect-btn{background:#fff;border:1px solid #dc2626;color:#dc2626}.service-actions .disconnect-btn:hover{background:#fee2e2}.connect-service-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.connect-service-section h3{font-size:1rem;color:var(--secondary);margin:0 0 1rem}.connect-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 600px){.connect-form{grid-template-columns:1fr}}.connect-form .full-width{grid-column:1 / -1}.connect-form select{padding:.625rem .875rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem;background:#fff}.connect-form select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4caf501a}.no-services{text-align:center;padding:2rem 1rem;color:#666}.no-services p{margin:0}.profile-loading{display:flex;justify-content:center;padding:2rem}.profile-loading .spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sensores-tab{width:100%}.sensores-intro{margin-bottom:1.5rem}.sensores-intro p{color:#666;font-size:.95rem;line-height:1.5;margin:0}.sensor-role-section{margin-bottom:1rem}.sensor-role-desc{color:#666;font-size:.9rem;margin:-.75rem 0 1rem}.sensor-role-hint{color:#9ca3af;font-size:.85rem;font-style:italic;margin:-.5rem 0 .75rem}.no-sensors-msg{color:#9ca3af;font-size:.9rem;text-align:center;padding:1rem 0}.sensor-list{display:flex;flex-direction:column;gap:.5rem}.sensor-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.sensor-item:hover{border-color:var(--primary);background:#4caf5005}.sensor-item.selected{border-color:var(--primary);background:#4caf500d}.sensor-item input[type=checkbox],.sensor-item input[type=radio]{flex-shrink:0;width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.sensor-info{flex:1;display:flex;flex-direction:column;gap:.15rem;min-width:0}.sensor-name{font-weight:500;font-size:.95rem;color:var(--text)}.sensor-entity{font-size:.8rem;color:#9ca3af;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sensor-value{flex-shrink:0;font-size:.95rem;font-weight:600;color:var(--secondary);padding:.25rem .5rem;background:#f3f4f6;border-radius:6px}.sensor-clear-btn{margin-top:.5rem;padding:.375rem .75rem;background:none;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;font-size:.85rem;cursor:pointer;transition:all .2s}.sensor-clear-btn:hover{border-color:#9ca3af;color:#374151}.sensores-actions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.layout{display:flex;min-height:100vh}.sidebar{width:250px;background:linear-gradient(180deg,var(--secondary) 0%,var(--secondary-dark) 100%);color:#fff;padding:1rem 0;position:fixed;height:100vh;display:flex;flex-direction:column}.logo{text-align:center;padding:.5rem 1rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.logo-container{display:inline-block;background:#fff;border-radius:10px;padding:.5rem .75rem;box-shadow:0 2px 8px #00000026}.logo-image{max-width:140px;height:auto;display:block}.vivienda-selector{padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.vivienda-selector select{width:100%;padding:.5rem .6rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;font-size:.85rem;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.vivienda-selector select option{background:var(--secondary);color:#fff}.vivienda-manage-link{display:block;text-align:center;margin-top:.4rem;font-size:.7rem;color:#fff6;text-decoration:none;transition:color .2s}.vivienda-manage-link:hover{color:#ffffffb3}.nav-groups{flex:1;overflow-y:auto;min-height:0;padding:.5rem 0}.nav-group{margin-bottom:.25rem}.nav-group-label{padding:.75rem 1.25rem .5rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff6}.nav-items{list-style:none;padding:0;margin:0}.nav-items li a{display:flex;align-items:center;gap:.75rem;padding:.65rem 1.25rem;color:#ffffffb3;transition:all .2s;border-left:3px solid transparent;font-size:.9rem;text-decoration:none}.nav-items li a:hover{background:#ffffff14;color:#fff;border-left-color:#ffffff4d}.nav-items li a.active{background:#4caf5033;color:var(--primary-light);border-left-color:var(--primary)}.nav-icon{flex-shrink:0;opacity:.85}.nav-items li a.active .nav-icon{opacity:1}.content{flex:1;margin-left:250px;padding:2rem;background:var(--background)}.user-section{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-top:1px solid rgba(255,255,255,.1);margin-top:auto;flex-shrink:0}.user-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0;padding:.5rem .75rem;border-radius:8px;color:#ffffffd9;text-decoration:none;font-size:.9rem;transition:all .2s}.user-info:hover{background:#ffffff14;color:#fff}.user-info.active{background:#4caf5033;color:var(--primary-light)}.user-info-icon{flex-shrink:0;opacity:.85}.user-info-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;background:transparent;border:none;border-radius:8px;color:#ffffff80;cursor:pointer;transition:all .2s}.logout-button:hover{background:#f4433626;color:#ff6b6b}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #4CAF50;--primary-dark: #388E3C;--primary-light: #81C784;--secondary: #1E3A5F;--secondary-dark: #0D253F;--secondary-light: #2E5A8F;--accent: #00BCD4;--background: #f5f7fa;--surface: #ffffff;--text: #1E3A5F;--text-light: #5A7A9A;--border: #d0dae5;--success: #4CAF50;--warning: #FF9800;--danger: #F44336;--info: #2196F3;--chart-heating: #FF5722;--chart-water: #2196F3;--chart-cost: #4CAF50}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--background);color:var(--text);line-height:1.6}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark)}