/* Capa visual institucional compartida por las páginas SEO. */
.topbar{height:76px;min-height:76px}
.topbar .brand{display:flex;align-items:center;height:76px}
.topbar .brand img{width:112px;height:66px;object-fit:contain}
.seo-hero{padding-top:84px;padding-bottom:78px}
.seo-hero h1{max-width:820px;font-size:clamp(44px,5.2vw,66px);line-height:1.04}
.seo-hero .lead{max-width:690px}
.breadcrumb{border-bottom:1px solid #dde3e6}
.card{box-shadow:0 12px 35px #1026380a;transition:border-color .2s,transform .2s}
.card:hover{transform:translateY(-2px);border-color:#c4d0d8}
.final-cta .cta,.seo-hero .cta{box-shadow:0 12px 28px #0002}
@media(max-width:820px){
  .topbar{height:68px;min-height:68px}
  .topbar .brand{height:68px}
  .topbar .brand img{width:96px;height:60px}
  .topbar.open nav{top:68px}
  .seo-hero{padding-top:64px;padding-bottom:60px}
  .seo-hero h1{font-size:clamp(38px,10vw,52px)}
}