/* =============================================
   KINERGY CALCULATOR - ESTILOS ENCAPSULADOS
   Todos los estilos bajo .kinergy-calc para evitar conflictos
   ============================================= */

.kinergy-calc {
  --kc-bg:#0b0e12;
  --kc-card:#141922;
  --kc-muted:#99a3ad;
  --kc-text:#eaf2ff;
  --kc-brand:#FFCC00;
  --kc-brand-light:#FFE066;
  --kc-warn:#ff6b6b;
  --kc-accent:#121212;
  --kc-chip:#1d2430;
  --kc-chip-on:#0f1722;
  --kc-ring: 0 0 0 2px rgb(255 204 0 / .35);
  --kc-radius:18px;
  
  box-sizing:border-box;
  background:var(--kc-bg);
  color:var(--kc-text);
  font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  line-height:1.35;
}

.kinergy-calc *, .kinergy-calc *::before, .kinergy-calc *::after {
  box-sizing:border-box;
}

.kinergy-calc .kc-wrap{max-width:1100px;margin:auto;padding:28px 16px 64px}
.kinergy-calc .kc-title{font-size:clamp(24px,3.6vw,36px);margin:0 0 6px;color:var(--kc-text)}
.kinergy-calc .kc-subtitle{margin:18px 0 8px;font-size:1.1em;font-weight:600;color:var(--kc-text)}
.kinergy-calc .kc-lead{color:var(--kc-muted);margin:.25rem 0 1.25rem}

.kinergy-calc .kc-panel{background:var(--kc-card);border-radius:var(--kc-radius);padding:16px 16px}
.kinergy-calc .kc-grid{display:grid;gap:14px}
.kinergy-calc .kc-grid.kc-appliances{grid-template-columns:repeat( auto-fit, minmax(260px,1fr) )}
.kinergy-calc .kc-grid.kc-stations{grid-template-columns:repeat( auto-fit, minmax(260px,1fr) )}

.kinergy-calc .kc-appliance{background:linear-gradient(180deg,var(--kc-chip),var(--kc-chip-on));border-radius:16px;padding:14px;border:1px solid #1f2733;display:flex;gap:10px;align-items:center;overflow:hidden;transition:all 0.2s ease}
.kinergy-calc .kc-appliance.kc-active{border-color:var(--kc-brand);background:linear-gradient(180deg,#1a1f2a,#151a24);box-shadow:0 0 15px rgba(255,204,0,0.15)}
.kinergy-calc .kc-appliance.kc-active .kc-icon{background:var(--kc-brand);color:var(--kc-accent)}
.kinergy-calc .kc-appliance.kc-active .kc-name{color:var(--kc-brand)}
.kinergy-calc .kc-appliance .kc-icon{font-size:24px;width:36px;height:36px;display:grid;place-items:center;background:#0e1320;border-radius:10px;flex-shrink:0}
.kinergy-calc .kc-appliance .kc-meta{flex:1;min-width:0}
.kinergy-calc .kc-appliance .kc-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kinergy-calc .kc-appliance .kc-watts{color:var(--kc-muted);font-size:12.5px}
.kinergy-calc .kc-qty{display:flex;gap:6px;align-items:center;flex-shrink:0}
.kinergy-calc .kc-qty button{appearance:none;border:0;background:#0e1320;color:var(--kc-text);width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:16px;line-height:1;display:grid;place-items:center;flex-shrink:0}
.kinergy-calc .kc-qty button:focus{outline:none;box-shadow:var(--kc-ring)}
.kinergy-calc .kc-qty .kc-count{min-width:24px;text-align:center;font-variant-numeric:tabular-nums}

.kinergy-calc .kc-totals{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:16px 0 8px}
.kinergy-calc .kc-badge{background:#0e1320;border:1px solid #1f2733;color:var(--kc-muted);padding:8px 12px;border-radius:12px}
.kinergy-calc .kc-badge strong{color:var(--kc-text)}
.kinergy-calc .kc-hint{color:var(--kc-muted);font-size:12.5px}

.kinergy-calc .kc-station{background:linear-gradient(180deg,#101725,#0e1420);border:1px solid #1f2733;border-radius:18px;padding:14px}
.kinergy-calc .kc-st-head{display:flex;gap:12px;align-items:center;margin-bottom:6px}
.kinergy-calc .kc-st-img{width:60px;height:60px;object-fit:cover;border-radius:10px;background:#0e1320;flex-shrink:0}
.kinergy-calc .kc-st-name{font-weight:700}
.kinergy-calc .kc-st-specs{color:var(--kc-muted);font-size:12.5px}
.kinergy-calc .kc-meter{height:8px;background:#0f1525;border-radius:999px;overflow:hidden;margin:10px 0}
.kinergy-calc .kc-meter > i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--kc-brand),var(--kc-brand-light))}
.kinergy-calc .kc-runtime{font-size:14px}
.kinergy-calc .kc-runtime .kc-ok{color:var(--kc-brand)}
.kinergy-calc .kc-runtime .kc-na{color:var(--kc-warn)}
.kinergy-calc .kc-footnote{color:var(--kc-muted);font-size:12px;margin-top:16px}

.kinergy-calc .kc-controls{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 6px}
.kinergy-calc .kc-reset-btn{color:var(--kc-brand);text-decoration:none;cursor:pointer;background:#0e1320;padding:8px 14px;border-radius:10px;border:1px solid var(--kc-brand);font-weight:600;font-size:13px;display:inline-block;transition:all 0.2s}
.kinergy-calc .kc-reset-btn:hover{background:var(--kc-brand);color:var(--kc-accent);text-decoration:none}

/* Estación destacada (para páginas de producto) */
.kinergy-calc .kc-station.kc-highlighted{border:2px solid var(--kc-brand);box-shadow:0 0 20px rgba(255,204,0,0.3)}
.kinergy-calc .kc-station.kc-highlighted .kc-st-name{color:var(--kc-brand)}

/* Botón de compra en estaciones */
.kinergy-calc .kc-buy-btn{display:inline-block;background:var(--kc-brand);color:var(--kc-accent);padding:8px 16px;border-radius:10px;text-decoration:none;font-weight:600;font-size:13px;margin-top:10px;transition:all 0.2s}
.kinergy-calc .kc-buy-btn:hover{background:var(--kc-brand-light);transform:translateY(-1px)}

/* ===== RESPONSIVE ===== */

/* Modo embebido */
.kinergy-calc.kc-embedded .kc-wrap{max-width:100%;padding:16px 12px 32px}
.kinergy-calc.kc-embedded .kc-title{font-size:clamp(20px,3vw,28px)}
.kinergy-calc.kc-embedded .kc-panel{padding:12px}
.kinergy-calc.kc-embedded .kc-grid.kc-appliances{grid-template-columns:repeat(auto-fit, minmax(240px,1fr));gap:10px}
.kinergy-calc.kc-embedded .kc-grid.kc-stations{grid-template-columns:repeat(auto-fit, minmax(240px,1fr));gap:10px}

/* Tablets */
@media (max-width: 768px){
  .kinergy-calc .kc-wrap{padding:20px 12px 48px}
  .kinergy-calc .kc-title{font-size:22px}
  .kinergy-calc .kc-grid.kc-appliances{grid-template-columns:repeat(auto-fit, minmax(240px,1fr))}
  .kinergy-calc .kc-grid.kc-stations{grid-template-columns:1fr}
  .kinergy-calc .kc-appliance{padding:12px;gap:10px}
  .kinergy-calc .kc-appliance .kc-icon{width:32px;height:32px;font-size:20px}
  .kinergy-calc .kc-appliance .kc-name{font-size:14px}
  .kinergy-calc .kc-station{padding:12px}
  .kinergy-calc .kc-totals{flex-direction:column;align-items:stretch;gap:10px}
  .kinergy-calc .kc-badge{text-align:center}
  .kinergy-calc .kc-footnote{font-size:11px}
}

/* Móviles pequeños */
@media (max-width: 580px){
  .kinergy-calc .kc-wrap{padding:16px 10px 40px}
  .kinergy-calc .kc-title{font-size:20px}
  .kinergy-calc .kc-lead{font-size:14px}
  .kinergy-calc .kc-grid.kc-appliances{grid-template-columns:1fr}
  .kinergy-calc .kc-appliance{padding:12px 10px}
  .kinergy-calc .kc-appliance .kc-name{font-size:14px}
  .kinergy-calc .kc-qty button{width:28px;height:28px;font-size:14px}
  .kinergy-calc .kc-qty .kc-count{min-width:20px;font-size:14px}
  .kinergy-calc .kc-badge{padding:6px 10px;font-size:13px}
  .kinergy-calc .kc-hint{display:none}
  .kinergy-calc .kc-st-specs{font-size:11px}
  .kinergy-calc .kc-buy-btn{width:100%;text-align:center;padding:10px 16px}
}

/* Modo compacto para widgets pequeños */
.kinergy-calc.kc-compact .kc-wrap{padding:12px 10px 24px}
.kinergy-calc.kc-compact .kc-title,.kinergy-calc.kc-compact .kc-subtitle{display:none}
.kinergy-calc.kc-compact .kc-lead{margin:0 0 12px;font-size:13px}
.kinergy-calc.kc-compact .kc-grid.kc-appliances{grid-template-columns:repeat(auto-fit, minmax(220px,1fr));gap:8px}
.kinergy-calc.kc-compact .kc-appliance{padding:10px}
.kinergy-calc.kc-compact .kc-footnote{display:none}