/* ===== Planes: 4 tarjetas + Plan a Medida ===== */
.planes-grid.planes-grid-4{grid-template-columns:repeat(4,1fr);align-items:stretch}
.planes-grid-4 .plan-card{padding:24px 16px}
.planes-grid-4 .plan-features{flex:1}
.planes-grid-4 .plan-features li{font-size:13px}
.plan-precio small{font-size:13px;font-weight:600;color:#64748b;margin-right:4px}
.plan-card-medida{border-color:#0d9488;background:linear-gradient(180deg,#f0fdfa 0%,white 60%)}
.plan-btn-medida{background:linear-gradient(135deg,#0d9488,#0e7490);color:#fff;border:0}
.plan-btn-medida:hover:not(:disabled){filter:brightness(1.08)}
.plan-btn-medida:disabled{opacity:.5;cursor:not-allowed}
@media (max-width:1100px){.planes-grid.planes-grid-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.planes-grid.planes-grid-4{grid-template-columns:1fr}}

.plan-medida{background:#fff;color:#0f172a;border:2px solid #0d9488;border-radius:16px;padding:22px;margin:22px 0 8px;scroll-margin-top:90px;text-align:left}
.pm-cab{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px}
.pm-cab h3{margin:0 0 4px;font-size:20px;color:#0f172a}
.pm-cab p{margin:0;font-size:13.5px;color:#475569;max-width:560px;line-height:1.5}
.pm-quien{display:flex;gap:6px;background:#f1f5f9;padding:4px;border-radius:12px}
.pm-quien button{border:0;background:transparent;font:inherit;font-size:14px;font-weight:600;color:#475569;padding:9px 14px;border-radius:9px;cursor:pointer}
.pm-quien button[aria-pressed="true"]{background:#0d9488;color:#fff;box-shadow:0 2px 8px rgba(13,148,136,.35)}
.pm-sugerencia{margin:12px 0 4px;font-size:13px;color:#0f766e;background:#f0fdfa;border-radius:10px;padding:9px 12px}
.pm-cuerpo{display:grid;grid-template-columns:1fr 300px;gap:20px;margin-top:10px}
.pm-listas h4{margin:14px 0 8px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#64748b}
.pm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.pm-item{display:flex;align-items:center;gap:10px;border:1.5px solid #e2e8f0;border-radius:12px;padding:10px 12px;cursor:pointer;transition:border-color .15s,background .15s}
.pm-item:hover{border-color:#5eead4}
.pm-item.activo{border-color:#0d9488;background:#f0fdfa}
.pm-item input{width:18px;height:18px;accent-color:#0d9488;flex:none}
.pm-ico{width:34px;height:34px;border-radius:9px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:18px;flex:none;font-weight:700;color:#0f766e}
.pm-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.pm-txt strong{font-size:14px}
.pm-txt small{font-size:11.5px;color:#64748b;line-height:1.35}
.pm-precio{font-weight:700;font-size:13.5px;color:#0f766e;white-space:nowrap}
.pm-resumen{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:16px;align-self:start;position:sticky;top:90px}
.pm-resumen h4{margin:0 0 10px;font-size:15px}
.pm-resumen ul{list-style:none;margin:0 0 10px;padding:0;font-size:13px}
.pm-resumen li{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px dashed #e2e8f0}
.pm-resumen li.pm-vacio{color:#94a3b8;justify-content:center;border:0}
.pm-linea{display:flex;justify-content:space-between;font-size:13px;color:#475569;padding:3px 0}
.pm-desc{color:#0f766e;font-weight:600}
.pm-total{display:flex;justify-content:space-between;align-items:baseline;border-top:2px solid #0f172a;margin-top:8px;padding-top:10px}
.pm-total span{font-size:13px;color:#475569}
.pm-total strong{font-size:24px;color:#0f172a}
.pm-aviso{font-size:12.5px;background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:10px;padding:8px 10px;margin:10px 0 0}
.pm-resumen .plan-btn{width:100%;margin-top:12px}
@media (max-width:860px){.pm-cuerpo{grid-template-columns:1fr}.pm-resumen{position:static}}
@media (max-width:560px){.pm-grid{grid-template-columns:1fr}.plan-medida{padding:16px}.pm-quien{width:100%}.pm-quien button{flex:1}}

/* modo oscuro del sitio */
body.dark-mode .plan-medida,body.dark .plan-medida{background:#0f172a;color:#e2e8f0;border-color:#14b8a6}
body.dark-mode .pm-cab h3,body.dark .pm-cab h3,body.dark-mode .pm-total strong,body.dark .pm-total strong{color:#f1f5f9}
body.dark-mode .pm-item,body.dark .pm-item{border-color:#334155}
body.dark-mode .pm-item.activo,body.dark .pm-item.activo{background:#042f2e}
body.dark-mode .pm-ico,body.dark .pm-ico,body.dark-mode .pm-quien,body.dark .pm-quien{background:#1e293b}
body.dark-mode .pm-resumen,body.dark .pm-resumen{background:#1e293b;border-color:#334155}
body.dark-mode .pm-sugerencia,body.dark .pm-sugerencia{background:#042f2e;color:#5eead4}
body.dark-mode .pm-total,body.dark .pm-total{border-color:#e2e8f0}