/* Orama · Precios — estilos de la página /planes (cards Banktrack + tabla Holded) */
.orama-pricing{ --pr-line:var(--orama-line,rgba(124,162,255,.16)); }
.orama-pricing .orama-head h1{ font-size:clamp(2rem,4vw,3rem); color:var(--orama-text); margin:0 0 14px; }

/* Toggle mensual/anual */
.pr-billing{ display:flex; align-items:center; justify-content:center; gap:14px; margin:34px 0 30px; }
.pr-billing__lbl{ color:var(--orama-muted); font-size:.95rem; display:flex; align-items:center; gap:8px; }
.orama-pricing.is-annual .pr-billing__lbl:last-child,
.orama-pricing:not(.is-annual) .pr-billing__lbl:first-child{ color:var(--orama-text); font-weight:600; }
.pr-billing__save{ font-style:normal; font-size:.72rem; font-weight:600; color:var(--orama-brand-bright,#7CA2FF); background:rgba(84,134,255,.14); border:1px solid rgba(84,134,255,.3); padding:3px 9px; border-radius:999px; }
.pr-toggle{ width:52px; height:28px; border-radius:999px; border:1px solid var(--pr-line); background:rgba(255,255,255,.06); position:relative; cursor:pointer; padding:0; transition:background .2s ease; }
.pr-toggle:hover{ background:rgba(84,134,255,.12); border-color:rgba(84,134,255,.4); }
.orama-pricing.is-annual .pr-toggle:hover{ background:rgba(84,134,255,.32); }
.pr-toggle__knob{ position:absolute; top:2px; left:2px; width:22px; height:22px; border-radius:50%; background:var(--orama-muted,#97A6C2); transition:transform .22s var(--ease,cubic-bezier(.22,1,.36,1)), background .2s; }
.orama-pricing.is-annual .pr-toggle{ background:rgba(84,134,255,.25); border-color:rgba(84,134,255,.5); }
.orama-pricing.is-annual .pr-toggle__knob{ transform:translateX(24px); background:var(--orama-brand-bright,#7CA2FF); }

/* Tabs Pymes / Grupos (muy separadas) */
.pr-tabs{ display:flex; justify-content:center; gap:10px; margin:0 auto 40px; padding:6px; border:1px solid var(--pr-line); border-radius:999px; width:fit-content; background:rgba(255,255,255,.02); }
.pr-tab{ border:0; background:none; cursor:pointer; color:var(--orama-muted); font-size:1rem; font-weight:600; padding:11px 30px; border-radius:999px; transition:color .2s ease, background .2s ease; }
.pr-tab:hover{ color:var(--orama-text); background:rgba(84,134,255,.10); }
.pr-tab.is-active, .pr-tab.is-active:hover{ color:#fff; background:var(--orama-brand,#5486FF); box-shadow:0 8px 24px rgba(84,134,255,.3); }

/* Paneles */
.pr-panel{ display:none; }
.pr-panel.is-active{ display:block; }

/* Cards de plan (Banktrack) */
.pr-cards{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; max-width:1240px; margin:0 auto; align-items:start; }
.pr-card{ position:relative; display:flex; flex-direction:column; padding:28px 22px; border-radius:20px; border:1px solid var(--pr-line); background:rgba(255,255,255,.02); }
.pr-card--featured{ border-color:rgba(84,134,255,.5); background:linear-gradient(180deg,rgba(84,134,255,.12),rgba(84,134,255,.03)); box-shadow:0 30px 70px rgba(84,134,255,.16); }
.pr-card--custom{ border-style:dashed; border-color:rgba(124,162,255,.35); }
.pr-price__amount--custom{ font-size:1.9rem; }
.pr-card__badge{ position:absolute; top:-12px; left:50%; transform:translateX(-50%); background:var(--orama-brand,#5486FF); color:#fff; font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; padding:5px 14px; border-radius:999px; white-space:nowrap; }
.pr-card__name{ font-size:1.4rem; color:var(--orama-text); margin:0 0 6px; }
.pr-card__tagline{ color:var(--orama-muted); font-size:.9rem; line-height:1.5; margin:0 0 18px; min-height:42px; }
.pr-price{ display:flex; align-items:baseline; gap:6px; }
.pr-price__amount{ font-size:2.6rem; font-weight:700; color:var(--orama-text); letter-spacing:-0.02em; }
.pr-price__unit{ color:var(--orama-muted); font-size:.95rem; }
.pr-price__note{ color:var(--orama-muted); font-size:.78rem; margin-top:4px; min-height:18px; }
.pr-card__cta{ margin:20px 0 22px; width:100%; text-align:center; justify-content:center; }
.pr-card__feats{ list-style:none; margin:0; padding:18px 0 0; border-top:1px solid var(--pr-line); display:flex; flex-direction:column; gap:15px; }
.pr-feat{ display:flex; gap:12px; align-items:flex-start; }
.pr-feat__ic{ flex:0 0 auto; width:34px; height:34px; border-radius:10px; display:flex; align-items:center; justify-content:center; background:rgba(84,134,255,.12); color:var(--orama-brand-bright,#7CA2FF); }
.pr-feat__ic .ph{ font-size:18px; }
.pr-feat__txt{ display:flex; flex-direction:column; }
.pr-feat__t{ color:var(--orama-text); font-size:.92rem; font-weight:600; }
.pr-feat__s{ color:var(--orama-muted); font-size:.8rem; line-height:1.4; }
.pr-card__more{ margin-top:20px; color:var(--orama-brand-bright,#7CA2FF); font-size:.85rem; text-decoration:none; }
.pr-card__more:hover{ text-decoration:underline; }

/* === Tarjetas de planes en CLARO (tema blanco) === */
.orama-pricing .pr-card{ background:#fff; border-color:rgba(10,19,34,.08); box-shadow:0 18px 44px rgba(8,14,30,.28); }
.orama-pricing .pr-card--featured{ background:#F1F5FF; border-color:var(--orama-brand,#5486FF); box-shadow:0 32px 72px rgba(84,134,255,.28); }
.orama-pricing .pr-card--custom{ background:#fff; border-style:dashed; border-color:rgba(10,19,34,.18); }
.orama-pricing .pr-card__name{ color:#0A1322; }
.orama-pricing .pr-card__tagline{ color:#5b6b85; }
.orama-pricing .pr-price__amount, .orama-pricing .pr-price__amount--custom{ color:#0A1322; }
.orama-pricing .pr-price__unit{ color:#5b6b85; }
.orama-pricing .pr-price__note{ color:#8290a8; }
.orama-pricing .pr-card__feats{ border-top-color:rgba(10,19,34,.10); }
.orama-pricing .pr-feat__ic{ background:rgba(13,64,105,.10); color:var(--orama-brand-deep,#0D4069); }
.orama-pricing .pr-feat__t{ color:#0A1322; }
.orama-pricing .pr-feat__s{ color:#5b6b85; }
.orama-pricing .pr-card__more{ color:var(--orama-brand-deep,#0D4069); }
/* iconos, botones y flechas en azul oscuro sobre tarjeta blanca */
.orama-pricing .pr-card .orama-btn--primary{ background:var(--orama-brand-deep,#0D4069); color:#fff; }
.orama-pricing .pr-card .orama-btn--primary:hover{ background:#0a3253; }
.orama-pricing .pr-card .orama-btn--ghost{ color:var(--orama-brand-deep,#0D4069); border-color:rgba(13,64,105,.3); background:transparent; }
.orama-pricing .pr-card .orama-btn--ghost:hover{ border-color:var(--orama-brand-deep,#0D4069); color:var(--orama-brand-deep,#0D4069); background:rgba(13,64,105,.04); }

/* Tabla comparativa (Holded) */
.pr-table-wrap{ max-width:1080px; margin:64px auto 0; }
.pr-table-title{ text-align:center; font-size:1.6rem; color:var(--orama-text); margin:0 0 24px; }
.pr-table-scroll{ overflow:visible; -ms-overflow-style:none; scrollbar-width:none; }
.pr-table-scroll::-webkit-scrollbar{ display:none; }
.pr-table{ width:100%; min-width:640px; border-collapse:collapse; }
.pr-th{ position:sticky; top:76px; z-index:3; background:var(--orama-bg,#0A1322); padding:16px 18px; text-align:center; vertical-align:bottom; border-bottom:1px solid var(--pr-line); }
.pr-th--feat{ text-align:left; color:var(--orama-muted); font-size:.8rem; font-weight:600; text-transform:uppercase; letter-spacing:.06em; }
.pr-th__name{ display:block; color:var(--orama-text); font-size:1.05rem; font-weight:700; }
.pr-th__price{ display:block; color:var(--orama-muted); font-size:.82rem; margin-top:2px; }
.pr-th--featured{ background:var(--orama-bg-2,#0E1A30); border-top:2px solid var(--orama-brand,#5486FF); }
.pr-th--featured .pr-th__name{ color:var(--orama-brand-bright,#7CA2FF); }
.pr-row--cat td{ padding:22px 18px 10px; color:var(--orama-brand-bright,#7CA2FF); font-size:.74rem; font-weight:700; text-transform:uppercase; letter-spacing:.1em; }
.pr-cell{ padding:13px 18px; text-align:center; vertical-align:middle; border-bottom:1px solid var(--pr-line); color:var(--orama-text); font-size:.92rem; }
.pr-cell--feat{ text-align:left; color:var(--orama-text); display:flex; flex-direction:column; justify-content:center; }
.pr-amedida{ color:var(--orama-muted); font-size:.85rem; font-style:italic; }
.pr-th--custom .pr-th__name{ color:var(--orama-muted); }
.pr-cell__hint{ color:var(--orama-muted); font-size:.76rem; margin-top:2px; }
.pr-cell--featured{ background:rgba(84,134,255,.06); }
.pr-yes{ color:var(--orama-brand-bright,#7CA2FF); display:inline-flex; }
.pr-yes svg{ width:18px; height:18px; }
.pr-no{ color:var(--orama-muted); }
.pr-num{ font-weight:600; }

/* Modal Partners / Ad hoc */
.pr-scrim{ position:fixed; inset:0; z-index:9998; background:rgba(6,11,22,.8); backdrop-filter:blur(4px); }
.pr-modal{ position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center; padding:24px; }
.pr-modal[hidden], .pr-scrim[hidden]{ display:none !important; }
.pr-modal__box{ position:relative; width:min(560px,94vw); background:linear-gradient(180deg,#101a30,#0b1322); border:1px solid rgba(84,134,255,.3); border-radius:20px; padding:34px 32px; box-shadow:0 40px 90px rgba(0,0,0,.5); animation:prModalIn .25s ease; }
@keyframes prModalIn{ from{opacity:0; transform:translateY(12px)} to{opacity:1; transform:none} }
.pr-modal__box h3{ color:var(--orama-text); font-size:1.6rem; margin:8px 0 12px; }
.pr-modal__box p{ color:var(--orama-muted); line-height:1.6; margin:0 0 18px; }
.pr-modal__list{ list-style:none; margin:0 0 24px; padding:0; display:flex; flex-direction:column; gap:10px; }
.pr-modal__list li{ position:relative; padding-left:26px; color:var(--orama-text); font-size:.93rem; }
.pr-modal__list li::before{ content:""; position:absolute; left:0; top:7px; width:9px; height:9px; border-radius:50%; background:var(--orama-brand,#5486FF); }
.pr-modal__x{ position:absolute; top:14px; right:16px; background:none; border:0; color:var(--orama-muted); font-size:30px; line-height:1; cursor:pointer; }
.pr-modal__x:hover{ color:var(--orama-text); }

/* Responsive */
@media(max-width:1080px){ .pr-cards{ grid-template-columns:repeat(2,1fr); max-width:620px; } }
@media(max-width:860px){
  .pr-card__tagline{ min-height:0; }
  .pr-table-scroll{ overflow-x:auto; }
  .pr-th{ position:static; }
}
@media(max-width:560px){ .pr-cards{ grid-template-columns:1fr; max-width:420px; } }
@media(max-width:520px){ .pr-tab{ padding:10px 18px; font-size:.92rem; } }