/*
 * Site Chrome — wordmark de header, nav + CTA pill, footer del mockup,
 * layout full-bleed en Home y sin sidebar en páginas.
 */

/* === BRANDING POR DEFECTO OCULTO — lo reemplaza el wordmark inline === */
.site-header .site-branding { display: none; }

/* === HEADER === */
.site-header {
  background: var(--color-surface);
  border-bottom: 1px solid var(--color-border);
}

.site-header .inside-header {
  display: flex;
  align-items: center;
  gap: var(--space-8);
  min-height: 72px;
  padding-top: var(--space-4);
  padding-bottom: var(--space-4);
}

.bv-brand {
  margin-right: auto;
  line-height: 0;
}

.bv-wordmark__svg {
  height: 28px;
  width: auto;
  display: block;
}

.bv-wordmark:hover { opacity: 0.8; }

/* === NAVEGACIÓN === */
.site-header .primary-navigation { background: transparent; }
.site-header .primary-navigation .inside-navigation { background: transparent; }

.primary-navigation .main-nav a {
  font-size: var(--text-sm);
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--color-text);
}

.primary-navigation .main-nav a:hover { color: var(--color-accent); }

.primary-navigation .main-nav > ul > li { margin-left: var(--space-2); }

/* CTA "How we test" — último ítem del menú (URL /#method), estilo mono pill */
.bv-has-menu .primary-navigation .main-nav > ul > li:last-child > a {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-accent) !important;
  border: 1px solid var(--color-accent);
  border-radius: 999px;
  padding: 8px 18px;
  transition: all var(--transition-fast);
}

.bv-has-menu .primary-navigation .main-nav > ul > li:last-child > a:hover {
  background: var(--color-accent);
  color: #fff !important;
}

/* === FOOTER (mockup) === */
.bv-footer {
  background: var(--color-brand);
  color: #e2e8f0;
  margin-top: var(--space-16);
}

.bv-footer__inner {
  max-width: var(--container-wide);
  margin: 0 auto;
  padding: var(--space-16) var(--space-6) var(--space-12);
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: var(--space-10);
}

.bv-footer .bv-wordmark__svg { height: 24px; }
.bv-wordmark--light:hover { opacity: 0.85; }

.bv-footer__tagline {
  margin-top: var(--space-4);
  color: #94a3b8;
  font-size: var(--text-sm);
  line-height: var(--line-normal);
  max-width: 34ch;
}

.bv-footer__heading {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: #64748b;
  margin-bottom: var(--space-4);
}

.bv-footer__col ul { list-style: none; margin: 0; padding: 0; }
.bv-footer__col li { margin-bottom: var(--space-3); }

.bv-footer__col a {
  color: #cbd5e1;
  font-size: var(--text-sm);
  text-decoration: none;
  transition: color var(--transition-fast);
}

.bv-footer__col a:hover { color: #ffffff; }

.bv-footer__bottom {
  border-top: 1px solid #1e293b;
  padding: var(--space-6);
}

.bv-footer__bottom-inner {
  max-width: var(--container-wide);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  justify-content: space-between;
  font-size: var(--text-xs);
  color: #64748b;
}

.bv-footer__disclosure { color: #94a3b8; }

/* Restos del footer core de GP — invisibles (el nuestro manda) */
footer.site-footer { padding: 0; margin: 0; background: transparent; }
.site-footer .footer-widgets,
.site-footer .site-info { display: none; }

/* === LAYOUT === */

/* Home estática: full-bleed (home.html maneja su propio .wrap) */
body.home.page .site.grid-container {
  max-width: 100%;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

body.home.page .site-content { margin-top: 0; padding: 0; }

body.home.page .content-area {
  width: 100%;
  max-width: none;
  float: none;
  margin: 0;
  padding: 0;
}

body.home.page .widget-area { display: none; }
body.home.page article > *:first-child { margin-top: 0; }

/* Páginas (About / legales / contacto): sin sidebar, medida legible */
body.page:not(.home) .content-area {
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
  float: none;
  padding: 0;
}

body.page:not(.home) .widget-area { display: none; }

/* === RESPONSIVE === */
@media (max-width: 768px) {
  .site-header .inside-header {
    gap: var(--space-4);
    min-height: 60px;
  }

  .bv-wordmark__svg { height: 24px; }

  .bv-has-menu .primary-navigation .main-nav > ul > li:last-child > a {
    display: block;
    text-align: center;
  }

  .bv-footer__inner {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-8);
    padding: var(--space-12) var(--space-6) var(--space-8);
  }

  .bv-footer__brand { grid-column: 1 / -1; }

  .bv-footer__bottom-inner { flex-direction: column; }
}

@media (max-width: 480px) {
  .bv-footer__inner { grid-template-columns: 1fr; }
}