:root{--bb-black:#111;--bb-muted:#666;--bb-bg:#f7f7f4}body{background:var(--bb-bg);color:#151515}.navbar,.card,.btn,.form-control,.form-select,.alert{border-radius:0}.hero{background:linear-gradient(180deg,#fff,#f7f7f4)}.hero h1{font-size:clamp(2.2rem,5vw,4.7rem);letter-spacing:-.04em;line-height:.95}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.8rem;color:var(--bb-muted)}.page-narrow{max-width:820px}.steps li{margin-bottom:1rem}.translate-wrap{min-width:150px}.goog-te-banner-frame{display:none!important}.skiptranslate{font-size:0}.skiptranslate select{font-size:14px}body{top:0!important}.fade-in{opacity:0;transform:translateY(14px);transition:all .55s ease}.fade-in.visible{opacity:1;transform:translateY(0)}

/** Ajustes personalizados*/
img.logo {
max-width:190px;
height:auto;
}

p.eyebrow {
    color:white;
}

.clear {
    clear: both;
}

.hero {
    background:
        linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),
        url('../img/portada1betbye.png');

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    min-height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;

    color: #fff;
}
/* Menú centralizado */
.betbye-navbar .container-fluid { padding-left: 1rem; padding-right: 1rem; }
.betbye-toggler { margin-left: .25rem; }
.navbar-toggler { border-radius: 0; }
.navbar-toggler:focus { box-shadow: none; }

/* Autores */
.author-photo {
    width: 96px;
    height: 96px;
    object-fit: cover;
    border-radius: 0;
    border: 1px solid #ddd;
    background: #eee;
}
.author-box { border-radius: 0; }

/* Navegación expandida para escritorio, hamburguesa solo en móvil */
.betbye-navbar { min-height: 78px; }
.betbye-navbar .navbar-brand { margin-right: 1.25rem; }
.betbye-navbar .nav-link { font-size: .95rem; color: #222; }
.betbye-navbar .nav-link:hover,
.betbye-navbar .dropdown-item:hover { color: #000; background: #f2f2f2; }
.betbye-navbar .btn { border-radius: 0; padding: .45rem .9rem; }
.betbye-dropdown { border-radius: 0; }
.translate-slot { min-width: 150px; }

@media (min-width: 992px) {
    .betbye-navbar .navbar-collapse { display: flex !important; }
    .betbye-navbar .navbar-nav { flex-wrap: wrap; justify-content: flex-end; }
}

@media (max-width: 991.98px) {
    .betbye-navbar .navbar-collapse { padding-top: 1rem; }
    .betbye-navbar .navbar-nav { align-items: flex-start !important; }
    .betbye-navbar .btn { margin-top: .5rem; }
}
.article-toc {
  border-radius: 0;
}
.article-toc h2 {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.article-toc a {
  color: inherit;
  text-decoration: none;
}
.article-toc a:hover {
  text-decoration: underline;
}
.article-content h2[id] {
  scroll-margin-top: 90px;
}

.page-narrow {
  max-width:1200px;
  height:auto;
}