/* css/precios.css — estilos de las cards de nivel del pricing B2C (SPRINT PRICING B2C).
   Fuente compartida para el bloque post-envío de informe.html (precios.html trae los suyos inline
   + estos como respaldo). Tokens del design system C2X: Outfit, carbón #0A0A0A, magenta #FF2D6B,
   verde VESTA #00A878, border-radius 0. */
.pcard{border:1px solid #E5E5E5;padding:22px 20px;display:flex;flex-direction:column;position:relative;background:#FFFFFF;font-family:'Outfit',sans-serif}
.pcard-dest{border:2px solid #FF2D6B}
/* Camino B · nivel elegido en el gate del informe (borde magenta, sin shift ni sombra) */
.pcard.on{border:2px solid #FF2D6B;padding:21px 19px}
.pcard-tag{position:absolute;top:-11px;left:20px;background:#FF2D6B;color:#FFFFFF;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px}
.pcard-nom{font-size:20px;font-weight:800;color:#0A0A0A}
.pcard-prom{font-size:13px;color:#555555;margin-top:6px;min-height:38px}
.pcard-precio{font-size:28px;font-weight:800;margin-top:14px;letter-spacing:-.02em;color:#0A0A0A}
.pcard-abon{font-size:11px;color:#00A878;font-weight:600;margin-top:4px}
.pcard-entrega{font-size:12px;color:#888888;margin-top:8px}
.pcard-inc{list-style:none;margin:16px 0;flex:1;padding:0}
.pcard-inc li{font-size:13px;color:#0A0A0A;padding:6px 0 6px 20px;position:relative;border-top:1px solid #F5F5F5}
.pcard-inc li:before{content:'✓';position:absolute;left:0;color:#00A878;font-weight:800}
.pcard-cta{margin-top:8px;padding:12px;font-family:'Outfit',sans-serif;font-size:13px;font-weight:700;letter-spacing:.03em;cursor:pointer;border:1px solid #0A0A0A;background:#FFFFFF;color:#0A0A0A}
.pcard-cta:hover{background:#FF2D6B;border-color:#FF2D6B;color:#FFFFFF}
.pcard-dest .pcard-cta{background:#FF2D6B;border-color:#FF2D6B;color:#FFFFFF}
.pcard-dest .pcard-cta:hover{background:#0A0A0A;border-color:#0A0A0A}
.pblock{border:1px solid #E5E5E5;padding:20px;margin-top:16px;font-family:'Outfit',sans-serif}
.pblock-t{font-size:16px;font-weight:800;margin-bottom:12px}
.pno ul{list-style:none;padding:0}
.pno li{font-size:13px;color:#555555;padding:6px 0 6px 18px;position:relative;border-top:1px solid #F5F5F5}
.pno li:before{content:'—';position:absolute;left:0;color:#888888}
.pno-cierre{font-size:12px;color:#888888;margin-top:12px;font-style:italic}
.pcasa{background:#0A0A0A;color:#FFFFFF;border-color:#0A0A0A}
.pcasa .pblock-t{color:#FFFFFF}
.pcasa-tx{font-size:14px;color:#CCCCCC;line-height:1.7}
.pcasa-acc{font-size:13px;color:#FF2D6B;font-weight:600;margin-top:12px}
@media(max-width:620px){ .esc-cards{grid-template-columns:1fr !important} }

/* emb2-1 · banda "100% abonable" (ancho completo) + línea de tramo + cards compactas. Carbón+magenta. */
.pabon-banda{background:#0A0A0A;color:#FFFFFF;display:flex;gap:22px;align-items:center;padding:22px 24px;margin:0 0 18px;font-family:'Outfit',sans-serif}
.pab-100{font-size:clamp(44px,7vw,72px);font-weight:800;color:#FF2D6B;line-height:.9;flex:0 0 auto}
.pab-body{flex:1;min-width:0}
.pab-t{text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:#FFFFFF;font-size:14px}
.pab-rule{height:1px;background:#333333;margin:10px 0}
.pab-cond{font-size:14px;line-height:1.5;display:flex;gap:8px;align-items:flex-start;margin-top:4px}
.pab-cond .pab-b{flex:0 0 auto;font-size:13px;line-height:1.6}
.pab-si{color:#FFFFFF} .pab-si .pab-b{color:#00A878}
.pab-no{color:#CCCCCC} .pab-no .pab-b{color:#888888}
.ptramo-wrap{margin:0 0 14px}
.ptramo-lbl{font-size:14px;color:#0A0A0A;font-family:'Outfit',sans-serif}
.ptramo-cambiar{color:#0193CE;font-size:12px;margin-left:8px;text-decoration:underline}
.ptramo-cambiar:hover{color:#FF2D6B}
.ptramo-chips{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap}
/* Gate v3: las 3 cards en una fila (0→1→2) hasta el celular real. */
.pcards-compact{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:1100px){ .pcards-compact{gap:11px} }
@media(max-width:767px){
  .pabon-banda{flex-direction:column;align-items:flex-start;gap:10px;padding:18px}
  .pab-cond{font-size:14px}
}
@media(max-width:640px){ .pcards-compact{grid-template-columns:1fr;gap:20px} }