@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap');

/* ===== SumaLibre: base ===== */
:root{--bs-body-font-family:'Montserrat',sans-serif}
body,h1,h2,h3,h4,h5,h6,p,a,li,button,input,textarea,select,label,.btn,.nav-link{font-family:'Montserrat',sans-serif !important}

/* ===== Cabecera y pie del sitio ===== */
#ss-header #ss-row-1,#ss-header .ss-mobile{background-color:#03154E !important}
#ss-footer #ss-footer-row-1,#ss-footer #ss-footnote-footer{background-color:#03154E !important}

/* ===== Bloques ===== */
.sl-hero{background:#03154E;color:#fff;padding:72px 20px 64px;text-align:center}
.sl-hero h1{font-size:clamp(32px,6.5vw,54px);line-height:1.12;font-weight:800;color:#fff;margin:0 0 16px}
.sl-hero h1 span{color:#00A8FB}
.sl-hero p{font-size:clamp(16px,2.4vw,20px);line-height:1.55;color:#DCE6FF;max-width:640px;margin:0 auto 32px}
.sl-cta{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;max-width:720px;margin:0 auto}
.sl-cta a{flex:1 1 280px}

.sl-sec{background:#fff;color:#00173D;padding:56px 20px}
.sl-sec.sl-soft{background:#F4F7FD}
.sl-wrap{max-width:1040px;margin:0 auto}
.sl-narrow{max-width:560px;margin:0 auto;text-align:center}
.sl-text{max-width:720px;margin:0 auto;text-align:left}
.sl-xp{--sl-accent:#01B7F5;--sl-accent2:#0EE0D0}
.sl-inv{--sl-accent:#38DB83;--sl-accent2:#74E452}

.sl-kicker{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#00173D;background:linear-gradient(90deg,var(--sl-accent,#00A8FB),var(--sl-accent2,#10D77C));padding:6px 12px;border-radius:999px;margin:0 0 14px}
.sl-sec h1{font-size:clamp(26px,5vw,38px);line-height:1.2;font-weight:800;color:#00173D;margin:0 0 12px}
.sl-sec h2{font-size:clamp(24px,4.4vw,34px);line-height:1.2;font-weight:800;color:#00173D;margin:0 0 12px}
.sl-sec h3{font-size:18px;line-height:1.3;font-weight:700;color:#00173D;margin:0 0 8px}
.sl-sec p{font-size:16px;line-height:1.65;color:#22325A;margin:0 0 16px}
.sl-sec p.sl-lead{font-size:18px;max-width:680px}
.sl-narrow p.sl-lead{margin-left:auto;margin-right:auto}

.sl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:28px 0 0}
.sl-card{background:#fff;border:1px solid #DDE4F2;border-top:5px solid var(--sl-accent,#004BFA);border-radius:14px;padding:20px 18px}
.sl-sec .sl-card p{font-size:15px;line-height:1.55;margin:0}

.sl-btn{display:block;padding:18px 22px;border-radius:14px;background:#004BFA;color:#fff !important;font-size:18px;font-weight:700;line-height:1.3;text-align:center;text-decoration:none !important;transition:transform .12s ease,box-shadow .12s ease}
.sl-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,23,61,.25)}
.sl-btn small{display:block;font-size:13px;font-weight:600;opacity:.85;margin-top:2px}
.sl-btn.sl-btn-xp{background:linear-gradient(90deg,#01B7F5,#0EE0D0);color:#00173D !important}
.sl-btn.sl-btn-inv{background:linear-gradient(90deg,#38DB83,#74E452);color:#00173D !important}
.sl-btn.sl-btn-night{background:#03154E;border-left:8px solid var(--sl-accent,#00A8FB)}
.sl-btns{display:flex;flex-direction:column;gap:14px;margin:0 0 28px}

.sl-empty{border:2px dashed var(--sl-accent,#00A8FB);border-radius:16px;padding:20px 18px;margin:0 0 24px;font-size:16px;line-height:1.55;color:#00173D;background:#F4FBFE}
.sl-social{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 0}
.sl-social a{display:inline-block;padding:10px 16px;border-radius:999px;border:2px solid var(--sl-accent,#004BFA);color:#00173D !important;font-size:14px;font-weight:700;text-decoration:none !important}
.sl-social a:hover{background:var(--sl-accent,#004BFA)}
.sl-sec p.sl-note{font-size:13px;line-height:1.55;color:#4A5876;margin:0}
.sl-text h2{font-size:22px;margin:32px 0 10px}
.sl-text ul{padding-left:20px;margin:0 0 16px}
.sl-text li{font-size:16px;line-height:1.65;color:#22325A;margin:0 0 6px}
.sl-text a{color:#004BFA}
a.sl-mail{font-size:20px;font-weight:700;color:#004BFA !important;text-decoration:none}

.sl-legal{background:#03154E;color:#DCE6FF;padding:28px 20px;text-align:center}
.sl-legal p{font-size:13px;line-height:1.6;color:#DCE6FF;margin:0 0 8px}
.sl-legal a{color:#fff !important;font-weight:600;text-decoration:underline}

/* ===== Cabecera compacta en teléfono ===== */
@media (max-width: 991.98px){
#ss-header .ss-mobile{padding:10px 16px !important;flex-wrap:nowrap !important}
#ss-header .ss-mobile .logo-header{width:40px !important;height:40px !important}
#ss-header .ss-mobile > div:last-child{flex:0 0 auto !important}
main#customPageContent{margin-top:60px !important}
}

/* ===== Pie de la plataforma oculto: cada página cierra con .sl-legal ===== */
#ss-footer{display:none !important}