/* Bargo Studio · Design System v2.11
   Regla maestra: MARCA > H1 > H2 > H3 > lead > texto.
   Objetivo: consistencia total entre Inicio, Proyectos, Servicios, Estudio, Blog, Prensa y Contacto. */

body.bargo-design-system-v20{
  --bargo-logo:150px;
  --bargo-h1:60px;
  --bargo-h2:26px;
  --bargo-h3:20px;
  --bargo-lead:20px;
  --bargo-brand-gap:46px;
}

/* CABECERA / MARCA */
body.bargo-design-system-v20 .site-header .brand,
body.bargo-design-system-v20 header.site-header .brand,
body.bargo-design-system-v20 .site-header .custom-logo-link{
  width:var(--bargo-logo)!important;
  min-width:var(--bargo-logo)!important;
  max-width:none!important;
  flex:0 0 auto!important;
  position:relative!important;
  z-index:10!important;
}
body.bargo-design-system-v20 .site-header .brand img,
body.bargo-design-system-v20 header.site-header .brand img,
body.bargo-design-system-v20 .site-header img.custom-logo,
body.bargo-design-system-v20 .site-header .custom-logo-link img{
  width:var(--bargo-logo)!important;
  min-width:var(--bargo-logo)!important;
  max-width:none!important;
  height:auto!important;
  object-fit:contain!important;
}
body.bargo-design-system-v20:not(.home) .site-header{
  position:relative!important;
  inset:auto!important;
  height:auto!important;
  min-height:172px!important;
  padding-top:20px!important;
  padding-bottom:30px!important;
  margin:0!important;
  overflow:visible!important;
}

/* H1 — MISMA ESCALA EN TODA LA WEB */
body.bargo-design-system-v20 main h1,
body.bargo-design-system-v20 .entry-title,
body.bargo-design-system-v20 .page-title,
body.bargo-design-system-v20 .page-intro h1,
body.bargo-design-system-v20 .service-hero-copy h1,
body.bargo-design-system-v20 .article-header h1,
body.bargo-design-system-v20 .project-intro h1,
body.bargo-design-system-v20.single-bargo_project .project-title,
body.bargo-design-system-v20.bsp-prensa-page #bsp-press-title,
body.bargo-design-system-v20 .blog-archive .blog-heading h2,
body.bargo-design-system-v20.blog .blog-heading h2{
  font-size:var(--bargo-h1)!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
  font-weight:400!important;
  text-transform:none!important;
}

/* H2 */
body.bargo-design-system-v20 main h2,
body.bargo-design-system-v20 .section-heading h2,
body.bargo-design-system-v20 .statement-copy h2,
body.bargo-design-system-v20 .video-services h2,
body.bargo-design-system-v20 .video-manifesto h2,
body.bargo-design-system-v20 .cta h2,
body.bargo-design-system-v20 .video-cta h2,
body.bargo-design-system-v20 .article-body h2,
body.bargo-design-system-v20.bsp-prensa-page .bsp-press-cta h2{
  font-size:var(--bargo-h2)!important;
  line-height:1.08!important;
  letter-spacing:-.028em!important;
  font-weight:400!important;
}

/* H3 */
body.bargo-design-system-v20 main h3,
body.bargo-design-system-v20 .project-caption h3,
body.bargo-design-system-v20 .service-row h3,
body.bargo-design-system-v20 .video-service-row h3,
body.bargo-design-system-v20 .blog-card h3,
body.bargo-design-system-v20 .article-body h3,
body.bargo-design-system-v20.bsp-prensa-page .bsp-press-title{
  font-size:var(--bargo-h3)!important;
  line-height:1.12!important;
  letter-spacing:-.022em!important;
  font-weight:400!important;
}

/* Leads y subtítulos: no pueden competir con H1 */
body.bargo-design-system-v20 .hero-intro,
body.bargo-design-system-v20 .intro-copy,
body.bargo-design-system-v20 .page-intro > p,
body.bargo-design-system-v20 .service-hero-copy > p:not(.eyebrow),
body.bargo-design-system-v20 .lead,
body.bargo-design-system-v20 .subtitle,
body.bargo-design-system-v20 .subheading,
body.bargo-design-system-v20.bsp-prensa-page .bsp-press-hero-copy{
  font-size:var(--bargo-lead)!important;
  line-height:1.42!important;
  font-weight:400!important;
}

/* Prensa: mantiene diseño aprobado, elimina cualquier posibilidad de invadir marca. */
body.bargo-design-system-v20.bsp-prensa-page main#primary.bsp-press-page{
  overflow:visible!important;
}
body.bargo-design-system-v20.bsp-prensa-page .bsp-press-hero{
  padding-top:46px!important;
  margin-top:0!important;
}
body.bargo-design-system-v20.bsp-prensa-page #bsp-press-title{
  margin:0!important;
  padding:0!important;
}
body.bargo-design-system-v20.bsp-prensa-page .bsp-press-hero-note{
  font-size:14px!important;
  line-height:1.6!important;
}

/* MENÚ OVERLAY — sigue siendo protagonista, pero no compite con la marca. */
body.bargo-design-system-v20 .main-nav a,
body.bargo-design-system-v20 #menu.main-nav a,
body.bargo-design-system-v20 .main-navigation .main-nav a{
  font-size:44px!important;
  line-height:1.02!important;
  letter-spacing:-.04em!important;
  font-weight:400!important;
}
body.bargo-design-system-v20 .main-nav ul,
body.bargo-design-system-v20 #menu.main-nav ul{
  gap:14px!important;
}

@media(max-width:1000px){
  body.bargo-design-system-v20{
    --bargo-logo:132px;
    --bargo-h1:48px;
    --bargo-h2:24px;
    --bargo-h3:21px;
    --bargo-lead:18px;
  }
  body.bargo-design-system-v20:not(.home) .site-header{
    min-height:160px!important;
  }
  body.bargo-design-system-v20 .main-nav a,
  body.bargo-design-system-v20 #menu.main-nav a,
  body.bargo-design-system-v20 .main-navigation .main-nav a{
    font-size:36px!important;
  }
}

@media(max-width:700px){
  body.bargo-design-system-v20{
    --bargo-logo:118px;
    --bargo-h1:38px;
    --bargo-h2:22px;
    --bargo-h3:20px;
    --bargo-lead:17px;
    --bargo-brand-gap:34px;
  }
  body.bargo-design-system-v20:not(.home) .site-header{
    position:relative!important;
    min-height:154px!important;
    height:auto!important;
    padding-top:18px!important;
    padding-bottom:28px!important;
    margin:0!important;
  }
  body.bargo-design-system-v20.home .site-header{
    min-height:108px!important;
  }

  /* Menú móvil: menor escala y mejor respiración. */
  body.bargo-design-system-v20 .main-nav a,
  body.bargo-design-system-v20 #menu.main-nav a,
  body.bargo-design-system-v20 .main-navigation .main-nav a{
    font-size:30px!important;
    line-height:1.02!important;
    letter-spacing:-.038em!important;
  }
  body.bargo-design-system-v20 .main-nav ul,
  body.bargo-design-system-v20 #menu.main-nav ul{
    gap:12px!important;
  }

  /* Todos los H1 quedan idénticos en móvil, incluso Prensa y artículos. */
  body.bargo-design-system-v20 main h1,
  body.bargo-design-system-v20 .entry-title,
  body.bargo-design-system-v20 .page-title,
  body.bargo-design-system-v20 .page-intro h1,
  body.bargo-design-system-v20 .service-hero-copy h1,
  body.bargo-design-system-v20 .article-header h1,
  body.bargo-design-system-v20 .project-intro h1,
  body.bargo-design-system-v20.bsp-prensa-page #bsp-press-title{
    font-size:38px!important;
    line-height:1.04!important;
  }

  /* Prensa móvil: logo siempre visible + H1 debajo por flujo normal. */
  body.bargo-design-system-v20.bsp-prensa-page .site-header{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    min-height:146px!important;
    height:146px!important;
    padding-top:18px!important;
    padding-bottom:18px!important;
    overflow:visible!important;
    z-index:100!important;
  }
  body.bargo-design-system-v20.bsp-prensa-page .site-header .brand,
  body.bargo-design-system-v20.bsp-prensa-page .site-header .custom-logo-link,
  body.bargo-design-system-v20.bsp-prensa-page .site-header .brand img,
  body.bargo-design-system-v20.bsp-prensa-page .site-header img.custom-logo,
  body.bargo-design-system-v20.bsp-prensa-page .site-header .custom-logo-link img{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
  }
  body.bargo-design-system-v20.bsp-prensa-page main#primary.bsp-press-page{
    padding-top:0!important;
    margin-top:0!important;
  }
  body.bargo-design-system-v20.bsp-prensa-page .bsp-press-hero{
    padding-top:0!important;
    padding-bottom:52px!important;
    margin-top:0!important;
    position:relative!important;
    clear:both!important;
  }
  body.bargo-design-system-v20.bsp-prensa-page #bsp-press-title{
    position:relative!important;
    float:none!important;
    clear:both!important;
    margin:72px 0 0!important;
  }
  body.bargo-design-system-v20.bsp-prensa-page .bsp-press-hero-copy{
    font-size:19px!important;
    line-height:1.32!important;
  }
  body.bargo-design-system-v20.bsp-prensa-page .bsp-press-title{
    font-size:22px!important;
    line-height:1.16!important;
  }
  body.bargo-design-system-v20.bsp-prensa-page .bsp-press-cta h2{
    font-size:var(--bargo-h2)!important;
  }
}

/* v2.8 — selector real del menú, con escala compacta. */
body.bargo-design-system-v20 .site-header nav a,
body.bargo-design-system-v20 header.site-header nav a,
body.bargo-design-system-v20 nav#menu a,
body.bargo-design-system-v20 .main-nav a{font-size:44px!important;line-height:1.08!important;}
@media(max-width:1000px){
 body.bargo-design-system-v20 .site-header nav a, body.bargo-design-system-v20 header.site-header nav a, body.bargo-design-system-v20 nav#menu a, body.bargo-design-system-v20 .main-nav a{font-size:36px!important;}
}
@media(max-width:700px){
 body.bargo-design-system-v20 .site-header nav a, body.bargo-design-system-v20 header.site-header nav a, body.bargo-design-system-v20 nav#menu a, body.bargo-design-system-v20 .main-nav a{font-size:30px!important;}
}
\n\n

/* v2.10 — menú uniforme, estrictamente aislado del footer. */
body.bargo-design-system-v20 .site-header .main-nav a,
body.bargo-design-system-v20 .site-header .main-nav a *,
body.bargo-design-system-v20 header.site-header nav a,
body.bargo-design-system-v20 header.site-header nav a *,
body.bargo-design-system-v20 #menu.main-nav a,
body.bargo-design-system-v20 #menu.main-nav a *,
body.bargo-design-system-v20 header .menu-overlay a,
body.bargo-design-system-v20 header .menu-overlay a *,
body.bargo-design-system-v20 header .fullscreen-menu a,
body.bargo-design-system-v20 header .fullscreen-menu a *,
body.bargo-design-system-v20 header .menu-panel a,
body.bargo-design-system-v20 header .menu-panel a *{
  font-size:44px!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  font-weight:400!important;
}
@media(max-width:1000px){
  body.bargo-design-system-v20 .site-header .main-nav a,
  body.bargo-design-system-v20 .site-header .main-nav a *,
  body.bargo-design-system-v20 header.site-header nav a,
  body.bargo-design-system-v20 header.site-header nav a *,
  body.bargo-design-system-v20 #menu.main-nav a,
  body.bargo-design-system-v20 #menu.main-nav a *,
  body.bargo-design-system-v20 header .menu-overlay a,
  body.bargo-design-system-v20 header .menu-overlay a *,
  body.bargo-design-system-v20 header .fullscreen-menu a,
  body.bargo-design-system-v20 header .fullscreen-menu a *,
  body.bargo-design-system-v20 header .menu-panel a,
  body.bargo-design-system-v20 header .menu-panel a *{font-size:36px!important;}
}
@media(max-width:700px){
  body.bargo-design-system-v20 .site-header .main-nav a,
  body.bargo-design-system-v20 .site-header .main-nav a *,
  body.bargo-design-system-v20 header.site-header nav a,
  body.bargo-design-system-v20 header.site-header nav a *,
  body.bargo-design-system-v20 #menu.main-nav a,
  body.bargo-design-system-v20 #menu.main-nav a *,
  body.bargo-design-system-v20 header .menu-overlay a,
  body.bargo-design-system-v20 header .menu-overlay a *,
  body.bargo-design-system-v20 header .fullscreen-menu a,
  body.bargo-design-system-v20 header .fullscreen-menu a *,
  body.bargo-design-system-v20 header .menu-panel a,
  body.bargo-design-system-v20 header .menu-panel a *{font-size:30px!important;}
}

/* El footer conserva exclusivamente la jerarquía y tamaños nativos del tema V30. */
body.bargo-design-system-v20 .site-footer,
body.bargo-design-system-v20 footer.site-footer{
  font-size:inherit;
}


/* v2.11 — ajuste móvil solicitado por clienta.
   SOLO afecta a los bloques editoriales de servicios: "qué incluye" y beneficios.
   Escritorio/tablet y el resto del sistema visual permanecen intactos. */
@media(max-width:700px){
  body.bargo-design-system-v20 #bargo .inc li,
  body.bargo-design-system-v20 main .inc li{
    font-size:18px!important;
    line-height:1.30!important;
    padding:18px 0!important;
    gap:14px!important;
  }
  body.bargo-design-system-v20 #bargo .inc li::before,
  body.bargo-design-system-v20 main .inc li::before{
    width:11px!important;
    height:11px!important;
  }
  body.bargo-design-system-v20 #bargo .pr h3,
  body.bargo-design-system-v20 main .pr h3{
    font-size:16px!important;
    line-height:1.18!important;
    letter-spacing:-.012em!important;
    margin-bottom:6px!important;
  }
  body.bargo-design-system-v20 #bargo .pr p,
  body.bargo-design-system-v20 main .pr p{
    font-size:15px!important;
    line-height:1.50!important;
  }
}