@font-face { font-family: "Newsreader"; src: url("newsreader.woff2") format("woff2"); font-weight: 200 800; font-display: swap; }
.muestra-abogados { background: #14213D; color: #ffffff; border-bottom: 6px solid #8C2F39; }
.fuente-abogados { font-family: "Newsreader", system-ui, sans-serif; }
@font-face { font-family: "Fraunces"; src: url("fraunces.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
.muestra-academia { background: #FFFFFF; color: #111111; border-bottom: 6px solid #2546B5; }
.fuente-academia { font-family: "Fraunces", system-ui, sans-serif; }
@font-face { font-family: "Gloock"; src: url("gloock.woff2") format("woff2"); font-weight: 400; font-display: swap; }
.muestra-alojamiento { background: #FBFAF7; color: #111111; border-bottom: 6px solid #2F5D8A; }
.fuente-alojamiento { font-family: "Gloock", system-ui, sans-serif; }
@font-face { font-family: "Overpass"; src: url("overpass.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
.muestra-autoescuela { background: #FFFFFF; color: #111111; border-bottom: 6px solid #1F56C9; }
.fuente-autoescuela { font-family: "Overpass", system-ui, sans-serif; }
.muestra-barberia { background: #141414; color: #ffffff; border-bottom: 6px solid #B3261E; }
.fuente-barberia { font-family: "Gloock", system-ui, sans-serif; }
@font-face { font-family: "Big Shoulders Display"; src: url("big-shoulders-display.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
.muestra-carpinteria { background: #2A2420; color: #ffffff; border-bottom: 6px solid #B9782F; }
.fuente-carpinteria { font-family: "Big Shoulders Display", system-ui, sans-serif; }
@font-face { font-family: "Petrona"; src: url("petrona.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
.muestra-centro-estetica { background: #F1EDF5; color: #111111; border-bottom: 6px solid #5B3A6E; }
.fuente-centro-estetica { font-family: "Petrona", system-ui, sans-serif; }
@font-face { font-family: "Unbounded"; src: url("unbounded.woff2") format("woff2"); font-weight: 200 900; font-display: swap; }
.muestra-cerrajeria { background: #121212; color: #ffffff; border-bottom: 6px solid #D4A72C; }
.fuente-cerrajeria { font-family: "Unbounded", system-ui, sans-serif; }
@font-face { font-family: "Onest"; src: url("onest.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
.muestra-climatizacion { background: #F2F7FB; color: #111111; border-bottom: 6px solid #0870B8; }
.fuente-climatizacion { font-family: "Onest", system-ui, sans-serif; }
@font-face { font-family: "Red Hat Display"; src: url("red-hat-display.woff2") format("woff2"); font-weight: 300 900; font-display: swap; }
.muestra-clinica-dental { background: #FFFFFF; color: #111111; border-bottom: 6px solid #0E6E78; }
.fuente-clinica-dental { font-family: "Red Hat Display", system-ui, sans-serif; }
.muestra-electricista { background: #F6F7F9; color: #111111; border-bottom: 6px solid #2D5BFF; }
.fuente-electricista { font-family: "Big Shoulders Display", system-ui, sans-serif; }
@font-face { font-family: "Dela Gothic One"; src: url("dela-gothic-one.woff2") format("woff2"); font-weight: 400; font-display: swap; }
.muestra-escuela-surf { background: #0F4C5C; color: #ffffff; border-bottom: 6px solid #FF7A1A; }
.fuente-escuela-surf { font-family: "Dela Gothic One", system-ui, sans-serif; }
@font-face { font-family: "Gabarito"; src: url("gabarito.woff2") format("woff2"); font-weight: 400 900; font-display: swap; }
.muestra-fisioterapia { background: #1D3B8B; color: #ffffff; border-bottom: 6px solid #FF6B4A; }
.fuente-fisioterapia { font-family: "Gabarito", system-ui, sans-serif; }
@font-face { font-family: "Archivo Narrow"; src: url("archivo-narrow.woff2") format("woff2"); font-weight: 400 700; font-display: swap; }
.muestra-fontaneria { background: #0F2A44; color: #ffffff; border-bottom: 6px solid #D9822B; }
.fuente-fontaneria { font-family: "Archivo Narrow", system-ui, sans-serif; }
@font-face { font-family: "Instrument Serif"; src: url("instrument-serif.woff2") format("woff2"); font-weight: 400; font-display: swap; }
.muestra-fotografo { background: #0E0E0E; color: #ffffff; border-bottom: 6px solid #E5322D; }
.fuente-fotografo { font-family: "Instrument Serif", system-ui, sans-serif; }
@font-face { font-family: "Familjen Grotesk"; src: url("familjen-grotesk.woff2") format("woff2"); font-weight: 400 700; font-display: swap; }
.muestra-gestoria { background: #FFFFFF; color: #111111; border-bottom: 6px solid #1F7A4D; }
.fuente-gestoria { font-family: "Familjen Grotesk", system-ui, sans-serif; }
@font-face { font-family: "Archivo"; src: url("archivo.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
.muestra-gimnasio { background: #0D0D0F; color: #ffffff; border-bottom: 6px solid #FF2E88; }
.fuente-gimnasio { font-family: "Archivo", system-ui, sans-serif; }
@font-face { font-family: "Schibsted Grotesk"; src: url("schibsted-grotesk.woff2") format("woff2"); font-weight: 400 900; font-display: swap; }
.muestra-inmobiliaria { background: #111111; color: #ffffff; border-bottom: 6px solid #FF6A13; }
.fuente-inmobiliaria { font-family: "Schibsted Grotesk", system-ui, sans-serif; }
.muestra-jardineria { background: #1F3B2D; color: #ffffff; border-bottom: 6px solid #B5D334; }
.fuente-jardineria { font-family: "Fraunces", system-ui, sans-serif; }
.muestra-limpieza { background: #FFFFFF; color: #111111; border-bottom: 6px solid #14B8A6; }
.fuente-limpieza { font-family: "Red Hat Display", system-ui, sans-serif; }
@font-face { font-family: "Bebas Neue"; src: url("bebas-neue.woff2") format("woff2"); font-weight: 400; font-display: swap; }
.muestra-mudanzas { background: #D9BE98; color: #111111; border-bottom: 6px solid #111111; }
.fuente-mudanzas { font-family: "Bebas Neue", system-ui, sans-serif; }
@font-face { font-family: "Bricolage Grotesque"; src: url("bricolage-grotesque.woff2") format("woff2"); font-weight: 200 800; font-display: swap; }
.muestra-panaderia { background: #FFFFFF; color: #111111; border-bottom: 6px solid #1F3FBF; }
.fuente-panaderia { font-family: "Bricolage Grotesque", system-ui, sans-serif; }
@font-face { font-family: "Bodoni Moda"; src: url("bodoni-moda.woff2") format("woff2"); font-weight: 400 900; font-display: swap; }
.muestra-peluqueria { background: #FFFFFF; color: #111111; border-bottom: 6px solid #E9B8B3; }
.fuente-peluqueria { font-family: "Bodoni Moda", system-ui, sans-serif; }
@font-face { font-family: "Epilogue"; src: url("epilogue.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
.muestra-pintores { background: #FFFFFF; color: #111111; border-bottom: 6px solid #3346D3; }
.fuente-pintores { font-family: "Epilogue", system-ui, sans-serif; }
@font-face { font-family: "Crimson Pro"; src: url("crimson-pro.woff2") format("woff2"); font-weight: 200 900; font-display: swap; }
.muestra-psicologo { background: #F3F5F1; color: #111111; border-bottom: 6px solid #4F6F5C; }
.fuente-psicologo { font-family: "Crimson Pro", system-ui, sans-serif; }
.muestra-reformas { background: #F5F5F2; color: #111111; border-bottom: 6px solid #2F6F62; }
.fuente-reformas { font-family: "Bricolage Grotesque", system-ui, sans-serif; }
@font-face { font-family: "Young Serif"; src: url("young-serif.woff2") format("woff2"); font-weight: 400; font-display: swap; }
.muestra-restaurante { background: #0C4A6E; color: #ffffff; border-bottom: 6px solid #F4D35E; }
.fuente-restaurante { font-family: "Young Serif", system-ui, sans-serif; }
.muestra-taller-mecanico { background: #1A1D21; color: #ffffff; border-bottom: 6px solid #E1251B; }
.fuente-taller-mecanico { font-family: "Dela Gothic One", system-ui, sans-serif; }
.muestra-tejados { background: #1C2329; color: #ffffff; border-bottom: 6px solid #F2A900; }
.fuente-tejados { font-family: "Archivo", system-ui, sans-serif; }
@font-face { font-family: "Caprasimo"; src: url("caprasimo.woff2") format("woff2"); font-weight: 400; font-display: swap; }
.muestra-veterinaria { background: #1E2A4A; color: #ffffff; border-bottom: 6px solid #F6C343; }
.fuente-veterinaria { font-family: "Caprasimo", system-ui, sans-serif; }