/* =====================================================================
   Convivencia de la barra comun con la navegacion propia de una landing
   =====================================================================
   Las landings traen su propia barra (.nav) en position:fixed top:0, que
   es un indice de las secciones de esa pagina. No compite con la barra de
   ecosistema: son dos niveles distintos, global y de producto. Aca se las
   apila, con la comun arriba y la de la landing debajo.

   En movil la barra comun se achica para no comerse la pantalla entre las
   dos.
   ===================================================================== */

.dbb { --dbb-alto: 92px; }

/* La navegacion de la landing baja lo que mide la barra comun. */
.nav { top: var(--dbb-alto) !important; }

/* El contenido tambien: la landing compensaba solo su propia barra fija. */
body { --db-desplazamiento-barra: var(--dbb-alto); }

@media (max-width: 1023px) {
  .dbb { --dbb-alto: 78px; }
  .dbb .dbb-caja { height: 78px; }
  .dbb .dbb-nav { inset: 78px 0 auto 0; max-height: calc(100dvh - 78px); }
  .dbb .dbb-logo img { height: 55px; }
}

/* El pie propio de la landing lo reemplaza el compartido, que es mas
   completo; se quita del arbol de React en app.js, no por CSS, para que no
   quede duplicado dentro del HTML pre-renderizado. */

/* ---------------------------------------------------------------------
   La barra de la landing pasa a ser sub-barra: se queda con el indice de
   secciones y el buscador. El logotipo y los botones de cuenta pasan a
   vivir arriba, en la barra comun, para no repetirlos uno debajo del otro.
   --------------------------------------------------------------------- */
.dbb ~ #root .nav .nav-logo,
.dbb ~ #root .nav .nav-auth { display: none !important; }

/* Sin el logo a la izquierda, el indice de secciones queda pegado al borde;
   se le devuelve el ritmo de la barra de arriba. */
.dbb ~ #root .nav .nav-inner { justify-content: flex-start; gap: 26px; }
.dbb ~ #root .nav .nav-search { margin-left: auto; }

/* La sub-barra baja un escalon de jerarquia: mas fina y sin sombra propia. */
.dbb ~ #root .nav { box-shadow: none; border-bottom: 1px solid rgba(26,16,19,.08); }

/* Con menos contenido la sub-barra no necesita la altura que tenia cuando
   cargaba el logo y los botones de cuenta. */
.dbb ~ #root .nav .nav-inner { padding-top: 10px; padding-bottom: 10px; min-height: 0; }
.dbb ~ #root .nav .nav-search input { padding-top: 8px; padding-bottom: 8px; }