.tarifrechner{--tr-primary:var(--primary,#ffba00);--tr-primary-dark:var(--primary-dark,#e5bc00);--tr-secondary:var(--secondary,#32373c);--tr-secondary-light:var(--secondary-light,#4a5058);--tr-border:#e5e7eb;--tr-bg:#f8f9fa;--tr-card:#fff;--tr-text:#313131;--tr-text-muted:#6b7280;--tr-text-dark:#1a1a1a;--tr-radius:10px;--tr-radius-lg:14px}.tr-form-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.tr-form-group{flex-direction:column;gap:.375rem;display:flex}.tr-form-group label{color:var(--tr-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.tr-input{border:1px solid var(--tr-border);width:100%;color:var(--tr-text);background:var(--tr-card);border-radius:8px;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.tr-input:focus{border-color:var(--tr-primary);outline:none;box-shadow:0 0 0 3px #ffba0026}.tr-select{border:1px solid var(--tr-border);width:100%;color:var(--tr-text);background:var(--tr-card);cursor:pointer;border-radius:8px;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .15s}.tr-select:focus{border-color:var(--tr-primary);outline:none;box-shadow:0 0 0 3px #ffba0026}.tr-toggle-btns{border:1px solid var(--tr-border);border-radius:8px;gap:0;display:flex;overflow:hidden}.tr-toggle-btn{background:var(--tr-bg);color:var(--tr-text-muted);cursor:pointer;border:none;flex:1;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .15s}.tr-toggle-btn:not(:last-child){border-right:1px solid var(--tr-border)}.tr-toggle-btn:hover:not(.active){background:#eee}.tr-toggle-btn.active{background:var(--tr-secondary);color:#fff;font-weight:600}.tr-form-group-verbrauch{grid-column:span 2}.tr-verbrauch-row{align-items:center;gap:1rem;display:flex}.tr-search-btn{border-radius:var(--tr-radius);background:linear-gradient(135deg,var(--tr-primary)0%,var(--tr-primary-dark)100%);color:var(--tr-secondary);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 2rem;font-size:.875rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #ffba004d}.tr-search-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #ffba0073}.tr-search-btn:disabled{opacity:.5;cursor:not-allowed}.tr-spinner{border:2px solid #0000001a;border-top-color:var(--tr-secondary);border-radius:50%;width:1rem;height:1rem;animation:.6s linear infinite tr-spin}.tr-spinner-lg{width:2rem;height:2rem}@keyframes tr-spin{to{transform:rotate(360deg)}}.tr-gv-card{border-radius:var(--tr-radius-lg);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #32373c1a;flex-direction:column;gap:1rem;margin-bottom:1.25rem;padding:1.5rem 2rem;display:flex;position:relative;overflow:hidden}.tr-gv-card:before{content:"";background:linear-gradient(90deg,var(--tr-secondary),var(--tr-secondary-light),var(--tr-secondary));height:3px;position:absolute;top:0;left:0;right:0}.tr-gv-header{color:var(--tr-text-dark);align-items:center;gap:.625rem;font-size:.9375rem;font-weight:800;display:flex}.tr-gv-header svg{color:#64748b;flex-shrink:0}.tr-gv-header-sub{color:var(--tr-text-muted);margin-left:.25rem;font-size:.8125rem;font-weight:500}.tr-gv-details{grid-template-columns:1fr auto auto auto;align-items:center;gap:1.5rem;display:grid}.tr-gv-item{flex-direction:column;gap:.125rem;display:flex}.tr-gv-label{color:var(--tr-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem;font-weight:600}.tr-gv-value{color:var(--tr-text-dark);font-size:1rem;font-weight:700}.tr-gv-total{text-align:center;background:#32373c0f;border-radius:8px;padding:.5rem 1.25rem}.tr-gv-total .tr-gv-label{color:#475569}.tr-gv-total .tr-gv-value{color:var(--tr-secondary);font-size:1.375rem;font-weight:800}.tr-filter-bar{background:var(--tr-card);border:1px solid var(--tr-border);border-radius:var(--tr-radius);flex-wrap:wrap;align-items:center;gap:1.25rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.tr-filter-group{align-items:center;gap:.5rem;display:flex}.tr-filter-label{color:var(--tr-text-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:.6875rem;font-weight:600}.tr-filter-presets{display:flex}.tr-filter-preset{border:1px solid var(--tr-border);color:var(--tr-text-muted);cursor:pointer;background:0 0;margin-left:-1px;padding:.3rem .6rem;font-size:.75rem;font-weight:600;transition:all .15s}.tr-filter-preset:first-child{border-radius:6px 0 0 6px;margin-left:0}.tr-filter-preset:last-child{border-radius:0 6px 6px 0}.tr-filter-preset:hover{color:var(--tr-secondary);background:#f1f5f9}.tr-filter-preset.active{background:var(--tr-secondary);border-color:var(--tr-secondary);color:#fff;z-index:1;position:relative}.tr-filter-sep{background:var(--tr-border);flex-shrink:0;width:1px;height:1.5rem}.tr-filter-toggle{cursor:pointer;color:var(--tr-text-muted);white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:.375rem;padding:.3rem .6rem;font-size:.75rem;font-weight:600;transition:all .15s;display:flex}.tr-filter-toggle:hover{color:var(--tr-secondary);background:#f1f5f9}.tr-filter-toggle.active{background:var(--tr-secondary);color:#fff;border-color:var(--tr-secondary)}.tr-filter-toggle input[type=checkbox]{display:none}.tr-filter-count{color:var(--tr-text-muted);white-space:nowrap;background:var(--tr-bg);border-radius:999px;margin-left:auto;padding:.2rem .6rem;font-size:.75rem;font-weight:600}@keyframes tr-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes tr-shimmer{0%{background-position:-200%}to{background-position:200%}}.tr-savings-hero{background:var(--tr-secondary);color:#fff;border-radius:16px;align-items:center;gap:2rem;margin-bottom:1.5rem;padding:1.5rem 2rem;animation:.5s both tr-fade-up;display:flex;position:relative;overflow:hidden}.tr-savings-hero-glow{pointer-events:none;background:radial-gradient(circle,#ffba0040 0%,#0000 70%);width:300px;height:300px;position:absolute;top:-50%;right:-10%}.tr-savings-hero-content{flex:1;position:relative}.tr-savings-hero-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--tr-primary);margin-bottom:.25rem;font-size:.6875rem;font-weight:700}.tr-savings-hero-amount{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 30%,var(--tr-primary)100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-weight:800;line-height:1.1;animation:4s infinite tr-shimmer}.tr-savings-hero-sub{color:#fff9;margin-top:.25rem;font-size:.8125rem;font-weight:500}.tr-savings-hero-stats{flex-shrink:0;align-items:center;gap:1.5rem;display:flex;position:relative}.tr-savings-hero-stat{flex-direction:column;align-items:center;gap:.125rem;display:flex}.tr-savings-hero-stat-value{color:var(--tr-primary);letter-spacing:-.01em;font-size:1.5rem;font-weight:800}.tr-savings-hero-stat-label{text-transform:uppercase;letter-spacing:.06em;color:#ffffff73;font-size:.625rem;font-weight:600}.tr-savings-hero-stat-divider{background:#ffffff26;width:1px;height:2.5rem}.tr-results-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.tr-results-title{color:var(--tr-text-dark);font-size:.8125rem;font-weight:700}.tr-tarif-list{flex-direction:column;gap:.5rem;display:flex}.tr-card{background:var(--tr-card);border:1px solid var(--tr-border);border-radius:var(--tr-radius-lg);grid-template-columns:3.5rem 1fr auto;align-items:stretch;transition:all .25s cubic-bezier(.4,0,.2,1);animation:.4s both tr-fade-up;display:grid;overflow:hidden}.tr-card:hover{border-color:#32373c1f;transform:translateY(-2px);box-shadow:0 8px 30px #0000000f,0 2px 8px #0000000a}.tr-card__rank{background:var(--tr-bg);border-right:1px solid var(--tr-border);flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:1rem 0;display:flex}.tr-card__rank-number{width:2rem;height:2rem;color:var(--tr-secondary);background:#32373c1a;border-radius:50%;justify-content:center;align-items:center;font-size:.8125rem;font-weight:800;display:flex}.tr-card__body{flex-direction:column;gap:.75rem;min-width:0;padding:1rem 1.25rem;display:flex}.tr-card__header{flex-direction:column;gap:.2rem;display:flex}.tr-card__provider{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.tr-card__provider-name{color:var(--tr-text-dark);font-size:.9375rem;font-weight:700}.tr-card__badges{gap:.375rem;display:flex}.tr-badge{white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;border-radius:999px;align-items:center;gap:.2rem;padding:.15rem .5rem;font-size:.5625rem;font-weight:700;display:inline-flex}.tr-badge--eco{color:#065f46;background:#d1fae5}.tr-badge--bonus{color:#5b21b6;background:#ede9fe}.tr-card__tarif-name{color:var(--tr-text-muted);font-size:.75rem;font-weight:500}.tr-card__meta{color:var(--tr-text-muted);align-items:center;gap:.5rem;font-size:.6875rem;display:flex}.tr-card__meta-dot{background:var(--tr-border);border-radius:50%;width:3px;height:3px}.tr-card__prices{align-items:center;gap:1.5rem;display:flex}.tr-card__price{flex-direction:column;gap:.0625rem;display:flex}.tr-card__price-label{color:var(--tr-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.5625rem;font-weight:600}.tr-card__price-value{color:var(--tr-text-dark);white-space:nowrap;font-size:.875rem;font-weight:700}.tr-card__price--total .tr-card__price-value{color:var(--tr-secondary);font-size:1rem;font-weight:800}.tr-card__savings{text-align:center;border-left:1px solid var(--tr-border);flex-direction:column;justify-content:center;align-items:center;gap:.25rem;min-width:130px;padding:1rem 1.5rem;display:flex}.tr-card__savings--positive{background:linear-gradient(#ecfdf5 0%,#d1fae5 100%);border-left-color:#10b98133}.tr-card__savings--negative{background:linear-gradient(#fef2f2 0%,#fee2e2 100%);border-left-color:#ef44441f}.tr-card__savings-amount{letter-spacing:-.02em;font-size:1.375rem;font-weight:800;line-height:1}.tr-card__savings--positive .tr-card__savings-amount{color:#047857}.tr-card__savings--negative .tr-card__savings-amount{color:#dc2626}.tr-card__savings-label{text-transform:uppercase;letter-spacing:.05em;font-size:.5625rem;font-weight:700;line-height:1}.tr-card__savings--positive .tr-card__savings-label{color:#059669}.tr-card__savings--negative .tr-card__savings-label{color:#b91c1c}.tr-card__savings-details{border-top:1px solid #10b98126;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.25rem;padding-top:.375rem;display:flex}.tr-card__savings-monthly{color:#059669;font-size:.6875rem;font-weight:600}.tr-card__savings-pct{color:#047857;background:#10b9811f;border-radius:999px;padding:.1rem .375rem;font-size:.625rem;font-weight:800}.tr-card__select-btn{text-transform:uppercase;letter-spacing:.04em;background:var(--tr-primary);color:var(--tr-secondary);cursor:pointer;white-space:nowrap;border:none;border-radius:6px;margin-top:.5rem;padding:.4rem 1rem;font-size:.6875rem;font-weight:700;transition:all .15s}.tr-card__select-btn:hover{background:var(--tr-primary-dark)}.tr-anf{background:var(--tr-card);border:1px solid var(--tr-border);border-radius:16px;margin-top:1.5rem;animation:.3s both tr-fade-up;overflow:hidden}.tr-anf-header{background:linear-gradient(135deg,#fff8e1 0%,#fef3c7 100%);border-bottom:1px solid #ffba0033;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex}.tr-anf-header-info h3{color:var(--tr-secondary);margin-bottom:.375rem;font-size:1.125rem;font-weight:800}.tr-anf-tarif-summary{color:var(--tr-secondary-light);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.tr-anf-tarif-price{color:var(--tr-secondary);font-weight:800}.tr-anf-tarif-detail{color:var(--tr-text-muted);font-size:.75rem}.tr-anf-tarif-saving{color:#047857;background:#10b98126;border-radius:999px;padding:.15rem .5rem;font-size:.6875rem;font-weight:700}.tr-anf-close{color:var(--tr-secondary-light);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:.25rem;transition:background .15s}.tr-anf-close:hover{background:#ffba0033}.tr-anf-choice{text-align:center;padding:2rem 1.5rem}.tr-anf-choice-title{color:var(--tr-text);margin-bottom:1.25rem;font-size:.9375rem;font-weight:600}.tr-anf-choice-options{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.tr-anf-choice-card{background:var(--tr-bg);border:2px solid var(--tr-border);cursor:pointer;text-align:center;color:var(--tr-text-muted);border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;transition:all .2s;display:flex}.tr-anf-choice-card:hover{border-color:var(--tr-primary);color:var(--tr-secondary);background:#fffbeb}.tr-anf-choice-card strong{color:var(--tr-text);font-size:.875rem}.tr-anf-choice-card:hover strong{color:var(--tr-secondary)}.tr-anf-choice-card span{font-size:.75rem;line-height:1.4}.tr-anf-form{padding:1.5rem}.tr-anf-section{border:none;margin:0 0 1.5rem;padding:0}.tr-anf-section:last-of-type{margin-bottom:1rem}.tr-anf-legend{text-transform:uppercase;letter-spacing:.05em;color:var(--tr-text-muted);border-bottom:1px solid var(--tr-border);width:100%;margin-bottom:.75rem;padding-bottom:.375rem;font-size:.75rem;font-weight:700}.tr-anf-row{gap:.75rem;margin-bottom:.75rem;display:grid}.tr-anf-row--2{grid-template-columns:1fr 1fr}.tr-anf-field{flex-direction:column;gap:.25rem;display:flex}.tr-anf-label{color:var(--tr-text-muted);font-size:.6875rem;font-weight:600}.tr-anf-required{color:#ef4444;margin-left:.125rem}.tr-anf-input{border:1px solid var(--tr-border);width:100%;color:var(--tr-text);background:var(--tr-card);border-radius:8px;padding:.5rem .75rem;font-family:inherit;font-size:.8125rem;transition:border-color .15s,box-shadow .15s}.tr-anf-input:focus{border-color:var(--tr-primary);outline:none;box-shadow:0 0 0 3px #ffba0026}.tr-anf-hint{color:var(--tr-text-muted);margin-bottom:1rem;font-size:.8125rem;line-height:1.5}.tr-anf-checkbox-row{color:var(--tr-text);cursor:pointer;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;font-size:.8125rem;line-height:1.4;display:flex}.tr-anf-checkbox-row input[type=checkbox]{accent-color:var(--tr-primary);flex-shrink:0;margin-top:.2rem}.tr-anf-checkbox-row--whatsapp{background-color:#ffba0014;border:1px solid #ffba0066;border-radius:.5rem;align-items:flex-start;gap:.625rem;padding:.875rem 1rem;font-size:.9rem;line-height:1.5}.tr-anf-error{color:#dc2626;background:#fef2f2;border:1px solid #ef444426;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.8125rem}.tr-anf-actions{border-top:1px solid var(--tr-border);justify-content:flex-end;gap:.75rem;padding-top:.75rem;display:flex}.tr-anf-btn{cursor:pointer;border:none;border-radius:10px;padding:.625rem 1.5rem;font-size:.8125rem;font-weight:700;transition:all .15s}.tr-anf-btn--primary{background:linear-gradient(135deg,var(--tr-primary),var(--tr-primary-dark));color:var(--tr-secondary);box-shadow:0 2px 8px #ffba004d}.tr-anf-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #ffba0066}.tr-anf-btn--primary:disabled{opacity:.5;cursor:not-allowed}.tr-anf-btn--secondary{background:var(--tr-bg);color:var(--tr-text-muted);border:1px solid var(--tr-border)}.tr-anf-btn--secondary:hover{background:#eee}.tr-anf-dropzone{border:2px dashed var(--tr-border);text-align:center;cursor:pointer;border-radius:12px;margin-bottom:.75rem;padding:2rem;transition:all .2s}.tr-anf-dropzone:hover,.tr-anf-dropzone--drag{border-color:var(--tr-primary);background:#fffbeb}.tr-anf-dropzone--has-file{border-style:solid;border-color:var(--tr-primary);background:#fffbeb;padding:1rem}.tr-anf-dropzone-empty{color:var(--tr-text-muted);flex-direction:column;align-items:center;gap:.5rem;display:flex}.tr-anf-dropzone-empty span{font-size:.8125rem}.tr-anf-dropzone-hint{color:#bbb!important;font-size:.6875rem!important}.tr-anf-dropzone-file{color:var(--tr-secondary);align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;display:flex}.tr-anf-link{color:var(--tr-primary-dark);cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem;font-weight:600;text-decoration:underline}.tr-anf-link:hover{color:var(--tr-secondary)}.tr-anf-success{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.tr-anf-success h3{color:#047857;font-size:1.25rem;font-weight:800}.tr-anf-success p{color:var(--tr-text-muted);max-width:400px;font-size:.9375rem}.tr-loading{color:var(--tr-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;font-size:.875rem;display:flex}.tr-empty{text-align:center;color:var(--tr-text-muted);background:var(--tr-card);border:1px dashed var(--tr-border);border-radius:var(--tr-radius);padding:4rem 2rem;font-size:.875rem}.tr-error{text-align:center;color:#dc2626;border-radius:var(--tr-radius);background:#fef2f2;border:1px solid #ef444426;margin-bottom:1rem;padding:1.5rem;font-size:.875rem}@media (max-width:768px){.tr-form-grid{grid-template-columns:1fr 1fr}.tr-form-group-verbrauch{grid-column:span 1}.tr-savings-hero{text-align:center;flex-direction:column;gap:1rem;padding:1.25rem}.tr-savings-hero-amount{font-size:1.75rem}.tr-card{grid-template-columns:1fr}.tr-card__rank{display:none}.tr-card__body{padding:1rem}.tr-card__provider-name:before{content:attr(data-rang);width:1.5rem;height:1.5rem;color:var(--tr-secondary);background:#32373c1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:.375rem;font-size:.6875rem;font-weight:800;display:inline-flex}.tr-card__savings{border-left:none;border-top:1px solid var(--tr-border);flex-flow:wrap;grid-column:1/-1;justify-content:center;gap:.5rem 1rem;min-width:0;padding:.75rem 1rem}.tr-card__savings--positive{border-top-color:#10b98133}.tr-card__savings-details{border-top:none;width:auto;margin-top:0;padding-top:0}.tr-card__prices{flex-wrap:wrap;gap:.5rem 1.25rem}.tr-gv-details{grid-template-columns:1fr 1fr;gap:.75rem}.tr-gv-card{padding:1.25rem}.tr-gv-total{grid-column:1/-1}.tr-filter-bar{flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem}.tr-filter-group{flex-direction:column;align-items:flex-start;gap:.375rem}.tr-filter-group--stromart{display:none}.tr-filter-presets{flex-wrap:wrap;width:100%}.tr-filter-preset{text-align:center;flex:1;min-width:0;padding:.4rem .5rem}.tr-filter-sep{display:none}.tr-filter-count{text-align:center;margin-left:0}.tr-search-btn{width:100%}.tr-anf-choice-options,.tr-anf-row--2{grid-template-columns:1fr}.tr-anf-form,.tr-anf-header{padding:1rem}.tr-anf-actions{flex-direction:column}.tr-anf-btn{text-align:center;width:100%}}@media (max-width:480px){.tr-form-grid{grid-template-columns:1fr}.tr-savings-hero{border-radius:12px;padding:1rem}.tr-savings-hero-amount{font-size:1.5rem}.tr-savings-hero-stats{flex-direction:row;gap:1rem}.tr-savings-hero-stat-value{font-size:1.25rem}.tr-card__body{padding:.75rem}.tr-card__meta{flex-wrap:wrap;gap:.25rem .5rem}.tr-gv-details{grid-template-columns:1fr}.tr-gv-total{grid-column:auto}.tr-gv-header{flex-wrap:wrap;font-size:.8125rem}}