/* ═══════════════════════════════════════════════════════════════════
   MARCA v9 (Hugo, 08-oct-2026) — celular y tableta
   Debajo de "Dr. José" en la barra superior: "Cirujano dentista · CDMX",
   como en el Demo 3 y en V.2 Demo 1. El sitio web (escritorio) no cambia.
   ═══════════════════════════════════════════════════════════════════ */
.jose-brand__sub{display:none}

@media (max-width:1024px),(max-aspect-ratio:10/11){
  .jose-topbar .jose-brand__sub{
    display:block;margin-top:.42em;
    font-size:clamp(12px,3.3vw,14px);font-weight:500;letter-spacing:0;line-height:1.2;
    color:var(--ink-soft);white-space:nowrap}
}

/* ── MARCA v10 (Hugo, 08-oct-2026) — celular y tableta ─────────────────
   Logo genérico a la izquierda del nombre, como en el Demo 3 y V.2 Demo 1:
   cuadro azul con un diente blanco. El sitio web (escritorio) no cambia:
   ahí el logo no se muestra. */
.jose-brand__mark{display:none}
.jose-brand__txt{display:contents}

@media (max-width:1024px),(max-aspect-ratio:10/11){
  .jose-topbar .jose-brand{display:inline-flex;align-items:center;gap:11px;min-width:0}
  .jose-topbar .jose-brand__mark{
    display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:13px;
    background:linear-gradient(160deg,#4d8bff 0%,#2a68e6 55%,#2458d6 100%);
    box-shadow:0 8px 16px -8px rgba(31,95,224,.7),inset 0 1px 0 rgba(255,255,255,.28)}
  .jose-topbar .jose-brand__mark svg{width:auto;height:24px;display:block}
  .jose-topbar .jose-brand__txt{display:block;min-width:0}
  .jose-topbar .jose-brand__sub{margin-top:.34em}
}