Saltar a contenido

BrC Styles — Guía de Estilos

Paleta de Colores

Variable CSS Color Hex
--md-primary-fg-color (navy) #2F4156
--md-primary-fg-color--light (teal) #567C8D
--md-primary-fg-color--dark (dark navy) #1A2E42
--md-accent-fg-color (warm tan) #D4956A
--md-footer-bg-color #2F4156
--md-footer-fg-color (off-white) #F5EFEB
--md-header-fg-color #FFFFFF
--md-header-bg-color #1A2E42
--md-default-bg-color #ffffff
--md-default-fg-color #2F4156
--md-typeset-a-color #567C8D
Dusty blue (amenities, dev-placeholder) #C8D9E6

Mapa de colores por categoría (SVG covers)

Categoría Fondo Texto
Compra y Venta / Guías y Tutoriales #567C8D (teal) #FFFFFF
Inversión Inmobiliaria / Tendencias del Mercado #2F4156 (navy) #FFFFFF
Desarrollos #D4956A (warm tan) #FFFFFF
Fallback #2F4156 (navy) #F5EFEB

Fuentes

CSS variables: --md-text-font: "Roboto", --md-code-font: "Roboto Mono"

Top Header (.md-header)

  • Background: #1A2E42 (--md-header-bg-color)
  • Text: #FFFFFF (--md-header-fg-color)
  • Height: 3.2rem
  • Logo padding: 0.3rem, logo image height: 1.8rem
  • Material theme default: sticky, text links in white, search icon
  • No custom overrides beyond height/logo sizing
  • Background: #2F4156 (--md-footer-bg-color)
  • Text: #F5EFEB (--md-footer-fg-color)
  • Copyright bar includes links separados por |:
  • / (Inicio), /pages/acerca/, /pages/contacto/, /pages/privacidad/, /pages/terminos/, /pages/cookies/
  • © 2026 Ing. Oscar Hernández
  • No custom overrides — usa el partial default de Material partials/footer.html

Formularios

No hay formularios personalizados en el sitio actualmente. La página de contacto (docs/pages/contacto.md) usa solo información estática: - Correo: hola@bienesraices.click - Teléfono: +52 811 378 8614 - Dirección: Ave. Paseo de las Américas 2101, Contry Sol, Gpe. NL. México

No existe un formulario HTML ni estilos de formulario definidos. No hay input, textarea, button ni estilos de form en extra.css.

Componentes de Desarrollo (.dev-*)

Usados en landing pages de desarrollos (docs/desarrollos/*/index.md):

  • .dev-hero: Gradiente #2F4156 → #567C8D, texto blanco, border-radius: 20px, padding 3rem 2rem
  • .dev-price-bar: Flexbox row, items con fondo rgba(255,255,255,0.15), border-radius: 30px
  • .dev-cta-btn: #D4956A → hover #2F4156, border-radius: 30px
  • .dev-cta-btn-wa: WhatsApp green #25D366 → hover #128C7E, border-radius: 30px
  • .dev-amenities span: Fondo blanco, borde #C8D9E6, border-radius: 20px
  • .dev-gallery: CSS Grid, auto-fill, minmax(220px, 1fr), gap 1rem
  • .dev-video-placeholder: Fondo #C8D9E6, borde dashed #567C8D

Botones de Artículo (.md-post__action a)

  • Fondo #2F4156, texto blanco, borde #2F4156, border-radius: 0.2rem
  • Hover: fondo #D4956A, texto blanco, box-shadow elevado

Tema Material (desde mkdocs.yml)

  • language: es
  • name: material
  • Features: navigation.indexes, navigation.path, navigation.instant, navigation.instant.redirect, navigation.toggle, navigation.sticky, navigation.expand, search.suggest, search.share, toc.hide
  • Sin palette definida → colores vía CSS variables en extra.css
  • Logo: assets/images/logo.png