.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)}.rooms-hint{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:2rem 1.5rem}.rooms-hint-icon{font-size:2rem;margin-bottom:.25rem}.rooms-hint p{margin:0;max-width:420px}.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);color:#fff}.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}.stat-icon{font-size:2rem}.stat-value{font-size:1.5rem;font-weight:700;color:var(--secondary)}.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}.cost-consumo .consumo-fecha{text-transform:none;font-style:italic;opacity:.85;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)}}@media (max-width: 480px){.page-header h1{font-size:1.35rem}.stats-grid{grid-template-columns:1fr}.stat-value{font-size:1.1rem}.rooms-grid,.quick-links{grid-template-columns:1fr}.status-bar{padding:.75rem 1rem;gap:.75rem}.cost-total-bar{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem 1rem}}.service-panel{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #00000014;overflow:hidden}.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}.collapsible-header{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:.5rem}.collapsible-header:hover{color:#333}.collapse-arrow{font-size:.7rem;transition:transform .2s;display:inline-block}.collapse-arrow.open{transform:rotate(90deg)}.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}.estimated-badge{font-size:.6rem;font-weight:600;text-transform:uppercase;background:#ff9800;color:#fff;padding:.1rem .35rem;border-radius:4px;letter-spacing:.3px;margin-left:.35rem}.prediction-row{color:#888;font-style:italic}.confianza-tag{font-size:.7rem;color:#999;font-style:normal}@media (max-width: 480px){.service-panel{padding:1rem}.service-panel .chart-container{padding:.25rem}.service-panel-title{font-size:1.1rem}}.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-card--forecast{background:linear-gradient(135deg,#2196f314,#2196f326);border:1px solid rgba(33,150,243,.2)}.kpi-card--forecast .kpi-value{color:#1565c0}.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)}.yearly-breakdown-card{background:var(--surface);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.5rem;box-shadow:0 1px 4px #0000000f}.yearly-breakdown-scroll{overflow-x:auto}.yearly-breakdown-table{width:100%;border-collapse:collapse;font-size:.85rem}.yearly-breakdown-table th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.3px;color:var(--text-light);font-weight:600;padding:.5rem .75rem;border-bottom:2px solid var(--border, #eee);white-space:nowrap}.yearly-breakdown-table td{padding:.6rem .75rem;border-bottom:1px solid var(--border, #f0f0f0)}.yearly-breakdown-table tfoot td{border-bottom:none;border-top:2px solid var(--border, #eee);padding-top:.75rem}.yearly-breakdown-table .number-cell{text-align:right;font-variant-numeric:tabular-nums}.yearly-tipo-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.5rem;vertical-align:middle}.yearly-forecast-cell{color:#1565c0}.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);display:flex;align-items:center;gap:.5rem}.tooltip-partial-badge{font-size:10px;font-weight:500;color:#ff9800;background:#ff980026;padding:1px 6px;border-radius:4px}.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}.detail-bundle-consumo{display:flex;flex-direction:column;gap:1px;margin-top:3px;font-size:.75rem;color:var(--text-light, #888);line-height:1.2}.detail-bundle-consumo .bundle-item{white-space:nowrap}.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}.range-selector{display:flex;gap:.4rem;margin-bottom:1.25rem}.range-chip{padding:.35rem .85rem;border-radius:20px;border:1.5px solid var(--border, #e0e0e0);background:var(--surface, #fff);color:var(--text-light, #6b7280);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;line-height:1}.range-chip:hover{border-color:var(--primary, #4caf50);color:var(--primary, #4caf50)}.range-chip.active{background:var(--primary, #4caf50);border-color:var(--primary, #4caf50);color:#fff}.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)}@media (max-width: 768px){.kpi-row{grid-template-columns:repeat(2,1fr)}.chart-container{height:260px}.chart-card,.detail-table-card{padding:1rem}}@media (max-width: 480px){.page-header.compact h1{font-size:1.2rem}.kpi-row{grid-template-columns:1fr}.kpi-value{font-size:1.25rem}.chart-container{height:220px}.chart-card{padding:.5rem}.consumos-tab{padding:.6rem .85rem;font-size:.8rem;gap:.35rem}.detail-table{font-size:.78rem}.detail-table thead th{padding:.4rem .5rem;font-size:.7rem}.detail-table tbody td{padding:.4rem .5rem}.detail-th-pct,.detail-pct{display:none}.custom-tooltip{min-width:150px;font-size:11px}.help-modal{width:95vw;max-height:85vh;margin:2.5vh auto}}.help-btn{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--text-light, #999);background:none;color:var(--text-light, #999);font-size:.8rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s;margin-left:auto}.help-btn:hover{border-color:var(--secondary);color:var(--secondary);background:#0000000a}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.help-modal{background:var(--surface, #fff);border-radius:16px;width:100%;max-width:680px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003}.help-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border, #eee);flex-shrink:0}.help-modal-header h2{margin:0;font-size:1.15rem;color:var(--secondary)}.help-modal-close{width:32px;height:32px;border-radius:8px;border:none;background:none;font-size:1.5rem;color:var(--text-light);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.help-modal-close:hover{background:var(--background, #f5f5f5)}.help-modal-body{padding:1.25rem 1.5rem;overflow-y:auto;font-size:.88rem;line-height:1.6;color:var(--text, #333)}.help-section{margin-bottom:1.5rem}.help-section:last-child{margin-bottom:0}.help-section h3{font-size:.95rem;color:var(--secondary);margin:0 0 .5rem;padding-bottom:.3rem;border-bottom:1px solid var(--border, #eee)}.help-section p{margin:.4rem 0}.help-section ul,.help-section ol{margin:.4rem 0;padding-left:1.25rem}.help-section li{margin-bottom:.3rem}.help-section code{background:var(--background, #f5f5f5);padding:.15rem .4rem;border-radius:4px;font-size:.82rem;color:#1565c0}.help-methods-table{width:100%;border-collapse:collapse;font-size:.83rem;margin:.5rem 0}.help-methods-table th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.3px;color:var(--text-light);font-weight:600;padding:.5rem .6rem;border-bottom:2px solid var(--border, #eee)}.help-methods-table td{padding:.5rem .6rem;border-bottom:1px solid var(--border, #f0f0f0);vertical-align:top}.help-conf{display:inline-block;font-size:.7rem;font-weight:600;padding:1px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.help-conf.alta{background:#e8f5e9;color:#2e7d32}.help-conf.media{background:#fff3e0;color:#e65100}.help-conf.baja{background:#fce4ec;color:#c62828}.help-info-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--secondary, #1565c0);color:#fff;font-size:.65rem;font-weight:700;font-style:italic;vertical-align:middle}.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-info{display:flex;flex-direction:column}.stat-value{font-size:1.25rem;font-weight:700;color:var(--secondary)}.stat-card.highlight .stat-value{color:var(--primary)}.stat-label{font-size:.8rem;color:var(--text-light)}.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)}@media (max-width: 768px){.stats-cards{grid-template-columns:repeat(2,1fr)}.filter-section{flex-direction:column;align-items:stretch}.breakdown-cards{grid-template-columns:1fr}}@media (max-width: 480px){.stats-cards{grid-template-columns:1fr}.recibos-table th,.recibos-table td{padding:.5rem .6rem;font-size:.8rem}}.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}}.eficiencia-page{max-width:1200px}.eficiencia-page .page-header{margin-bottom:2rem}.eficiencia-page .page-header h1{font-size:1.75rem;color:var(--secondary);margin-bottom:.25rem}.eficiencia-page .page-header p{color:var(--text-light)}.eficiencia-page .feedback-message{padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;text-align:center;font-weight:500}.eficiencia-page .feedback-message.success{background:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.eficiencia-page .feedback-message.error{background:#ffebee;color:#c62828;border:1px solid #ef9a9a}.eficiencia-tabs{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:2px solid var(--border)}.eficiencia-tab{padding:.7rem 1.5rem;border:none;background:none;color:var(--text-light);font-size:.95rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.eficiencia-tab:hover{color:var(--secondary)}.eficiencia-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.eficiencia-page .actions-bar{display:flex;justify-content:flex-end;gap:.75rem;margin-bottom:1.5rem}.eficiencia-page .btn-config{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--secondary);cursor:pointer;font-size:.9rem;transition:all .2s}.eficiencia-page .btn-config:hover,.eficiencia-page .btn-config.active{background:var(--primary);color:#fff;border-color:var(--primary)}.analysis-cards{display:flex;flex-direction:column;gap:1.5rem}.analysis-card{background:var(--surface);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d;border-left:4px solid var(--border)}.analysis-card.ventilacion{border-left-color:#2196f3}.analysis-card.temperatura{border-left-color:#ff9800}.analysis-card.tarifa{border-left-color:#4caf50}.analysis-card.unavailable{opacity:.6;border-left-color:var(--border)}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.card-icon{font-size:1.5rem;width:36px;text-align:center}.card-header h2{font-size:1.15rem;color:var(--secondary);margin:0;flex:1}.card-status{font-size:.85rem;font-weight:600;padding:.2rem .75rem;border-radius:20px}.card-status.good{background:#e8f5e9;color:#2e7d32}.card-status.warning{background:#fff3e0;color:#e65100}.card-status.info{background:#e3f2fd;color:#1565c0}.card-metrics{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem}.metric{display:flex;flex-direction:column;min-width:100px}.metric-value{font-size:1.4rem;font-weight:700;color:var(--secondary)}.metric-label{font-size:.78rem;color:var(--text-light)}.rooms-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.room-chip{display:flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:20px;font-size:.82rem;background:#f5f5f5;color:var(--secondary)}.room-chip.in-range{background:#e8f5e9;color:#2e7d32}.room-chip.out-range{background:#fff3e0;color:#e65100}.room-temp{font-weight:600}.room-status-icon{font-size:.75rem}.week-bar{display:flex;gap:.4rem;margin-bottom:1rem}.day-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem}.day-indicator{width:100%;height:6px;border-radius:3px;background:#e0e0e0}.day-indicator.ventilated{background:#4caf50}.day-indicator.not-ventilated{background:#ef5350}.day-label{font-size:.65rem;color:var(--text-light)}.day-minutes{font-size:.65rem;color:var(--text-light);font-weight:500}.conditions-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding:.75rem;background:#f8f9fa;border-radius:8px;font-size:.85rem}.condition-item{display:flex;align-items:center;gap:.4rem}.condition-label{color:var(--text-light)}.condition-value{font-weight:600;color:var(--secondary)}.recommendation-text{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;background:#f3f0ff;border-radius:8px;font-size:.88rem;color:#4527a0;line-height:1.4}.recommendation-text .rec-icon{flex-shrink:0;font-size:1rem}.tariff-comparison{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.tariff-current,.tariff-better{padding:.6rem 1rem;border-radius:8px;font-size:.88rem}.tariff-current{background:#f5f5f5}.tariff-better{background:#e8f5e9}.tariff-name{font-weight:600;color:var(--secondary)}.tariff-cost{color:var(--text-light);margin-left:.5rem}.tariff-arrow{font-size:1.2rem;color:var(--text-light)}.tariff-savings{font-weight:700;color:#2e7d32;font-size:.9rem}.eficiencia-config-panel{background:var(--surface);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000d;border:1px solid var(--border)}.eficiencia-config-panel h2{font-size:1.1rem;color:var(--secondary);margin-bottom:1.25rem}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.25rem}.config-group{display:flex;flex-direction:column;gap:.35rem}.config-group label{font-size:.82rem;color:var(--text-light);font-weight:500}.config-group input{padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;font-size:.9rem;background:#fff;color:var(--secondary)}.config-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #4f46e51a}.config-actions{display:flex;justify-content:flex-end;gap:.75rem}.config-actions .btn-cancel{padding:.5rem 1rem;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--secondary);cursor:pointer;font-size:.88rem}.config-actions .btn-cancel:hover{background:#f5f5f5}.config-actions .btn-save{padding:.5rem 1.2rem;border:none;border-radius:6px;background:var(--primary);color:#fff;cursor:pointer;font-size:.88rem;font-weight:500}.config-actions .btn-save:hover{background:var(--primary-dark)}.unavailable-msg{color:var(--text-light);font-size:.88rem;font-style:italic}.contract-warning{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;color:#e65100;font-weight:500;margin-bottom:.5rem}.calefaccion-tab{background:var(--surface);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.calefaccion-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.calefaccion-header h2{font-size:1.15rem;color:var(--secondary);margin:0}.range-selector{display:flex;gap:.35rem}.range-btn{padding:.4rem .9rem;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--text-light);font-size:.82rem;cursor:pointer;transition:all .2s}.range-btn:hover{border-color:var(--primary);color:var(--primary)}.range-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.calefaccion-chart-container{width:100%}.calefaccion-loading{color:var(--text-light);text-align:center;padding:3rem 0;font-size:.9rem}.calefaccion-empty{text-align:center;padding:3rem 1rem;color:var(--text-light);font-size:.9rem;font-style:italic}@media (max-width: 600px){.card-metrics{gap:1rem}.metric{min-width:80px}.metric-value{font-size:1.2rem}.tariff-comparison{flex-direction:column;align-items:flex-start}.tariff-arrow{transform:rotate(90deg);align-self:center}.week-bar{gap:.25rem}.calefaccion-header{flex-direction:column;align-items:flex-start}.eficiencia-tab{padding:.6rem 1rem;font-size:.88rem}}.confort-page{max-width:1200px}.confort-header-compact{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1rem}.confort-header-compact h1{font-size:1.5rem;color:var(--secondary);margin:0}.confort-status-inline{display:flex;align-items:center;gap:.4rem}.status-dot-sm{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot-sm.on{background:var(--primary);box-shadow:0 0 6px #4caf5080}.status-dot-sm.off{background:var(--danger)}.status-text-sm{font-size:.75rem;color:var(--text-light)}.confort-error{background:#ffebee;color:var(--danger);padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;border-left:4px solid var(--danger);font-size:.875rem}.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:1rem;margin-bottom:1rem;box-shadow:0 2px 8px #0000000d}.confort-section h2{font-size:1rem;color:var(--secondary);margin-bottom:.75rem}.confort-vent-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.confort-vent-today{display:flex;flex-direction:column;gap:.5rem}.vent-status-compact{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:8px;font-size:.85rem}.vent-status-compact.ventilated{background:#e8f5e9;color:#2e7d32}.vent-status-compact.pending{background:#fff3e0;color:#e65100}.vent-status-compact.not-recommended{background:#eceff1;color:#546e7a}.vent-status-compact svg{flex-shrink:0}.vent-status-label{font-weight:600}.vent-status-detail{color:inherit;opacity:.75;margin-left:auto;font-size:.8rem}.vent-humidity-inline{display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem;border-radius:6px;font-size:.78rem}.vent-humidity-inline.recommended{background:#e8f5e9;color:#2e7d32}.vent-humidity-inline.not-recommended{background:#eceff1;color:#546e7a}.vent-humidity-inline.no-data{background:#f5f5f5;color:#9e9e9e}.vent-humidity-values{font-size:.72rem;opacity:.8;margin-left:auto}.vent-config-link{color:var(--primary);text-decoration:none;font-size:.72rem;margin-left:auto}.vent-config-link:hover{text-decoration:underline}.confort-timeline.compact .confort-timeline-bar{height:20px}.confort-timeline-bar{position:relative;height:20px;background:var(--background);border-radius:4px;overflow:hidden;border:1px solid var(--border)}.confort-timeline-event{position:absolute;top:3px;bottom:3px;background:#4caf50;border-radius:3px;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:-2px;left:-2px;width:6px;height:6px;background:#f44336;border-radius:50%}.confort-timeline-ticks{position:relative;height:16px;margin-top:2px}.confort-timeline-ticks span{position:absolute;transform:translate(-50%);font-size:.65rem;color:var(--text-light)}.confort-vent-events{display:flex;flex-direction:column;gap:.25rem}.confort-vent-event{display:flex;align-items:center;gap:.5rem;padding:.3rem .5rem;background:var(--background);border-radius:4px;font-size:.78rem;border-left:3px solid #4caf50}.confort-vent-event.active{border-left-color:#ff9800;background:#fff8e1}.vent-evt-time{font-weight:600;color:var(--secondary);white-space:nowrap;font-size:.75rem}.vent-evt-dur{color:var(--primary);font-weight:600;white-space:nowrap}.vent-evt-win{color:var(--text-light);font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.confort-vent-week h3{font-size:.85rem;color:var(--secondary);margin:0 0 .5rem}.vent-week-table{display:grid;grid-template-columns:auto auto auto auto auto auto auto;gap:2px .4rem;align-items:center;font-size:.8rem}.vent-week-thead,.vent-day-row{display:contents}.vent-col-day{font-weight:600;color:var(--secondary);font-size:.78rem;padding-left:.3rem;border-left:3px solid transparent}.vent-day-row.ok .vent-col-day{border-left-color:#4caf50}.vent-day-row.no .vent-col-day{border-left-color:#ef5350}.vent-col-icon{font-size:.85rem;text-align:center}.vent-col-icon.ok{color:#4caf50}.vent-col-icon.no{color:#ef5350}.vent-col-min{font-size:.78rem;color:var(--text)}.vent-col-count{font-size:.72rem;color:var(--text-light)}.vent-col-temp,.vent-col-hum{text-align:right;font-size:.72rem;font-weight:600;white-space:nowrap}.vent-col-hdr{font-size:.68rem;color:var(--text-light);padding-bottom:.2rem}.vent-col-hdr:first-child{padding-left:.3rem;border-left:3px solid transparent}.vent-col-hdr-right{text-align:right}.vent-col-hdr-center{text-align:center}.vent-header-help{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background:var(--border);color:var(--text-light);font-size:.55rem;font-weight:700;margin-left:2px;vertical-align:middle}.vent-col-temp.down,.vent-col-hum.down{color:#2196f3}.vent-col-temp.up,.vent-col-hum.up{color:#f44336}.vent-col-temp.muted,.vent-col-hum.muted{color:var(--text-light);font-weight:400}.vent-col-result{text-align:center;font-size:.75rem;font-weight:700}.vent-col-result.improved{color:#4caf50}.vent-col-result.worsened{color:#f44336}.vent-col-result.neutral{color:var(--text-light)}.vent-week-empty{font-size:.8rem;color:var(--text-light);text-align:center;padding:1rem 0}.confort-vent-empty{text-align:center;padding:1.5rem;color:var(--text-light)}.confort-vent-empty p{margin-bottom:.5rem;font-size:.85rem}.confort-vent-hint{font-size:.8rem}.confort-vent-hint a{color:var(--primary);text-decoration:none}.confort-vent-hint a:hover{text-decoration:underline}.confort-air-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.5rem}.confort-air-header h2{margin-bottom:0}.confort-air-averages{display:flex;align-items:baseline;gap:.5rem;font-size:.85rem;font-weight:600}.air-avg-label{font-weight:500;color:var(--text-light);font-size:.75rem}.confort-air-table{width:100%;border-collapse:collapse;font-size:.85rem}.confort-air-table thead th{text-align:left;font-weight:600;color:var(--text-light);font-size:.75rem;text-transform:uppercase;letter-spacing:.3px;padding:.4rem .75rem;border-bottom:1px solid var(--border)}.confort-air-table tbody td{padding:.5rem .75rem;border-bottom:1px solid var(--border);vertical-align:middle}.confort-air-table tbody tr:last-child td{border-bottom:none}.confort-air-table tbody tr:hover{background:var(--background)}.confort-air-table .room-name{font-weight:600;color:var(--secondary);font-size:.85rem}.air-table-separator td{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--secondary);padding:.7rem .75rem .35rem!important;border-bottom:2px solid var(--border)!important;background:var(--background)!important}.outdoor-row,.other-row{opacity:.75}.room-status-badge{display:inline-block;padding:.15rem .5rem;border-radius:10px;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;margin-right:.35rem}.room-status-badge.frio{background:#e3f2fd;color:#1565c0}.room-status-badge.confortable{background:#e8f5e9;color:#2e7d32}.room-status-badge.calido{background:#fff3e0;color:#e65100}.room-status-badge.caliente{background:#ffebee;color:#c62828}.room-status-badge.seco{background:#fff3e0;color:#e65100}.room-status-badge.humedo{background:#e3f2fd;color:#1565c0}@media (max-width: 768px){.confort-header-compact{flex-direction:column;gap:.25rem}.confort-vent-grid{grid-template-columns:1fr}.confort-vent-week{border-top:1px solid var(--border);padding-top:.75rem}.hide-mobile{display:none}.confort-air-table{font-size:.8rem}.confort-air-table thead th,.confort-air-table tbody td{padding:.4rem .5rem}}.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,#3b4fc4,#5a3580);border-radius:16px;padding:2rem;color:#fff;margin-bottom:2rem;box-shadow:0 4px 20px #3b4fc44d}.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;color:#ffffffe6}.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:#ffffff2e;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;color:#ffffffe6}.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}.resend-verification{margin-top:.5rem;display:flex;flex-direction:column;gap:.35rem}.resend-link{background:none;border:none;color:#1d4ed8;font-size:.85rem;font-weight:500;cursor:pointer;padding:0;text-align:left;text-decoration:underline}.resend-link:hover:not(:disabled){color:#1e40af}.resend-link:disabled{color:#9ca3af;cursor:not-allowed}.resend-msg{font-size:.8rem}.resend-msg.sent{color:#059669}.resend-msg.error{color:#dc2626}.login-divider{display:flex;align-items:center;margin:1.25rem 0}.login-divider:before,.login-divider:after{content:"";flex:1;border-bottom:1px solid #e5e7eb}.login-divider span{margin:0 .75rem;color:#9ca3af;font-size:.85rem}.google-login-wrapper{display:flex;justify-content:center}.google-login-primary{margin-bottom:.5rem}.email-login-toggle{width:100%;padding:.6rem;background:none;border:1px solid #e5e7eb;border-radius:8px;color:var(--text-light);font-size:.9rem;cursor:pointer;transition:all .2s}.email-login-toggle:hover{border-color:var(--primary);color:var(--primary)}.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}.landing{width:100%;overflow-x:hidden}.landing-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center}.landing-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;filter:brightness(.4) saturate(.4) grayscale(.2)}.landing-hero-bg:before,.landing-hero-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center}.landing-hero-bg:before{background-image:url(/images/landing/hero-house.jpg);-webkit-mask-image:linear-gradient(to right,black 0%,black 35%,transparent 65%);mask-image:linear-gradient(to right,black 0%,black 35%,transparent 65%)}.landing-hero-bg:after{background-image:url(/images/landing/mode-comunidades.jpg);-webkit-mask-image:linear-gradient(to right,transparent 35%,black 65%,black 100%);mask-image:linear-gradient(to right,transparent 35%,black 65%,black 100%)}.landing-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1e3a5fbf,#0d253f99)}.landing-hero-content{position:relative;z-index:1;display:flex;align-items:center;gap:4rem;max-width:1100px;width:90%;padding:2rem 0}.landing-hero-left{flex:1;color:#fff}.landing-hero-logo-ring{width:220px;height:220px;border-radius:50%;background:#fffffff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;border:6px solid rgba(255,255,255,.3);box-shadow:0 10px 40px #0000004d,0 0 0 1px #ffffff1a,0 0 60px #4caf501f}.landing-hero-logo{width:150px;height:auto}.landing-hero-left h1{font-size:2.2rem;font-weight:700;margin-bottom:.75rem;line-height:1.2;text-shadow:0 2px 12px rgba(0,0,0,.4)}.landing-hero-tagline{font-size:1.05rem;color:#ffffffd9;line-height:1.6;margin-bottom:2rem;max-width:420px}.landing-hero-cta{display:inline-block;padding:.85rem 2.2rem;background:var(--primary);color:#fff!important;border-radius:10px;font-weight:600;font-size:1.05rem;text-decoration:none!important;transition:background .2s,transform .1s;box-shadow:0 4px 16px #4caf5040}.landing-hero-cta:hover{background:var(--primary-dark);color:#fff!important;transform:translateY(-2px)}.landing-hero-right{flex:0 0 400px}.landing-hero-right .login-card,.landing-welcome-card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000004d;padding:2.5rem;width:100%}.landing-hero-right .login-header{margin-bottom:1.5rem}.landing-hero-right .login-header h2{font-size:1.4rem;color:var(--secondary)}.landing-welcome-card{text-align:center}.landing-welcome-card h2{font-size:1.4rem;color:var(--secondary);margin-bottom:.5rem}.landing-welcome-card p{color:var(--text-light);margin-bottom:1.5rem}.landing-welcome-card .login-button{width:100%}.landing-features{padding:5rem 2rem;background:#fff;text-align:center}.landing-features h2{font-size:2rem;color:var(--secondary);margin-bottom:.5rem}.landing-features-subtitle{color:var(--text-light);font-size:1.05rem;margin-bottom:3rem}.landing-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1100px;margin:0 auto}.landing-feature-card{background:var(--background);border-radius:14px;padding:2rem 1.5rem;transition:transform .2s,box-shadow .2s}.landing-feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.landing-feature-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem}.landing-feature-card h3{font-size:1.1rem;color:var(--secondary);margin-bottom:.5rem}.landing-feature-card p{font-size:.9rem;color:var(--text-light);line-height:1.5}.landing-carousel-section{padding:5rem 2rem;background:var(--background);text-align:center}.landing-carousel-section h2{font-size:2rem;color:var(--secondary);margin-bottom:2.5rem}.landing-carousel{position:relative;max-width:800px;margin:0 auto;outline:4px solid var(--secondary);border-radius:16px;overflow:hidden}.landing-carousel-viewport{overflow:hidden}.landing-carousel-track{display:flex;transition:transform .5s ease}.landing-carousel-slide{min-width:100%;position:relative}.landing-carousel-slide img{width:100%;height:420px;object-fit:cover;display:block}.landing-carousel-caption{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;background:linear-gradient(to top,rgba(0,0,0,.65),transparent)}.landing-carousel-caption span{color:#fff;font-size:1rem;font-weight:500;text-shadow:0 1px 4px rgba(0,0,0,.4)}.landing-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;background:#ffffffd9;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--secondary);display:flex;align-items:center;justify-content:center;transition:background .2s}.landing-carousel-arrow:hover{background:#fff}.landing-carousel-arrow--left{left:12px}.landing-carousel-arrow--right{right:12px}.landing-carousel-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1.25rem}.landing-carousel-dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--secondary);background:transparent;cursor:pointer;padding:0;transition:background .2s}.landing-carousel-dot.active{background:var(--secondary)}.landing-footer{background:var(--secondary);color:#fff;padding:2.5rem 2rem}.landing-footer-content{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.landing-footer-brand{display:flex;align-items:center;gap:.75rem;font-weight:600;font-size:1rem}.landing-footer-logo{width:36px;height:auto;filter:brightness(10)}.landing-footer-links{display:flex;gap:1.5rem}.landing-footer-links a{color:#fffc!important;text-decoration:none;font-size:.9rem;transition:color .2s}.landing-footer-links a:hover{color:#fff!important}.landing-footer-copy{font-size:.8rem;color:#ffffff80}@media (max-width: 900px){.landing-hero-content{flex-direction:column;text-align:center;gap:2.5rem;padding:4rem 0 2rem}.landing-hero-left{display:flex;flex-direction:column;align-items:center}.landing-hero-logo-ring{width:180px;height:180px}.landing-hero-logo{width:120px}.landing-hero-left h1{font-size:1.8rem}.landing-hero-tagline{max-width:100%}.landing-hero-right{flex:none;width:100%;max-width:400px}.landing-features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.landing-features-grid{grid-template-columns:1fr}.landing-carousel-slide img{height:240px}.landing-footer-content{flex-direction:column;text-align:center}.landing-hero-logo-ring{width:140px;height:140px;border-width:5px}.landing-hero-logo{width:95px}.landing-hero-left h1{font-size:1.4rem}.landing-hero-right .login-card,.landing-welcome-card{padding:1.5rem}}.precios-energia{width:100%;min-height:100vh;background:#f8fafc;color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.pe-header{background:linear-gradient(135deg,#1e3a5f,#0d253f);color:#fff;padding:2rem 1.5rem 1.5rem}.pe-header-content{max-width:1200px;margin:0 auto}.pe-header-logo{display:inline-flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;font-size:.85rem;opacity:.8;margin-bottom:.75rem}.pe-header-logo img{width:24px;height:24px;border-radius:4px}.pe-header-logo:hover{opacity:1}.pe-header h1{margin:0 0 .4rem;font-size:1.6rem;font-weight:700}.pe-header p{margin:0;font-size:.9rem;opacity:.8}.pe-tabs{position:sticky;top:0;z-index:50;display:flex;gap:0;background:#fff;border-bottom:2px solid #e2e8f0;max-width:1200px;margin:0 auto;overflow-x:auto;-webkit-overflow-scrolling:touch}.pe-tab{flex:none;padding:.75rem 1.25rem;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:.9rem;font-weight:500;color:#64748b;white-space:nowrap;transition:all .15s}.pe-tab:hover{color:#1e3a5f;background:#f1f5f9}.pe-tab.active{color:#1e3a5f;border-bottom-color:#1e3a5f;font-weight:600}.pe-content{max-width:1200px;margin:0 auto;padding:1.5rem}.pe-section-intro{color:#64748b;font-size:.9rem;margin:0 0 1.25rem;line-height:1.5}.pe-loading,.pe-error{text-align:center;padding:3rem 1rem;color:#64748b;font-size:.95rem}.pe-error{color:#dc2626}.pe-muted{color:#94a3b8;font-size:.85rem}.pe-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.precios-energia table{width:100%;border-collapse:collapse;font-size:.85rem}.precios-energia thead th{background:#f1f5f9;padding:.6rem .75rem;text-align:left;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0;white-space:nowrap}.precios-energia tbody td{padding:.55rem .75rem;border-bottom:1px solid #f1f5f9}.precios-energia tbody tr:nth-child(2n){background:#f8fafc}.precios-energia tbody tr:hover{background:#eff6ff}.pe-pvpc-toggle{display:flex;gap:.5rem;margin-bottom:1rem}.pe-pvpc-toggle button{padding:.4rem 1rem;border:1px solid #cbd5e1;background:#fff;border-radius:6px;cursor:pointer;font-size:.85rem;color:#475569;transition:all .15s}.pe-pvpc-toggle button.active{background:#1e3a5f;color:#fff;border-color:#1e3a5f}.pe-pvpc-stats{display:flex;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.pe-stat{flex:1;min-width:150px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem 1rem;display:flex;flex-direction:column}.pe-stat-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.pe-stat-value{font-size:1.25rem;font-weight:700;color:#1e293b}.pe-stat-min .pe-stat-value{color:#16a34a}.pe-stat-max .pe-stat-value{color:#dc2626}.pe-stat-unit{font-size:.75rem;color:#94a3b8}.pe-pvpc-chart{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;margin-bottom:1rem}.pe-pvpc-legend{display:flex;gap:1.25rem;flex-wrap:wrap;margin-bottom:1.25rem;font-size:.8rem;color:#64748b}.pe-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px;vertical-align:middle}.pe-period-badge{display:inline-block;padding:.15rem .5rem;border-radius:10px;color:#fff;font-size:.75rem;font-weight:600}.pe-current-hour{background:#dbeafe!important;font-weight:600}.pe-pvpc-table{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.pe-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.pe-sortable:hover{color:#1e3a5f}.pe-comerc-table{min-width:800px}.pe-comerc-name{font-weight:500}.pe-comerc-name a{color:#2563eb;text-decoration:none}.pe-comerc-name a:hover{text-decoration:underline}.pe-comerc-row{cursor:pointer}.pe-comerc-row.expanded{background:#eff6ff!important}.pe-comerc-detail td{padding:0!important}.pe-comerc-detail-content{padding:.75rem 1rem;background:#f0f9ff;border-left:3px solid #3b82f6;font-size:.85rem;color:#475569}.pe-comerc-detail-content a{color:#2563eb;margin-left:.5rem}.pe-tipo-badge{display:inline-block;padding:.15rem .5rem;border-radius:10px;font-size:.75rem;font-weight:600}.pe-tipo-pvpc{background:#dbeafe;color:#1e40af}.pe-tipo-fija{background:#d1fae5;color:#065f46}.pe-tipo-fija-3p{background:#fef3c7;color:#92400e}.pe-tipo-indexada{background:#fce7f3;color:#9d174d}.pe-factura-category{margin-bottom:1.5rem}.pe-factura-category h3{font-size:1rem;font-weight:600;margin:0 0 .75rem;padding-left:.75rem;border-left:4px solid}.pe-factura-items{display:flex;flex-direction:column;gap:.5rem}.pe-factura-item{background:#fff;border:1px solid #e2e8f0;border-left:4px solid;border-radius:6px;overflow:hidden}.pe-factura-item-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.7rem 1rem;background:none;border:none;cursor:pointer;font-size:.9rem;font-weight:500;color:#1e293b;text-align:left}.pe-factura-item-header:hover{background:#f8fafc}.pe-chevron{font-size:1.1rem;color:#94a3b8;font-weight:700}.pe-factura-item-body{padding:.75rem 1rem 1rem;border-top:1px solid #f1f5f9;font-size:.85rem;color:#475569;line-height:1.6}.pe-factura-item-body p{margin:0 0 .75rem}.pe-factura-formula{background:#f1f5f9;padding:.5rem .75rem;border-radius:4px;margin-bottom:.5rem}.pe-factura-formula code{font-family:Fira Code,Consolas,monospace;font-size:.82rem;color:#1e3a5f}.pe-factura-ejemplo{font-size:.82rem;color:#64748b}.pe-sim-form{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem;margin-bottom:1.5rem}.pe-sim-group{margin-bottom:1rem}.pe-sim-group h4{margin:0 0 .5rem;font-size:.85rem;font-weight:600;color:#475569}.pe-sim-row{display:flex;gap:1rem;flex-wrap:wrap}.pe-sim-row label{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:#64748b;flex:1;min-width:120px}.pe-sim-row input{padding:.5rem .65rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.9rem;color:#1e293b;width:100%;box-sizing:border-box}.pe-sim-row input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.pe-sim-btn{display:block;width:100%;padding:.7rem;background:#1e3a5f;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s;margin-top:.5rem}.pe-sim-btn:hover:not(:disabled){background:#15294a}.pe-sim-btn:disabled{opacity:.6;cursor:not-allowed}.pe-sim-chart{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.pe-sim-chart h4,.pe-sim-table h4{margin:0 0 .75rem;font-size:.95rem;font-weight:600;color:#1e293b}.pe-sim-table{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.pe-pvpc-row{background:#eff6ff!important;font-weight:500}.pe-cheaper{background:#f0fdf4!important}.pe-total-cell{white-space:nowrap}.pe-footer{max-width:1200px;margin:2rem auto 0;padding:1.5rem;border-top:1px solid #e2e8f0;text-align:center;font-size:.8rem;color:#94a3b8}.pe-footer a{color:#3b82f6;text-decoration:none}.pe-footer a:hover{text-decoration:underline}@media (max-width: 768px){.pe-header h1{font-size:1.25rem}.pe-header p{font-size:.82rem}.pe-tabs{padding:0 .5rem}.pe-tab{padding:.6rem .9rem;font-size:.82rem}.pe-content{padding:1rem}.pe-pvpc-stats{flex-direction:column;gap:.5rem}.pe-stat{min-width:auto}.pe-pvpc-legend{flex-direction:column;gap:.4rem}.pe-sim-row{flex-direction:column;gap:.6rem}.pe-comerc-table{font-size:.78rem}}.suministros-tab{max-width:1200px}.suministros-tab .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#666}.suministros-tab .spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.suministros-tab .message{padding:1rem;border-radius:8px;margin-bottom:1rem}.suministros-tab .error-message{background-color:#fee2e2;color:#dc2626;border:1px solid #fecaca}.suministros-tab .success-message{background-color:#d1fae5;color:#059669;border:1px solid #a7f3d0}.connected-providers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;margin-bottom:1.5rem}.provider-card{background:#fff;border-radius:12px;padding:1.25rem;border:2px solid #e5e7eb;display:flex;flex-direction:column;gap:.75rem;transition:border-color .2s}.provider-card.connected{border-color:#a7f3d0;display:grid;grid-row:span 5;grid-template-rows:subgrid}.provider-card:hover{border-color:#86efac}.provider-card-header{display:flex;align-items:flex-start;gap:.75rem}.provider-card-icon{font-size:1.75rem;line-height:1;flex-shrink:0}.provider-card-info{flex:1;min-width:0}.provider-card-info h4{margin:0;font-size:1.05rem;color:#1a1a2e}.provider-card-desc{margin:.2rem 0 0;font-size:.8rem;color:#6b7280;line-height:1.3}.status-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;padding:.2rem .6rem;border-radius:12px;white-space:nowrap;flex-shrink:0}.status-badge.connected{background:#d1fae5;color:#059669}.provider-card-tags,.provider-option-tags{display:flex;flex-wrap:wrap;gap:.35rem}.service-tag{font-size:.7rem;font-weight:500;padding:.2rem .5rem;border-radius:10px;background:#dbeafe;color:#1d4ed8}.service-tag.active{background:#dbeafe;color:#1d4ed8}.service-tag.inactive{background:#f3f4f6;color:#9ca3af}.service-tag.small{font-size:.65rem;padding:.15rem .4rem}.provider-card-body{display:flex;flex-direction:column;gap:.75rem}.provider-card-suministros{display:flex;flex-direction:column;gap:.35rem;background:#f9fafb;border-radius:8px;padding:.6rem .75rem}.suministro-row{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.suministro-tipo{color:#374151;font-weight:500}.provider-card-last-sync{margin:0;font-size:.75rem;color:#9ca3af;align-self:end}.suministro-contador{color:#6b7280;font-size:.75rem;font-family:monospace}.sync-result-inline{font-size:.8rem;padding:.35rem .6rem;border-radius:4px}.sync-result-inline.success{background:#d1fae5;color:#059669}.sync-result-inline.error{background:#fee2e2;color:#dc2626}.provider-card-actions{display:flex;gap:.4rem;flex-wrap:wrap;align-self:end}.provider-card-actions .btn-sm{font-size:.75rem;padding:.3rem .6rem;border-radius:5px;border:none;cursor:pointer;font-weight:500;transition:background-color .2s,opacity .2s}.provider-card-actions .btn-sm:disabled{opacity:.6;cursor:not-allowed}.provider-card-actions .btn-sync{background-color:#dbeafe;color:#1d4ed8}.provider-card-actions .btn-sync:hover:not(:disabled){background-color:#bfdbfe}.provider-card-actions .btn-secondary{background-color:#f3f4f6;color:#374151}.provider-card-actions .btn-secondary:hover:not(:disabled){background-color:#e5e7eb}.provider-card-actions .btn-danger{background-color:#fee2e2;color:#dc2626}.provider-card-actions .btn-danger:hover:not(:disabled){background-color:#fecaca}.btn-add-provider{width:100%;padding:.75rem;border:2px dashed #d1d5db;border-radius:8px;background:transparent;color:#6b7280;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:1.5rem}.btn-add-provider:hover{border-color:#3b82f6;color:#3b82f6;background:#f0f7ff}.empty-providers{text-align:center;color:#6b7280;padding:2rem 1rem}.empty-providers p{margin:.25rem 0;font-size:.9rem}.modal-body{padding:1.5rem}.provider-picker{display:flex;flex-direction:column;gap:.75rem}.provider-search{width:100%;padding:.65rem .85rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.provider-search:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.picker-no-results{text-align:center;color:#9ca3af;font-size:.9rem;padding:1.5rem 0;margin:0}.provider-option{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:border-color .2s,background-color .2s}.provider-option:hover{border-color:#3b82f6;background-color:#f0f7ff}.provider-option-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.provider-option-info{display:flex;flex-direction:column;flex:1;gap:.25rem}.provider-option-info strong{font-size:.95rem;color:#1a1a2e}.provider-option-desc{font-size:.8rem;color:#666;line-height:1.3}.provider-option-tags{margin-top:.15rem}.suministros-tab .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}.suministros-tab .sync-section.is-running{border:2px solid #f59e0b;box-shadow:0 2px 12px #f59e0b26}.suministros-tab .sync-section h2{font-size:1.25rem;color:#1a1a2e;margin:0 0 1rem}.suministros-tab .section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.suministros-tab .section-header-row h2{margin-bottom:0}.suministros-tab .console-header-actions{display:flex;align-items:center;gap:1rem}.suministros-tab .running-indicator{display:flex;align-items:center;gap:.5rem;color:#f59e0b;font-weight:600;font-size:.875rem}.suministros-tab .pulse-dot{width:10px;height:10px;background:#f59e0b;border-radius:50%;animation:suministros-pulse 1.5s ease-in-out infinite}@keyframes suministros-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.suministros-tab .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}.suministros-tab .btn-cancel:hover{background-color:#b91c1c}.suministros-tab .sync-progress{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem;font-size:.875rem}.suministros-tab .sync-progress-label{color:#666}.suministros-tab .sync-progress-value{color:#3b82f6;font-weight:500}.suministros-tab .console-section{border-left:4px solid #3b82f6}.suministros-tab .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}.suministros-tab .console-line{display:flex;padding:.125rem 0;white-space:pre-wrap;word-break:break-all}.suministros-tab .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}.suministros-tab .console-line .line-content{color:#c9d1d9;flex:1}.suministros-tab .console-line.error .line-content{color:#f85149}.suministros-tab .console-line.separator .line-content{color:#58a6ff;font-weight:700}.suministros-tab .console-line.highlight .line-content{color:#7ee787}.suministros-tab .console-line.empty .line-content{color:#6e7681;font-style:italic}.suministros-tab .console-container::-webkit-scrollbar{width:8px}.suministros-tab .console-container::-webkit-scrollbar-track{background:#161b22;border-radius:4px}.suministros-tab .console-container::-webkit-scrollbar-thumb{background:#30363d;border-radius:4px}.suministros-tab .console-container::-webkit-scrollbar-thumb:hover{background:#484f58}.suministros-tab .table-container{overflow-x:auto}.suministros-tab .sync-table{width:100%;border-collapse:collapse;font-size:.875rem}.suministros-tab .sync-table th,.suministros-tab .sync-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb}.suministros-tab .sync-table th{background:#f9fafb;font-weight:600;color:#1a1a2e}.suministros-tab .sync-table tr:hover{background:#f9fafb}.suministros-tab .sync-table tr.has-error{background:#fff8f8}.suministros-tab .sync-table tr.has-error:hover{background:#ffefef}.suministros-tab .sync-table .number{font-family:monospace;text-align:right}.suministros-tab .sync-status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.suministros-tab .sync-status-badge.success{background:#d1fae5;color:#059669}.suministros-tab .sync-status-badge.error{background:#fee2e2;color:#dc2626}.suministros-tab .no-data{color:#666;text-align:center;padding:2rem}.suministros-tab .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}.suministros-tab .modal{background:#fff;border-radius:12px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.suministros-tab .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.suministros-tab .modal-header h2{margin:0;font-size:1.25rem;color:#1a1a2e}.suministros-tab .modal-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:0;line-height:1}.suministros-tab .modal-close:hover{color:#374151}.suministros-tab .modal-form{padding:1.5rem}.suministros-tab .config-loading{display:flex;flex-direction:column;align-items:center;padding:2rem;color:#666}.suministros-tab .config-loading .spinner{width:30px;height:30px;margin-bottom:.75rem}.suministros-tab .form-group{margin-bottom:1rem}.suministros-tab .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.suministros-tab .form-group .required{color:#dc2626;margin-left:.25rem}.suministros-tab .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}.suministros-tab .form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.suministros-tab .form-group input:disabled{background-color:#f9fafb;cursor:not-allowed}.suministros-tab .form-group .help-text{display:block;margin-top:.5rem;font-size:.75rem;color:#6b7280}.suministros-tab .form-error{background-color:#fee2e2;color:#dc2626;padding:.75rem;border-radius:6px;font-size:.875rem;margin-bottom:1rem}.suministros-tab .modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.suministros-tab .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}.suministros-tab .modal-actions button:disabled{opacity:.6;cursor:not-allowed}.suministros-tab .modal-actions .btn-primary{background-color:#3b82f6;color:#fff}.suministros-tab .modal-actions .btn-primary:hover:not(:disabled){background-color:#2563eb}.suministros-tab .modal-actions .btn-secondary{background-color:#f3f4f6;color:#374151}.suministros-tab .modal-actions .btn-secondary:hover:not(:disabled){background-color:#e5e7eb}.suministros-tab .disconnect-modal{max-width:520px}.suministros-tab .disconnect-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.suministros-tab .disconnect-option{border:2px solid #e5e7eb;border-radius:8px;padding:1rem 1.25rem;cursor:pointer;transition:border-color .2s,background-color .2s}.suministros-tab .disconnect-option:not(.danger):hover{border-color:#3b82f6;background-color:#f0f7ff}.suministros-tab .disconnect-option.danger{border-color:#fecaca;cursor:default}.suministros-tab .disconnect-option-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.suministros-tab .disconnect-option-icon{font-size:1.25rem}.suministros-tab .disconnect-option p{margin:0;font-size:.875rem;color:#666}.suministros-tab .confirm-delete{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.suministros-tab .confirm-delete label{font-size:.875rem;color:#374151}.suministros-tab .confirm-delete input{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.suministros-tab .confirm-delete input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.suministros-tab .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}.suministros-tab .confirm-delete .btn-danger:hover:not(:disabled){background-color:#b91c1c}.suministros-tab .confirm-delete .btn-danger:disabled{opacity:.4;cursor:not-allowed}.gasoil-section{background:#fff;border-radius:12px;padding:1.5rem;margin-top:1.5rem;box-shadow:0 2px 8px #0000000d;border:1px solid #e5e7eb;border-left:4px solid #795548}.gasoil-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.gasoil-header-actions{display:flex;gap:.5rem}.btn-danger-text{color:#dc2626;border-color:#fecaca}.btn-danger-text:hover:not(:disabled){background:#fee2e2;border-color:#dc2626}.purge-warning{font-size:.9rem;color:#374151;line-height:1.5;margin:0}.gasoil-section h2{font-size:1.25rem;color:#1a1a2e;margin:0}.gasoil-section h3{font-size:1rem;color:#374151;margin:0 0 .75rem}.gasoil-empty{text-align:center;padding:1rem 0}.gasoil-empty p{color:#6b7280;font-size:.9rem;margin:0 0 1rem}.gasoil-tabs{display:flex;gap:0;margin-bottom:1.25rem;border-bottom:2px solid #e5e7eb}.gasoil-tab{padding:.7rem 1.5rem;border:none;background:none;color:#6b7280;font-size:.95rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.gasoil-tab:hover{color:#795548}.gasoil-tab.active{color:#795548;border-bottom-color:#795548;font-weight:600}.estado-summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.estado-card{background:#f9fafb;border-radius:10px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.25rem}.estado-card.highlight{background:linear-gradient(135deg,#795548,#8d6e63);color:#fff}.estado-card-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;opacity:.75;font-weight:600}.estado-card-value{font-size:1.5rem;font-weight:700;line-height:1.2}.estado-card-value.empty{font-size:1rem;opacity:.6;font-weight:400}.estado-card-detail{font-size:.8rem;opacity:.7}.gasoil-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.gasoil-chart-header h3{margin:0}.gasoil-range-btns{display:flex;gap:.25rem}.gasoil-range-btn{padding:.3rem .7rem;border:1px solid #d1d5db;border-radius:5px;background:#fff;color:#6b7280;font-size:.78rem;font-weight:500;cursor:pointer;transition:all .2s}.gasoil-range-btn:hover{border-color:#795548;color:#795548}.gasoil-range-btn.active{background:#795548;color:#fff;border-color:#795548}.gasoil-chart-container{margin-bottom:1.5rem}.estado-recent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-top:1.25rem}.estado-recent-list h4{margin:0 0 .5rem;font-size:.9rem;color:#374151}.repostajes-table.compact th,.repostajes-table.compact td{padding:.4rem .6rem;font-size:.8rem}.refill-form{background:#f9fafb;border-radius:10px;padding:1.25rem;margin-bottom:1.25rem}.refill-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.refill-form .form-group{margin-bottom:0}.refill-form .form-group-wide{grid-column:1 / -1}.refill-form .form-group label{display:block;margin-bottom:.35rem;font-weight:500;color:#374151;font-size:.8rem}.refill-form .form-group input{width:100%;padding:.55rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.refill-form .form-group input:focus{outline:none;border-color:#795548;box-shadow:0 0 0 3px #7955481a}.refill-form-actions{display:flex;gap:.5rem;margin-top:1rem}.refill-form-actions .btn-primary{background:#795548;color:#fff;border:none;padding:.6rem 1.25rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s}.refill-form-actions .btn-primary:hover:not(:disabled){background:#5d4037}.refill-form-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed}.refill-form-actions .btn-secondary{background:#e5e7eb;color:#374151;border:none;padding:.6rem 1.25rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s}.refill-form-actions .btn-secondary:hover{background:#d1d5db}.repostajes-history{margin-top:.5rem}.repostajes-table{width:100%;border-collapse:collapse;font-size:.85rem}.repostajes-table th,.repostajes-table td{padding:.6rem .75rem;text-align:center;border-bottom:1px solid #e5e7eb}.repostajes-table th{background:#f9fafb;font-weight:600;color:#1a1a2e;font-size:.8rem}.repostajes-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.repostajes-table th.sortable:hover{background:#f0f1f3}.repostajes-table .date-detail{font-size:.78rem;color:var(--text-secondary, #6b7280);white-space:nowrap}.repostajes-table tr:hover{background:#f9fafb}.repostajes-table .number{font-family:monospace}.repostajes-history-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.repostajes-history-header h3{margin:0}.year-filter select{padding:.3rem .6rem;border:1px solid #d1d5db;border-radius:6px;font-size:.85rem;background:#fff;cursor:pointer}.repostajes-table .actions-cell{display:flex;gap:.3rem;justify-content:flex-end}.repostajes-table .actions-cell .btn-sm{font-size:.7rem;padding:.25rem .5rem;border-radius:4px;border:none;cursor:pointer;font-weight:500}.repostajes-table .actions-cell .btn-secondary{background:#f3f4f6;color:#374151}.repostajes-table .actions-cell .btn-secondary:hover{background:#e5e7eb}.repostajes-table .actions-cell .btn-danger{background:#fee2e2;color:#dc2626}.repostajes-table .actions-cell .btn-danger:hover{background:#fecaca}.repostajes-table .user-cell{font-size:.85rem;color:var(--text-secondary, #6b7280);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.connected-providers-grid{grid-template-columns:1fr}.suministros-tab .section-header-row{flex-direction:column;align-items:flex-start;gap:.5rem}.suministros-tab .console-header-actions{flex-wrap:wrap}.suministros-tab .console-container{max-height:300px;min-height:150px}.suministros-tab .console-line .line-number{min-width:30px;padding-right:8px;margin-right:8px}.refill-form-grid,.estado-summary,.estado-recent-grid{grid-template-columns:1fr}.gasoil-tab{padding:.6rem 1rem;font-size:.88rem}.gasoil-chart-header{flex-direction:column;align-items:flex-start;gap:.5rem}.repostajes-table .actions-cell{flex-direction:column}}.tarifa-section{margin-top:1.5rem}.tarifa-section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.tarifa-section-header h2{margin:0}.tarifa-section .section-desc{color:var(--text-secondary, #666);font-size:.9rem;margin-bottom:1rem}.btn-help-link{background:none;border:none;color:var(--primary, #3b82f6);cursor:pointer;font-size:.85rem;padding:.25rem 0;white-space:nowrap;text-decoration:underline}.btn-help-link:hover{color:var(--primary-dark, #2563eb)}.tarifa-help-body{padding:0 1.5rem 1.5rem;font-size:.9rem;line-height:1.6;color:var(--text-primary, #333)}.tarifa-help-body h4{margin:1rem 0 .5rem}.tarifa-help-body ul{margin:.5rem 0;padding-left:1.25rem}.tarifa-help-body li{margin-bottom:.4rem}.tarifa-help-body ul ul{margin-top:.3rem}.tarifa-card{background:var(--bg-card, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:10px;padding:1rem;margin-bottom:.75rem}.tarifa-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-weight:600}.tarifa-badge{background:#dbeafe;color:#1d4ed8;padding:.2rem .6rem;border-radius:12px;font-size:.8rem;font-weight:500}.tarifa-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin-bottom:.75rem}.tarifa-form .form-field label{display:block;font-size:.8rem;color:var(--text-secondary, #666);margin-bottom:.25rem}.tarifa-form .form-field input,.tarifa-form .form-field select{width:100%;padding:.4rem .5rem;border:1px solid var(--border-color, #ccc);border-radius:6px;font-size:.9rem;background:var(--bg-input, #fff);color:var(--text-primary, #333)}.tarifa-advanced{margin-bottom:.75rem}.tarifa-advanced summary{cursor:pointer;font-size:.85rem;color:var(--text-secondary, #666);margin-bottom:.5rem}.tarifa-help{font-size:.8rem;color:var(--text-secondary, #888);margin-bottom:.5rem}.tarifa-form-actions{display:flex;gap:.5rem;justify-content:flex-end}.tarifa-summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.tarifa-details{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.9rem;color:var(--text-secondary, #555)}.tarifa-expiring{color:#dc2626;font-weight:600}.tarifa-empty{color:var(--text-secondary, #888);font-size:.9rem;font-style:italic;margin:0}.btn-primary{background:#3b82f6;color:#fff;border:none;border-radius:6px;padding:.4rem 1rem;cursor:pointer;font-weight:500}.btn-primary:hover{background:#2563eb}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.parametros-form{background:#f9fafb;border-radius:10px;padding:1.25rem}.parametros-form h3{margin:0 0 1rem;font-size:1rem;color:#374151}.parametros-checkboxes{display:flex;gap:1.5rem;flex-wrap:wrap}.parametros-checkboxes .checkbox-label{display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:#374151;cursor:pointer;font-weight:400}.parametros-checkboxes .checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#795548}.parametros-fields-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-top:.75rem}.parametros-form .form-group input{width:100%;padding:.55rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.parametros-form .form-group input:focus{outline:none;border-color:#795548;box-shadow:0 0 0 3px #7955481a}.form-note{display:block;margin-top:.3rem;font-size:.75rem;color:#9ca3af;font-style:italic}.badge{display:inline-block;padding:.15rem .5rem;border-radius:10px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge-repostaje{background:#dbeafe;color:#1d4ed8}.badge-lectura{background:#fff3e0;color:#e65100}.stock-fill-bar{width:100%;height:6px;background:#ffffff40;border-radius:3px;margin-top:.35rem;overflow:hidden}.stock-fill-level{height:100%;background:#ffffffd9;border-radius:3px;transition:width .5s ease}.chart-legend-custom{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:#6b7280;margin-top:.25rem}.chart-dot-real{display:inline-block;width:10px;height:10px;border-radius:50%;background:#ef6c00;margin-right:.2rem}.chart-dot-estimated{display:inline-block;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid #ef6c00;margin-right:.2rem}@media (max-width: 768px){.parametros-fields-grid{grid-template-columns:1fr}.parametros-checkboxes{flex-direction:column;gap:.5rem}}.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 .card-connections-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.integraciones .card-connection-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.625rem .75rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.integraciones .connection-item-info{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;min-width:0;flex:1 1 auto}.integraciones .connection-vivienda{font-size:.875rem;font-weight:500;color:#374151}.integraciones .connection-alias{font-size:.75rem;color:#6b7280}.integraciones .connection-item-actions{display:flex;gap:.375rem;flex-wrap:wrap;flex-shrink:0}.integraciones .btn-sm{padding:.25rem .625rem!important;font-size:.75rem!important}.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,.integraciones .form-group select{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;background-color:#fff}.integraciones .form-group input:focus,.integraciones .form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.integraciones .form-group input:disabled,.integraciones .form-group select:disabled{background-color:#f9fafb;cursor:not-allowed}.integraciones .form-group .help-text{display:block;margin-top:.5rem;font-size:.75rem;color:#6b7280}.integraciones .form-group .help-link{display:inline-block;margin-top:.35rem;font-size:.75rem;color:#2563eb;text-decoration:none}.integraciones .form-group .help-link:hover{text-decoration:underline;color:#1d4ed8}.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 .linking-code-body{padding:1.5rem;text-align:center}.integraciones .linking-code-instructions{font-size:.95rem;color:#374151;margin:0 0 1.5rem;line-height:1.5}.integraciones .linking-code-display{font-size:2.5rem;font-weight:700;font-family:Monaco,Menlo,Consolas,monospace;letter-spacing:.5rem;color:#1a1a2e;background:#f0f7ff;border:2px dashed #3b82f6;border-radius:12px;padding:1rem 1.5rem;margin:0 auto 1.5rem;display:inline-block;-webkit-user-select:all;user-select:all}.integraciones .linking-code-steps{text-align:left;margin:0 auto 1rem;max-width:360px}.integraciones .linking-code-steps ol{margin:0;padding-left:1.25rem}.integraciones .linking-code-steps li{font-size:.875rem;color:#4b5563;margin-bottom:.5rem;line-height:1.4}.integraciones .linking-code-expiry{font-size:.8rem;color:#9ca3af;margin:0}.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 .device-select-modal{max-width:520px}.integraciones .device-select-body{padding:1.5rem}.integraciones .device-select-hint{font-size:.875rem;color:#6b7280;margin:0 0 1rem}.integraciones .device-select-list{display:flex;flex-direction:column;gap:.375rem;max-height:350px;overflow-y:auto}.integraciones .device-select-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:background-color .15s,border-color .15s}.integraciones .device-select-item:hover{background-color:#f9fafb;border-color:#d1d5db}.integraciones .device-select-item.offline{opacity:.6}.integraciones .device-select-item input[type=checkbox]{width:18px;height:18px;flex-shrink:0;accent-color:#3b82f6}.integraciones .device-select-name{flex:1;font-weight:500;color:#374151}.integraciones .device-select-type{font-size:.75rem;color:#6b7280;background:#f3f4f6;padding:.125rem .5rem;border-radius:9999px}.integraciones .device-select-offline{font-size:.7rem;color:#dc2626;background:#fee2e2;padding:.125rem .5rem;border-radius:9999px}.integraciones .device-select-status{font-size:.7rem;padding:.125rem .5rem;border-radius:9999px;flex-shrink:0}.integraciones .device-select-status.online{color:#059669;background:#d1fae5}.integraciones .device-select-status.offline{color:#dc2626;background:#fee2e2}.integraciones .device-select-count{font-size:.8rem;color:#6b7280;margin:.75rem 0 0;text-align:right}.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}}.habitaciones-config{max-width:900px}.habitaciones-header{margin-bottom:1.5rem}.habitaciones-header-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.habitaciones-header h2{margin:0;font-size:1.25rem}.habitaciones-header p{margin:0;color:var(--text-secondary);font-size:.9rem}.ha-warning{background:var(--bg-warning, #fff3cd);border:1px solid var(--border-warning, #ffc107);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.ha-warning p{margin:0 0 .5rem;font-size:.9rem}.ha-warning .config-link{display:inline-block;color:var(--accent, #1976d2);text-decoration:none;font-weight:500}.habitaciones-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.habitacion-item{background:var(--card-bg, #fff);border:1px solid var(--border, #e0e0e0);border-radius:8px;padding:.75rem 1rem}.habitacion-view{display:flex;align-items:center;justify-content:space-between;gap:1rem}.habitacion-info{flex:1;min-width:0}.habitacion-nombre{font-weight:600;font-size:1rem;display:block;margin-bottom:.25rem}.habitacion-sensors{display:flex;flex-wrap:wrap;gap:.35rem}.sensor-badge{font-size:.75rem;padding:.15rem .5rem;border-radius:4px;background:var(--bg-secondary, #f5f5f5);color:var(--text-secondary, #666);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px;display:inline-flex;align-items:center;gap:.3rem}.sensor-badge.temperature{background:#fff3e0;color:#e65100}.sensor-badge.humidity{background:#e3f2fd;color:#0d47a1}.sensor-badge.climate{background:#fce4ec;color:#b71c1c}.sensor-badge.none{background:var(--bg-secondary, #f5f5f5);color:var(--text-tertiary, #999);font-style:italic}.sensor-picker{display:flex;flex-direction:column;gap:.5rem}.sensor-search{width:100%;padding:.5rem .75rem;border:1px solid var(--border, #e0e0e0);border-radius:6px;font-size:.9rem;background:var(--card-bg, #fff);color:var(--text-primary, #333)}.sensor-search::placeholder{color:var(--text-tertiary, #999)}.sensor-checkbox-list{max-height:240px;overflow-y:auto;border:1px solid var(--border, #e0e0e0);border-radius:6px;display:flex;flex-direction:column}.sensor-checkbox-item{display:flex;align-items:center;gap:.5rem;padding:.45rem .75rem;cursor:pointer;border-bottom:1px solid var(--border-light, #f0f0f0);transition:background .1s;font-size:.85rem}.sensor-checkbox-item:last-child{border-bottom:none}.sensor-checkbox-item:hover{background:var(--bg-hover, #f9f9f9)}.sensor-checkbox-item.checked{background:var(--bg-selected, #f0f7ff)}.sensor-checkbox-item.temperature.checked{background:#fff8e1}.sensor-checkbox-item.humidity.checked{background:#e8f4fd}.sensor-checkbox-item.climate.checked{background:#fce8ec}.sensor-checkbox-item input[type=checkbox]{flex-shrink:0;width:16px;height:16px;cursor:pointer}.sensor-checkbox-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sensor-checkbox-detail{color:var(--text-tertiary, #999);font-size:.8rem;flex-shrink:0}.sensor-no-results{padding:.75rem;text-align:center;color:var(--text-tertiary, #999);font-size:.85rem;font-style:italic}.form-group.full-width{width:100%}.habitacion-actions{display:flex;gap:.25rem;flex-shrink:0}.btn-icon{width:32px;height:32px;border:1px solid var(--border, #e0e0e0);background:var(--card-bg, #fff);color:var(--text-secondary, #666);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:background .15s,color .15s}.btn-icon:hover:not(:disabled){background:var(--bg-secondary, #f5f5f5)}.btn-icon:disabled{opacity:.3;cursor:not-allowed}.btn-icon.edit:hover:not(:disabled){color:var(--accent, #1976d2);border-color:var(--accent, #1976d2)}.btn-icon.delete:hover:not(:disabled){color:#d32f2f;border-color:#d32f2f}.habitacion-edit{display:flex;flex-direction:column;gap:.75rem}.edit-row{display:flex;gap:.75rem}.edit-actions{display:flex;gap:.5rem}.add-habitacion-btn{white-space:nowrap;flex-shrink:0}.add-habitacion-form{display:flex;flex-direction:column;gap:.75rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--card-bg, #fff);border-radius:12px;width:100%;max-width:520px;max-height:85vh;overflow-y:auto;padding:1.5rem;box-shadow:0 8px 32px #0003}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.modal-header h3{margin:0;font-size:1.1rem}.modal-close{width:32px;height:32px;border:none;background:none;color:var(--text-secondary, #666);font-size:1.1rem;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--bg-secondary, #f5f5f5)}.modal-actions{display:flex;gap:.5rem;margin-top:.5rem}@media (max-width: 600px){.habitacion-view{flex-direction:column;align-items:flex-start}.habitacion-actions{align-self:flex-end}.modal-content{max-height:90vh}}.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 .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}.hora-reminder-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.hora-reminder-row input[type=time]{width:auto;flex:0 0 auto}.reminder-label{display:inline!important;font-size:.8rem;color:var(--text-secondary);margin:0!important;white-space:nowrap}.reminder-select{width:auto!important;flex:0 0 auto;min-width:140px}.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.detail-badge-right{margin:0 0 0 auto;flex-basis:auto}.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}}.notif-push-section{margin-bottom:2rem}.notif-push-section h2{margin-bottom:1rem}.push-card{background:var(--bg-card, #fff);border-radius:12px;border:1px solid var(--border-color, #e0e0e0);padding:1.25rem}.push-status{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.push-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:200px}.push-icon{font-size:1.5rem}.push-info strong{display:block;margin-bottom:2px}.push-desc{color:var(--text-secondary, #666);font-size:.85rem;margin:0}.push-actions{display:flex;gap:.5rem;flex-shrink:0}.btn-push-toggle{padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border-color, #ccc);cursor:pointer;font-weight:500;background:var(--bg-card, #fff);color:var(--text-primary, #333);transition:all .2s}.btn-push-toggle.active{background:#ef4444;color:#fff;border-color:#ef4444}.btn-push-toggle:not(.active){background:#22c55e;color:#fff;border-color:#22c55e}.btn-push-toggle:disabled{opacity:.5;cursor:not-allowed}.push-devices{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color, #e0e0e0)}.push-devices h4{font-size:.9rem;margin-bottom:.5rem;color:var(--text-secondary, #666)}.push-device{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.push-device+.push-device{border-top:1px solid var(--border-color, #eee)}.device-info{display:flex;gap:1rem;align-items:center}.device-agent{font-size:.9rem}.device-date{font-size:.8rem;color:var(--text-secondary, #888)}.btn-remove-device{background:none;border:none;color:#ef4444;font-size:1.2rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px}.btn-remove-device:hover{background:#fef2f2}.vivienda-manager{max-width:1200px}.vivienda-manager .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#666}.vivienda-manager .spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.vm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.vm-header h2{margin:0;font-size:1.25rem;color:#1a1a2e}.vm-cards{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem;margin-bottom:1.5rem}.vm-card{display:flex;align-items:center;gap:.75rem;background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:.75rem 1rem;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.vm-card:hover{border-color:var(--primary-light, #81c784)}.vm-card.active{border-color:var(--primary, #4caf50);background:#4caf500a;box-shadow:0 0 0 3px #4caf501f}.vm-card-main{display:flex;flex-direction:column;gap:.15rem}.vm-card-name{font-weight:600;font-size:.9rem;color:#1a1a2e}.vm-card-address{font-size:.75rem;color:#6b7280}.vm-card-actions{display:flex;align-items:center;gap:.35rem;margin-left:auto}.active-badge{font-size:.65rem;font-weight:600;text-transform:uppercase;background:var(--primary, #4caf50);color:#fff;padding:.15rem .5rem;border-radius:12px;letter-spacing:.5px}.btn-icon{background:none;border:none;cursor:pointer;font-size:.85rem;padding:.2rem;border-radius:4px;transition:background .2s;line-height:1}.btn-icon:hover{background:#f3f4f6}.btn-icon.danger:hover{background:#fee2e2}.vm-detail{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.vm-detail-header{padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.vm-detail-header h3{margin:0;font-size:1.1rem;color:#1a1a2e}.vm-detail-address{font-size:.85rem;color:#6b7280}.vm-subtabs{display:flex;gap:0;border-bottom:2px solid #e5e7eb;padding:0 1rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.vm-subtabs::-webkit-scrollbar{display:none}.vm-subtab{padding:.75rem 1.25rem;border:none;background:transparent;color:#6b7280;font-size:.9rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s;white-space:nowrap}.vm-subtab:hover{color:#3b82f6}.vm-subtab.active{color:#3b82f6;border-bottom-color:#3b82f6}.vm-subtab-content{padding:1.5rem}.vm-select-prompt{text-align:center;padding:3rem 2rem;background:#fff;border-radius:12px;border:2px dashed #e5e7eb;color:#6b7280}.vivienda-manager .empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;border:2px dashed #e5e7eb}.vivienda-manager .empty-icon{font-size:3rem;margin-bottom:1rem}.vivienda-manager .empty-state h2{color:#1a1a2e;margin-bottom:.5rem}.vivienda-manager .empty-state p{color:#6b7280;margin-bottom:1.5rem}.vivienda-manager .message{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.vivienda-manager .error-message{background:#f443361a;color:#d32f2f;border:1px solid rgba(244,67,54,.2)}.vivienda-manager .success-message{background:#4caf501a;color:#2e7d32;border:1px solid rgba(76,175,80,.2)}.vivienda-manager .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;padding:1rem}.vivienda-manager .modal{background:#fff;border-radius:12px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.vivienda-manager .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.vivienda-manager .modal-header h2{margin:0;font-size:1.2rem}.vivienda-manager .modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:.25rem}.vivienda-manager .modal-form{padding:1.5rem}.vivienda-manager .form-group{margin-bottom:1rem}.vivienda-manager .form-group label{display:block;margin-bottom:.4rem;font-weight:500;font-size:.9rem;color:#374151}.vivienda-manager .form-group input{width:100%;padding:.6rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;box-sizing:border-box}.vivienda-manager .form-group input:focus{outline:none;border-color:var(--primary, #4caf50);box-shadow:0 0 0 3px #4caf5026}.vivienda-manager .form-error{color:#dc2626;font-size:.85rem;margin-bottom:1rem}.vivienda-manager .modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.vivienda-manager .btn-primary{background:var(--primary, #4caf50);color:#fff;border:none;padding:.6rem 1.25rem;border-radius:8px;font-weight:500;cursor:pointer;font-size:.9rem;transition:background .2s}.vivienda-manager .btn-primary:hover{background:var(--primary-dark, #388e3c)}.vivienda-manager .btn-primary:disabled{opacity:.6;cursor:not-allowed}.vivienda-manager .btn-secondary{background:transparent;color:#374151;border:1px solid #d1d5db;padding:.6rem 1.25rem;border-radius:8px;font-weight:500;cursor:pointer;font-size:.9rem;transition:all .2s}.vivienda-manager .btn-secondary:hover{background:#f3f4f6}.vivienda-manager .btn-sm{font-size:.8rem;padding:.4rem .75rem}.vm-card .role-badge{font-size:.6rem;font-weight:600;padding:.1rem .4rem;border-radius:8px;text-transform:uppercase;letter-spacing:.3px}.vm-card .role-badge.owner{background:#dbeafe;color:#1d4ed8}.vm-card .role-badge.viewer{background:#f3f4f6;color:#6b7280}.vm-invitations{margin-bottom:1.5rem}.vm-invitations h3{font-size:1rem;color:#1a1a2e;margin:0 0 .75rem}.vm-invitation-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;margin-bottom:.5rem}.vm-invitation-info{display:flex;flex-direction:column;gap:.15rem}.vm-invitation-vivienda{font-weight:600;font-size:.9rem;color:#1a1a2e}.vm-invitation-from,.vm-invitation-role{font-size:.8rem;color:#6b7280}.vm-invitation-actions{display:flex;gap:.5rem;flex-shrink:0}.miembros-invite-section{margin-bottom:1.5rem}.miembros-invite-section h4{margin:0 0 .25rem;font-size:1rem}.invite-form{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.invite-form input[type=email]{flex:1;min-width:200px;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem}.invite-form input[type=email]:focus{outline:none;border-color:var(--primary, #4caf50);box-shadow:0 0 0 3px #4caf5026}.invite-form select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;background:#fff}.role-select:focus{outline:none;border-color:var(--primary, #4caf50)}.pending-label{color:#d97706;font-weight:500}.miembro-card.pending{background:#fffbeb;border-color:#fde68a}@media (max-width: 768px){.vm-cards{flex-direction:column}.vm-card{white-space:normal}.vm-subtabs{padding:0 .5rem}.vm-subtab{padding:.6rem .75rem;font-size:.8rem}.vm-subtab-content{padding:1rem}.vm-invitation-card{flex-direction:column;align-items:flex-start}.invite-form{flex-direction:column;align-items:stretch}.invite-form input[type=email]{min-width:0}}.comunidad-manager{width:100%}.cm-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.cm-header h2{font-size:1.1rem;color:var(--secondary);margin:0}.cm-header-actions{display:flex;gap:.5rem}.cm-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;margin-bottom:1.5rem}.cm-card{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s;background:#fff}.cm-card:hover{border-color:var(--primary);background:#4caf5005}.cm-card.active{border-color:var(--primary);background:#4caf500d}.cm-card-main{display:flex;flex-direction:column;gap:.15rem;min-width:0}.cm-card-name{font-weight:600;font-size:.95rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cm-card-address{font-size:.8rem;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cm-card-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.role-badge{font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:10px;text-transform:uppercase;letter-spacing:.3px}.role-badge.admin{background:#dbeafe;color:#1d4ed8}.role-badge.vecino,.role-badge.viewer{background:#f3f4f6;color:#6b7280}.role-badge.editor{background:#fef3c7;color:#92400e}.role-select{padding:.2rem .4rem;border:1px solid #d1d5db;border-radius:6px;font-size:.8rem;background:#fff;cursor:pointer}.role-select:focus{outline:none;border-color:var(--primary)}.active-badge{font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:10px;background:#dcfce7;color:#166534}.cm-detail{margin-top:1.5rem}.cm-detail-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.cm-detail-header h3{margin:0;font-size:1.15rem;color:var(--secondary)}.cm-detail-address{font-size:.85rem;color:#6b7280;display:block;margin-top:.15rem}.cm-code-box{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:#f3f4f6;border-radius:8px;font-size:.85rem}.cm-code-label{color:#6b7280}.cm-code-value{font-weight:700;font-family:monospace;font-size:1rem;letter-spacing:1px;color:var(--secondary)}.cm-subtabs{display:flex;gap:0;border-bottom:2px solid #e5e7eb;margin-bottom:1rem;overflow-x:auto;scrollbar-width:none}.cm-subtabs::-webkit-scrollbar{display:none}.cm-subtab{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:.85rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s;white-space:nowrap}.cm-subtab-icon{flex-shrink:0;opacity:.7}.cm-subtab:hover{color:var(--secondary)}.cm-subtab:hover .cm-subtab-icon{opacity:1}.cm-subtab.active{color:var(--primary);border-bottom-color:var(--primary)}.cm-subtab.active .cm-subtab-icon{opacity:1}.cm-subtab-content{padding-top:.5rem}.cm-select-prompt{text-align:center;padding:2rem;color:#6b7280}.cm-config{padding:1rem 0}.config-actions{display:flex;gap:.75rem;flex-wrap:wrap}.comunidad-manager .empty-state{text-align:center;padding:3rem 1.5rem}.comunidad-manager .empty-icon{font-size:3rem;margin-bottom:1rem}.comunidad-manager .empty-state h2{color:var(--secondary);font-size:1.2rem;margin:0 0 .5rem}.comunidad-manager .empty-state p{color:#6b7280;margin:0 0 1.5rem;max-width:400px;margin-left:auto;margin-right:auto}.empty-actions{display:flex;gap:.75rem;justify-content:center}.join-code-input{font-family:monospace;font-size:1.2rem!important;letter-spacing:2px;text-align:center;text-transform:uppercase}.btn-primary{background:var(--primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.btn-secondary{background:#fff;color:var(--text);border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.btn-danger{background:#dc2626;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-sm{padding:.375rem .75rem;font-size:.85rem}.btn-icon{background:none;border:none;cursor:pointer;padding:.25rem;color:#6b7280;transition:color .2s;display:flex;align-items:center}.btn-icon:hover{color:var(--primary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal{background:#fff;border-radius:12px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:1.1rem;color:var(--secondary)}.modal-close{background:none;border:none;font-size:1.5rem;color:#9ca3af;cursor:pointer;line-height:1}.modal-form{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.modal-form .form-group{display:flex;flex-direction:column;gap:.4rem}.modal-form label{font-weight:500;font-size:.9rem;color:var(--text)}.modal-form input,.modal-form select{padding:.625rem .875rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem;transition:border-color .2s}.modal-form input:focus,.modal-form select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4caf501a}.form-error{background:#fee2e2;border:1px solid #fecaca;color:#dc2626;padding:.5rem .75rem;border-radius:6px;font-size:.85rem}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.message{padding:.75rem 1rem;border-radius:8px;font-size:.9rem;margin-bottom:1rem}.error-message{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.success-message{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.loading-container{display:flex;flex-direction:column;align-items:center;padding:3rem;gap:1rem;color:#6b7280}.spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 600px){.cm-cards{grid-template-columns:1fr}.cm-detail-header{flex-direction:column;align-items:flex-start}}.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}.preference-item{display:flex;align-items:center;justify-content:space-between;gap:1rem}.preference-info{display:flex;flex-direction:column;gap:.2rem;flex:1}.preference-label{font-weight:500;font-size:.95rem;color:var(--text)}.preference-desc{font-size:.85rem;color:#6b7280}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:#d1d5db;border-radius:24px;transition:background-color .2s}.toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:transform .2s}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.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}.miembros-tab{width:100%}.miembros-code-section{background:#fff;border-radius:10px;padding:1.25rem;margin-bottom:1.5rem;border:1px solid #e5e7eb}.miembros-code-section h4{margin:0 0 .25rem;font-size:.95rem;color:var(--secondary)}.code-hint{color:#6b7280;font-size:.85rem;margin:0 0 .75rem}.code-display{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#f3f4f6;border-radius:8px;width:fit-content}.code-display .code-value{font-family:monospace;font-size:1.25rem;font-weight:700;letter-spacing:2px;color:var(--secondary)}.miembros-list-section h4{margin:0 0 .75rem;font-size:.95rem;color:var(--secondary)}.miembros-list{display:flex;flex-direction:column;gap:.5rem}.miembro-card{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.miembro-info{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.miembro-main{display:flex;flex-direction:column;gap:.1rem;min-width:0}.miembro-vivienda{font-weight:600;font-size:.95rem;color:var(--text)}.miembro-user{font-size:.8rem;color:#6b7280}.miembro-meta{display:flex;align-items:center;gap:.5rem;flex-shrink:0;margin-left:auto}.miembro-date{font-size:.75rem;color:#9ca3af}.miembro-actions{flex-shrink:0;margin-left:.5rem}@media (max-width: 600px){.miembro-card,.miembro-info{flex-direction:column;align-items:flex-start;gap:.5rem}.miembro-actions{margin-left:0;align-self:flex-end}}.mode-selector{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:1.5rem;overflow:hidden}.mode-selector-bg{position:absolute;top:0;right:0;bottom:0;left:0;filter:brightness(.4) saturate(.4) grayscale(.2);z-index:0}.mode-selector-bg:before,.mode-selector-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center}.mode-selector-bg:before{background-image:url(/images/landing/hero-house.jpg);-webkit-mask-image:linear-gradient(to right,black 0%,black 35%,transparent 65%);mask-image:linear-gradient(to right,black 0%,black 35%,transparent 65%)}.mode-selector-bg:after{background-image:url(/images/landing/mode-comunidades.jpg);-webkit-mask-image:linear-gradient(to right,transparent 35%,black 65%,black 100%);mask-image:linear-gradient(to right,transparent 35%,black 65%,black 100%)}.mode-selector-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(135deg,#1e3a5fbf,#0d253f99)}.mode-selector-loading{font-size:1.1rem;color:#ffffffb3;z-index:1}.mode-selector-logout{position:absolute;top:1.5rem;right:1.5rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:#ffffff1a;color:#fffc;cursor:pointer;transition:all .2s;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mode-selector-logout:hover{background:#f4433633;color:#ff6b6b;border-color:#f4433666}.mode-selector-greeting{color:#ffffffd9;font-size:1.1rem;font-weight:500;margin-bottom:1.5rem;z-index:1;text-shadow:0 1px 4px rgba(0,0,0,.3)}.mode-selector-stage{display:flex;align-items:stretch;justify-content:center;gap:32px;z-index:1;position:relative;width:80%;max-width:1100px;height:70vh;min-height:420px;max-height:600px}.mode-selector-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.mode-selector-logo-ring{width:280px;height:280px;border-radius:50%;background:#fffffff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;border:10px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000004d}.mode-selector-logo{width:180px;height:auto}.mode-card{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;border:none;outline:5px solid rgba(255,255,255,.85);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;padding:0}.mode-card:hover{flex:1.12}.mode-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:transform .6s cubic-bezier(.4,0,.2,1),filter .4s;filter:brightness(.6) saturate(.4) grayscale(.2)}.mode-card:hover .mode-card-bg{transform:scale(1.05);filter:brightness(.55) saturate(.7) grayscale(0)}.mode-card-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000a6,#00000040 40%,#0000001a,#00000026)}.mode-card-content{position:relative;z-index:1;width:100%;padding:2.5rem 2rem;text-align:center}.mode-card-content h3{font-size:1.6rem;font-weight:700;color:#fff;margin-bottom:.4rem;letter-spacing:.3px;text-shadow:0 2px 8px rgba(0,0,0,.4)}.mode-card-desc{font-size:.9rem;color:#fffc;line-height:1.4;margin-bottom:1rem;text-shadow:0 1px 4px rgba(0,0,0,.4)}.mode-card-badge{display:inline-block;padding:.35rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.3px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mode-card-badge--green{background:#4caf504d;color:#c8e6c9;border:1px solid rgba(76,175,80,.4)}.mode-card-badge--blue{background:#1565c04d;color:#bbdefb;border:1px solid rgba(21,101,192,.4)}.mode-card-badge--neutral{background:#ffffff26;color:#ffffffd9;border:1px solid rgba(255,255,255,.25)}.mode-card--viviendas{border-radius:20px}.mode-card--viviendas .mode-card-bg{background-image:url(/images/landing/hero-house.jpg)}.mode-card--viviendas:hover{box-shadow:inset 0 0 0 3px #4caf5080}.mode-card--comunidades{border-radius:20px}.mode-card--comunidades .mode-card-bg{background-image:url(/images/landing/mode-comunidades.jpg)}.mode-card--comunidades:hover{box-shadow:inset 0 0 0 3px #1565c080}@media (max-width: 700px){.mode-selector-stage{flex-direction:column;width:90%;height:auto;min-height:0;max-height:none;gap:24px}.mode-card{height:250px}.mode-card:hover{flex:1}.mode-selector-center{position:relative;top:auto;left:auto;transform:none;margin:-36px auto;order:1}.mode-card--viviendas{order:0}.mode-card--comunidades{order:2}.mode-selector-logo-ring{width:140px;height:140px;border-width:12px}.mode-selector-logo{width:80px}.mode-card-content h3{font-size:1.3rem}.mode-selector-greeting{margin-bottom:1rem}}.comunidad-home{max-width:1000px;margin:0 auto}.comunidad-home-title{font-size:1.5rem;font-weight:600;color:var(--text);margin-bottom:1.5rem}.optimizacion-panel{padding:0}.opt-loading,.opt-empty,.opt-error{text-align:center;padding:3rem 1rem;color:var(--text-secondary, #666)}.opt-error p{margin:.5rem 0}.opt-selector{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.opt-selector label{font-weight:500}.opt-selector select{padding:.4rem .75rem;border:1px solid var(--border-color, #ccc);border-radius:8px;background:var(--bg-card, #fff);color:var(--text-primary, #333)}.opt-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.opt-kpi{background:var(--bg-card, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:12px;padding:1rem;display:flex;flex-direction:column}.opt-kpi-warning{border-color:#fbbf24;background:#fffbeb}.opt-kpi-label{font-size:.8rem;color:var(--text-secondary, #888);margin-bottom:.25rem}.opt-kpi-value{font-size:1.25rem;font-weight:700;color:var(--text-primary, #333)}.opt-kpi-sub{font-size:.75rem;color:var(--text-secondary, #aaa);margin-top:.25rem}.opt-recommendation{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;border-radius:12px;margin-bottom:1.5rem}.opt-recommendation.has-savings{background:#f0fdf4;border:1px solid #bbf7d0}.opt-recommendation.no-savings{background:#eff6ff;border:1px solid #bfdbfe}.opt-rec-icon{font-size:1.5rem;flex-shrink:0}.opt-recommendation p{margin:0;font-size:.95rem;line-height:1.5;color:var(--text-primary, #333)}.opt-table-container{margin-bottom:1.5rem}.opt-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.opt-table-header h3{margin:0;font-size:1.1rem}.opt-table-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.opt-view-selector{display:flex;background:var(--bg-secondary, #f0f0f0);border-radius:6px;overflow:hidden}.opt-view-btn{padding:.3rem .7rem;border:none;background:transparent;color:var(--text-secondary, #666);cursor:pointer;font-size:.8rem;font-weight:500}.opt-view-btn.active{background:#3b82f6;color:#fff}.opt-months-selector{display:flex;gap:.25rem}.opt-month-btn{padding:.3rem .75rem;border:1px solid var(--border-color, #ccc);border-radius:6px;background:var(--bg-card, #fff);color:var(--text-secondary, #666);cursor:pointer;font-size:.8rem}.opt-month-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.opt-table{width:100%;border-collapse:collapse;font-size:.9rem}.opt-table th{text-align:left;padding:.6rem .75rem;border-bottom:2px solid var(--border-color, #e0e0e0);color:var(--text-secondary, #666);font-weight:600;font-size:.8rem}.opt-table td{padding:.6rem .75rem;border-bottom:1px solid var(--border-color, #f0f0f0)}.opt-rank{width:30px;text-align:center;color:var(--text-secondary, #aaa);font-weight:600}.opt-row-current{background:#fef2f2}.opt-row-best{background:#f0fdf4}.opt-name{font-weight:500}.opt-current-badge{display:inline-block;margin-left:.5rem;background:#fecaca;color:#dc2626;padding:.1rem .4rem;border-radius:8px;font-size:.7rem;font-weight:600}.opt-best-badge{display:inline-block;margin-left:.5rem;background:#bbf7d0;color:#16a34a;padding:.1rem .4rem;border-radius:8px;font-size:.7rem;font-weight:600}.opt-tipo{font-size:.8rem;color:var(--text-secondary, #888)}.opt-tipo-badge{display:inline-block;padding:.15rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;white-space:nowrap;cursor:help}.opt-savings{color:#16a34a;font-weight:600}.opt-extra{color:#dc2626}.opt-savings small,.opt-extra small{font-weight:400;font-size:.75rem}.opt-permanencia{font-size:.8rem;color:var(--text-secondary, #888)}.opt-fuel-section{margin-bottom:1.5rem;background:var(--bg-card, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:12px;overflow:hidden}.opt-fuel-toggle{width:100%;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:none;border:none;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--text-primary, #333);text-align:left}.opt-fuel-toggle:hover{background:var(--bg-secondary, #f8f9fa)}.opt-fuel-icon{font-size:1.1rem}.opt-fuel-arrow{margin-left:auto;font-size:.65rem;transition:transform .2s;color:var(--text-secondary, #888)}.opt-fuel-arrow.open{transform:rotate(180deg)}.opt-fuel-content{padding:0 1rem 1rem}.opt-fuel-desc{margin:0 0 .75rem;font-size:.82rem;color:var(--text-secondary, #666);line-height:1.45}.opt-fuel-inputs{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap}.opt-fuel-field{display:flex;flex-direction:column;gap:.25rem}.opt-fuel-field label{font-size:.78rem;font-weight:500;color:var(--text-secondary, #666)}.opt-fuel-field input{padding:.4rem .6rem;border:1px solid var(--border-color, #ccc);border-radius:6px;width:120px;font-size:.9rem;background:var(--bg-card, #fff);color:var(--text-primary, #333)}.opt-fuel-apply{padding:.4rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;white-space:nowrap}.opt-fuel-apply:hover{background:#2563eb}.opt-fuel-apply:disabled{opacity:.6;cursor:not-allowed}.opt-fuel-summary{margin-top:.75rem;font-size:.82rem;color:var(--text-secondary, #555);padding:.5rem .75rem;background:#f0fdf4;border-radius:6px}.opt-fuel-cell{white-space:nowrap}.opt-fuel-badge{color:#16a34a;font-weight:600;font-size:.85rem}.opt-fuel-badge small{font-weight:400;font-size:.72rem;color:var(--text-secondary, #888)}.opt-fuel-none{color:var(--text-secondary, #aaa)}.opt-adjusted{font-size:.9rem}.opt-chart{background:var(--bg-card, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:12px;padding:1rem;margin-bottom:1.5rem}.opt-chart h3{margin:0 0 .75rem;font-size:1rem}.opt-info-card{background:var(--bg-card, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:12px;padding:1rem;margin-bottom:1.5rem}.opt-info-card h4{margin:0 0 .75rem;font-size:.95rem}.opt-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem}.opt-info-item{display:flex;flex-direction:column;gap:.35rem;padding:.65rem;background:var(--bg-secondary, #f8f9fa);border-radius:8px}.opt-info-badge{display:inline-block;padding:.15rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;width:fit-content}.opt-info-item p{margin:0;font-size:.8rem;line-height:1.45;color:var(--text-secondary, #555)}.opt-distribution{background:var(--bg-card, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:12px;padding:1rem}.opt-distribution h4{margin:0 0 .75rem;font-size:.95rem}.opt-dist-bars{display:flex;flex-direction:column;gap:.5rem}.opt-dist-bar{display:flex;align-items:center;gap:.75rem}.opt-dist-label{width:65px;font-size:.8rem;font-weight:500;color:var(--text-secondary, #666)}.opt-dist-track{flex:1;height:18px;background:var(--bg-secondary, #f0f0f0);border-radius:9px;overflow:hidden}.opt-dist-fill{height:100%;border-radius:9px;transition:width .3s}.opt-dist-fill.p1{background:#ef4444}.opt-dist-fill.p2{background:#f59e0b}.opt-dist-fill.p3{background:#22c55e}.opt-dist-value{width:40px;text-align:right;font-size:.85rem;font-weight:600}.opt-dist-source{display:block;margin-top:.5rem;font-size:.75rem;color:var(--text-secondary, #aaa)}@media (max-width: 768px){.opt-kpis{grid-template-columns:repeat(2,1fr)}.opt-table{font-size:.8rem}.opt-table th:nth-child(n+5):not(:last-child),.opt-table td:nth-child(n+5):not(:last-child){display:none}.opt-fuel-inputs{flex-direction:column;align-items:stretch}.opt-fuel-field input{width:100%}}@media (max-width: 480px){.opt-kpis{grid-template-columns:1fr}}.optimizacion-page{padding:0}.optimizacion-page .page-header{margin-bottom:1.5rem}.optimizacion-page .page-header h1{margin:0 0 .25rem}.optimizacion-page .page-header p{margin:0;color:var(--text-secondary, #666);font-size:.9rem}.app-footer{margin-top:3rem;padding:1.5rem 0 1rem;border-top:1px solid var(--border);text-align:center;font-size:.8rem;color:var(--text-light)}.footer-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.6rem}.footer-links a{color:var(--text-light);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--primary)}.footer-sep{color:var(--border);-webkit-user-select:none;user-select:none}.footer-copy{color:var(--text-light);opacity:.7}.layout{display:flex;min-height:100vh;max-width:100vw;overflow-x:hidden}.sidebar{width:250px;background:linear-gradient(180deg,var(--secondary) 0%,var(--secondary-dark) 100%);color:#fff;padding:1rem 0;position:fixed;height:100vh;height:100dvh;display:flex;flex-direction:column}.logo{text-align:center;padding:1rem 1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.logo-container{display:inline-flex;align-items:center;justify-content:center;width:150px;height:150px;border-radius:50%;background:#fffffff2;box-shadow:0 4px 16px #00000040;border:5px solid rgba(255,255,255,.3);position:relative;overflow:hidden}.logo-image{width:120px;height:auto;display:block;margin-top:-15px}.logo-curved-text{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.logo-curved-text text{fill:var(--secondary, #1E3A5F);font-size:14px;font-weight:700;letter-spacing:3px;font-family:inherit}.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);overflow-x:hidden;min-width:0;position:relative}.content:before{content:"";position:fixed;top:0;right:0;bottom:0;left:250px;background-image:url(/images/landing/hero-house.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.08;pointer-events:none;z-index:0}.content>*{position:relative;z-index:1}.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}.change-mode-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}.change-mode-button:hover{background:#ffffff1a;color:#ffffffe6}.mobile-menu-btn{display:none;position:fixed;top:.75rem;left:.75rem;z-index:1001;width:44px;height:44px;border-radius:10px;border:none;background:var(--secondary);color:#fff;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.sidebar-close-row,.sidebar-backdrop{display:none}@media (max-width: 768px){.mobile-menu-btn{display:flex}.sidebar{transform:translate(-100%);transition:transform .3s ease;z-index:1000}.sidebar.sidebar--open{transform:translate(0)}.sidebar-close-row{display:flex;justify-content:flex-end;padding:.5rem .75rem 0}.sidebar-close-btn{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:.5rem}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:999}.content{margin-left:0;padding:4rem 1rem 1.5rem}.content:before{left:0}}@media (max-width: 480px){.content{padding:3.5rem .5rem 1rem}}.comunidad-sidebar{background:linear-gradient(180deg,#263238,#1a1a2e)}.comunidad-sidebar .nav-items li a.active{background:#1565c033;color:#42a5f5;border-left-color:#1565c0}.comunidad-sidebar .user-info.active{background:#1565c033;color:#42a5f5}.comunidad-layout .content:before{background-image:url(/images/landing/mode-comunidades.jpg)}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}: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}[data-theme=comunidad]{--primary: #1565C0;--primary-dark: #0D47A1;--primary-light: #42A5F5;--secondary: #263238;--secondary-dark: #1a1a2e;--secondary-light: #455A64;--accent: #FF6F00;--success: #2E7D32;--warning: #F57F17;--danger: #C62828;--info: #1565C0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--background);color:var(--text);line-height:1.6;overflow-x:hidden}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark)}.message{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.message-close{background:none;border:none;font-size:1.25rem;line-height:1;cursor:pointer;color:inherit;opacity:.6;padding:0 .25rem;flex-shrink:0}.message-close:hover{opacity:1}