/* Instituto Español Funerario — marca
   Fuente: Roboto (Google Fonts, color primario del CSS del sitio: --primary-color).
   Color primario: #FF9900, el amarillo/naranja de botones y elementos destacados en ifunerario.com.
   Color secundario: #1EA0C3, azul turquesa del sitio.
   Colores neutros: #404647 (gris oscuro para texto), #FFFFFF (blanco para fondos). */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap');

:root{
  --brand-primary: #FF9900;      /* naranja/amarillo de botones y marca */
  --brand-primary-ink: #CC7A00;  /* versión más oscura para texto */
  --brand-dark: #1E1E1E;         /* fondo oscuro de marca (cabeceras, pie) */
  --brand-bg: #FFFFFF;           /* blanco del sitio */
  --brand-font: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --brand-secondary: #1EA0C3;    /* azul turquesa secundario */
  --brand-text: #404647;         /* gris oscuro para texto principal */
}

.brand-header{
  background: transparent;
  color: var(--brand-primary);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  border-radius: 12px;
}
.brand-header img,
.brand-header .brand-logo{
  height: 26px;
  width: auto;
  display: block;
}
.brand-header .brand-name{
  font-family: var(--brand-font);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -.01em;
  white-space: nowrap;
}
.brand-header .brand-name b{ font-weight: 700; }
.brand-header .brand-name span{ font-weight: 400; color: #999; }
:root[data-theme="dark"] .brand-header{ color: #FFB933; }
:root[data-theme="dark"] .brand-header .brand-name span{ color: #CCC; }