/* SERCOFI Prestaciones - capa de producto sobre styles.css del sistema */
.mp{background:#f4f7fb;color:#101828}
.mp a{color:#073b91}.mp a:hover{color:#0b55c5}
.mp-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.mp-top{background:#fff;border-bottom:1px solid #e4e7ec;position:sticky;top:0;z-index:50}
.mp-top .mp-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}
.mp-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#101828}
.mp-brand img{height:38px;width:auto}
.mp-brand b{display:block;font-size:16px;letter-spacing:.02em}
.mp-brand small{display:block;font-size:12px;color:#667085}
.mp-nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

.mp-hero{padding:64px 0 40px}
.mp-hero .mp-wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:center}
.mp-kicker{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#073b91;margin-bottom:14px}
.mp-hero h1{font-size:clamp(30px,4.4vw,50px);line-height:1.08;margin:0 0 18px;color:#0b1f44;text-wrap:balance}
.mp-hero p{font-size:18px;line-height:1.6;color:#475467;margin:0 0 26px;max-width:560px;text-wrap:pretty}
.mp-cta{display:flex;gap:12px;flex-wrap:wrap}
.mp-proof{background:#0b1f44;color:#fff;border-radius:18px;padding:28px}
.mp-proof small{display:block;color:#9fb3d9;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}
.mp-proof-row{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:15px}
.mp-proof-row span{color:#c9d6ee}
.mp-proof-total{display:flex;justify-content:space-between;align-items:baseline;padding-top:16px}
.mp-proof-total b{font-size:28px}
.mp-proof p{margin:14px 0 0;font-size:12.5px;color:#9fb3d9;line-height:1.5}

.mp-section{padding:56px 0}
.mp-section h2{font-size:clamp(24px,3vw,34px);margin:0 0 10px;color:#0b1f44}
.mp-section .mp-lead{color:#475467;font-size:16px;margin:0 0 28px;max-width:680px}
.mp-feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.mp-feat{background:#fff;border:1px solid #e4e7ec;border-radius:14px;padding:22px}
.mp-feat b{display:block;font-size:16px;margin-bottom:8px;color:#0b1f44}
.mp-feat span{color:#475467;font-size:14.5px;line-height:1.55}

.mp-calc{background:#fff;border:1px solid #e4e7ec;border-radius:16px;padding:28px}
.mp-calc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.mp-calc-grid>*{min-width:0}
.mp-calc .calc-form{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}
.mp-out{background:#f7f9fc;border:1px solid #e4e7ec;border-radius:12px;padding:20px}
.mp-out table{width:100%;border-collapse:collapse;font-size:14px}
.mp-out td{padding:8px 0;border-bottom:1px solid #e4e7ec}
.mp-out td:last-child{text-align:right;font-weight:700;white-space:nowrap}
.mp-out .mp-out-total{display:flex;justify-content:space-between;align-items:baseline;margin-top:14px;font-size:15px}
.mp-out .mp-out-total b{font-size:24px;color:#073b91}
.mp-out-cta{margin-top:16px;padding:14px;border-radius:10px;background:#eef3fb;font-size:14px;color:#12305e;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}

.mp-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:860px}
.mp-plan{background:#fff;border:1px solid #e4e7ec;border-radius:16px;padding:26px;display:flex;flex-direction:column;gap:14px}
.mp-plan.pro{border:2px solid #073b91}
.mp-plan h3{margin:0;font-size:20px;color:#0b1f44}
.mp-price{font-size:26px;font-weight:800;color:#073b91}
.mp-plan ul{margin:0;padding-left:18px;color:#344054;font-size:14.5px;line-height:1.8}
.mp-foot{border-top:1px solid #e4e7ec;background:#fff;padding:26px 0;font-size:13px;color:#667085}
.mp-foot .mp-wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

/* App */
.mp-center{min-height:calc(100vh - 68px);display:flex;align-items:center;justify-content:center;padding:30px 18px}
.mp-card{background:#fff;border:1px solid #e4e7ec;border-radius:16px;padding:32px;width:min(520px,100%);box-shadow:0 10px 30px rgba(15,35,70,.06)}
.mp-card h1{font-size:24px;margin:0 0 8px;color:#0b1f44}
.mp-card p{color:#475467;margin:0 0 20px;line-height:1.55}
.mp-card form{display:grid;gap:14px}
.mp-card label{display:grid;gap:6px;font-size:13px;font-weight:600;color:#344054}
.mp-card input,.mp-card textarea{padding:10px 12px;border:1px solid #d0d5dd;border-radius:8px;font:inherit;font-size:14px}
.mp-msg{font-size:13.5px;min-height:18px;color:#b42318}
.mp-msg.ok{color:#166534}
.mp-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%}
.mp-planbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid #e4e7ec;border-radius:12px;padding:12px 16px;margin:18px 0}
.mp-badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:700;letter-spacing:.04em}
.mp-badge.gratis{background:#f2f4f7;color:#344054}
.mp-badge.pro{background:#073b91;color:#fff}
.mp-upsell{padding:16px;border-radius:12px;background:#eef3fb;border:1px solid #c9d8f0;color:#12305e;font-size:14px;line-height:1.55;margin-top:12px}
.mp-logo-prev{display:flex;align-items:center;gap:14px}
.mp-logo-prev img{max-height:56px;max-width:160px;object-fit:contain;border:1px solid #e4e7ec;border-radius:8px;padding:4px;background:#fff}
.mp-admin-table{width:100%;border-collapse:collapse;font-size:13.5px;background:#fff}
.mp-admin-table th,.mp-admin-table td{border:1px solid #e4e7ec;padding:9px 10px;text-align:left;vertical-align:top}
.mp-admin-table th{background:#eef3fb;color:#12305e}
.mp-row-actions{display:flex;gap:6px;flex-wrap:wrap}

@media screen and (max-width:1100px){ .mp-calc-grid{grid-template-columns:1fr} }
@media screen and (max-width:900px){
  .mp-hero .mp-wrap{grid-template-columns:1fr}
  .mp-hero{padding:36px 0 20px}
  .mp-wrap{padding:0 16px}
}
@media print{ .mp-top,.mp-planbar,.mp-noprint{display:none!important} .mp{background:#fff!important} }

/* móvil */
@media screen and (max-width:640px){
 .mp-top .mp-wrap{min-height:58px;padding-top:8px;padding-bottom:8px;flex-wrap:wrap}
 .mp-brand img{height:30px}.mp-brand small{display:none}
 #hdrUser{display:none}
 .mp-nav .btn{padding:9px 12px;font-size:13px}
 .mp-hero h1{font-size:30px}.mp-hero p{font-size:16px}
 .mp-cta .btn{flex:1 1 100%;text-align:center}
 .mp-proof,.mp-calc,.mp-card,.mp-plan{padding:18px}
 .mp-section{padding:36px 0}
 .mp-planbar{flex-direction:column;align-items:flex-start}
 .mp-logo-prev{flex-wrap:wrap}
}