/* Portada editorial BT. La misma superficie azul recorre marca, navegación,
   hero y franja Pro; el resto del buscador conserva sus estilos.
   Escala compacta (23-sep): un solo carril de 1264px alinea logo, menú, hero y
   franja Pro; ~75% del tamaño original, que obligaba a bajar el zoom. */
.bt-home-world {
  color: var(--oc-on-navy);
  background: var(--oc-bg-marca, var(--oc-navy)); /* canon en tokens.css desde el 23-sep */
}

.bt-home-world .oc-header {
  padding: 0 !important;
  background: transparent !important;
}
.bt-home-world .oc-header::before { display: none; }
.bt-home-world .oc-header-brand {
  width: min(calc(100% - 64px), 1264px);
  max-width: none !important;
  min-height: 84px;
  margin-inline: auto !important;
  gap: 24px !important;
  flex-wrap: nowrap;
}
.bt-home-world .oc-logo { width: 330px !important; height: auto !important; max-width: 100%; }
.bt-home-world .oc-header-tagline { padding-left: 24px; border-left: 1px solid rgba(255, 255, 255, .25); }
.bt-home-world .oc-header-tagline p { max-width: none !important; font-size: 16px !important; letter-spacing: -.025em; white-space: nowrap; }
.bt-home-world .oc-header-tagline strong { font-weight: 600 !important; }

.bt-home-world .ocn {
  margin: 0;
  border-block: 1px solid rgba(255, 255, 255, .16);
  background: rgba(12, 32, 67, .12);
}
.bt-home-world .ocn-bar1 {
  width: min(calc(100% - 64px), 1264px);
  max-width: none;
  min-height: 64px;
  align-items: center;
  gap: 18px;
}
.bt-home-world .ocn-top { padding: 0; font-size: 16px; color: var(--oc-on-navy-soft); }
.bt-home-world .ocn-top:hover,
.bt-home-world .ocn-top[aria-expanded="true"],
.bt-home-world .ocn-top[data-current="1"] { color: var(--oc-on-navy); }
/* Sin padding, el fondo de pestaña de ocn-css.css queda pegado al texto: aca el grupo abierto se marca solo por color y caret. */
.bt-home-world .ocn-top[aria-expanded="true"] { background: transparent; }
.bt-home-world .ocn-top:focus-visible { outline-offset: 4px; }
.bt-home-world .ocn-caret { width: 10px; height: 10px; }
.bt-home-world .ocn-pill,
.bt-home-world .ocn-bar1 #nav-cuenta a {
  min-height: 38px;
  margin: 0;
  padding: 0 16px;
  border-radius: 12px;
  font-size: 15px;
  justify-content: center;
}
.bt-home-world .ocn-bar1 #nav-cuenta { margin: 0; }
.bt-home-world .ocn-pill--ghost,
.bt-home-world .ocn-bar1 #nav-cuenta a { border-color: rgba(255, 255, 255, .35); }
.bt-home-world .ocn-pill--solid { color: var(--oc-navy-900); }
.bt-home-world .ocn-dot { width: 8px; height: 8px; }

.bt-home-world .oc-hero {
  padding: 0;
  margin: 0;
  background: transparent;
  text-align: left;
}
.bt-home-world .oc-hero::before {
  inset: auto 5% 0 auto;
  width: 38%;
  height: 60%;
  border: 1px solid rgba(255, 255, 255, .08);
  border-bottom: 0;
  border-radius: 50% 50% 0 0;
  background: none;
  transform: translateY(31%);
}
.bt-home-world .oc-hero-inner {
  width: min(calc(100% - 64px), 1264px);
  max-width: none;
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, .7fr);
  align-items: center;
  gap: 72px;
  padding: 52px 0 56px;
}
.bt-hero-copy h1 {
  max-width: 640px;
  margin: 0 0 18px;
  color: var(--oc-on-navy);
  font: 700 clamp(36px, 2.5vw, 46px)/1.13 var(--oc-font-serif);
  letter-spacing: -.035em;
  text-wrap: balance;
}
.bt-hero-copy h1 span { color: var(--oc-navy-100); }
.bt-hero-copy p {
  max-width: 520px;
  margin: 0 0 22px;
  color: var(--oc-on-navy-soft);
  font-size: 17px;
  line-height: 1.55;
}
.bt-hero-action {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 7px;
  border-bottom: 1px solid rgba(255, 255, 255, .55);
  color: var(--oc-on-navy);
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}
.bt-hero-action:hover { color: var(--oc-navy-100); }
.bt-hero-action svg { width: 16px; height: 16px; flex: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.bt-hero-sources { align-self: center; padding-left: 36px; border-left: 1px solid rgba(255, 255, 255, .27); }
.bt-hero-sources a { display: flex; flex-direction: column; gap: 4px; padding: 15px 0 16px; border-bottom: 1px solid rgba(255, 255, 255, .25); color: var(--oc-on-navy); text-decoration: none; }
.bt-hero-sources a:first-child { border-top: 1px solid rgba(255, 255, 255, .25); }
.bt-hero-sources a:hover strong { text-decoration: underline; text-underline-offset: 5px; }
.bt-hero-sources strong { font: 700 22px/1.2 var(--oc-font-serif); letter-spacing: -.026em; }
.bt-hero-sources span { color: var(--oc-on-navy-soft); font-size: 14px; line-height: 1.4; }

.bt-home-world .nv-pbb {
  border-top: 1px solid rgba(255, 255, 255, .20);
  border-bottom: 0;
  background: linear-gradient(180deg, transparent 0%, rgba(11, 30, 63, .14) 100%);
}
.bt-home-world .nv-pbb-in {
  width: min(calc(100% - 64px), 1264px);
  max-width: none;
  min-height: 104px;
  padding: 0;
  gap: 40px;
}
.bt-home-world .nv-pbb-t { margin: 0 0 6px; font: 700 21px/1.25 var(--oc-font-serif); letter-spacing: -.025em; }
.bt-home-world .nv-pbb-d { color: var(--oc-on-navy-soft); font-size: 15px; }
.bt-home-world .nv-pbb-cta {
  padding: 12px 20px;
  border-radius: 8px;
  color: var(--oc-navy-900);
  font-size: 16px;
  font-weight: 700;
}
.bt-home-world .nv-pbb-cta .p { color: var(--oc-mute); opacity: 1; font-size: inherit; font-weight: 400; }

html.nv-home-auth .bt-home-world .oc-hero { display: none; }

@media (max-width: 1100px) {
  .bt-home-world .oc-hero-inner { gap: 48px; }
}
@media (max-width: 900px) {
  .bt-home-world .oc-hero-inner { display: block; min-height: 0; padding: 48px 0 40px; }
  .bt-hero-sources { margin-top: 38px; padding: 0; border-left: 0; }
}
@media (max-width: 720px) {
  .bt-home-world .oc-header-brand, .bt-home-world .ocn-bar1 { width: min(calc(100% - 36px), 1920px); }
  .bt-home-world .oc-header-brand { min-height: 74px; flex-direction: row !important; align-items: center !important; }
  .bt-home-world .oc-logo { width: 278px !important; }
  .bt-home-world .oc-header-tagline { display: none; }
  .bt-home-world .ocn-bar1 { min-height: 58px; gap: 26px; overflow-x: auto; }
  .bt-home-world .ocn-top { font-size: 14px; }
  .bt-home-world .ocn-pill, .bt-home-world .ocn-bar1 #nav-cuenta a { min-height: 40px; padding-inline: 14px; border-radius: 12px; font-size: 14px; }
  .bt-home-world .oc-hero-inner { width: 100%; padding: 42px 18px 30px; }
  .bt-hero-copy h1 { margin-bottom: 20px; font-size: clamp(35px, 8vw, 50px); }
  .bt-hero-copy p { font-size: 17px; }
  .bt-hero-sources { margin-top: 28px; }
  .bt-hero-sources a { gap: 5px; padding: 13px 0 14px; }
  .bt-hero-sources strong { font-size: 22px; }
  .bt-hero-sources span { font-size: 14px; }
  .bt-home-world .nv-pbb-in { width: min(calc(100% - 36px), 1640px); display: block; padding: 28px 0 32px; }
  .bt-home-world .nv-pbb-t { font-size: 22px; }
  .bt-home-world .nv-pbb-d { font-size: 15px; }
  .bt-home-world .nv-pbb-cta { width: auto; margin-top: 20px; padding: 12px 18px; font-size: 16px; }
}
