/* Bargo Studio · Design System v2.6
   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:clamp(44px,4.8vw,74px)!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:9px!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:clamp(40px,6vw,58px)!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:clamp(34px,10.5vw,43px)!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:7px!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;
  }
}