/* bloom · logotipo oficial (libro de marca)
   ─────────────────────────────────────────
   «bloom» en minúsculas, Bloom Blue #8DBBFF, Satoshi en negrita y SIN punto.
   Sobre fondos oscuros o degradados, blanco. El punto naranja vive solo en el sello «b.».
   Esta hoja se carga la última en todas las páginas: manda sobre cualquier estilo antiguo. */
.brand, .sbrand, .logo, .doc-brand{
  font-family:'Satoshi', ui-rounded, 'SF Pro Rounded', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  font-weight:700 !important;
  letter-spacing:-.045em !important;
  text-transform:lowercase;
  color:#8DBBFF !important;
  text-decoration:none;
  -webkit-font-smoothing:antialiased;
}
.brand::after, .sbrand::after, .logo::after, .doc-brand::after{ content:none !important; display:none !important }

/* sobre oscuro o degradado: blanco */
.brand.on-dark, .on-dark .brand, .logo.on-dark, .doc-brand.on-dark{ color:#fff !important }

/* etiqueta de producto junto al logo: «bloom médico», «bloom importación» */
.brand .brand-tag{
  font-weight:500; font-size:.46em; letter-spacing:.08em; text-transform:uppercase;
  color:#FF5A00; margin-left:.5em; align-self:center; white-space:nowrap;
}
.brand .brand-tag::before{ content:"●"; font-size:.7em; margin-right:.45em; vertical-align:.18em }

/* el huevo de pascua de la barra lateral conserva su color al florecer */
.side .sbrand.bloomed{ color:#FF5A00 !important }

/* un pequeño gesto de marca al pasar: el logo «respira» (sin movimiento si se pide reducirlo) */
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  a.brand{ display:inline-flex; transition:transform .5s cubic-bezier(.34,1.56,.64,1), letter-spacing .5s cubic-bezier(.22,1,.36,1) }
  a.brand:hover{ transform:translateY(-1px) scale(1.04); letter-spacing:-.02em !important }
}

/* ── iconografía de marca: línea fina, remates redondeados, una tinta ───────── */
/* todos los iconos de 24×24 de la web con el mismo trazo que el libro de marca */
svg[viewBox="0 0 24 24"]{ stroke-linecap:round; stroke-linejoin:round }
svg[viewBox="0 0 24 24"][fill="none"], svg[viewBox="0 0 24 24"][fill="none"] :is(path,circle,rect,line,polyline,polygon,ellipse){ stroke-width:1.75 }
/* a tamaño pequeño, un poco más de trazo para que se lea igual */
svg[viewBox="0 0 24 24"][fill="none"]:is([width="10"],[width="11"],[width="12"],[width="13"],[width="14"]),
svg[viewBox="0 0 24 24"][fill="none"]:is([width="10"],[width="11"],[width="12"],[width="13"],[width="14"]) :is(path,circle,rect,line,polyline,polygon){ stroke-width:2.3 }
/* iconos que sustituyen a emojis: del tamaño del texto, alineados con él */
.bic{ display:inline-block; width:1.15em; height:1.15em; vertical-align:-.2em; flex:none }
/* en texto corriente, con la tinta de marca; en botones y chips, el color del botón */
:is(p,li,td,small,label,h2,h3,h4,.note,.hint,.chip,.fs,.st,.sub,.tag,.inf-ul li) > .bic-check{ color:#1D5FD1 }
:is(p,li,td,small,label,h2,h3,h4,.note,.hint,.st) > :is(.bic-lock,.bic-shield){ color:#1D5FD1 }
:is(p,li,td,small,label,h2,h3,h4,.note,.hint,.st) > :is(.bic-flame,.bic-zap,.bic-sparkles,.bic-sparkle,.bic-alert,.bic-sun){ color:#FF5A00 }
:is(button,.btn,a.btn,[role=button]) .bic{ color:inherit !important }
html[data-theme="dark"] :is(p,li,td,small,label,h2,h3,h4,.note,.hint,.chip,.st,.sub,.tag) > :is(.bic-check,.bic-lock,.bic-shield){ color:#8DBBFF }