/* Theme Name: Bricks Child Theme URI: https://staging.nexexp.com Description: Child theme oficial para Bricks Builder con arquitectura multi-tenant ready. Carga fuentes auto-hospedadas (Manrope + Space Grotesk), define helpers de logo agnósticos, inyecta favicons multi-tamaño y se integra con el mu-plugin agency-brand-tokens (CSS variables dinámicas). NO contiene reglas CSS — el styling vive en Bricks Theme Styles. Author: NexExp Insurance Agency Author URI: https://nexexp.com Template: bricks Version: 1.0.0 License: GPL v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: bricks-child */ /* ================================================================= NOTA IMPORTANTE — NO AGREGAR REGLAS CSS AQUÍ ================================================================= Los estilos del sitio se manejan en TRES capas, en este orden: 1. mu-plugin "agency-brand-tokens" (siempre activo) → Inyecta las CSS variables al de cada página → --brand-blue, --brand-coral, --font-body, --font-display, etc. → Editables vía ACF Options Pages (sesión #4) 2. Bricks Builder → Settings → Theme Styles → Tipografía base, espaciados, botones, container width → Editables vía interfaz visual de Bricks 3. Bricks Templates (header, footer, single, archive) → Estilos específicos de componentes y secciones Si necesitas un override CSS muy puntual que no pueda hacerse vía Bricks, créalo en /assets/css/overrides.css y enquéuelo en functions.php. NO escribas reglas aquí — este archivo se queda limpio para que su único propósito sea declarar el child theme. ================================================================= */ /* ═══════════════════════════════════════════════════════════════ SESIÓN #5 · FUENTES WEB · NexExp Manrope (body) + Space Grotesk (headings) Self-hosted desde /assets/fonts/ (NO Google Fonts) ═══════════════════════════════════════════════════════════════ */ /* --- Manrope --- */ @font-face { font-family: 'Manrope'; src: url('assets/fonts/manrope-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Manrope'; src: url('assets/fonts/manrope-500.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Manrope'; src: url('assets/fonts/manrope-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Manrope'; src: url('assets/fonts/manrope-800.woff2') format('woff2'); font-weight: 800; font-style: normal; font-display: swap; } /* --- Space Grotesk --- */ @font-face { font-family: 'Space Grotesk'; src: url('assets/fonts/space-grotesk-500.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Space Grotesk'; src: url('assets/fonts/space-grotesk-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; } /* Base typography (lo refinaremos en Bricks Theme Styles después) */ body { font-family: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 400; } h1, h2, h3, h4, h5, h6 { font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 700; } /* Cursiva coral (regla estrella del diseño NexExp) */ em, .accent-italic { font-style: italic; color: var(--brand-coral); font-weight: 500; font-family: 'Space Grotesk', sans-serif; font-synthesis: none; } /* ----------------------------------------------------------- Sesion 5 - Hover state para links de contenido Bricks 2.0 no expone hover en Theme Styles - lo anadimos aqui replicando los selectores que Bricks usa internamente. ----------------------------------------------------------- */ .brxe-text a:hover, a.brxe-text:hover, .brxe-text-basic a:hover, a.brxe-text-basic:hover, .brxe-list a:hover, .brxe-post-content:not([data-source="bricks"]) a:hover, .brxe-posts .dynamic p a:hover, .brxe-shortcode a:hover, .brxe-tabs .tab-content a:hover, .brxe-team-members .description a:hover, .brxe-testimonials .testimonial-content-wrapper a:hover, .brxe-icon-box .content a:hover, .brxe-accordion .accordion-content-wrapper a:hover, .brxe-post-comments .comment-content a:hover { color: var(--brand-coral); text-decoration: underline; }