/* ═══════════════════════════════════════════════════════════════════════════ FestiVal · Golden Hour 2026 — LA CAPA DE MARCA · v1.0 · 17·sep·2026 Rectora: el Brand Book de Val (VLM_GEN_DOC_Brandbook-Editorial-FestiVal_260916). POR QUE EXISTE ESTE ARCHIVO `tokens.css` declara los VALORES de la marca —los colores, las rampas, las dos tipografias—. Pero declararlos no basta: una pantalla podia enlazarlo y seguir pintando su titulo en amarillo plano, su fondo sin grano y su foco en el azul del sistema. Eso es lo que pasaba en trece de las diecinueve. Esta hoja APLICA esos valores. Se enlaza despues de tokens.css y toca solo lo transversal: lo que debe verse igual en todas partes sin que nadie lo repita. 🔴 LO QUE ESTA HOJA NO HACE, Y ES DELIBERADO No rediseña la operacion. Las pantallas de mesa, puerta, karaoke y produccion se operan de pie, a oscuras y con prisa: conservan sus tamaños, sus botones y su disposicion exactos. Aqui solo entran materia y legibilidad. 🔴 EL FRENO, EN PALABRAS DE VAL: «el dorado es la firma, no el ruido». Por eso el metal se aplica con la clase `.fv-firma`, a mano y donde firma —la cifra grande, el titulo de la pantalla—, y NUNCA a todos los titulos de golpe. ═══════════════════════════════════════════════════════════════════════════ */ /* ── 1 · EL GRANO ────────────────────────────────────────────────────────── Lo que impide que una pantalla se lea plana. Sin el, una proyeccion de tres metros se ve como un PDF y un telefono se ve como una plantilla. Va fijo, detras de todo, y no intercepta un solo toque. */ body::after{ content:''; position:fixed; inset:0; z-index:0; pointer-events:none; background-image:var(--fv-grano); opacity:.085; mix-blend-mode:overlay; } /* 🔴 El grano se salta a si mismo en las pantallas que ya lo traen propio (sala, jardin, invitacion): dos capas de ruido encima de la otra ensucian el texto en vez de dar materia. */ body.fv-grano-propio::after{display:none} /* ── 2 · EL FOCO ─────────────────────────────────────────────────────────── 🔴 El navegador pinta el foco en AZUL. En una pantalla tactil a media alfombra roja, rodeada de la marca de Val, un halo azul de sistema es lo primero que se nota — y no aparece en ningun CSS, porque no lo pone el CSS. El foco NO se quita: se viste. Quitarlo deja sin navegacion a quien usa teclado, y esa noche hay gente operando con un teclado bluetooth. */ :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{ outline:2px solid var(--fv-oro, #EFB63C); outline-offset:2px; border-radius:1px; } /* ── 3 · LA FIRMA ────────────────────────────────────────────────────────── El metal, a mano y donde firma. `.fv-firma` sobre un texto lo convierte en oro fisico con rampa; `.fv-firma-barra` hace lo mismo con una barra o filete. 🔴 Con @supports y fallback: estas pantallas rotan solas toda la noche sin nadie atendiendolas y no pueden quedarse en blanco por un degradado. */ .fv-firma{color:var(--fv-champan, #F0DCA8)} @supports (background-clip:text) or (-webkit-background-clip:text){ .fv-firma{ background-image:var(--fv-metal); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; } } .fv-firma-barra{background-image:var(--fv-metal)} /* ── 3b · EL TITULO DE LA PANTALLA ──────────────────────────────────────── El `h1` es, en todas las pantallas de este sistema, el nombre de la pantalla: Mesa, Karaoke, Producción, El Pulso, La Memoria Viva. Uno por pantalla, en Italiana y sobre fondo oscuro. **Ese es el sitio donde el oro firma** — y por eso el metal se aplica ahí de forma transversal y en ningún otro título. 🔴 No baja a h2 ni a las cifras de una rejilla: cuatro cifras doradas a la vez son el ruido que el manual de Val prohíbe. Una pantalla que quiera metal en su cifra grande lo pide a mano con `.fv-firma`, como hacen la sala y el jardín. */ /* ═══════════════════════════════════════════════════════════════════════════ 0 · LAS DOS FAMILIAS, APLICADAS · 260917 🔴 ENLAZAR TOKENS NO ES APLICARLOS, otra vez. `tokens.css` declaraba --fv-display y --fv-texto desde el 16-sep y **nada las ponia en el documento**: cada pantalla repetia su propio font-family a mano. Las tres que no lo repetian —el guion del ensayo, el paseo de Val y el pulso— salian en **-apple-system**, medido en produccion. O sea: tres pantallas del festival sin una sola letra de la marca, y el CSS «correcto». 🔴 Va con la especificidad mas baja posible y SIN !important: la pantalla que declare su propia familia mas abajo sigue ganando, y ninguna de las 22 que ya estaban bien cambia. Esto es el piso, no el techo. ═══════════════════════════════════════════════════════════════════════════ */ /* 🔴 `[hidden]` TIENE QUE GANAR SIEMPRE (pagado en la invitacion, 260917). Es un `display:none` del navegador con la especificidad mas baja que existe: cualquier regla con un id le gana. En la invitacion, `#mapa-pin{display:block}` dejaba visible un boton que abria Google Maps con la direccion de la sede, aunque el HTML lo marcara `hidden`. Media plataforma esconde cosas con este atributo —el alta de la hostess, el saldo, los bloques de la noche—, asi que la proteccion va en la capa comun y no pantalla por pantalla. */ [hidden]{display:none!important} body{font-family:var(--fv-texto, 'Plus Jakarta Sans', -apple-system, system-ui, sans-serif)} h1, h2, h3{font-family:var(--fv-display, 'Italiana', Georgia, serif); font-weight:400} h1{color:var(--fv-champan, #F0DCA8)} @supports (background-clip:text) or (-webkit-background-clip:text){ h1:not(.fv-sin-firma){ background-image:var(--fv-metal); /* 🔴 260918 · LA RAMPA SE CENTRA. Y la causa no es el tamaño de la letra, es que LA CAJA DEL h1 ES MUCHO MAS ANCHA QUE SU TEXTO. `background-clip:text` recorta el degradado contra la caja, no contra las letras: en el Cantador el h1 mide 992 px de ancho y «Golden Loteria» ocupa los primeros ~150. Con la rampa a tamaño natural, ese texto solo toca el 0-15% de `--fv-metal` — que es #6D350E → #BD721D, o sea cafe oscuro sobre fondo de noche. La banda de luz (#FFE1A0, al 51%) cae en un hueco vacio a media pantalla donde no hay una sola letra. Medido al 300% de zoom: al 220% y centrada, el texto corto ve siempre el tercio bueno (#F2C15D → #FFE1A0 → #C17C23). Probada tambien la variante `--fv-metal-canto`: sale mas apagada todavia, porque su ramo vertical reparte cobre en toda la altura de la caja. No cambia ni la direccion ni los colores de la rampa que Val aprobo, y no toca las cifras grandes: esas las declara cada pantalla por su cuenta. */ background-size:220% 100%; background-position:50% 0; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; } } /* 🔴 EL METAL NO VA SOBRE FONDO CLARO, y esto se vio proyectando la pantalla, no leyendo el CSS. Producción y la Vista de Val tienen tema claro/oscuro propio —lo necesitan: Fernanda trabaja con ellas a plena luz—. Sobre el crema del tema claro, la rampa del metal pasa por #FFE1A0 justo en el centro y las letras de en medio DESAPARECEN: «Pro‗‗‗ión». Ilegible a media palabra. Y no es un ajuste de gusto: el manual de Val define la versión preferida como «champán y oro sobre TINTA NOCHE». Sobre claro, el metal no es la marca. Estas dos declaran su tema en el elemento raíz, así que basta con escuchar lo mismo que ellas escuchan. */ :root[data-theme="light"] h1, :root[data-theme="light"] .fv-firma{ background-image:none !important; -webkit-text-fill-color:currentColor !important; color:var(--fv-carmin, #9B2033); } @media (prefers-color-scheme:light){ :root:not([data-theme="dark"]) h1, :root:not([data-theme="dark"]) .fv-firma{ background-image:none !important; -webkit-text-fill-color:currentColor !important; color:var(--fv-carmin, #9B2033); } } /* 🔴 La excepción de la excepción: las pantallas que SON oscuras siempre —la sala, el jardín, la invitación, la mesa— no deben perder su metal solo porque el sistema operativo de quien mira esté en modo claro. Lo declaran con esta clase en el y la regla de arriba ya no las toca. */ /* 🔴 Con `!important` en los dos lados, quien gana es el selector MAS ESPECIFICO — y `:root:not([data-theme=dark]) h1` (0,2,1) le ganaba a `body.fv-siempre-oscura h1` (0,1,2). Resultado medido: la Memoria Viva perdia su metal solo porque el sistema operativo de quien miraba estaba en claro, con su fondo intacto en Tinta Noche. Se arregla subiendo la especificidad de la excepcion, no añadiendo otro !important encima. */ :root body.fv-siempre-oscura h1, :root body.fv-siempre-oscura .fv-firma{ background-image:var(--fv-metal) !important; -webkit-text-fill-color:transparent !important; } /* ── 3c · LA DIVISION DE LAS DOS TIPOGRAFIAS ────────────────────────────── 🔴 Ed, 260917: «siento que esa font es complicada para los fondos». Medido, y tenia razon — y el manual de Val ya traia la respuesta escrita: · «Italiana: titulares, grandes gestos editoriales y MOMENTOS MEMORABLES» · «Plus Jakarta Sans: INFORMACION, invitacion, SEÑALETICA y piezas digitales» La plataforma estaba usando Italiana donde el manual dice Jakarta: «Ya cantó» y «No está» a 15 px —botones que el DJ opera de pie a las 23:40—, y los datos de la ficha a 19 px. Italiana es una display de trazo finisimo y contraste alto: a 15 px sobre fondo oscuro los finos casi desaparecen. No es un defecto de la tipografia; es usarla fuera de su trabajo. Aqui no se cambia la tipografia de la marca: se respeta la division que la dueña de la marca ya definio. En las pantallas de OPERACION —las que llevan `fv-operacion` en el body— los controles y los datos van en Jakarta. Los titulos siguen en Italiana, porque ahi si es un titular. */ body.fv-operacion button, body.fv-operacion input, body.fv-operacion select, body.fv-operacion textarea, body.fv-operacion label, body.fv-operacion th, body.fv-operacion td, body.fv-operacion .boton, body.fv-operacion .chip, body.fv-operacion .pildora{ font-family:var(--fv-texto) !important; } /* 🔴 Y el suelo duro: Italiana nunca por debajo de 20 px, en ningun sitio. Bajo ese tamaño deja de leerse como elegancia y empieza a leerse como un error de render — que es exactamente lo que Ed noto. */ .fv-dato, .fv-etiqueta{font-family:var(--fv-texto)} /* ── 4 · LA PLACA ────────────────────────────────────────────────────────── El metal cepillado del Golden Passport, disponible para cualquier tarjeta o ficha que deba sentirse como un objeto y no como un div. */ .fv-placa{ background-image:var(--fv-cepillado); box-shadow:inset 0 1px 0 rgba(255,225,160,.08); } /* ── 5 · EL ISOLOGO MAESTRO ──────────────────────────────────────────────── 🔴 El archivo de Val, sin tocarlo: su manual dice «no recolorear ni añadir efectos al archivo maestro». Viene recortado a su caja real, asi que `height` manda y el ancho sale solo. */ .fv-iso{display:inline-block; height:1em; width:auto; object-fit:contain; vertical-align:-.10em} /* ── 6 · LOS CAMPOS ──────────────────────────────────────────────────────── Un campo de texto por debajo de 16px hace que Safari en iPhone haga ZOOM al tocarlo, y la pantalla se descuadra en plena operacion. Es un defecto clasico de movil que no se ve en el escritorio. */ input, select, textarea{font-size:max(16px, 1em)} /* ── 7 · LA SELECCION ────────────────────────────────────────────────────── Hasta el resaltado al seleccionar texto es de la marca, no del sistema. */ ::selection{background:var(--fv-oro-hondo, #C9922B); color:var(--fv-noche, #14101F)} /* ── 8 · NADIE SE MAREA ──────────────────────────────────────────────────── Quien pidio menos movimiento en su telefono no recibe una pantalla que late. */ @media (prefers-reduced-motion:reduce){ *, *::before, *::after{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; } } /* ═══════════════════════════════════════════════════════════════════════════ 9 · LOS DOS TEMAS · quién los tiene y por qué · 260917 Ed pidió «un skin dark y uno light». La respuesta no es darles los dos a todas: es repartirlos POR FUNCIÓN, y hay una razón física detrás. 🔴 LAS PANTALLAS DE LA NOCHE SON OSCURAS SIEMPRE, sin interruptor. No es preferencia: es una fiesta de noche en una sala a oscuras. Un tema claro proyectado a las 22:21 —el reveal, con 66 personas mirando a la vez— deslumbra a toda la sala y arruina el único momento que no se repite. Y el teléfono del invitado a las 23:40 en la cara, en blanco, es lo mismo en pequeño. La rectora de Val además lo fija: el fondo de esta marca es oscuro y eso no se negocia. Son: la invitación, la sala, el jardín, la tarima, la memoria, el aviso, /faltan/ y la puerta. 🟢 LAS PANTALLAS DE TRABAJO LLEVAN LOS DOS, y la persona elige. Fernanda arma el programa a las once de la mañana, a plena luz y junto a una ventana. Producción y la Vista de Val ya lo tenían y por eso funcionan; el resto de las de trabajo lo reciben ahora con el mismo mecanismo. Son: producción, la consola, la vista de Val, el tablero, el pulso, el mapa y el guion del ensayo. 🔴 El tema NO se adivina cada vez: se guarda. Quien lo puso en claro no quiere volver a ponerlo mañana. Y quien no ha elegido nada recibe lo que su teléfono ya dice con `prefers-color-scheme`, que es lo que espera. ═══════════════════════════════════════════════════════════════════════════ */ /* 🔴 CADA COLOR SE DEFINE COMO TOKEN, Y SOLO LOS TOKENS SE REDEFINEN. La primera version pintaba `h2`, `p` y `a` directamente dentro del bloque del tema claro. Resultado medido: en tema OSCURO el h2 daba 1.56:1 y el cuerpo 2.22:1 — ILEGIBLES—, porque esas reglas seguian aplicando y nada las redefinia. Es el error clasico del tema doble: se cambia el fondo y se olvida la mitad de la tinta. Asi que los colores viven en tokens propios de esta capa, el bloque claro es el de partida, y cada bloque oscuro los redefine TODOS. Ningun color se pinta solo en un lado. */ body.fv-dos-temas{ --t-fondo: var(--fv-marfil, #F7EFDD); --t-tinta: #584A4C; --t-titulo: var(--fv-carmin, #9B2033); --t-sub: #5E2230; --t-etq: var(--fv-oro-fondo, #8E6318); --t-link: #7A1828; --t-grano-modo: multiply; --t-grano-op: .05; } @media (prefers-color-scheme:dark){ :root:not([data-theme="light"]) body.fv-dos-temas{ --t-fondo: var(--fv-noche, #14101F); --t-tinta: var(--fv-tenue, #C0B5B3); --t-titulo: var(--fv-champan, #F0DCA8); --t-sub: var(--fv-champan, #F0DCA8); --t-etq: var(--fv-oro-hondo, #C9922B); --t-link: var(--fv-oro, #EFB63C); --t-grano-modo: overlay; --t-grano-op: .085; } } :root[data-theme="dark"] body.fv-dos-temas{ --t-fondo: var(--fv-noche, #14101F); --t-tinta: var(--fv-tenue, #C0B5B3); --t-titulo: var(--fv-champan, #F0DCA8); --t-sub: var(--fv-champan, #F0DCA8); --t-etq: var(--fv-oro-hondo, #C9922B); --t-link: var(--fv-oro, #EFB63C); --t-grano-modo: overlay; --t-grano-op: .085; } /* 🔴 Y LOS TOKENS QUE LA PROPIA PANTALLA USA, tambien. Un `

` sin clase de la consola seguia en gris claro sobre el papel (3.61:1) porque la pantalla lo pinta con SU token `--tenue`, y su regla es mas especifica que la mia. Pelear selector por selector es una carrera que se pierde; redefinir los tokens que ellas ya usan lo arregla de una vez y para todas, sin tocar una sola pantalla. Los nombres son los que el sistema ya tiene. */ body.fv-dos-temas{ --tenue:var(--t-tinta); --texto:var(--t-tinta); --muted:var(--t-tinta); --marfil:var(--t-titulo); --champan:var(--t-sub); --linea:rgba(94,34,48,.20); --line:rgba(94,34,48,.20); --noche:var(--t-fondo); --terciopelo:#EFE4CE; --brasa:#E6D9C0; --vino:#EFE4CE; } @media (prefers-color-scheme:dark){ :root:not([data-theme="light"]) body.fv-dos-temas{ --tenue:#8A7A6C; --texto:#C6B6A4; --muted:#C0B5B3; --marfil:#F7EFDD; --champan:#F0DCA8; --linea:#3A2226; --line:rgba(240,220,168,.24); --noche:#14101F; --terciopelo:#2A1520; --brasa:#33202C; --vino:#2A1520; } } :root[data-theme="dark"] body.fv-dos-temas{ --tenue:#8A7A6C; --texto:#C6B6A4; --muted:#C0B5B3; --marfil:#F7EFDD; --champan:#F0DCA8; --linea:#3A2226; --line:rgba(240,220,168,.24); --noche:#14101F; --terciopelo:#2A1520; --brasa:#33202C; --vino:#2A1520; } /* Y todo se pinta UNA sola vez, desde los tokens. */ body.fv-dos-temas{background:var(--t-fondo); color:var(--t-tinta)} body.fv-dos-temas h1{color:var(--t-titulo)} body.fv-dos-temas h2, body.fv-dos-temas h3{color:var(--t-sub)} body.fv-dos-temas p, body.fv-dos-temas li, body.fv-dos-temas td, body.fv-dos-temas .nota, body.fv-dos-temas .sutil, body.fv-dos-temas .dim{color:var(--t-tinta)} body.fv-dos-temas .eyebrow, body.fv-dos-temas .etq, body.fv-dos-temas [class*="eyebrow"]{color:var(--t-etq)} body.fv-dos-temas a{color:var(--t-link)} body.fv-dos-temas ::selection{background:var(--t-titulo); color:var(--t-fondo)} body.fv-dos-temas::after{mix-blend-mode:var(--t-grano-modo); opacity:var(--t-grano-op)} /* El interruptor. Discreto y siempre en el mismo sitio: quien lo busca ya sabe dónde está, y quien no lo busca no lo ve. */ /* 🔴 260918 · 40 px, cuatro por debajo del minimo para un dedo (44, WCAG 2.5.5 y Apple HIG). Cuatro pixeles no suenan a nada hasta que fallas el toque tres veces con una copa en la mano. Aparecia asi en tres pantallas a la vez —consola, tablero y mapa— porque vive aqui: un solo arreglo las cura. El circulo se ve igual de discreto a 44; lo que crece es el blanco para el dedo, no la presencia visual. */ .fv-tema{ position:fixed; top:14px; right:14px; z-index:90; width:44px; height:44px; border-radius:50%; display:grid; place-items:center; cursor:pointer; background:rgba(240,220,168,.10); border:1px solid var(--fv-filete, rgba(240,220,168,.24)); color:var(--fv-oro-hondo, #C9922B); font-size:17px; line-height:1; padding:0; font-family:var(--fv-texto); } .fv-tema:hover{border-color:var(--fv-oro, #EFB63C)} body.fv-dos-temas .fv-tema{background:rgba(155,32,51,.07); color:var(--fv-carmin,#9B2033)} @media print{.fv-tema{display:none}} /* ── EL CIELO ────────────────────────────────────────────────────────────── Los 34 destellos de la invitacion de Val. Es LO QUE HIZO que Ed dijera «si, asi si se siente FestiVal» cuando se aplico a la de 99": el fondo deja de ser negro liso y pasa a ser la misma noche que el invitado abrio en su telefono. Va en data-URI — cero peticiones, sobrevive sin red (S1.1). 🔴 VIVE AQUI, NO EN tokens.css, Y ES A PROPOSITO. build.sh incrusta tokens.css COMPLETO dentro de la invitacion, que es la pieza que abren las 66 personas con el wifi de una fiesta; meter aqui 9 kB de cielo le sumaria ese peso a la ruta critica Y duplicado, porque la invitacion ya trae el suyo en su propio marcado. skin.css se enlaza aparte y solo lo piden las pantallas de dentro. */ :root{ --fv-cielo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'%3E%3Cpath d='M110.5 258.9C110.5 260.412 111.088 261.0 112.6 261.0C111.088 261.0 110.5 261.588 110.5 263.1C110.5 261.588 109.912 261.0 108.4 261.0C109.912 261.0 110.5 260.412 110.5 258.9Z' fill='%23F0DCA8' opacity='0.51'/%3E%3Cpath d='M336.1 233.60000000000002C336.1 235.90400000000002 336.99600000000004 236.8 339.3 236.8C336.99600000000004 236.8 336.1 237.696 336.1 240.0C336.1 237.696 335.204 236.8 332.90000000000003 236.8C335.204 236.8 336.1 235.90400000000002 336.1 233.60000000000002Z' fill='%23EFB63C' opacity='0.54'/%3E%3Cpath d='M85.0 12.8C85.0 15.68 86.12 16.8 89.0 16.8C86.12 16.8 85.0 17.92 85.0 20.8C85.0 17.92 83.88 16.8 81.0 16.8C83.88 16.8 85.0 15.68 85.0 12.8Z' fill='%23EFB63C' opacity='0.4'/%3E%3Cpath d='M330.9 300.90000000000003C330.9 304.644 332.356 306.1 336.09999999999997 306.1C332.356 306.1 330.9 307.55600000000004 330.9 311.3C330.9 307.55600000000004 329.44399999999996 306.1 325.7 306.1C329.44399999999996 306.1 330.9 304.644 330.9 300.90000000000003Z' fill='%23F7EFDD' opacity='0.52'/%3E%3Cpath d='M354.2 75.5C354.2 77.012 354.788 77.6 356.3 77.6C354.788 77.6 354.2 78.18799999999999 354.2 79.69999999999999C354.2 78.18799999999999 353.61199999999997 77.6 352.09999999999997 77.6C353.61199999999997 77.6 354.2 77.012 354.2 75.5Z' fill='%23C9922B' opacity='0.48'/%3E%3Cpath d='M29.6 136.10000000000002C29.6 138.40400000000002 30.496000000000002 139.3 32.800000000000004 139.3C30.496000000000002 139.3 29.6 140.196 29.6 142.5C29.6 140.196 28.704 139.3 26.400000000000002 139.3C28.704 139.3 29.6 138.40400000000002 29.6 136.10000000000002Z' fill='%23F7EFDD' opacity='0.66'/%3E%3Cpath d='M299.5 282.59999999999997C299.5 283.752 299.948 284.2 301.1 284.2C299.948 284.2 299.5 284.64799999999997 299.5 285.8C299.5 284.64799999999997 299.052 284.2 297.9 284.2C299.052 284.2 299.5 283.752 299.5 282.59999999999997Z' fill='%23EFB63C' opacity='0.73'/%3E%3Cpath d='M241.5 88.0C241.5 90.304 242.396 91.2 244.7 91.2C242.396 91.2 241.5 92.096 241.5 94.4C241.5 92.096 240.604 91.2 238.3 91.2C240.604 91.2 241.5 90.304 241.5 88.0Z' fill='%23F7EFDD' opacity='0.43'/%3E%3Cpath d='M286.7 81.7C286.7 83.212 287.288 83.8 288.8 83.8C287.288 83.8 286.7 84.38799999999999 286.7 85.89999999999999C286.7 84.38799999999999 286.11199999999997 83.8 284.59999999999997 83.8C286.11199999999997 83.8 286.7 83.212 286.7 81.7Z' fill='%23EFB63C' opacity='0.46'/%3E%3Cpath d='M223.0 119.6C223.0 122.47999999999999 224.12 123.6 227.0 123.6C224.12 123.6 223.0 124.72 223.0 127.6C223.0 124.72 221.88 123.6 219.0 123.6C221.88 123.6 223.0 122.47999999999999 223.0 119.6Z' fill='%23F0DCA8' opacity='0.47'/%3E%3Cpath d='M133.7 357.3C133.7 359.604 134.59599999999998 360.5 136.89999999999998 360.5C134.59599999999998 360.5 133.7 361.396 133.7 363.7C133.7 361.396 132.804 360.5 130.5 360.5C132.804 360.5 133.7 359.604 133.7 357.3Z' fill='%23EFB63C' opacity='0.43'/%3E%3Cpath d='M279.2 120.39999999999999C279.2 122.704 280.096 123.6 282.4 123.6C280.096 123.6 279.2 124.496 279.2 126.8C279.2 124.496 278.304 123.6 276.0 123.6C278.304 123.6 279.2 122.704 279.2 120.39999999999999Z' fill='%23F7EFDD' opacity='0.4'/%3E%3Cpath d='M360.5 119.6C360.5 122.47999999999999 361.62 123.6 364.5 123.6C361.62 123.6 360.5 124.72 360.5 127.6C360.5 124.72 359.38 123.6 356.5 123.6C359.38 123.6 360.5 122.47999999999999 360.5 119.6Z' fill='%23F0DCA8' opacity='0.46'/%3E%3Cpath d='M129.7 175.1C129.7 177.98 130.82 179.1 133.7 179.1C130.82 179.1 129.7 180.22 129.7 183.1C129.7 180.22 128.57999999999998 179.1 125.69999999999999 179.1C128.57999999999998 179.1 129.7 177.98 129.7 175.1Z' fill='%23C9922B' opacity='0.63'/%3E%3Cpath d='M102.9 381.79999999999995C102.9 383.31199999999995 103.488 383.9 105.0 383.9C103.488 383.9 102.9 384.488 102.9 386.0C102.9 384.488 102.31200000000001 383.9 100.80000000000001 383.9C102.31200000000001 383.9 102.9 383.31199999999995 102.9 381.79999999999995Z' fill='%23F7EFDD' opacity='0.23'/%3E%3Cpath d='M57.7 259.79999999999995C57.7 261.67199999999997 58.428000000000004 262.4 60.300000000000004 262.4C58.428000000000004 262.4 57.7 263.128 57.7 265.0C57.7 263.128 56.972 262.4 55.1 262.4C56.972 262.4 57.7 261.67199999999997 57.7 259.79999999999995Z' fill='%23C9922B' opacity='0.64'/%3E%3Cpath d='M223.3 330.79999999999995C223.3 331.952 223.74800000000002 332.4 224.9 332.4C223.74800000000002 332.4 223.3 332.84799999999996 223.3 334.0C223.3 332.84799999999996 222.852 332.4 221.70000000000002 332.4C222.852 332.4 223.3 331.952 223.3 330.79999999999995Z' fill='%23F0DCA8' opacity='0.43'/%3E%3Cpath d='M64.9 83.5C64.9 86.38 66.02000000000001 87.5 68.9 87.5C66.02000000000001 87.5 64.9 88.62 64.9 91.5C64.9 88.62 63.78000000000001 87.5 60.900000000000006 87.5C63.78000000000001 87.5 64.9 86.38 64.9 83.5Z' fill='%23F7EFDD' opacity='0.46'/%3E%3Cpath d='M274.8 153.20000000000002C274.8 156.94400000000002 276.25600000000003 158.4 280.0 158.4C276.25600000000003 158.4 274.8 159.856 274.8 163.6C274.8 159.856 273.344 158.4 269.6 158.4C273.344 158.4 274.8 156.94400000000002 274.8 153.20000000000002Z' fill='%23C9922B' opacity='0.75'/%3E%3Cpath d='M227.7 228.3C227.7 231.18 228.82 232.3 231.7 232.3C228.82 232.3 227.7 233.42000000000002 227.7 236.3C227.7 233.42000000000002 226.57999999999998 232.3 223.7 232.3C226.57999999999998 232.3 227.7 231.18 227.7 228.3Z' fill='%23C9922B' opacity='0.61'/%3E%3Cpath d='M145.3 48.8C145.3 52.544 146.756 54.0 150.5 54.0C146.756 54.0 145.3 55.456 145.3 59.2C145.3 55.456 143.84400000000002 54.0 140.10000000000002 54.0C143.84400000000002 54.0 145.3 52.544 145.3 48.8Z' fill='%23C9922B' opacity='0.55'/%3E%3Cpath d='M121.2 124.60000000000001C121.2 125.75200000000001 121.648 126.2 122.8 126.2C121.648 126.2 121.2 126.648 121.2 127.8C121.2 126.648 120.75200000000001 126.2 119.60000000000001 126.2C120.75200000000001 126.2 121.2 125.75200000000001 121.2 124.60000000000001Z' fill='%23EFB63C' opacity='0.69'/%3E%3Cpath d='M78.4 123.10000000000001C78.4 124.25200000000001 78.848 124.7 80.0 124.7C78.848 124.7 78.4 125.148 78.4 126.3C78.4 125.148 77.95200000000001 124.7 76.80000000000001 124.7C77.95200000000001 124.7 78.4 124.25200000000001 78.4 123.10000000000001Z' fill='%23EFB63C' opacity='0.47'/%3E%3Cpath d='M36.5 177.1C36.5 178.25199999999998 36.948 178.7 38.1 178.7C36.948 178.7 36.5 179.148 36.5 180.29999999999998C36.5 179.148 36.052 178.7 34.9 178.7C36.052 178.7 36.5 178.25199999999998 36.5 177.1Z' fill='%23F0DCA8' opacity='0.3'/%3E%3Cpath d='M186.8 128.70000000000002C186.8 131.00400000000002 187.696 131.9 190.0 131.9C187.696 131.9 186.8 132.796 186.8 135.1C186.8 132.796 185.90400000000002 131.9 183.60000000000002 131.9C185.90400000000002 131.9 186.8 131.00400000000002 186.8 128.70000000000002Z' fill='%23EFB63C' opacity='0.33'/%3E%3Cpath d='M24.6 331.5C24.6 332.65200000000004 25.048000000000002 333.1 26.200000000000003 333.1C25.048000000000002 333.1 24.6 333.548 24.6 334.70000000000005C24.6 333.548 24.152 333.1 23.0 333.1C24.152 333.1 24.6 332.65200000000004 24.6 331.5Z' fill='%23F7EFDD' opacity='0.49'/%3E%3Cpath d='M39.0 365.7C39.0 369.44399999999996 40.456 370.9 44.2 370.9C40.456 370.9 39.0 372.356 39.0 376.09999999999997C39.0 372.356 37.544 370.9 33.8 370.9C37.544 370.9 39.0 369.44399999999996 39.0 365.7Z' fill='%23F0DCA8' opacity='0.72'/%3E%3Cpath d='M354.9 389.5C354.9 390.65200000000004 355.34799999999996 391.1 356.5 391.1C355.34799999999996 391.1 354.9 391.548 354.9 392.70000000000005C354.9 391.548 354.452 391.1 353.29999999999995 391.1C354.452 391.1 354.9 390.65200000000004 354.9 389.5Z' fill='%23EFB63C' opacity='0.59'/%3E%3Cpath d='M322.3 115.2C322.3 118.08 323.42 119.2 326.3 119.2C323.42 119.2 322.3 120.32000000000001 322.3 123.2C322.3 120.32000000000001 321.18 119.2 318.3 119.2C321.18 119.2 322.3 118.08 322.3 115.2Z' fill='%23F7EFDD' opacity='0.69'/%3E%3Cpath d='M177.2 347.90000000000003C177.2 351.644 178.65599999999998 353.1 182.39999999999998 353.1C178.65599999999998 353.1 177.2 354.55600000000004 177.2 358.3C177.2 354.55600000000004 175.744 353.1 172.0 353.1C175.744 353.1 177.2 351.644 177.2 347.90000000000003Z' fill='%23C9922B' opacity='0.71'/%3E%3Cpath d='M183.3 214.2C183.3 217.07999999999998 184.42000000000002 218.2 187.3 218.2C184.42000000000002 218.2 183.3 219.32 183.3 222.2C183.3 219.32 182.18 218.2 179.3 218.2C182.18 218.2 183.3 217.07999999999998 183.3 214.2Z' fill='%23C9922B' opacity='0.35'/%3E%3Cpath d='M324.4 167.1C324.4 169.98 325.52 171.1 328.4 171.1C325.52 171.1 324.4 172.22 324.4 175.1C324.4 172.22 323.28 171.1 320.4 171.1C323.28 171.1 324.4 169.98 324.4 167.1Z' fill='%23F0DCA8' opacity='0.4'/%3E%3Cpath d='M385.9 282.7C385.9 285.58 387.02 286.7 389.9 286.7C387.02 286.7 385.9 287.82 385.9 290.7C385.9 287.82 384.78 286.7 381.9 286.7C384.78 286.7 385.9 285.58 385.9 282.7Z' fill='%23EFB63C' opacity='0.67'/%3E%3Cpath d='M168.7 85.60000000000001C168.7 86.75200000000001 169.148 87.2 170.29999999999998 87.2C169.148 87.2 168.7 87.648 168.7 88.8C168.7 87.648 168.25199999999998 87.2 167.1 87.2C168.25199999999998 87.2 168.7 86.75200000000001 168.7 85.60000000000001Z' fill='%23EFB63C' opacity='0.34'/%3E%3C/svg%3E"); }