/* ============ PANEL HOLOGRÁFICO — "Tu cotización" ============ */
.holo-scope{
  --holo-bg-panel:rgba(6,26,36,0.55);
  --holo-cyan:#4de8ff;
  --holo-cyan-bright:#9ff6ff;
  --holo-teal:#12e8c6;
  --holo-gold:#ffcf6b;
  --holo-line:rgba(77,232,255,0.35);
  --holo-line-soft:rgba(77,232,255,0.15);
  --holo-text:#dff8ff;
  --holo-text-dim:#7fb8c9;
  --holo-violet:#c9bfff;
}

.holo-eyebrow{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:14px;font-family:'Orbitron',sans-serif;
  font-size:10.5px;letter-spacing:.18em;color:var(--holo-cyan-bright);
}
.holo-eyebrow .holo-tag{display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none;transition:color .2s}
.holo-eyebrow .holo-tag:hover{color:var(--holo-cyan)}
.holo-eyebrow .holo-tag::before{
  content:"";width:8px;height:8px;background:var(--holo-teal);
  box-shadow:0 0 8px var(--holo-teal),0 0 16px var(--holo-teal);transform:rotate(45deg);
}
.holo-eyebrow .holo-id{color:var(--holo-text-dim)}

.holo-panel{
  position:relative;background:var(--holo-bg-panel);backdrop-filter:blur(6px);
  border:1px solid var(--holo-line);
  clip-path:polygon(0 18px,18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%);
  box-shadow:0 0 0 1px rgba(77,232,255,.08),0 0 40px rgba(18,232,214,.12),inset 0 0 60px rgba(18,90,110,.15);
  padding:26px 22px 22px;overflow:hidden;font-family:'Rajdhani',sans-serif;
}
.holo-panel::after{
  content:"";position:absolute;left:0;right:0;height:120px;top:-120px;
  background:linear-gradient(to bottom,transparent,rgba(77,232,255,.10),transparent);
  animation:holoSweep 5s linear infinite;pointer-events:none;
}
@keyframes holoSweep{0%{top:-120px}100%{top:100%}}

.holo-corner{position:absolute;width:16px;height:16px;border:2px solid var(--holo-cyan-bright);opacity:.85}
.holo-corner.tl{top:8px;left:8px;border-right:none;border-bottom:none}
.holo-corner.br{bottom:8px;right:8px;border-left:none;border-top:none}

.holo-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.holo-title-row h2{
  font-family:'Orbitron',sans-serif;font-size:14px;font-weight:700;letter-spacing:.06em;
  margin:0;color:var(--holo-cyan-bright);text-shadow:0 0 12px rgba(77,232,255,.6);
  text-transform:none;
}
.holo-badge{
  font-family:'Share Tech Mono',monospace;font-size:9.5px;letter-spacing:.14em;
  color:#04211e;background:linear-gradient(120deg,var(--holo-teal),var(--holo-cyan));
  padding:6px 13px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);
  box-shadow:0 0 14px rgba(18,232,198,.5);
}

.holo-row{
  display:flex;align-items:center;justify-content:space-between;
  padding:11px 2px;border-bottom:1px dashed var(--holo-line-soft);
}
.holo-row:last-child{border-bottom:none}
.holo-row .holo-label{display:flex;align-items:center;gap:11px;font-size:14.5px;font-weight:600;color:var(--holo-text)}
.holo-icon{
  width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--holo-line);background:rgba(77,232,255,.06);transform:rotate(45deg);
}
.holo-icon svg{transform:rotate(-45deg);width:13px;height:13px;stroke:var(--holo-cyan-bright)}
.holo-row .holo-value{font-family:'Share Tech Mono',monospace;font-size:14.5px;color:var(--holo-cyan-bright);letter-spacing:.02em}

.holo-divider{
  height:1px;margin:12px 0;
  background:repeating-linear-gradient(90deg,var(--holo-teal) 0 6px,transparent 6px 12px);
  opacity:.5;
}

.holo-subtotal .holo-row .holo-label{font-family:'Orbitron',sans-serif;font-size:12px;letter-spacing:.04em}
.holo-subtotal .holo-row .holo-value{font-size:15px}

.holo-row.holo-biz .holo-label,
.holo-row.holo-biz .holo-value{color:var(--holo-violet)}
.holo-row.holo-biz .holo-icon svg{stroke:var(--holo-violet)}
.holo-row.holo-biz .holo-icon{border-color:rgba(201,191,255,.4);background:rgba(157,140,255,.08)}

.holo-final{
  margin-top:16px;position:relative;
  background:linear-gradient(135deg,rgba(18,232,198,.14),rgba(4,18,26,.6));
  border:1px solid var(--holo-teal);
  clip-path:polygon(0 12px,12px 0,100% 0,100% 100%,0 100%);
  padding:15px 18px;box-shadow:0 0 24px rgba(18,232,198,.25),inset 0 0 20px rgba(18,232,198,.08);
}
.holo-final .holo-eyebrow-label{
  font-family:'Orbitron',sans-serif;font-size:9.5px;letter-spacing:.2em;
  color:var(--holo-teal);margin-bottom:6px;display:block;
}
.holo-final .holo-amount{
  font-family:'Orbitron',sans-serif;font-size:29px;font-weight:900;color:#eafffb;
  text-shadow:0 0 18px rgba(18,232,198,.7);
}
.holo-final .holo-arrow{
  position:absolute;left:-9px;top:50%;transform:translateY(-50%) rotate(45deg);
  width:14px;height:14px;background:var(--holo-teal);box-shadow:0 0 10px var(--holo-teal);
}

.holo-marketplace{
  margin-top:12px;display:flex;align-items:center;justify-content:space-between;
  gap:10px;flex-wrap:wrap;
  background:rgba(120,80,10,.25);border:1px solid rgba(255,207,107,.5);
  clip-path:polygon(0 12px,12px 0,100% 0,100% 100%,0 100%);padding:13px 18px;
}
.holo-marketplace .holo-label{
  font-family:'Orbitron',sans-serif;font-size:9.5px;letter-spacing:.14em;
  color:var(--holo-gold);text-transform:uppercase;
}
.holo-marketplace .holo-value{
  font-family:'Share Tech Mono',monospace;font-size:17px;color:var(--holo-gold);
  text-shadow:0 0 10px rgba(255,207,107,.5);
  overflow-wrap:break-word;min-width:0;
}

.holo-cta{
  margin-top:15px;width:100%;background:transparent;border:1px solid var(--holo-cyan-bright);
  color:var(--holo-cyan-bright);font-family:'Orbitron',sans-serif;font-size:11.5px;
  letter-spacing:.16em;text-transform:uppercase;padding:13px;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  cursor:pointer;transition:all .2s ease;
}
.holo-cta:hover{background:rgba(77,232,255,.12);box-shadow:0 0 22px rgba(77,232,255,.4)}
.holo-cta:focus-visible{outline:2px solid var(--holo-cyan-bright);outline-offset:3px}

.holo-footnote{
  text-align:center;margin-top:14px;font-family:'Share Tech Mono',monospace;
  font-size:9.5px;letter-spacing:.12em;color:var(--holo-text-dim);opacity:.6;
}

@media (prefers-reduced-motion:reduce){.holo-panel::after{animation:none}}