/* FERHUB public layout standard — 2026-09-23 */
:root{--ferhub-public-max:1500px;--ferhub-footer-dark:#031f46}

/* Standard content width. Full-width backgrounds remain full width; their inner content is capped. */
body .container,
body .container-sm,
body .container-md,
body .container-lg,
body .container-xl,
body .container-xxl{
  width:100%;
  max-width:var(--ferhub-public-max)!important;
  margin-left:auto;
  margin-right:auto;
}

/* New home sections that intentionally use container-fluid for their content. Hero is excluded. */
body .fh26-section-wrap{
  width:100%;
  max-width:var(--ferhub-public-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Explicit full-width exceptions requested for the public site. */
body .fh26-hero,
body .topbar,
body nav.navbar,
body .fs-catband,
body .fh26-marquee,
body .brand-marquee,
body #marcas > .container-fluid,
body footer.footer-fs{
  max-width:none!important;
  width:100%;
}

/* Same footer across all public pages, dark navy background. */
body footer.footer-fs{
  background:var(--ferhub-footer-dark)!important;
  background-image:none!important;
  color:#fff;
}
body footer.footer-fs a{color:rgba(255,255,255,.78)}
body footer.footer-fs a:hover{color:#fff}

@media (max-width:1532px){
  body .container,
  body .container-sm,
  body .container-md,
  body .container-lg,
  body .container-xl,
  body .container-xxl,
  body .fh26-section-wrap{max-width:calc(100% - 32px)!important}
}
@media (max-width:575px){
  body .container,
  body .container-sm,
  body .container-md,
  body .container-lg,
  body .container-xl,
  body .container-xxl,
  body .fh26-section-wrap{max-width:calc(100% - 20px)!important}
}


/* FERHUB public visual system — synchronized with index.html (2026-10-01) */
:root{
  --ferhub-blue:#063680;
  --ferhub-blue-deep:#031f4d;
  --ferhub-orange:#ff5a00;
  --ferhub-font-body:'Montserrat',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --ferhub-font-display:'Barlow Condensed','Arial Narrow',Arial,sans-serif;
}
body.dlnorte{font-family:var(--ferhub-font-body);}
body.dlnorte .topbar,body.dlnorte .navbar{font-family:var(--ferhub-font-body);}
body.dlnorte .nav-fs .nav-link{font-weight:700;text-transform:uppercase;}

/* FERHUB PUBLIC UI SYSTEM v2 — 2026-10-01
   index.html is the visual source of truth for typography, radius and controls. */
:root{
  --ferhub-radius:12px;
  --ferhub-radius-pill:999px;
  --ferhub-display:'Barlow Condensed','Arial Narrow',Arial,sans-serif;
  --ferhub-body:'Montserrat',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}
body.dlnorte{font-family:var(--ferhub-body)!important;color:#101216;}
body.dlnorte button,body.dlnorte input,body.dlnorte select,body.dlnorte textarea{font-family:var(--ferhub-body);}
/* Common commercial headings follow the home hero's condensed display face. */
body.dlnorte .fh26-title,
body.dlnorte #heroEmpresas h1,
body.dlnorte .fh-service-hero h1,
body.dlnorte .fh-section-intro h2,
body.dlnorte .fh-process h2,
body.dlnorte .fh-final-cta h2,
body.dlnorte .why-feature-copy h3{font-family:var(--ferhub-display)!important;font-weight:800!important;letter-spacing:-.035em!important;}
body.dlnorte #heroEmpresas h1{font-size:clamp(5rem,6.35vw,7.7rem)!important;line-height:.78!important;text-transform:uppercase!important;max-width:920px!important;}
/* Shared button language: rounded, substantial and consistent with Empresas/Home. */
body.dlnorte .btn:not(.btn-close),
body.dlnorte .fh-btn,
body.dlnorte .emp-cta,
body.dlnorte #heroEmpresas .btn,
body.dlnorte .why-wa{border-radius:var(--ferhub-radius)!important;font-family:var(--ferhub-body)!important;}
body.dlnorte .btn-pill{border-radius:var(--ferhub-radius-pill)!important;}
/* Inputs/cards use the same soft geometry throughout public pages. */
body.dlnorte .form-control,body.dlnorte .form-select{border-radius:10px;}
/* Header stays visually identical on every public page. */
body.dlnorte .topbar{background:#07549a!important;color:#fff;}
body.dlnorte nav.navbar{background:#063680!important;}
body.dlnorte .nav-fs .nav-link{font-family:var(--ferhub-body)!important;font-weight:800!important;letter-spacing:0!important;}
@media(max-width:575px){body.dlnorte #heroEmpresas h1{font-size:68px!important;line-height:.8!important;}}