@font-face{font-family:"Sg";src:url(fuentes/sg-nunito.woff2) format("woff2");font-weight:300 900;font-display:swap}
:root{--navy:#0b2545;--txt:#1e3a5f;--soft:#5a7190;--blue:#2563eb;--blue-d:#1d4ed8;--sky:#e0f2fe;--ice:#f4f9ff;--line:#dbe8f5;--amber:#f59e0b}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--txt);font:400 1.04rem/1.75 "Sg",system-ui,sans-serif}
a{color:var(--blue-d);text-underline-offset:3px}a:hover{color:var(--navy)}
.sg-skip{position:absolute;left:-999px}.sg-skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem}
.sg-w{max-width:74rem;margin:0 auto;padding:0 1.5rem}
.sg-bar{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;box-shadow:0 2px 12px rgba(11,37,69,.04)}
.sg-bar-in{display:flex;align-items:center;gap:2rem;height:4.4rem}
.sg-logo{display:flex;align-items:center;gap:.55rem;color:var(--navy);text-decoration:none;font-weight:800;font-size:1.15rem}
.sg-logo b{font-weight:600;color:var(--blue);margin-left:.1rem}
.sg-hx{width:26px;height:28px;background:linear-gradient(135deg,#38bdf8,#2563eb);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.sg-nav{display:flex;gap:1.4rem;overflow-x:auto}
.sg-nav a{color:var(--soft);text-decoration:none;font-weight:700;font-size:.95rem;white-space:nowrap;padding:.3rem 0}
.sg-nav a:hover,.sg-nav a[aria-current]{color:var(--blue-d)}.sg-nav a[aria-current]{box-shadow:inset 0 -2px 0 var(--blue)}
.sg-buy{margin-left:auto;white-space:nowrap;border:2px solid var(--blue);color:var(--blue-d);border-radius:10px;padding:.45rem .9rem;font-weight:800;font-size:.9rem;text-decoration:none}
.sg-buy:hover{background:var(--blue);color:#fff}
.sg-hero{background:linear-gradient(135deg,#f0f9ff 0,#eef4ff 55%,#fff7e6 100%);padding:4.2rem 0;border-bottom:1px solid var(--line)}
.sg-hero-in{display:grid;grid-template-columns:1.2fr 1fr;gap:2.5rem;align-items:center}
.sg-badge{display:inline-block;background:var(--navy);color:#fff;font-weight:800;font-size:.78rem;border-radius:8px;padding:.25rem .7rem;margin:0 0 1.2rem;letter-spacing:.02em}
.sg-hero h1{font-weight:900;font-size:clamp(2.3rem,4.8vw,3.5rem);line-height:1.07;letter-spacing:-.02em;color:var(--navy);margin:0 0 1rem}
.sg-lead{font-size:1.15rem;color:var(--soft);max-width:40rem;margin:0}
.sg-quick{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.8rem}
.sg-btn{background:var(--blue);color:#fff;text-decoration:none;font-weight:800;border-radius:12px;padding:.75rem 1.2rem;box-shadow:0 8px 20px rgba(37,99,235,.25)}
.sg-btn:hover{background:var(--blue-d);color:#fff}.sg-btn-g{background:#fff;color:var(--navy);box-shadow:0 4px 14px rgba(11,37,69,.08)}.sg-btn-g:hover{background:var(--sky);color:var(--navy)}
.sg-hexart{width:100%;max-width:26rem;justify-self:center;filter:drop-shadow(0 18px 30px rgba(37,99,235,.15))}
.sg-homebody{max-width:50rem;padding-top:3rem;padding-bottom:3.5rem}
.sg-homebody h2,.sg-body h2{color:var(--navy);font-weight:900;font-size:1.6rem;line-height:1.25;margin:2.6rem 0 .8rem;scroll-margin-top:6rem}
.sg-body h3{color:var(--navy);font-weight:800;font-size:1.12rem;margin:1.6rem 0 .4rem}
.sg-tarjetas{list-style:none;padding:0;margin:2rem 0;display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem}
.sg-tarjetas li{background:var(--ice);border:1px solid var(--line);border-radius:18px;padding:1.1rem}
.sg-tarjetas li:hover{background:#fff;box-shadow:0 12px 28px rgba(11,37,69,.08)}
.sg-n{display:inline-grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:50%;background:#fff;color:var(--blue);font-weight:900;font-size:.85rem;border:2px solid var(--line)}
.sg-tarjetas a{display:block;font-weight:800;color:var(--navy);text-decoration:none;margin:.6rem 0 .2rem;line-height:1.3}
.sg-tarjetas p{margin:0;font-size:.87rem;color:var(--soft);line-height:1.5}
.sg-shop{display:flex;gap:1rem;align-items:flex-start;background:var(--navy);color:#dbeafe;border-radius:18px;padding:1.4rem 1.5rem;margin:2.5rem 0}
.sg-shop a{color:#7dd3fc}.sg-shop a:hover{color:#fff}.sg-shop p{margin:0}
.sg-shop-i{flex:none;display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:12px;background:linear-gradient(135deg,#38bdf8,#2563eb);color:#fff;font-weight:900;font-size:.85rem}
.sg-shop-t{color:#fff;font-weight:800;font-size:1.1rem;margin-bottom:.3rem!important}
.sg-pagehead{background:linear-gradient(135deg,#f0f9ff,#eef4ff);border-bottom:1px solid var(--line);padding:3rem 0 2.6rem}
.sg-pagehead h1{font-weight:900;color:var(--navy);font-size:clamp(2rem,4vw,2.8rem);line-height:1.1;margin:0 0 .8rem}
.sg-crumb{font-weight:700;font-size:.85rem;color:var(--soft);margin:0 0 .8rem}.sg-crumb a{text-decoration:none}
.sg-layout{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:3.5rem;padding-top:2.6rem;padding-bottom:4rem}
.sg-left{position:sticky;top:6rem;align-self:start}
.sg-toc{border-left:3px solid var(--line);padding-left:1rem}
.sg-toc p{font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--blue);margin:0 0 .6rem}
.sg-toc a{display:block;color:var(--soft);text-decoration:none;font-size:.9rem;font-weight:700;padding:.3rem 0;line-height:1.35}.sg-toc a:hover,.sg-toc a[aria-current]{color:var(--blue-d)}
.sg-body{max-width:46rem}.sg-body>h2:first-child{margin-top:0}
.sg-ficha{list-style:none;padding:0;margin:1rem 0;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.sg-ficha li{position:relative;padding:.7rem 1rem .7rem 12.5rem;border-bottom:1px solid var(--line);font-size:.93rem}.sg-ficha li:last-child{border:0}.sg-ficha li:nth-child(odd){background:var(--ice)}
.sg-ficha span{position:absolute;left:1rem;top:.7rem;width:11rem;font-weight:800;color:var(--navy)}
.sg-recuadro{background:#fffbeb;border:1px solid #fde68a;border-radius:16px;padding:1rem 1.3rem;margin:1.6rem 0}
.sg-estudio{border:1px solid var(--line);border-radius:18px;padding:1.2rem 1.4rem;margin:1.2rem 0;background:#fff;box-shadow:0 6px 18px rgba(11,37,69,.04)}
.sg-estudio h3{margin-top:0!important}.sg-estudio dl{display:grid;grid-template-columns:7rem 1fr;gap:.25rem .8rem;font-size:.9rem;margin:0 0 .6rem}.sg-estudio dt{font-weight:800;color:var(--soft)}.sg-estudio dd{margin:0}.sg-estudio p{margin:0}
.sg-dudas dt{font-weight:800;color:var(--navy);font-size:1.1rem;margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid var(--line)}.sg-dudas dt:first-child{border:0;margin-top:0;padding-top:0}
.sg-dudas dd{margin:.4rem 0 0;color:var(--soft)}
.sg-refs{font-size:.86rem;color:var(--soft);padding-left:1.2rem}.sg-refs li{margin:.5rem 0}
table{border-collapse:collapse;width:100%;font-size:.9rem;margin:1.2rem 0}th,td{text-align:left;padding:.6rem;border-bottom:1px solid var(--line)}th{background:var(--ice)}
.sg-foot{background:var(--navy);color:#a9bdd6;font-size:.9rem}
.sg-foot-in{display:grid;grid-template-columns:1.3fr 1fr 1.2fr;gap:2.5rem;padding-top:3rem;padding-bottom:2.5rem}
.sg-foot a{display:block;color:#e0ecfa;text-decoration:none;padding:.15rem 0}.sg-foot a:hover{color:#7dd3fc}
.sg-logo-f{color:#fff}.sg-logo-f b{color:#7dd3fc}.sg-ft{color:#fff;font-weight:800;margin:0 0 .6rem}
@media (max-width:960px){.sg-hero-in,.sg-layout,.sg-foot-in{grid-template-columns:1fr}.sg-hexart{display:none}.sg-left{position:static}.sg-tarjetas{grid-template-columns:1fr 1fr}.sg-buy{display:none}.sg-bar-in{gap:1rem}.sg-ficha li{padding-left:1rem}.sg-ficha span{position:static;display:block;width:auto}}