/* Homepage sections (Oct 2026 revamp). Loaded only on / and /es/. */
.h-fams{padding:96px 0 40px}
.fam-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.fam{display:flex;flex-direction:column;background:var(--sheet);border:1px solid var(--rule);border-top:4px solid var(--seal);border-radius:10px;padding:26px 24px 22px;text-decoration:none;color:var(--ink);transition:border-color .15s,transform .15s,box-shadow .15s}
.fam:hover{border-color:var(--edge);border-top-color:var(--seal);transform:translateY(-2px);box-shadow:0 10px 24px rgba(27,42,58,.08)}
.fam-ico{width:44px;height:44px;border-radius:10px;background:var(--paper);display:grid;place-items:center;margin-bottom:16px}
.fam-ico svg{width:24px;height:24px;fill:none;stroke:var(--seal);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fam h3{font-size:21px;margin:0 0 8px;letter-spacing:-.01em}
.fam p{color:var(--muted);font-size:15px;margin:0 0 14px;line-height:1.5}
.fam ul{list-style:none;padding:0;margin:0 0 18px;font-size:14.5px;line-height:1.45}
.fam li{padding:6px 0;border-top:1px solid var(--rule)}
.fam-more{margin-top:auto;font-weight:600;color:var(--seal);font-size:15px}
.fam-more:after{content:" \2192"}
.h-pop{padding:64px 0 40px}
.h-all{margin:32px 0 0;text-align:center}
.h-how{padding:64px 0 96px}
.hsteps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:s}
.hsteps li{background:var(--paper);border-radius:10px;padding:28px 26px}
.step-n{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--navy);color:#fff;font-weight:700;margin-bottom:14px}
.hsteps h3{margin:0 0 8px;font-size:20px}
.hsteps p{margin:0;color:var(--muted);font-size:15.5px;line-height:1.55}
.guide-offer{display:inline-block;background:var(--sheet);border:1px dashed var(--seal);color:var(--seal);font-weight:700;border-radius:6px;padding:6px 12px;font-size:15px;margin:0 0 14px}
@media (max-width:1020px){.fam-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.h-fams{padding:64px 0 24px}.hsteps{grid-template-columns:1fr}.h-how{padding:48px 0 64px}}
@media (max-width:520px){.fam-grid{grid-template-columns:1fr}.fam ul{display:none}}
@media (prefers-reduced-motion:reduce){.fam{transition:none}.fam:hover{transform:none}}

/* navy theme v1 (Oct 19, 2026) */