@font-face{font-family:'Sora';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/sora-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Sora';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/sora-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/manrope-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/manrope-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/manrope-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/manrope-latin-700-normal.woff2') format('woff2')}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#0E0E0C;font-family:Manrope,system-ui,sans-serif;color:#0E0E0C;-webkit-font-smoothing:antialiased}
a{color:#0E0E0C}a:hover{color:#3A3A34}
img{max-width:100%}
.menu-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1.5px solid #0E0E0C;border-radius:12px;background:transparent;cursor:pointer}
.nav-group{position:relative;display:flex;align-items:center}
.nav-sub{display:none;position:absolute;top:100%;left:-18px;min-width:210px;flex-direction:column;background:#FAFAF4;border:1.5px solid #0E0E0C;border-radius:14px;padding:8px;box-shadow:6px 6px 0 #0E0E0C;z-index:20}
.nav-sub a{padding:10px 12px;border-radius:10px;font-weight:600}
.nav-sub a:hover,.nav-sub a:focus{background:#E6F8AE}
.nav-group:hover .nav-sub,.nav-group:focus-within .nav-sub{display:flex}
.finaro-form-card{background:#FAFAF4;border:1.5px solid #0E0E0C;border-radius:24px;padding:40px;box-shadow:12px 12px 0 #0E0E0C}

/* Pantallas grandes: centrar el contenido */
@media (min-width:1600px){
  section{padding-left:calc((100vw - 1248px)/2)!important;padding-right:calc((100vw - 1248px)/2)!important}
}

/* Tablet y móvil */
@media (max-width:1024px){
  section{padding-left:24px!important;padding-right:24px!important}
  section[style*="padding: 112px"]{padding-top:72px!important;padding-bottom:72px!important}
  [style*="grid-template-columns"]{grid-template-columns:1fr!important}
  [style*="grid-column"]{grid-column:auto!important}
  [style*="repeat(4, minmax(0, 1fr)); gap: 8px"]{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  [style*="repeat(4, minmax(0, 1fr)); gap: 16px"],
  [style*="repeat(4, minmax(0, 1fr)); gap: 20px"],
  [style*="repeat(4, minmax(0, 1fr)); gap: 24px"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [style*="justify-content: space-between"]{flex-wrap:wrap}
  [style*="gap: 96px"],[style*="gap: 88px"]{gap:48px!important}
  [style*="gap: 80px"],[style*="gap: 72px"],[style*="gap: 64px"]{gap:40px!important}
  [style*="padding: 64px"]{padding:32px!important}
  [style*="padding: 48px"]{padding:28px!important}
  [style*="align-items: stretch"]{flex-direction:column}
  [style*="width: 96px; display: flex"]{width:auto!important;height:56px;transform:rotate(90deg)}
  [style*="justify-content: center; gap: 40px"]{flex-wrap:wrap;gap:24px!important}
  h1{font-size:44px!important}
  h2{font-size:34px!important}
  nav{flex-wrap:wrap;gap:16px}
  .menu-toggle{display:flex}
  nav>div{display:none!important;width:100%;flex-direction:column;align-items:stretch!important;gap:0!important;padding-top:8px}
  nav.open>div{display:flex!important}
  nav>div>a{padding:14px 0!important;border-bottom:1px solid rgba(14,14,12,.15);font-size:18px}
  .nav-group{flex-direction:column;align-items:stretch}
  .nav-group .nav-top{display:none}
  .nav-sub{display:flex;position:static;border:0;box-shadow:none;padding:0;background:transparent;min-width:0}
  .nav-sub a{padding:14px 0!important;border-bottom:1px solid rgba(14,14,12,.15);border-radius:0;font-size:18px}
  nav>div>a[href*="calculadora"],nav>div>a[href*="savings-calculator"]{text-align:center;padding:14px!important;margin-top:12px;border-bottom:1.5px solid #0E0E0C}
  nav>div>.lang-group{padding:14px 0!important;border-bottom:1px solid rgba(14,14,12,.15);font-size:18px!important}
  nav>div>a:last-child{margin-top:16px;text-align:center;border-bottom:0;padding:16px!important}
}
@media (max-width:640px){
  h1{font-size:36px!important}
  h2{font-size:28px!important}
  [style*="repeat(4, minmax(0, 1fr)); gap: 16px"],
  [style*="repeat(4, minmax(0, 1fr)); gap: 20px"],
  [style*="repeat(4, minmax(0, 1fr)); gap: 24px"]{grid-template-columns:1fr!important}
  [style*="box-shadow: 12px 12px 0"],[style*="box-shadow: 10px 10px 0"]{box-shadow:6px 6px 0 #0E0E0C!important}
  .finaro-form-card{padding:20px;box-shadow:6px 6px 0 #0E0E0C}
}

/* Diagramas de las guías */
.fd{margin:40px 0;background:#FFFFFF;border:1.5px solid #0E0E0C;border-radius:20px;padding:28px}
.fd-t{font-family:Sora,sans-serif;font-weight:600;font-size:19px;line-height:1.25;margin:0 0 20px}
.fd-flow{display:flex;align-items:stretch;gap:8px}
.fd-step{flex:1 1 0;min-width:0;background:#FAFAF4;border:1.5px solid #0E0E0C;border-radius:14px;padding:14px 12px;display:flex;flex-direction:column;gap:6px}
.fd-step b{font-family:Sora,sans-serif;font-size:15px;line-height:1.2}
.fd-step span{font-size:13px;line-height:1.45;color:#3A3A34}
.fd-step.hl{background:#E6F8AE}
.fd-step.dk{background:#0E0E0C;color:#FAFAF4}.fd-step.dk span{color:#C9C9BC}
.fd-arrow{flex:0 0 auto;align-self:center;font-weight:700;font-size:20px;line-height:1;color:#0E0E0C}
.fd-col{flex:1.2 1 0;min-width:0;display:flex;flex-direction:column;gap:8px}
.fd-col .fd-step{flex:1 1 auto}
.fd-note{margin-top:14px;border:1.5px dashed #5C5C52;border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.5;color:#3A3A34}
.fd-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.fd-grid{display:grid;grid-template-columns:150px repeat(5,minmax(84px,1fr));gap:8px 6px;min-width:600px;font-size:13px;align-items:center}
.fd-grid .h{font-weight:700;text-align:center;padding:8px 4px;border-bottom:1.5px solid #0E0E0C}
.fd-grid .r{grid-column:1;font-weight:700;line-height:1.3}
.fd-grid .bar{border-radius:999px;padding:8px 10px;font-weight:600;text-align:center;line-height:1.25;background:#ECECE0}
.fd-grid .bar.hl{background:#E6F8AE;border:1.5px solid #0E0E0C}
.fd-grid .bar.dk{background:#0E0E0C;color:#FAFAF4}
.gimg{margin:40px 0}
.gimg img{display:block;width:100%;height:auto;border-radius:20px;border:1.5px solid #0E0E0C}
.gimg img.photo{height:380px;object-fit:cover}
.gimg figcaption{margin-top:10px;font-size:14px;line-height:1.5;color:#5C5C52}
@media (max-width:760px){.fd{padding:20px}.fd-flow{flex-direction:column}.fd-arrow{align-self:center;transform:rotate(90deg)}.gimg img.photo{height:240px}}
article{min-width:0}.fd,.fd-scroll{min-width:0;max-width:100%}