/* ============================================================
   PRECIO (yellow on black per direction)
   ============================================================ */
.precio{background:var(--black);color:#fff;padding:120px 0;position:relative;overflow:hidden}
.precio .sec-head h2{color:#fff}
.precio-block{
  display:grid;grid-template-columns:1.3fr 1fr;gap:0;
  border:1px solid #1A1A1A;
}
.precio-left{
  padding:56px 56px 56px;background:var(--black);
  display:flex;flex-direction:column;justify-content:space-between;gap:32px;
  min-height:560px;
  border-right:1px solid #1A1A1A;
}
.precio-eyebrow{font-family:var(--f-mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted-d)}
.price-mega{display:flex;align-items:flex-start;gap:12px;margin:24px 0 16px}
.price-mega .dollar{font-family:var(--f-display);font-weight:800;font-size:88px;color:var(--yellow);line-height:1;margin-top:28px}
.price-mega .amt{font-family:var(--f-display);font-weight:900;font-size:clamp(180px,18vw,280px);letter-spacing:-0.065em;line-height:0.82;color:var(--yellow)}
.price-mega .ccy{font-family:var(--f-display);font-weight:800;font-size:56px;color:#fff;line-height:1;margin-top:64px}
.precio-sub{font-family:var(--f-body);font-size:18px;line-height:1.5;color:rgba(255,255,255,0.88);max-width:480px;margin:0}
.precio-value{
  font-family:var(--f-mono);font-size:13px;color:var(--muted-dd);margin-top:12px;
  display:flex;gap:14px;flex-wrap:wrap;align-items:center;
}
.precio-value .strike{text-decoration:line-through;text-decoration-thickness:1px}
.precio-value .save{color:var(--yellow)}
.precio-cta-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:24px}

.precio-right{
  padding:48px;background:#0A0A0A;display:flex;flex-direction:column;gap:24px;
}
.vlist{display:flex;flex-direction:column;gap:0}
.vlist .vi{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #1F1F1D;font-size:14px;line-height:1.4}
.vlist .vi:last-child{border-bottom:0}
.vlist .vname{font-family:var(--f-body);color:#fff;flex:1}
.vlist .vname .sub{display:block;font-size:11px;color:var(--muted-d);margin-top:2px;font-family:var(--f-mono);letter-spacing:0.06em}
.vlist .vamt{font-family:var(--f-mono);color:var(--yellow);font-size:13px;white-space:nowrap;font-weight:500}
.vtotal{display:flex;justify-content:space-between;padding:18px 0 0;border-top:2px solid var(--yellow);margin-top:8px}
.vtotal .vn{font-family:var(--f-display);font-weight:800;font-size:18px;color:#fff}
.vtotal .va{font-family:var(--f-display);font-weight:800;font-size:18px;color:var(--yellow)}
.guarantee{
  margin-top:auto;padding:20px;border:1px solid rgba(255,255,255,0.18);
  display:flex;gap:14px;align-items:flex-start;
}
.guarantee .gicon{width:36px;height:36px;background:var(--yellow);color:var(--black);font-family:var(--f-display);font-weight:900;display:flex;align-items:center;justify-content:center;flex:none;font-size:18px}
.guarantee .gt{font-family:var(--f-display);font-weight:800;font-size:15px;margin-bottom:4px;color:#fff}
.guarantee .gd{font-size:13px;color:rgba(255,255,255,0.82);line-height:1.5}

@media (max-width:900px){
  .precio{padding:80px 0}
  .precio-block{grid-template-columns:1fr}
  .precio-left{padding:36px 24px;min-height:0;border-right:0;border-bottom:1px solid #1A1A1A}
  .precio-right{padding:32px 24px}
  .price-mega{margin:16px 0 8px}
  .price-mega .dollar{font-size:56px;margin-top:14px}
  .price-mega .ccy{font-size:36px;margin-top:32px}
}
