/* AgroLog landing. Tokens desde design/agrolog-tokens.css; fuentes por Google Fonts. */
/* Fuentes embebidas para que el documento funcione sin conexión.
En producto:
https://fonts.googleapis.com/css2?family=Young+Serif&family=Instrument+Sans:wght@400..700&display=swap */
/* Young Serif — OFL 1.1 · Copyright 2023 The Young Serif Project Authors */
/* Instrument Sans (variable 400–700) — OFL 1.1 · Copyright 2023 The Instrument Sans Project Authors */
/* ============================================================
AGROLOG · SISTEMA DE DISEÑO v2.2
01 — Tokens primitivos (rampas). Nunca se usan en producto.
============================================================ */
:root{
/* Verde Monte — primario. Ancla de marca: 600 = #00593F */
--ag-verde-50:#E9F6F0; --ag-verde-100:#C6E9D9; --ag-verde-200:#93D5BB;
--ag-verde-300:#58BB98; --ag-verde-400:#269D77; --ag-verde-500:#0A7B5A;
--ag-verde-600:#00593F; --ag-verde-700:#004A35; --ag-verde-800:#003A29;
--ag-verde-900:#002A1E; --ag-verde-950:#001812;
/* Lima Brote — acento. Ancla de marca: 300 = #BDE04E */
--ag-lima-50:#F8FCEA; --ag-lima-100:#F0F9CD; --ag-lima-200:#E0F29D;
--ag-lima-300:#BDE04E; --ag-lima-400:#A8CC35; --ag-lima-500:#8DAD24;
--ag-lima-600:#6F881B; --ag-lima-700:#566818; --ag-lima-800:#435118;
--ag-lima-900:#2E380F;
/* Tierra — secundario */
--ag-tierra-50:#FAF3EC; --ag-tierra-100:#F2E3D1; --ag-tierra-200:#E4C7A6;
--ag-tierra-300:#D0A578; --ag-tierra-400:#BA8752; --ag-tierra-500:#9E6B39;
--ag-tierra-600:#82552C; --ag-tierra-700:#6A4524; --ag-tierra-800:#52351B;
--ag-tierra-900:#3A2513; --ag-tierra-950:#221408;
/* Bruma — neutral cálido con una pizca de verde */
--ag-bruma-0:#FFFFFF; --ag-bruma-25:#FBFBF8; --ag-bruma-50:#F5F5F0;
--ag-bruma-100:#ECECE5; --ag-bruma-200:#DEDED4; --ag-bruma-300:#C5C5B8;
--ag-bruma-400:#9A9A8C; --ag-bruma-500:#67675B; --ag-bruma-600:#4E4E45;
--ag-bruma-700:#3B3B34; --ag-bruma-800:#272723; --ag-bruma-900:#191916;
--ag-bruma-950:#0E0E0C;
/* Funcionales */
--ag-exito:#1B7F4B; --ag-alerta:#F8E16C; --ag-alerta-tinta:#7A5D06; --ag-error:#B23A2B; --ag-info:#2A6E86;
/* ==========================================================
02 — Escalas no cromáticas
========================================================== */
--font-sans:'Instrument Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
--font-serif:'Young Serif',Georgia,'Times New Roman',serif;
--font-mono:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;
--text-3xs:.6875rem; --text-2xs:.75rem; --text-xs:.8125rem; --text-sm:.875rem;
--text-base:1rem; --text-md:1.0625rem; --text-lg:1.25rem; --text-xl:1.5rem;
--text-2xl:1.875rem; --text-3xl:2.375rem; --text-4xl:3rem; --text-5xl:3.75rem;
--lh-tight:1.14; --lh-snug:1.28; --lh-normal:1.5; --lh-relaxed:1.65;
--ls-tight:-0.03em;--safe-b:10px; --ls-normal:0; --ls-wide:.06em;
--sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px;
--sp-8:32px; --sp-10:40px; --sp-12:48px; --sp-16:64px; --sp-20:80px; --sp-24:96px;
--r-xs:4px; --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:24px; --r-2xl:32px; --r-pill:999px;
/* Sombras teñidas de verde monte: nunca gris puro */
--sh-1:0 1px 2px rgba(0,42,30,.07), 0 1px 1px rgba(0,42,30,.04);
--sh-2:0 2px 6px rgba(0,42,30,.08), 0 1px 2px rgba(0,42,30,.05);
--sh-3:0 8px 20px -6px rgba(0,42,30,.15), 0 2px 6px rgba(0,42,30,.07);
--sh-4:0 20px 48px -12px rgba(0,42,30,.24), 0 6px 14px rgba(0,42,30,.10);
--dur-1:110ms; --dur-2:180ms; --dur-3:280ms; --dur-4:460ms; --dur-5:760ms;
--ease-out:cubic-bezier(.22,.7,.3,1);
--ease-in-out:cubic-bezier(.65,0,.35,1);
--ease-spring:cubic-bezier(.22,1.2,.36,1);
--z-nav:20; --z-sticky:30; --z-overlay:60; --z-toast:80;
/* ==========================================================
03 — Roles semánticos (LIGHT). Lo único que consume el producto.
========================================================== */
--color-primary:var(--ag-verde-600);
--color-primary-hover:var(--ag-verde-700);
--color-on-primary:#FFFFFF;
--color-primary-container:var(--ag-verde-100);
--color-on-primary-container:var(--ag-verde-900);
--color-primary-subtle:var(--ag-verde-50);
--color-secondary:var(--ag-tierra-600);
--color-on-secondary:#FFFFFF;
--color-secondary-container:var(--ag-tierra-100);
--color-on-secondary-container:var(--ag-tierra-900);
--color-secondary-subtle:var(--ag-tierra-50);
--color-accent:var(--ag-lima-300);
--color-on-accent:var(--ag-verde-900);
--color-accent-container:var(--ag-lima-100);
--color-on-accent-container:var(--ag-lima-900);
--color-accent-subtle:var(--ag-lima-50);
--color-background:var(--ag-bruma-25);
--color-surface:var(--ag-bruma-0);
--color-surface-alt:var(--ag-bruma-50);
--color-surface-sunken:var(--ag-bruma-100);
--color-surface-inverse:var(--ag-verde-600);
--color-on-surface-inverse:#FFFFFF;
--color-text:var(--ag-bruma-900);
--color-text-muted:var(--ag-bruma-500);
--color-text-subtle:var(--ag-bruma-400);
--color-text-on-brand:#FFFFFF;
--color-border:var(--ag-bruma-200);
--color-border-strong:var(--ag-bruma-300);
--color-focus:var(--ag-verde-500);
--color-success:var(--ag-exito); --color-success-container:#A6E9BE; --color-on-success-container:#0B3D25;
--color-warning:var(--ag-alerta); --color-warning-container:var(--ag-alerta); --color-on-warning-container:#3D2F02;
--color-on-warning:#3D2F02; --color-warning-tinta:var(--ag-alerta-tinta); /* texto de alerta sobre superficie clara */
--color-error:var(--ag-error); --color-error-container:#F8A894; --color-on-error-container:#5A1A0F;
--color-info:var(--ag-info); --color-info-container:#A3D9F0; --color-on-info-container:#0D3547;
/* Resaltado low highlight */
--color-highlight:var(--ag-lima-200);
--color-highlight-alt:var(--ag-verde-200);
/* Datos */
--viz-1:var(--ag-verde-600); --viz-2:var(--ag-lima-400); --viz-3:var(--ag-tierra-400);
--viz-4:#3E8DA8; --viz-5:#7C6BA8; --viz-6:var(--ag-verde-300);
--viz-track:var(--ag-bruma-100);
--viz-grid:var(--ag-bruma-200);
/* Patrón de marca «huerta». Dos versiones porque es multicolor y no se puede
re-tematizar con currentColor. Van embebidas para que funcionen desde file://
(Chromium exige mismo origen); servido por HTTP conviene el .svg suelto. */
--patron-claro:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22720%22%20height=%22360%22%20viewBox=%220%200%20720%20360%22%3E%3Cdefs%3E%3CclipPath%20id=%22c%22%3E%3Crect%20width=%2272%22%20height=%2272%22/%3E%3C/clipPath%3E%3C/defs%3E%3Crect%20width=%22720%22%20height=%22360%22%20fill=%22%23F5F5F0%22/%3E%3Cg%20transform=%22translate(0,0)%22%20clip-path=%22url(%23c)%22%3E%3Cg%20transform=%22rotate(-28%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,11.52%20C53.64,27.432000000000002%2053.64,44.568%2036.0,60.480000000000004%20C18.36,44.568%2018.36,27.432000000000002%2036.0,11.52%20Z%22%20fill=%22%2300593F%22/%3E%3Cpath%20d=%22M36.0,14.947199999999999%20L36.0,57.052800000000005%22%20stroke=%22%23F5F5F0%22%20stroke-width=%221.8%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,27.187199999999997%20L41.810175,23.2704%22%20stroke=%22%23F5F5F0%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,27.187199999999997%20L30.189825,23.2704%22%20stroke=%22%23F5F5F0%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,36.0%20L45.227925,32.0832%22%20stroke=%22%23F5F5F0%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,36.0%20L26.772075,32.0832%22%20stroke=%22%23F5F5F0%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,44.8128%20L45.227925,40.896%22%20stroke=%22%23F5F5F0%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,44.8128%20L26.772075,40.896%22%20stroke=%22%23F5F5F0%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,53.6256%20L41.810175,49.7088%22%20stroke=%22%23F5F5F0%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,53.6256%20L30.189825,49.7088%22%20stroke=%22%23F5F5F0%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3C/g%3E%3C/g%3E%3Cg%20transform=%22translate(72,0)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%23E0F29D%22/%3E%3Cg%20transform=%22rotate(0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,13.68%20C45.36,20.934%2045.36,28.746%2036.0,36.0%20C26.64,28.746%2026.64,20.934%2036.0,13.68%20Z%22%20fill=%22%2300593F%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(120%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,13.68%20C45.36,20.934%2045.36,28.746%2036.0,36.0%20C26.64,28.746%2026.64,20.934%2036.0,13.68%20Z%22%20fill=%22%2300593F%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(240%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,13.68%20C45.36,20.934%2045.36,28.746%2036.0,36.0%20C26.64,28.746%2026.64,20.934%2036.0,13.68%20Z%22%20fill=%22%2300593F%22/%3E%3C/g%3E%3Cpath%20d=%22M36.0,44.64%20L36.0,66.24000000000001%22%20stroke=%22%2300593F%22%20stroke-width=%222.2%22%20stroke-linecap=%22round%22/%3E%3C/g%3E%3Cg%20transform=%22translate(144,0)%22%20clip-path=%22url(%23c)%22%3E%3Cpath%20d=%22M7.199999999999999,48.096000000000004%20A28.8,28.8%200%200%200%2064.8,48.096000000000004%20Z%22%20fill=%22%2374A462%22/%3E%3C/g%3E%3Cg%20transform=%22translate(216,0)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%23F8FCEA%22/%3E%3Cpath%20d=%22M36.0,64.8%20L36.0,15.84%22%20stroke=%22%23F8E16C%22%20stroke-width=%222.6%22%20stroke-linecap=%22round%22/%3E%3Cg%20transform=%22rotate(0%2036.0%2013.68)%22%3E%3Cpath%20d=%22M36.0,4.68%20C41.4,10.53%2041.4,16.83%2036.0,22.68%20C30.6,16.83%2030.6,10.53%2036.0,4.68%20Z%22%20fill=%22%23F8E16C%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(-30%2025.560000000000002%2025.919999999999998)%22%3E%3Cpath%20d=%22M25.560000000000002,16.919999999999998%20C30.96,22.77%2030.96,29.069999999999997%2025.560000000000002,34.92%20C20.160000000000004,29.069999999999997%2020.160000000000004,22.77%2025.560000000000002,16.919999999999998%20Z%22%20fill=%22%23F8E16C%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(30%2046.44%2025.919999999999998)%22%3E%3Cpath%20d=%22M46.44,16.919999999999998%20C51.839999999999996,22.77%2051.839999999999996,29.069999999999997%2046.44,34.92%20C41.04,29.069999999999997%2041.04,22.77%2046.44,16.919999999999998%20Z%22%20fill=%22%23F8E16C%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(-30%2025.560000000000002%2038.88)%22%3E%3Cpath%20d=%22M25.560000000000002,29.880000000000003%20C30.96,35.730000000000004%2030.96,42.03%2025.560000000000002,47.88%20C20.160000000000004,42.03%2020.160000000000004,35.730000000000004%2025.560000000000002,29.880000000000003%20Z%22%20fill=%22%23F8E16C%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(30%2046.44%2038.88)%22%3E%3Cpath%20d=%22M46.44,29.880000000000003%20C51.839999999999996,35.730000000000004%2051.839999999999996,42.03%2046.44,47.88%20C41.04,42.03%2041.04,35.730000000000004%2046.44,29.880000000000003%20Z%22%20fill=%22%23F8E16C%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(-30%2025.560000000000002%2051.839999999999996)%22%3E%3Cpath%20d=%22M25.560000000000002,42.839999999999996%20C30.96,48.69%2030.96,54.989999999999995%2025.560000000000002,60.839999999999996%20C20.160000000000004,54.989999999999995%2020.160000000000004,48.69%2025.560000000000002,42.839999999999996%20Z%22%20fill=%22%23F8E16C%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(30%2046.44%2051.839999999999996)%22%3E%3Cpath%20d=%22M46.44,42.839999999999996%20C51.839999999999996,48.69%2051.839999999999996,54.989999999999995%2046.44,60.839999999999996%20C41.04,54.989999999999995%2041.04,48.69%2046.44,42.839999999999996%20Z%22%20fill=%22%23F8E16C%22/%3E%3C/g%3E%3C/g%3E%3Cg%20transform=%22translate(360,0)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%23E0F29D%22/%3E%3Ccircle%20cx=%2236.0%22%20cy=%2236.0%22%20r=%2224.48%22%20fill=%22%230A7B5A%22/%3E%3C/g%3E%3Cg%20transform=%22translate(432,0)%22%20clip-path=%22url(%23c)%22%3E%3Cpath%20d=%22M4.32,15.84%20Q36.0,5.040000000000001%2067.67999999999999,15.84%22%20fill=%22none%22%20stroke=%22%238DAD24%22%20stroke-width=%223.6%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M4.32,29.520000000000003%20Q36.0,18.720000000000006%2067.67999999999999,29.520000000000003%22%20fill=%22none%22%20stroke=%22%238DAD24%22%20stroke-width=%223.6%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M4.32,43.199999999999996%20Q36.0,32.4%2067.67999999999999,43.199999999999996%22%20fill=%22none%22%20stroke=%22%238DAD24%22%20stroke-width=%223.6%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M4.32,56.88%20Q36.0,46.080000000000005%2067.67999999999999,56.88%22%20fill=%22none%22%20stroke=%22%238DAD24%22%20stroke-width=%223.6%22%20stroke-linecap=%22round%22/%3E%3C/g%3E%3Cg%20transform=%22translate(504,0)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%23F8FCEA%22/%3E%3Cpath%20d=%22M36.0,66.96000000000001%20L36.0,48.96%22%20stroke=%22%2300593F%22%20stroke-width=%222.6%22%20stroke-linecap=%22round%22/%3E%3Cg%20transform=%22rotate(-42%2036.0%2050.4)%22%3E%3Cpath%20d=%22M36.0,15.119999999999997%20C47.519999999999996,26.586%2047.519999999999996,38.934%2036.0,50.4%20C24.48,38.934%2024.48,26.586%2036.0,15.119999999999997%20Z%22%20fill=%22%2374A462%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(42%2036.0%2050.4)%22%3E%3Cpath%20d=%22M36.0,15.119999999999997%20C47.519999999999996,26.586%2047.519999999999996,38.934%2036.0,50.4%20C24.48,38.934%2024.48,26.586%2036.0,15.119999999999997%20Z%22%20fill=%22%2300593F%22/%3E%3C/g%3E%3C/g%3E%3Cg%20transform=%22translate(648,0)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%23E0F29D%22/%3E%3Cpath%20d=%22M5.760000000000002,57.599999999999994%20A30.24,30.24%200%200%201%2066.24,57.599999999999994%22%20fill=%22none%22%20stroke=%22%230A7B5A%22%20stroke-width=%225.3999999999999995%22/%3E%3Cpath%20d=%22M15.120000000000001,57.599999999999994%20A20.88,20.88%200%200%201%2056.879999999999995,57.599999999999994%22%20fill=%22none%22%20stroke=%22%230A7B5A%22%20stroke-width=%225.3999999999999995%22/%3E%3Cpath%20d=%22M24.480000000000004,57.599999999999994%20A11.519999999999998,11.519999999999998%200%200%201%2047.519999999999996,57.599999999999994%22%20fill=%22none%22%20stroke=%22%230A7B5A%22%20stroke-width=%225.3999999999999995%22/%3E%3C/g%3E%3Cg%20transform=%22translate(0,72)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%23F8FCEA%22/%3E%3Ccircle%20cx=%2236.0%22%20cy=%2236.0%22%20r=%2224.48%22%20fill=%22%238DAD24%22/%3E%3C/g%3E%3Cg%20transform=%22translate(72,72)%22%20clip-path=%22url(%23c)%22%3E%3Cpath%20d=%22M36.0,66.24000000000001%20L36.0,10.080000000000002%22%20stroke=%22%2300593F%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22/%3E%3Cg%20transform=%22rotate(-52%2025.560000000000002%2020.160000000000004)%22%3E%3Cpath%20d=%22M25.560000000000002,11.880000000000003%20C30.96,17.262000000000004%2030.96,23.058000000000003%2025.560000000000002,28.440000000000005%20C20.160000000000004,23.058000000000003%2020.160000000000004,17.262000000000004%2025.560000000000002,11.880000000000003%20Z%22%20fill=%22%2300593F%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(52%2046.44%2020.160000000000004)%22%3E%3Cpath%20d=%22M46.44,11.880000000000003%20C51.839999999999996,17.262000000000004%2051.839999999999996,23.058000000000003%2046.44,28.440000000000005%20C41.04,23.058000000000003%2041.04,17.262000000000004%2046.44,11.880000000000003%20Z%22%20fill=%22%2300593F%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(-52%2025.560000000000002%2036.0)%22%3E%3Cpath%20d=%22M25.560000000000002,27.72%20C30.96,33.102%2030.96,38.898%2025.560000000000002,44.28%20C20.160000000000004,38.898%2020.160000000000004,33.102%2025.560000000000002,27.72%20Z%22%20fill=%22%2300593F%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(52%2046.44%2036.0)%22%3E%3Cpath%20d=%22M46.44,27.72%20C51.839999999999996,33.102%2051.839999999999996,38.898%2046.44,44.28%20C41.04,38.898%2041.04,33.102%2046.44,27.72%20Z%22%20fill=%22%2300593F%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(-52%2025.560000000000002%2051.839999999999996)%22%3E%3Cpath%20d=%22M25.560000000000002,43.559999999999995%20C30.96,48.94199999999999%2030.96,54.738%2025.560000000000002,60.12%20C20.160000000000004,54.738%2020.160000000000004,48.94199999999999%2025.560000000000002,43.559999999999995%20Z%22%20fill=%22%2300593F%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(52%2046.44%2051.839999999999996)%22%3E%3Cpath%20d=%22M46.44,43.559999999999995%20C51.839999999999996,48.94199999999999%2051.839999999999996,54.738%2046.44,60.12%20C41.04,54.738%2041.04,48.94199999999999%2046.44,43.559999999999995%20Z%22%20fill=%22%2300593F%22/%3E%3C/g%3E%3C/g%3E%3Cg%20transform=%22translate(144,72)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%23E0F29D%22/%3E%3Cg%20transform=%22rotate(0.0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,10.440000000000001%20C42.12,17.694000000000003%2042.12,25.506%2036.0,32.760000000000005%20C29.88,25.506%2029.88,17.694000000000003%2036.0,10.440000000000001%20Z%22%20fill=%22%2300593F%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(45.0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,10.440000000000001%20C42.12,17.694000000000003%2042.12,25.506%2036.0,32.760000000000005%20C29.88,25.506%2029.88,17.694000000000003%2036.0,10.440000000000001%20Z%22%20fill=%22%2300593F%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(90.0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,10.440000000000001%20C42.12,17.694000000000003%2042.12,25.506%2036.0,32.760000000000005%20C29.88,25.506%2029.88,17.694000000000003%2036.0,10.440000000000001%20Z%22%20fill=%22%2300593F%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(135.0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,10.440000000000001%20C42.12,17.694000000000003%2042.12,25.506%2036.0,32.760000000000005%20C29.88,25.506%2029.88,17.694000000000003%2036.0,10.440000000000001%20Z%22%20fill=%22%2300593F%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(180.0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,10.440000000000001%20C42.12,17.694000000000003%2042.12,25.506%2036.0,32.760000000000005%20C29.88,25.506%2029.88,17.694000000000003%2036.0,10.440000000000001%20Z%22%20fill=%22%2300593F%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(225.0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,10.440000000000001%20C42.12,17.694000000000003%2042.12,25.506%2036.0,32.760000000000005%20C29.88,25.506%2029.88,17.694000000000003%2036.0,10.440000000000001%20Z%22%20fill=%22%2300593F%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(270.0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,10.440000000000001%20C42.12,17.694000000000003%2042.12,25.506%2036.0,32.760000000000005%20C29.88,25.506%2029.88,17.694000000000003%2036.0,10.440000000000001%20Z%22%20fill=%22%2300593F%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(315.0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,10.440000000000001%20C42.12,17.694000000000003%2042.12,25.506%2036.0,32.760000000000005%20C29.88,25.506%2029.88,17.694000000000003%2036.0,10.440000000000001%20Z%22%20fill=%22%2300593F%22/%3E%3C/g%3E%3Ccircle%20cx=%2236.0%22%20cy=%2236.0%22%20r=%226.12%22%20fill=%22%23F8E16C%22/%3E%3C/g%3E%3Cg%20transform=%22translate(288,72)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%23F8FCEA%22/%3E%3Cpath%20d=%22M7.199999999999999,33.12%20A28.8,28.8%200%200%201%2064.8,33.12%20Z%22%20fill=%22%23F8E16C%22/%3E%3C/g%3E%3Cg%20transform=%22translate(360,72)%22%20clip-path=%22url(%23c)%22%3E%3Cg%20transform=%22rotate(24%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,11.52%20C53.64,27.432000000000002%2053.64,44.568%2036.0,60.480000000000004%20C18.36,44.568%2018.36,27.432000000000002%2036.0,11.52%20Z%22%20fill=%22%2374A462%22/%3E%3Cpath%20d=%22M36.0,14.947199999999999%20L36.0,57.052800000000005%22%20stroke=%22%23F5F5F0%22%20stroke-width=%221.8%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,27.187199999999997%20L41.810175,23.2704%22%20stroke=%22%23F5F5F0%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,27.187199999999997%20L30.189825,23.2704%22%20stroke=%22%23F5F5F0%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,36.0%20L45.227925,32.0832%22%20stroke=%22%23F5F5F0%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,36.0%20L26.772075,32.0832%22%20stroke=%22%23F5F5F0%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,44.8128%20L45.227925,40.896%22%20stroke=%22%23F5F5F0%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,44.8128%20L26.772075,40.896%22%20stroke=%22%23F5F5F0%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,53.6256%20L41.810175,49.7088%22%20stroke=%22%23F5F5F0%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,53.6256%20L30.189825,49.7088%22%20stroke=%22%23F5F5F0%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3C/g%3E%3C/g%3E%3Cg%20transform=%22translate(432,72)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%23E0F29D%22/%3E%3Ccircle%20cx=%2225.919999999999998%22%20cy=%2243.199999999999996%22%20r=%229.72%22%20fill=%22%2300593F%22/%3E%3Ccircle%20cx=%2246.08%22%20cy=%2243.199999999999996%22%20r=%229.72%22%20fill=%22%2300593F%22/%3E%3Ccircle%20cx=%2236.0%22%20cy=%2225.919999999999998%22%20r=%229.72%22%20fill=%22%2300593F%22/%3E%3C/g%3E%3Cg%20transform=%22translate(504,72)%22%20clip-path=%22url(%23c)%22%3E%3Cpath%20d=%22M14.4,10.080000000000002%20L14.4,61.92%22%20stroke=%22%2374A462%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M28.8,10.080000000000002%20L28.8,61.92%22%20stroke=%22%2374A462%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M43.2,10.080000000000002%20L43.2,61.92%22%20stroke=%22%2374A462%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M57.6,10.080000000000002%20L57.6,61.92%22%20stroke=%22%2374A462%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3C/g%3E%3Cg%20transform=%22translate(576,72)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%23F8FCEA%22/%3E%3Cpath%20d=%22M11.52,43.199999999999996%20A24.48,24.48%200%200%200%2060.480000000000004,43.199999999999996%20Z%22%20fill=%22%23F8E16C%22/%3E%3Cpath%20d=%22M36.0,43.199999999999996%20L36.0,21.599999999999998%22%20stroke=%22%2300593F%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22/%3E%3Cg%20transform=%22rotate(-42%2028.08%2024.48)%22%3E%3Cpath%20d=%22M28.08,15.120000000000001%20C34.199999999999996,21.204%2034.199999999999996,27.756%2028.08,33.84%20C21.959999999999997,27.756%2021.959999999999997,21.204%2028.08,15.120000000000001%20Z%22%20fill=%22%2300593F%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(42%2043.92%2024.48)%22%3E%3Cpath%20d=%22M43.92,15.120000000000001%20C50.04,21.204%2050.04,27.756%2043.92,33.84%20C37.800000000000004,27.756%2037.800000000000004,21.204%2043.92,15.120000000000001%20Z%22%20fill=%22%2300593F%22/%3E%3C/g%3E%3C/g%3E%3Cg%20transform=%22translate(0,144)%22%20clip-path=%22url(%23c)%22%3E%3Cpath%20d=%22M7.199999999999999,48.096000000000004%20A28.8,28.8%200%200%200%2064.8,48.096000000000004%20Z%22%20fill=%22%230A7B5A%22/%3E%3C/g%3E%3Cg%20transform=%22translate(72,144)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%23E0F29D%22/%3E%3Cg%20transform=%22rotate(-14%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,11.52%20C53.64,27.432000000000002%2053.64,44.568%2036.0,60.480000000000004%20C18.36,44.568%2018.36,27.432000000000002%2036.0,11.52%20Z%22%20fill=%22%2300593F%22/%3E%3Cpath%20d=%22M36.0,14.947199999999999%20L36.0,57.052800000000005%22%20stroke=%22%23E0F29D%22%20stroke-width=%221.8%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,27.187199999999997%20L41.810175,23.2704%22%20stroke=%22%23E0F29D%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,27.187199999999997%20L30.189825,23.2704%22%20stroke=%22%23E0F29D%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,36.0%20L45.227925,32.0832%22%20stroke=%22%23E0F29D%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,36.0%20L26.772075,32.0832%22%20stroke=%22%23E0F29D%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,44.8128%20L45.227925,40.896%22%20stroke=%22%23E0F29D%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,44.8128%20L26.772075,40.896%22%20stroke=%22%23E0F29D%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,53.6256%20L41.810175,49.7088%22%20stroke=%22%23E0F29D%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,53.6256%20L30.189825,49.7088%22%20stroke=%22%23E0F29D%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3C/g%3E%3C/g%3E%3Cg%20transform=%22translate(216,144)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%23F8FCEA%22/%3E%3Cg%20transform=%22rotate(0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,13.68%20C45.36,20.934%2045.36,28.746%2036.0,36.0%20C26.64,28.746%2026.64,20.934%2036.0,13.68%20Z%22%20fill=%22%230A7B5A%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(120%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,13.68%20C45.36,20.934%2045.36,28.746%2036.0,36.0%20C26.64,28.746%2026.64,20.934%2036.0,13.68%20Z%22%20fill=%22%230A7B5A%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(240%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,13.68%20C45.36,20.934%2045.36,28.746%2036.0,36.0%20C26.64,28.746%2026.64,20.934%2036.0,13.68%20Z%22%20fill=%22%230A7B5A%22/%3E%3C/g%3E%3Cpath%20d=%22M36.0,44.64%20L36.0,66.24000000000001%22%20stroke=%22%230A7B5A%22%20stroke-width=%222.2%22%20stroke-linecap=%22round%22/%3E%3C/g%3E%3Cg%20transform=%22translate(288,144)%22%20clip-path=%22url(%23c)%22%3E%3Cpath%20d=%22M36.0,64.8%20L36.0,15.84%22%20stroke=%22%238DAD24%22%20stroke-width=%222.6%22%20stroke-linecap=%22round%22/%3E%3Cg%20transform=%22rotate(0%2036.0%2013.68)%22%3E%3Cpath%20d=%22M36.0,4.68%20C41.4,10.53%2041.4,16.83%2036.0,22.68%20C30.6,16.83%2030.6,10.53%2036.0,4.68%20Z%22%20fill=%22%238DAD24%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(-30%2025.560000000000002%2025.919999999999998)%22%3E%3Cpath%20d=%22M25.560000000000002,16.919999999999998%20C30.96,22.77%2030.96,29.069999999999997%2025.560000000000002,34.92%20C20.160000000000004,29.069999999999997%2020.160000000000004,22.77%2025.560000000000002,16.919999999999998%20Z%22%20fill=%22%238DAD24%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(30%2046.44%2025.919999999999998)%22%3E%3Cpath%20d=%22M46.44,16.919999999999998%20C51.839999999999996,22.77%2051.839999999999996,29.069999999999997%2046.44,34.92%20C41.04,29.069999999999997%2041.04,22.77%2046.44,16.919999999999998%20Z%22%20fill=%22%238DAD24%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(-30%2025.560000000000002%2038.88)%22%3E%3Cpath%20d=%22M25.560000000000002,29.880000000000003%20C30.96,35.730000000000004%2030.96,42.03%2025.560000000000002,47.88%20C20.160000000000004,42.03%2020.160000000000004,35.730000000000004%2025.560000000000002,29.880000000000003%20Z%22%20fill=%22%238DAD24%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(30%2046.44%2038.88)%22%3E%3Cpath%20d=%22M46.44,29.880000000000003%20C51.839999999999996,35.730000000000004%2051.839999999999996,42.03%2046.44,47.88%20C41.04,42.03%2041.04,35.730000000000004%2046.44,29.880000000000003%20Z%22%20fill=%22%238DAD24%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(-30%2025.560000000000002%2051.839999999999996)%22%3E%3Cpath%20d=%22M25.560000000000002,42.839999999999996%20C30.96,48.69%2030.96,54.989999999999995%2025.560000000000002,60.839999999999996%20C20.160000000000004,54.989999999999995%2020.160000000000004,48.69%2025.560000000000002,42.839999999999996%20Z%22%20fill=%22%238DAD24%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(30%2046.44%2051.839999999999996)%22%3E%3Cpath%20d=%22M46.44,42.839999999999996%20C51.839999999999996,48.69%2051.839999999999996,54.989999999999995%2046.44,60.839999999999996%20C41.04,54.989999999999995%2041.04,48.69%2046.44,42.839999999999996%20Z%22%20fill=%22%238DAD24%22/%3E%3C/g%3E%3C/g%3E%3Cg%20transform=%22translate(360,144)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%23E0F29D%22/%3E%3Cpath%20d=%22M2.88,53.28%20A21.599999999999998,21.599999999999998%200%200%201%2046.08,53.28%20Z%22%20fill=%22%2374A462%22/%3E%3Cpath%20d=%22M27.36,53.28%20A22.32,22.32%200%200%201%2072.0,53.28%20Z%22%20fill=%22%2300593F%22/%3E%3C/g%3E%3Cg%20transform=%22translate(504,144)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%23F8FCEA%22/%3E%3Cpath%20d=%22M36.0,14.4%20C54.72,33.120000000000005%2053.28,54.72%2036.0,56.160000000000004%20C18.72,54.72%2017.28,33.120000000000005%2036.0,14.4%20Z%22%20fill=%22%230A7B5A%22/%3E%3C/g%3E%3Cg%20transform=%22translate(576,144)%22%20clip-path=%22url(%23c)%22%3E%3Cpath%20d=%22M36.0,66.96000000000001%20L36.0,48.96%22%20stroke=%22%2374A462%22%20stroke-width=%222.6%22%20stroke-linecap=%22round%22/%3E%3Cg%20transform=%22rotate(-42%2036.0%2050.4)%22%3E%3Cpath%20d=%22M36.0,15.119999999999997%20C47.519999999999996,26.586%2047.519999999999996,38.934%2036.0,50.4%20C24.48,38.934%2024.48,26.586%2036.0,15.119999999999997%20Z%22%20fill=%22%2300593F%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(42%2036.0%2050.4)%22%3E%3Cpath%20d=%22M36.0,15.119999999999997%20C47.519999999999996,26.586%2047.519999999999996,38.934%2036.0,50.4%20C24.48,38.934%2024.48,26.586%2036.0,15.119999999999997%20Z%22%20fill=%22%2374A462%22/%3E%3C/g%3E%3C/g%3E%3Cg%20transform=%22translate(648,144)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%23E0F29D%22/%3E%3Cpath%20d=%22M15.84,4.32%20Q5.040000000000001,36.0%2015.84,67.67999999999999%22%20fill=%22none%22%20stroke=%22%230A7B5A%22%20stroke-width=%223.6%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M29.520000000000003,4.32%20Q18.720000000000006,36.0%2029.520000000000003,67.67999999999999%22%20fill=%22none%22%20stroke=%22%230A7B5A%22%20stroke-width=%223.6%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M43.199999999999996,4.32%20Q32.4,36.0%2043.199999999999996,67.67999999999999%22%20fill=%22none%22%20stroke=%22%230A7B5A%22%20stroke-width=%223.6%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M56.88,4.32%20Q46.080000000000005,36.0%2056.88,67.67999999999999%22%20fill=%22none%22%20stroke=%22%230A7B5A%22%20stroke-width=%223.6%22%20stroke-linecap=%22round%22/%3E%3C/g%3E%3Cg%20transform=%22translate(0,216)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%23E0F29D%22/%3E%3Cg%20transform=%22rotate(0.0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,10.440000000000001%20C42.12,17.694000000000003%2042.12,25.506%2036.0,32.760000000000005%20C29.88,25.506%2029.88,17.694000000000003%2036.0,10.440000000000001%20Z%22%20fill=%22%2374A462%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(45.0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,10.440000000000001%20C42.12,17.694000000000003%2042.12,25.506%2036.0,32.760000000000005%20C29.88,25.506%2029.88,17.694000000000003%2036.0,10.440000000000001%20Z%22%20fill=%22%2374A462%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(90.0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,10.440000000000001%20C42.12,17.694000000000003%2042.12,25.506%2036.0,32.760000000000005%20C29.88,25.506%2029.88,17.694000000000003%2036.0,10.440000000000001%20Z%22%20fill=%22%2374A462%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(135.0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,10.440000000000001%20C42.12,17.694000000000003%2042.12,25.506%2036.0,32.760000000000005%20C29.88,25.506%2029.88,17.694000000000003%2036.0,10.440000000000001%20Z%22%20fill=%22%2374A462%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(180.0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,10.440000000000001%20C42.12,17.694000000000003%2042.12,25.506%2036.0,32.760000000000005%20C29.88,25.506%2029.88,17.694000000000003%2036.0,10.440000000000001%20Z%22%20fill=%22%2374A462%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(225.0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,10.440000000000001%20C42.12,17.694000000000003%2042.12,25.506%2036.0,32.760000000000005%20C29.88,25.506%2029.88,17.694000000000003%2036.0,10.440000000000001%20Z%22%20fill=%22%2374A462%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(270.0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,10.440000000000001%20C42.12,17.694000000000003%2042.12,25.506%2036.0,32.760000000000005%20C29.88,25.506%2029.88,17.694000000000003%2036.0,10.440000000000001%20Z%22%20fill=%22%2374A462%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(315.0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,10.440000000000001%20C42.12,17.694000000000003%2042.12,25.506%2036.0,32.760000000000005%20C29.88,25.506%2029.88,17.694000000000003%2036.0,10.440000000000001%20Z%22%20fill=%22%2374A462%22/%3E%3C/g%3E%3Ccircle%20cx=%2236.0%22%20cy=%2236.0%22%20r=%226.12%22%20fill=%22%23F8E16C%22/%3E%3C/g%3E%3Cg%20transform=%22translate(144,216)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%23F8FCEA%22/%3E%3Cpath%20d=%22M14.400000000000002,5.760000000000002%20A30.24,30.24%200%200%201%2014.400000000000002,66.24%22%20fill=%22none%22%20stroke=%22%238DAD24%22%20stroke-width=%225.3999999999999995%22/%3E%3Cpath%20d=%22M14.400000000000002,15.120000000000001%20A20.88,20.88%200%200%201%2014.400000000000002,56.879999999999995%22%20fill=%22none%22%20stroke=%22%238DAD24%22%20stroke-width=%225.3999999999999995%22/%3E%3Cpath%20d=%22M14.400000000000002,24.480000000000004%20A11.519999999999998,11.519999999999998%200%200%201%2014.400000000000002,47.519999999999996%22%20fill=%22none%22%20stroke=%22%238DAD24%22%20stroke-width=%225.3999999999999995%22/%3E%3C/g%3E%3Cg%20transform=%22translate(216,216)%22%20clip-path=%22url(%23c)%22%3E%3Ccircle%20cx=%2225.919999999999998%22%20cy=%2243.199999999999996%22%20r=%229.72%22%20fill=%22%2374A462%22/%3E%3Ccircle%20cx=%2246.08%22%20cy=%2243.199999999999996%22%20r=%229.72%22%20fill=%22%2374A462%22/%3E%3Ccircle%20cx=%2236.0%22%20cy=%2225.919999999999998%22%20r=%229.72%22%20fill=%22%2374A462%22/%3E%3C/g%3E%3Cg%20transform=%22translate(288,216)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%23E0F29D%22/%3E%3Cpath%20d=%22M11.52,43.199999999999996%20A24.48,24.48%200%200%200%2060.480000000000004,43.199999999999996%20Z%22%20fill=%22%23BDE04E%22/%3E%3Cpath%20d=%22M36.0,43.199999999999996%20L36.0,21.599999999999998%22%20stroke=%22%2300593F%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22/%3E%3Cg%20transform=%22rotate(-42%2028.08%2024.48)%22%3E%3Cpath%20d=%22M28.08,15.120000000000001%20C34.199999999999996,21.204%2034.199999999999996,27.756%2028.08,33.84%20C21.959999999999997,27.756%2021.959999999999997,21.204%2028.08,15.120000000000001%20Z%22%20fill=%22%2300593F%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(42%2043.92%2024.48)%22%3E%3Cpath%20d=%22M43.92,15.120000000000001%20C50.04,21.204%2050.04,27.756%2043.92,33.84%20C37.800000000000004,27.756%2037.800000000000004,21.204%2043.92,15.120000000000001%20Z%22%20fill=%22%2300593F%22/%3E%3C/g%3E%3C/g%3E%3Cg%20transform=%22translate(432,216)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%23F8FCEA%22/%3E%3Cpath%20d=%22M36.0,66.24000000000001%20L36.0,10.080000000000002%22%20stroke=%22%230A7B5A%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22/%3E%3Cg%20transform=%22rotate(-52%2025.560000000000002%2020.160000000000004)%22%3E%3Cpath%20d=%22M25.560000000000002,11.880000000000003%20C30.96,17.262000000000004%2030.96,23.058000000000003%2025.560000000000002,28.440000000000005%20C20.160000000000004,23.058000000000003%2020.160000000000004,17.262000000000004%2025.560000000000002,11.880000000000003%20Z%22%20fill=%22%230A7B5A%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(52%2046.44%2020.160000000000004)%22%3E%3Cpath%20d=%22M46.44,11.880000000000003%20C51.839999999999996,17.262000000000004%2051.839999999999996,23.058000000000003%2046.44,28.440000000000005%20C41.04,23.058000000000003%2041.04,17.262000000000004%2046.44,11.880000000000003%20Z%22%20fill=%22%230A7B5A%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(-52%2025.560000000000002%2036.0)%22%3E%3Cpath%20d=%22M25.560000000000002,27.72%20C30.96,33.102%2030.96,38.898%2025.560000000000002,44.28%20C20.160000000000004,38.898%2020.160000000000004,33.102%2025.560000000000002,27.72%20Z%22%20fill=%22%230A7B5A%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(52%2046.44%2036.0)%22%3E%3Cpath%20d=%22M46.44,27.72%20C51.839999999999996,33.102%2051.839999999999996,38.898%2046.44,44.28%20C41.04,38.898%2041.04,33.102%2046.44,27.72%20Z%22%20fill=%22%230A7B5A%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(-52%2025.560000000000002%2051.839999999999996)%22%3E%3Cpath%20d=%22M25.560000000000002,43.559999999999995%20C30.96,48.94199999999999%2030.96,54.738%2025.560000000000002,60.12%20C20.160000000000004,54.738%2020.160000000000004,48.94199999999999%2025.560000000000002,43.559999999999995%20Z%22%20fill=%22%230A7B5A%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(52%2046.44%2051.839999999999996)%22%3E%3Cpath%20d=%22M46.44,43.559999999999995%20C51.839999999999996,48.94199999999999%2051.839999999999996,54.738%2046.44,60.12%20C41.04,54.738%2041.04,48.94199999999999%2046.44,43.559999999999995%20Z%22%20fill=%22%230A7B5A%22/%3E%3C/g%3E%3C/g%3E%3Cg%20transform=%22translate(504,216)%22%20clip-path=%22url(%23c)%22%3E%3Cpath%20d=%22M7.199999999999999,33.12%20A28.8,28.8%200%200%201%2064.8,33.12%20Z%22%20fill=%22%2300593F%22/%3E%3C/g%3E%3Cg%20transform=%22translate(576,216)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%23E0F29D%22/%3E%3Cg%20transform=%22rotate(34%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,11.52%20C53.64,27.432000000000002%2053.64,44.568%2036.0,60.480000000000004%20C18.36,44.568%2018.36,27.432000000000002%2036.0,11.52%20Z%22%20fill=%22%230A7B5A%22/%3E%3Cpath%20d=%22M36.0,14.947199999999999%20L36.0,57.052800000000005%22%20stroke=%22%23E0F29D%22%20stroke-width=%221.8%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,27.187199999999997%20L41.810175,23.2704%22%20stroke=%22%23E0F29D%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,27.187199999999997%20L30.189825,23.2704%22%20stroke=%22%23E0F29D%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,36.0%20L45.227925,32.0832%22%20stroke=%22%23E0F29D%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,36.0%20L26.772075,32.0832%22%20stroke=%22%23E0F29D%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,44.8128%20L45.227925,40.896%22%20stroke=%22%23E0F29D%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,44.8128%20L26.772075,40.896%22%20stroke=%22%23E0F29D%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,53.6256%20L41.810175,49.7088%22%20stroke=%22%23E0F29D%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,53.6256%20L30.189825,49.7088%22%20stroke=%22%23E0F29D%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3C/g%3E%3C/g%3E%3Cg%20transform=%22translate(648,216)%22%20clip-path=%22url(%23c)%22%3E%3Cg%20transform=%22rotate(0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,13.68%20C45.36,20.934%2045.36,28.746%2036.0,36.0%20C26.64,28.746%2026.64,20.934%2036.0,13.68%20Z%22%20fill=%22%238DAD24%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(120%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,13.68%20C45.36,20.934%2045.36,28.746%2036.0,36.0%20C26.64,28.746%2026.64,20.934%2036.0,13.68%20Z%22%20fill=%22%238DAD24%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(240%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,13.68%20C45.36,20.934%2045.36,28.746%2036.0,36.0%20C26.64,28.746%2026.64,20.934%2036.0,13.68%20Z%22%20fill=%22%238DAD24%22/%3E%3C/g%3E%3Cpath%20d=%22M36.0,44.64%20L36.0,66.24000000000001%22%20stroke=%22%238DAD24%22%20stroke-width=%222.2%22%20stroke-linecap=%22round%22/%3E%3C/g%3E%3Cg%20transform=%22translate(72,288)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%23F8FCEA%22/%3E%3Cpath%20d=%22M2.88,53.28%20A21.599999999999998,21.599999999999998%200%200%201%2046.08,53.28%20Z%22%20fill=%22%23BDE04E%22/%3E%3Cpath%20d=%22M27.36,53.28%20A22.32,22.32%200%200%201%2072.0,53.28%20Z%22%20fill=%22%230A7B5A%22/%3E%3C/g%3E%3Cg%20transform=%22translate(144,288)%22%20clip-path=%22url(%23c)%22%3E%3Cg%20transform=%22rotate(-40%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,11.52%20C53.64,27.432000000000002%2053.64,44.568%2036.0,60.480000000000004%20C18.36,44.568%2018.36,27.432000000000002%2036.0,11.52%20Z%22%20fill=%22%238DAD24%22/%3E%3Cpath%20d=%22M36.0,14.947199999999999%20L36.0,57.052800000000005%22%20stroke=%22%23F5F5F0%22%20stroke-width=%221.8%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,27.187199999999997%20L41.810175,23.2704%22%20stroke=%22%23F5F5F0%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,27.187199999999997%20L30.189825,23.2704%22%20stroke=%22%23F5F5F0%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,36.0%20L45.227925,32.0832%22%20stroke=%22%23F5F5F0%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,36.0%20L26.772075,32.0832%22%20stroke=%22%23F5F5F0%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,44.8128%20L45.227925,40.896%22%20stroke=%22%23F5F5F0%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,44.8128%20L26.772075,40.896%22%20stroke=%22%23F5F5F0%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,53.6256%20L41.810175,49.7088%22%20stroke=%22%23F5F5F0%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,53.6256%20L30.189825,49.7088%22%20stroke=%22%23F5F5F0%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3C/g%3E%3C/g%3E%3Cg%20transform=%22translate(216,288)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%23E0F29D%22/%3E%3Cpath%20d=%22M50.4,36.0%20L64.8,36.0%22%20stroke=%22%238DAD24%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M48.5,43.2%20L60.9,50.4%22%20stroke=%22%238DAD24%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M43.2,48.5%20L50.4,60.9%22%20stroke=%22%238DAD24%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,50.4%20L36.0,64.8%22%20stroke=%22%238DAD24%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M28.8,48.5%20L21.6,60.9%22%20stroke=%22%238DAD24%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M23.5,43.2%20L11.1,50.4%22%20stroke=%22%238DAD24%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M21.6,36.0%20L7.2,36.0%22%20stroke=%22%238DAD24%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M23.5,28.8%20L11.1,21.6%22%20stroke=%22%238DAD24%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M28.8,23.5%20L21.6,11.1%22%20stroke=%22%238DAD24%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,21.6%20L36.0,7.2%22%20stroke=%22%238DAD24%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M43.2,23.5%20L50.4,11.1%22%20stroke=%22%238DAD24%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M48.5,28.8%20L60.9,21.6%22%20stroke=%22%238DAD24%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3Ccircle%20cx=%2236.0%22%20cy=%2236.0%22%20r=%2212.6%22%20fill=%22%23F8E16C%22/%3E%3C/g%3E%3Cg%20transform=%22translate(288,288)%22%20clip-path=%22url(%23c)%22%3E%3Cpath%20d=%22M14.4,10.080000000000002%20L14.4,61.92%22%20stroke=%22%230A7B5A%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M28.8,10.080000000000002%20L28.8,61.92%22%20stroke=%22%230A7B5A%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M43.2,10.080000000000002%20L43.2,61.92%22%20stroke=%22%230A7B5A%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M57.6,10.080000000000002%20L57.6,61.92%22%20stroke=%22%230A7B5A%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3C/g%3E%3Cg%20transform=%22translate(360,288)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%23F8FCEA%22/%3E%3Cpath%20d=%22M36.0,64.8%20L36.0,15.84%22%20stroke=%22%23F8E16C%22%20stroke-width=%222.6%22%20stroke-linecap=%22round%22/%3E%3Cg%20transform=%22rotate(0%2036.0%2013.68)%22%3E%3Cpath%20d=%22M36.0,4.68%20C41.4,10.53%2041.4,16.83%2036.0,22.68%20C30.6,16.83%2030.6,10.53%2036.0,4.68%20Z%22%20fill=%22%23F8E16C%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(-30%2025.560000000000002%2025.919999999999998)%22%3E%3Cpath%20d=%22M25.560000000000002,16.919999999999998%20C30.96,22.77%2030.96,29.069999999999997%2025.560000000000002,34.92%20C20.160000000000004,29.069999999999997%2020.160000000000004,22.77%2025.560000000000002,16.919999999999998%20Z%22%20fill=%22%23F8E16C%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(30%2046.44%2025.919999999999998)%22%3E%3Cpath%20d=%22M46.44,16.919999999999998%20C51.839999999999996,22.77%2051.839999999999996,29.069999999999997%2046.44,34.92%20C41.04,29.069999999999997%2041.04,22.77%2046.44,16.919999999999998%20Z%22%20fill=%22%23F8E16C%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(-30%2025.560000000000002%2038.88)%22%3E%3Cpath%20d=%22M25.560000000000002,29.880000000000003%20C30.96,35.730000000000004%2030.96,42.03%2025.560000000000002,47.88%20C20.160000000000004,42.03%2020.160000000000004,35.730000000000004%2025.560000000000002,29.880000000000003%20Z%22%20fill=%22%23F8E16C%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(30%2046.44%2038.88)%22%3E%3Cpath%20d=%22M46.44,29.880000000000003%20C51.839999999999996,35.730000000000004%2051.839999999999996,42.03%2046.44,47.88%20C41.04,42.03%2041.04,35.730000000000004%2046.44,29.880000000000003%20Z%22%20fill=%22%23F8E16C%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(-30%2025.560000000000002%2051.839999999999996)%22%3E%3Cpath%20d=%22M25.560000000000002,42.839999999999996%20C30.96,48.69%2030.96,54.989999999999995%2025.560000000000002,60.839999999999996%20C20.160000000000004,54.989999999999995%2020.160000000000004,48.69%2025.560000000000002,42.839999999999996%20Z%22%20fill=%22%23F8E16C%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(30%2046.44%2051.839999999999996)%22%3E%3Cpath%20d=%22M46.44,42.839999999999996%20C51.839999999999996,48.69%2051.839999999999996,54.989999999999995%2046.44,60.839999999999996%20C41.04,54.989999999999995%2041.04,48.69%2046.44,42.839999999999996%20Z%22%20fill=%22%23F8E16C%22/%3E%3C/g%3E%3C/g%3E%3Cg%20transform=%22translate(504,288)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%23E0F29D%22/%3E%3Cpath%20d=%22M36.0,66.96000000000001%20L36.0,48.96%22%20stroke=%22%2300593F%22%20stroke-width=%222.6%22%20stroke-linecap=%22round%22/%3E%3Cg%20transform=%22rotate(-42%2036.0%2050.4)%22%3E%3Cpath%20d=%22M36.0,15.119999999999997%20C47.519999999999996,26.586%2047.519999999999996,38.934%2036.0,50.4%20C24.48,38.934%2024.48,26.586%2036.0,15.119999999999997%20Z%22%20fill=%22%230A7B5A%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(42%2036.0%2050.4)%22%3E%3Cpath%20d=%22M36.0,15.119999999999997%20C47.519999999999996,26.586%2047.519999999999996,38.934%2036.0,50.4%20C24.48,38.934%2024.48,26.586%2036.0,15.119999999999997%20Z%22%20fill=%22%2300593F%22/%3E%3C/g%3E%3C/g%3E%3Cg%20transform=%22translate(576,288)%22%20clip-path=%22url(%23c)%22%3E%3Ccircle%20cx=%2236.0%22%20cy=%2236.0%22%20r=%2224.48%22%20fill=%22%2374A462%22/%3E%3C/g%3E%3Cg%20transform=%22translate(648,288)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%23F8FCEA%22/%3E%3Ccircle%20cx=%2225.919999999999998%22%20cy=%2243.199999999999996%22%20r=%229.72%22%20fill=%22%2300593F%22/%3E%3Ccircle%20cx=%2246.08%22%20cy=%2243.199999999999996%22%20r=%229.72%22%20fill=%22%2300593F%22/%3E%3Ccircle%20cx=%2236.0%22%20cy=%2225.919999999999998%22%20r=%229.72%22%20fill=%22%2300593F%22/%3E%3C/g%3E%3C/svg%3E");
--patron-oscuro:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22720%22%20height=%22360%22%20viewBox=%220%200%20720%20360%22%3E%3Cdefs%3E%3CclipPath%20id=%22c%22%3E%3Crect%20width=%2272%22%20height=%2272%22/%3E%3C/clipPath%3E%3C/defs%3E%3Crect%20width=%22720%22%20height=%22360%22%20fill=%22%23002A1E%22/%3E%3Cg%20transform=%22translate(0,0)%22%20clip-path=%22url(%23c)%22%3E%3Cg%20transform=%22rotate(-28%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,11.52%20C53.64,27.432000000000002%2053.64,44.568%2036.0,60.480000000000004%20C18.36,44.568%2018.36,27.432000000000002%2036.0,11.52%20Z%22%20fill=%22%23BDE04E%22/%3E%3Cpath%20d=%22M36.0,14.947199999999999%20L36.0,57.052800000000005%22%20stroke=%22%23002A1E%22%20stroke-width=%221.8%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,27.187199999999997%20L41.810175,23.2704%22%20stroke=%22%23002A1E%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,27.187199999999997%20L30.189825,23.2704%22%20stroke=%22%23002A1E%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,36.0%20L45.227925,32.0832%22%20stroke=%22%23002A1E%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,36.0%20L26.772075,32.0832%22%20stroke=%22%23002A1E%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,44.8128%20L45.227925,40.896%22%20stroke=%22%23002A1E%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,44.8128%20L26.772075,40.896%22%20stroke=%22%23002A1E%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,53.6256%20L41.810175,49.7088%22%20stroke=%22%23002A1E%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,53.6256%20L30.189825,49.7088%22%20stroke=%22%23002A1E%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3C/g%3E%3C/g%3E%3Cg%20transform=%22translate(72,0)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%230E4A34%22/%3E%3Cg%20transform=%22rotate(0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,13.68%20C45.36,20.934%2045.36,28.746%2036.0,36.0%20C26.64,28.746%2026.64,20.934%2036.0,13.68%20Z%22%20fill=%22%23BDE04E%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(120%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,13.68%20C45.36,20.934%2045.36,28.746%2036.0,36.0%20C26.64,28.746%2026.64,20.934%2036.0,13.68%20Z%22%20fill=%22%23BDE04E%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(240%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,13.68%20C45.36,20.934%2045.36,28.746%2036.0,36.0%20C26.64,28.746%2026.64,20.934%2036.0,13.68%20Z%22%20fill=%22%23BDE04E%22/%3E%3C/g%3E%3Cpath%20d=%22M36.0,44.64%20L36.0,66.24000000000001%22%20stroke=%22%23BDE04E%22%20stroke-width=%222.2%22%20stroke-linecap=%22round%22/%3E%3C/g%3E%3Cg%20transform=%22translate(144,0)%22%20clip-path=%22url(%23c)%22%3E%3Cpath%20d=%22M7.199999999999999,48.096000000000004%20A28.8,28.8%200%200%200%2064.8,48.096000000000004%20Z%22%20fill=%22%230A7B5A%22/%3E%3C/g%3E%3Cg%20transform=%22translate(216,0)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%23003A29%22/%3E%3Cpath%20d=%22M36.0,64.8%20L36.0,15.84%22%20stroke=%22%23F8E16C%22%20stroke-width=%222.6%22%20stroke-linecap=%22round%22/%3E%3Cg%20transform=%22rotate(0%2036.0%2013.68)%22%3E%3Cpath%20d=%22M36.0,4.68%20C41.4,10.53%2041.4,16.83%2036.0,22.68%20C30.6,16.83%2030.6,10.53%2036.0,4.68%20Z%22%20fill=%22%23F8E16C%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(-30%2025.560000000000002%2025.919999999999998)%22%3E%3Cpath%20d=%22M25.560000000000002,16.919999999999998%20C30.96,22.77%2030.96,29.069999999999997%2025.560000000000002,34.92%20C20.160000000000004,29.069999999999997%2020.160000000000004,22.77%2025.560000000000002,16.919999999999998%20Z%22%20fill=%22%23F8E16C%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(30%2046.44%2025.919999999999998)%22%3E%3Cpath%20d=%22M46.44,16.919999999999998%20C51.839999999999996,22.77%2051.839999999999996,29.069999999999997%2046.44,34.92%20C41.04,29.069999999999997%2041.04,22.77%2046.44,16.919999999999998%20Z%22%20fill=%22%23F8E16C%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(-30%2025.560000000000002%2038.88)%22%3E%3Cpath%20d=%22M25.560000000000002,29.880000000000003%20C30.96,35.730000000000004%2030.96,42.03%2025.560000000000002,47.88%20C20.160000000000004,42.03%2020.160000000000004,35.730000000000004%2025.560000000000002,29.880000000000003%20Z%22%20fill=%22%23F8E16C%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(30%2046.44%2038.88)%22%3E%3Cpath%20d=%22M46.44,29.880000000000003%20C51.839999999999996,35.730000000000004%2051.839999999999996,42.03%2046.44,47.88%20C41.04,42.03%2041.04,35.730000000000004%2046.44,29.880000000000003%20Z%22%20fill=%22%23F8E16C%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(-30%2025.560000000000002%2051.839999999999996)%22%3E%3Cpath%20d=%22M25.560000000000002,42.839999999999996%20C30.96,48.69%2030.96,54.989999999999995%2025.560000000000002,60.839999999999996%20C20.160000000000004,54.989999999999995%2020.160000000000004,48.69%2025.560000000000002,42.839999999999996%20Z%22%20fill=%22%23F8E16C%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(30%2046.44%2051.839999999999996)%22%3E%3Cpath%20d=%22M46.44,42.839999999999996%20C51.839999999999996,48.69%2051.839999999999996,54.989999999999995%2046.44,60.839999999999996%20C41.04,54.989999999999995%2041.04,48.69%2046.44,42.839999999999996%20Z%22%20fill=%22%23F8E16C%22/%3E%3C/g%3E%3C/g%3E%3Cg%20transform=%22translate(360,0)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%230E4A34%22/%3E%3Ccircle%20cx=%2236.0%22%20cy=%2236.0%22%20r=%2224.48%22%20fill=%22%2358BB98%22/%3E%3C/g%3E%3Cg%20transform=%22translate(432,0)%22%20clip-path=%22url(%23c)%22%3E%3Cpath%20d=%22M4.32,15.84%20Q36.0,5.040000000000001%2067.67999999999999,15.84%22%20fill=%22none%22%20stroke=%22%238DAD24%22%20stroke-width=%223.6%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M4.32,29.520000000000003%20Q36.0,18.720000000000006%2067.67999999999999,29.520000000000003%22%20fill=%22none%22%20stroke=%22%238DAD24%22%20stroke-width=%223.6%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M4.32,43.199999999999996%20Q36.0,32.4%2067.67999999999999,43.199999999999996%22%20fill=%22none%22%20stroke=%22%238DAD24%22%20stroke-width=%223.6%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M4.32,56.88%20Q36.0,46.080000000000005%2067.67999999999999,56.88%22%20fill=%22none%22%20stroke=%22%238DAD24%22%20stroke-width=%223.6%22%20stroke-linecap=%22round%22/%3E%3C/g%3E%3Cg%20transform=%22translate(504,0)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%23003A29%22/%3E%3Cpath%20d=%22M36.0,66.96000000000001%20L36.0,48.96%22%20stroke=%22%23BDE04E%22%20stroke-width=%222.6%22%20stroke-linecap=%22round%22/%3E%3Cg%20transform=%22rotate(-42%2036.0%2050.4)%22%3E%3Cpath%20d=%22M36.0,15.119999999999997%20C47.519999999999996,26.586%2047.519999999999996,38.934%2036.0,50.4%20C24.48,38.934%2024.48,26.586%2036.0,15.119999999999997%20Z%22%20fill=%22%230A7B5A%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(42%2036.0%2050.4)%22%3E%3Cpath%20d=%22M36.0,15.119999999999997%20C47.519999999999996,26.586%2047.519999999999996,38.934%2036.0,50.4%20C24.48,38.934%2024.48,26.586%2036.0,15.119999999999997%20Z%22%20fill=%22%23BDE04E%22/%3E%3C/g%3E%3C/g%3E%3Cg%20transform=%22translate(648,0)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%230E4A34%22/%3E%3Cpath%20d=%22M5.760000000000002,57.599999999999994%20A30.24,30.24%200%200%201%2066.24,57.599999999999994%22%20fill=%22none%22%20stroke=%22%2358BB98%22%20stroke-width=%225.3999999999999995%22/%3E%3Cpath%20d=%22M15.120000000000001,57.599999999999994%20A20.88,20.88%200%200%201%2056.879999999999995,57.599999999999994%22%20fill=%22none%22%20stroke=%22%2358BB98%22%20stroke-width=%225.3999999999999995%22/%3E%3Cpath%20d=%22M24.480000000000004,57.599999999999994%20A11.519999999999998,11.519999999999998%200%200%201%2047.519999999999996,57.599999999999994%22%20fill=%22none%22%20stroke=%22%2358BB98%22%20stroke-width=%225.3999999999999995%22/%3E%3C/g%3E%3Cg%20transform=%22translate(0,72)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%23003A29%22/%3E%3Ccircle%20cx=%2236.0%22%20cy=%2236.0%22%20r=%2224.48%22%20fill=%22%238DAD24%22/%3E%3C/g%3E%3Cg%20transform=%22translate(72,72)%22%20clip-path=%22url(%23c)%22%3E%3Cpath%20d=%22M36.0,66.24000000000001%20L36.0,10.080000000000002%22%20stroke=%22%23BDE04E%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22/%3E%3Cg%20transform=%22rotate(-52%2025.560000000000002%2020.160000000000004)%22%3E%3Cpath%20d=%22M25.560000000000002,11.880000000000003%20C30.96,17.262000000000004%2030.96,23.058000000000003%2025.560000000000002,28.440000000000005%20C20.160000000000004,23.058000000000003%2020.160000000000004,17.262000000000004%2025.560000000000002,11.880000000000003%20Z%22%20fill=%22%23BDE04E%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(52%2046.44%2020.160000000000004)%22%3E%3Cpath%20d=%22M46.44,11.880000000000003%20C51.839999999999996,17.262000000000004%2051.839999999999996,23.058000000000003%2046.44,28.440000000000005%20C41.04,23.058000000000003%2041.04,17.262000000000004%2046.44,11.880000000000003%20Z%22%20fill=%22%23BDE04E%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(-52%2025.560000000000002%2036.0)%22%3E%3Cpath%20d=%22M25.560000000000002,27.72%20C30.96,33.102%2030.96,38.898%2025.560000000000002,44.28%20C20.160000000000004,38.898%2020.160000000000004,33.102%2025.560000000000002,27.72%20Z%22%20fill=%22%23BDE04E%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(52%2046.44%2036.0)%22%3E%3Cpath%20d=%22M46.44,27.72%20C51.839999999999996,33.102%2051.839999999999996,38.898%2046.44,44.28%20C41.04,38.898%2041.04,33.102%2046.44,27.72%20Z%22%20fill=%22%23BDE04E%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(-52%2025.560000000000002%2051.839999999999996)%22%3E%3Cpath%20d=%22M25.560000000000002,43.559999999999995%20C30.96,48.94199999999999%2030.96,54.738%2025.560000000000002,60.12%20C20.160000000000004,54.738%2020.160000000000004,48.94199999999999%2025.560000000000002,43.559999999999995%20Z%22%20fill=%22%23BDE04E%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(52%2046.44%2051.839999999999996)%22%3E%3Cpath%20d=%22M46.44,43.559999999999995%20C51.839999999999996,48.94199999999999%2051.839999999999996,54.738%2046.44,60.12%20C41.04,54.738%2041.04,48.94199999999999%2046.44,43.559999999999995%20Z%22%20fill=%22%23BDE04E%22/%3E%3C/g%3E%3C/g%3E%3Cg%20transform=%22translate(144,72)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%230E4A34%22/%3E%3Cg%20transform=%22rotate(0.0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,10.440000000000001%20C42.12,17.694000000000003%2042.12,25.506%2036.0,32.760000000000005%20C29.88,25.506%2029.88,17.694000000000003%2036.0,10.440000000000001%20Z%22%20fill=%22%23BDE04E%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(45.0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,10.440000000000001%20C42.12,17.694000000000003%2042.12,25.506%2036.0,32.760000000000005%20C29.88,25.506%2029.88,17.694000000000003%2036.0,10.440000000000001%20Z%22%20fill=%22%23BDE04E%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(90.0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,10.440000000000001%20C42.12,17.694000000000003%2042.12,25.506%2036.0,32.760000000000005%20C29.88,25.506%2029.88,17.694000000000003%2036.0,10.440000000000001%20Z%22%20fill=%22%23BDE04E%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(135.0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,10.440000000000001%20C42.12,17.694000000000003%2042.12,25.506%2036.0,32.760000000000005%20C29.88,25.506%2029.88,17.694000000000003%2036.0,10.440000000000001%20Z%22%20fill=%22%23BDE04E%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(180.0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,10.440000000000001%20C42.12,17.694000000000003%2042.12,25.506%2036.0,32.760000000000005%20C29.88,25.506%2029.88,17.694000000000003%2036.0,10.440000000000001%20Z%22%20fill=%22%23BDE04E%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(225.0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,10.440000000000001%20C42.12,17.694000000000003%2042.12,25.506%2036.0,32.760000000000005%20C29.88,25.506%2029.88,17.694000000000003%2036.0,10.440000000000001%20Z%22%20fill=%22%23BDE04E%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(270.0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,10.440000000000001%20C42.12,17.694000000000003%2042.12,25.506%2036.0,32.760000000000005%20C29.88,25.506%2029.88,17.694000000000003%2036.0,10.440000000000001%20Z%22%20fill=%22%23BDE04E%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(315.0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,10.440000000000001%20C42.12,17.694000000000003%2042.12,25.506%2036.0,32.760000000000005%20C29.88,25.506%2029.88,17.694000000000003%2036.0,10.440000000000001%20Z%22%20fill=%22%23BDE04E%22/%3E%3C/g%3E%3Ccircle%20cx=%2236.0%22%20cy=%2236.0%22%20r=%226.12%22%20fill=%22%23F8E16C%22/%3E%3C/g%3E%3Cg%20transform=%22translate(288,72)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%23003A29%22/%3E%3Cpath%20d=%22M7.199999999999999,33.12%20A28.8,28.8%200%200%201%2064.8,33.12%20Z%22%20fill=%22%23F8E16C%22/%3E%3C/g%3E%3Cg%20transform=%22translate(360,72)%22%20clip-path=%22url(%23c)%22%3E%3Cg%20transform=%22rotate(24%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,11.52%20C53.64,27.432000000000002%2053.64,44.568%2036.0,60.480000000000004%20C18.36,44.568%2018.36,27.432000000000002%2036.0,11.52%20Z%22%20fill=%22%230A7B5A%22/%3E%3Cpath%20d=%22M36.0,14.947199999999999%20L36.0,57.052800000000005%22%20stroke=%22%23002A1E%22%20stroke-width=%221.8%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,27.187199999999997%20L41.810175,23.2704%22%20stroke=%22%23002A1E%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,27.187199999999997%20L30.189825,23.2704%22%20stroke=%22%23002A1E%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,36.0%20L45.227925,32.0832%22%20stroke=%22%23002A1E%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,36.0%20L26.772075,32.0832%22%20stroke=%22%23002A1E%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,44.8128%20L45.227925,40.896%22%20stroke=%22%23002A1E%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,44.8128%20L26.772075,40.896%22%20stroke=%22%23002A1E%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,53.6256%20L41.810175,49.7088%22%20stroke=%22%23002A1E%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,53.6256%20L30.189825,49.7088%22%20stroke=%22%23002A1E%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3C/g%3E%3C/g%3E%3Cg%20transform=%22translate(432,72)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%230E4A34%22/%3E%3Ccircle%20cx=%2225.919999999999998%22%20cy=%2243.199999999999996%22%20r=%229.72%22%20fill=%22%23BDE04E%22/%3E%3Ccircle%20cx=%2246.08%22%20cy=%2243.199999999999996%22%20r=%229.72%22%20fill=%22%23BDE04E%22/%3E%3Ccircle%20cx=%2236.0%22%20cy=%2225.919999999999998%22%20r=%229.72%22%20fill=%22%23BDE04E%22/%3E%3C/g%3E%3Cg%20transform=%22translate(504,72)%22%20clip-path=%22url(%23c)%22%3E%3Cpath%20d=%22M14.4,10.080000000000002%20L14.4,61.92%22%20stroke=%22%230A7B5A%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M28.8,10.080000000000002%20L28.8,61.92%22%20stroke=%22%230A7B5A%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M43.2,10.080000000000002%20L43.2,61.92%22%20stroke=%22%230A7B5A%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M57.6,10.080000000000002%20L57.6,61.92%22%20stroke=%22%230A7B5A%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3C/g%3E%3Cg%20transform=%22translate(576,72)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%23003A29%22/%3E%3Cpath%20d=%22M11.52,43.199999999999996%20A24.48,24.48%200%200%200%2060.480000000000004,43.199999999999996%20Z%22%20fill=%22%23F8E16C%22/%3E%3Cpath%20d=%22M36.0,43.199999999999996%20L36.0,21.599999999999998%22%20stroke=%22%23BDE04E%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22/%3E%3Cg%20transform=%22rotate(-42%2028.08%2024.48)%22%3E%3Cpath%20d=%22M28.08,15.120000000000001%20C34.199999999999996,21.204%2034.199999999999996,27.756%2028.08,33.84%20C21.959999999999997,27.756%2021.959999999999997,21.204%2028.08,15.120000000000001%20Z%22%20fill=%22%23BDE04E%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(42%2043.92%2024.48)%22%3E%3Cpath%20d=%22M43.92,15.120000000000001%20C50.04,21.204%2050.04,27.756%2043.92,33.84%20C37.800000000000004,27.756%2037.800000000000004,21.204%2043.92,15.120000000000001%20Z%22%20fill=%22%23BDE04E%22/%3E%3C/g%3E%3C/g%3E%3Cg%20transform=%22translate(0,144)%22%20clip-path=%22url(%23c)%22%3E%3Cpath%20d=%22M7.199999999999999,48.096000000000004%20A28.8,28.8%200%200%200%2064.8,48.096000000000004%20Z%22%20fill=%22%2358BB98%22/%3E%3C/g%3E%3Cg%20transform=%22translate(72,144)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%230E4A34%22/%3E%3Cg%20transform=%22rotate(-14%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,11.52%20C53.64,27.432000000000002%2053.64,44.568%2036.0,60.480000000000004%20C18.36,44.568%2018.36,27.432000000000002%2036.0,11.52%20Z%22%20fill=%22%23BDE04E%22/%3E%3Cpath%20d=%22M36.0,14.947199999999999%20L36.0,57.052800000000005%22%20stroke=%22%230E4A34%22%20stroke-width=%221.8%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,27.187199999999997%20L41.810175,23.2704%22%20stroke=%22%230E4A34%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,27.187199999999997%20L30.189825,23.2704%22%20stroke=%22%230E4A34%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,36.0%20L45.227925,32.0832%22%20stroke=%22%230E4A34%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,36.0%20L26.772075,32.0832%22%20stroke=%22%230E4A34%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,44.8128%20L45.227925,40.896%22%20stroke=%22%230E4A34%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,44.8128%20L26.772075,40.896%22%20stroke=%22%230E4A34%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,53.6256%20L41.810175,49.7088%22%20stroke=%22%230E4A34%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,53.6256%20L30.189825,49.7088%22%20stroke=%22%230E4A34%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3C/g%3E%3C/g%3E%3Cg%20transform=%22translate(216,144)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%23003A29%22/%3E%3Cg%20transform=%22rotate(0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,13.68%20C45.36,20.934%2045.36,28.746%2036.0,36.0%20C26.64,28.746%2026.64,20.934%2036.0,13.68%20Z%22%20fill=%22%2358BB98%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(120%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,13.68%20C45.36,20.934%2045.36,28.746%2036.0,36.0%20C26.64,28.746%2026.64,20.934%2036.0,13.68%20Z%22%20fill=%22%2358BB98%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(240%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,13.68%20C45.36,20.934%2045.36,28.746%2036.0,36.0%20C26.64,28.746%2026.64,20.934%2036.0,13.68%20Z%22%20fill=%22%2358BB98%22/%3E%3C/g%3E%3Cpath%20d=%22M36.0,44.64%20L36.0,66.24000000000001%22%20stroke=%22%2358BB98%22%20stroke-width=%222.2%22%20stroke-linecap=%22round%22/%3E%3C/g%3E%3Cg%20transform=%22translate(288,144)%22%20clip-path=%22url(%23c)%22%3E%3Cpath%20d=%22M36.0,64.8%20L36.0,15.84%22%20stroke=%22%238DAD24%22%20stroke-width=%222.6%22%20stroke-linecap=%22round%22/%3E%3Cg%20transform=%22rotate(0%2036.0%2013.68)%22%3E%3Cpath%20d=%22M36.0,4.68%20C41.4,10.53%2041.4,16.83%2036.0,22.68%20C30.6,16.83%2030.6,10.53%2036.0,4.68%20Z%22%20fill=%22%238DAD24%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(-30%2025.560000000000002%2025.919999999999998)%22%3E%3Cpath%20d=%22M25.560000000000002,16.919999999999998%20C30.96,22.77%2030.96,29.069999999999997%2025.560000000000002,34.92%20C20.160000000000004,29.069999999999997%2020.160000000000004,22.77%2025.560000000000002,16.919999999999998%20Z%22%20fill=%22%238DAD24%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(30%2046.44%2025.919999999999998)%22%3E%3Cpath%20d=%22M46.44,16.919999999999998%20C51.839999999999996,22.77%2051.839999999999996,29.069999999999997%2046.44,34.92%20C41.04,29.069999999999997%2041.04,22.77%2046.44,16.919999999999998%20Z%22%20fill=%22%238DAD24%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(-30%2025.560000000000002%2038.88)%22%3E%3Cpath%20d=%22M25.560000000000002,29.880000000000003%20C30.96,35.730000000000004%2030.96,42.03%2025.560000000000002,47.88%20C20.160000000000004,42.03%2020.160000000000004,35.730000000000004%2025.560000000000002,29.880000000000003%20Z%22%20fill=%22%238DAD24%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(30%2046.44%2038.88)%22%3E%3Cpath%20d=%22M46.44,29.880000000000003%20C51.839999999999996,35.730000000000004%2051.839999999999996,42.03%2046.44,47.88%20C41.04,42.03%2041.04,35.730000000000004%2046.44,29.880000000000003%20Z%22%20fill=%22%238DAD24%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(-30%2025.560000000000002%2051.839999999999996)%22%3E%3Cpath%20d=%22M25.560000000000002,42.839999999999996%20C30.96,48.69%2030.96,54.989999999999995%2025.560000000000002,60.839999999999996%20C20.160000000000004,54.989999999999995%2020.160000000000004,48.69%2025.560000000000002,42.839999999999996%20Z%22%20fill=%22%238DAD24%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(30%2046.44%2051.839999999999996)%22%3E%3Cpath%20d=%22M46.44,42.839999999999996%20C51.839999999999996,48.69%2051.839999999999996,54.989999999999995%2046.44,60.839999999999996%20C41.04,54.989999999999995%2041.04,48.69%2046.44,42.839999999999996%20Z%22%20fill=%22%238DAD24%22/%3E%3C/g%3E%3C/g%3E%3Cg%20transform=%22translate(360,144)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%230E4A34%22/%3E%3Cpath%20d=%22M2.88,53.28%20A21.599999999999998,21.599999999999998%200%200%201%2046.08,53.28%20Z%22%20fill=%22%230A7B5A%22/%3E%3Cpath%20d=%22M27.36,53.28%20A22.32,22.32%200%200%201%2072.0,53.28%20Z%22%20fill=%22%23BDE04E%22/%3E%3C/g%3E%3Cg%20transform=%22translate(504,144)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%23003A29%22/%3E%3Cpath%20d=%22M36.0,14.4%20C54.72,33.120000000000005%2053.28,54.72%2036.0,56.160000000000004%20C18.72,54.72%2017.28,33.120000000000005%2036.0,14.4%20Z%22%20fill=%22%2358BB98%22/%3E%3C/g%3E%3Cg%20transform=%22translate(576,144)%22%20clip-path=%22url(%23c)%22%3E%3Cpath%20d=%22M36.0,66.96000000000001%20L36.0,48.96%22%20stroke=%22%230A7B5A%22%20stroke-width=%222.6%22%20stroke-linecap=%22round%22/%3E%3Cg%20transform=%22rotate(-42%2036.0%2050.4)%22%3E%3Cpath%20d=%22M36.0,15.119999999999997%20C47.519999999999996,26.586%2047.519999999999996,38.934%2036.0,50.4%20C24.48,38.934%2024.48,26.586%2036.0,15.119999999999997%20Z%22%20fill=%22%23BDE04E%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(42%2036.0%2050.4)%22%3E%3Cpath%20d=%22M36.0,15.119999999999997%20C47.519999999999996,26.586%2047.519999999999996,38.934%2036.0,50.4%20C24.48,38.934%2024.48,26.586%2036.0,15.119999999999997%20Z%22%20fill=%22%230A7B5A%22/%3E%3C/g%3E%3C/g%3E%3Cg%20transform=%22translate(648,144)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%230E4A34%22/%3E%3Cpath%20d=%22M15.84,4.32%20Q5.040000000000001,36.0%2015.84,67.67999999999999%22%20fill=%22none%22%20stroke=%22%2358BB98%22%20stroke-width=%223.6%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M29.520000000000003,4.32%20Q18.720000000000006,36.0%2029.520000000000003,67.67999999999999%22%20fill=%22none%22%20stroke=%22%2358BB98%22%20stroke-width=%223.6%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M43.199999999999996,4.32%20Q32.4,36.0%2043.199999999999996,67.67999999999999%22%20fill=%22none%22%20stroke=%22%2358BB98%22%20stroke-width=%223.6%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M56.88,4.32%20Q46.080000000000005,36.0%2056.88,67.67999999999999%22%20fill=%22none%22%20stroke=%22%2358BB98%22%20stroke-width=%223.6%22%20stroke-linecap=%22round%22/%3E%3C/g%3E%3Cg%20transform=%22translate(0,216)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%230E4A34%22/%3E%3Cg%20transform=%22rotate(0.0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,10.440000000000001%20C42.12,17.694000000000003%2042.12,25.506%2036.0,32.760000000000005%20C29.88,25.506%2029.88,17.694000000000003%2036.0,10.440000000000001%20Z%22%20fill=%22%230A7B5A%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(45.0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,10.440000000000001%20C42.12,17.694000000000003%2042.12,25.506%2036.0,32.760000000000005%20C29.88,25.506%2029.88,17.694000000000003%2036.0,10.440000000000001%20Z%22%20fill=%22%230A7B5A%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(90.0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,10.440000000000001%20C42.12,17.694000000000003%2042.12,25.506%2036.0,32.760000000000005%20C29.88,25.506%2029.88,17.694000000000003%2036.0,10.440000000000001%20Z%22%20fill=%22%230A7B5A%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(135.0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,10.440000000000001%20C42.12,17.694000000000003%2042.12,25.506%2036.0,32.760000000000005%20C29.88,25.506%2029.88,17.694000000000003%2036.0,10.440000000000001%20Z%22%20fill=%22%230A7B5A%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(180.0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,10.440000000000001%20C42.12,17.694000000000003%2042.12,25.506%2036.0,32.760000000000005%20C29.88,25.506%2029.88,17.694000000000003%2036.0,10.440000000000001%20Z%22%20fill=%22%230A7B5A%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(225.0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,10.440000000000001%20C42.12,17.694000000000003%2042.12,25.506%2036.0,32.760000000000005%20C29.88,25.506%2029.88,17.694000000000003%2036.0,10.440000000000001%20Z%22%20fill=%22%230A7B5A%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(270.0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,10.440000000000001%20C42.12,17.694000000000003%2042.12,25.506%2036.0,32.760000000000005%20C29.88,25.506%2029.88,17.694000000000003%2036.0,10.440000000000001%20Z%22%20fill=%22%230A7B5A%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(315.0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,10.440000000000001%20C42.12,17.694000000000003%2042.12,25.506%2036.0,32.760000000000005%20C29.88,25.506%2029.88,17.694000000000003%2036.0,10.440000000000001%20Z%22%20fill=%22%230A7B5A%22/%3E%3C/g%3E%3Ccircle%20cx=%2236.0%22%20cy=%2236.0%22%20r=%226.12%22%20fill=%22%23F8E16C%22/%3E%3C/g%3E%3Cg%20transform=%22translate(144,216)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%23003A29%22/%3E%3Cpath%20d=%22M14.400000000000002,5.760000000000002%20A30.24,30.24%200%200%201%2014.400000000000002,66.24%22%20fill=%22none%22%20stroke=%22%238DAD24%22%20stroke-width=%225.3999999999999995%22/%3E%3Cpath%20d=%22M14.400000000000002,15.120000000000001%20A20.88,20.88%200%200%201%2014.400000000000002,56.879999999999995%22%20fill=%22none%22%20stroke=%22%238DAD24%22%20stroke-width=%225.3999999999999995%22/%3E%3Cpath%20d=%22M14.400000000000002,24.480000000000004%20A11.519999999999998,11.519999999999998%200%200%201%2014.400000000000002,47.519999999999996%22%20fill=%22none%22%20stroke=%22%238DAD24%22%20stroke-width=%225.3999999999999995%22/%3E%3C/g%3E%3Cg%20transform=%22translate(216,216)%22%20clip-path=%22url(%23c)%22%3E%3Ccircle%20cx=%2225.919999999999998%22%20cy=%2243.199999999999996%22%20r=%229.72%22%20fill=%22%230A7B5A%22/%3E%3Ccircle%20cx=%2246.08%22%20cy=%2243.199999999999996%22%20r=%229.72%22%20fill=%22%230A7B5A%22/%3E%3Ccircle%20cx=%2236.0%22%20cy=%2225.919999999999998%22%20r=%229.72%22%20fill=%22%230A7B5A%22/%3E%3C/g%3E%3Cg%20transform=%22translate(288,216)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%230E4A34%22/%3E%3Cpath%20d=%22M11.52,43.199999999999996%20A24.48,24.48%200%200%200%2060.480000000000004,43.199999999999996%20Z%22%20fill=%22%2393D5BB%22/%3E%3Cpath%20d=%22M36.0,43.199999999999996%20L36.0,21.599999999999998%22%20stroke=%22%23BDE04E%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22/%3E%3Cg%20transform=%22rotate(-42%2028.08%2024.48)%22%3E%3Cpath%20d=%22M28.08,15.120000000000001%20C34.199999999999996,21.204%2034.199999999999996,27.756%2028.08,33.84%20C21.959999999999997,27.756%2021.959999999999997,21.204%2028.08,15.120000000000001%20Z%22%20fill=%22%23BDE04E%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(42%2043.92%2024.48)%22%3E%3Cpath%20d=%22M43.92,15.120000000000001%20C50.04,21.204%2050.04,27.756%2043.92,33.84%20C37.800000000000004,27.756%2037.800000000000004,21.204%2043.92,15.120000000000001%20Z%22%20fill=%22%23BDE04E%22/%3E%3C/g%3E%3C/g%3E%3Cg%20transform=%22translate(432,216)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%23003A29%22/%3E%3Cpath%20d=%22M36.0,66.24000000000001%20L36.0,10.080000000000002%22%20stroke=%22%2358BB98%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22/%3E%3Cg%20transform=%22rotate(-52%2025.560000000000002%2020.160000000000004)%22%3E%3Cpath%20d=%22M25.560000000000002,11.880000000000003%20C30.96,17.262000000000004%2030.96,23.058000000000003%2025.560000000000002,28.440000000000005%20C20.160000000000004,23.058000000000003%2020.160000000000004,17.262000000000004%2025.560000000000002,11.880000000000003%20Z%22%20fill=%22%2358BB98%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(52%2046.44%2020.160000000000004)%22%3E%3Cpath%20d=%22M46.44,11.880000000000003%20C51.839999999999996,17.262000000000004%2051.839999999999996,23.058000000000003%2046.44,28.440000000000005%20C41.04,23.058000000000003%2041.04,17.262000000000004%2046.44,11.880000000000003%20Z%22%20fill=%22%2358BB98%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(-52%2025.560000000000002%2036.0)%22%3E%3Cpath%20d=%22M25.560000000000002,27.72%20C30.96,33.102%2030.96,38.898%2025.560000000000002,44.28%20C20.160000000000004,38.898%2020.160000000000004,33.102%2025.560000000000002,27.72%20Z%22%20fill=%22%2358BB98%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(52%2046.44%2036.0)%22%3E%3Cpath%20d=%22M46.44,27.72%20C51.839999999999996,33.102%2051.839999999999996,38.898%2046.44,44.28%20C41.04,38.898%2041.04,33.102%2046.44,27.72%20Z%22%20fill=%22%2358BB98%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(-52%2025.560000000000002%2051.839999999999996)%22%3E%3Cpath%20d=%22M25.560000000000002,43.559999999999995%20C30.96,48.94199999999999%2030.96,54.738%2025.560000000000002,60.12%20C20.160000000000004,54.738%2020.160000000000004,48.94199999999999%2025.560000000000002,43.559999999999995%20Z%22%20fill=%22%2358BB98%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(52%2046.44%2051.839999999999996)%22%3E%3Cpath%20d=%22M46.44,43.559999999999995%20C51.839999999999996,48.94199999999999%2051.839999999999996,54.738%2046.44,60.12%20C41.04,54.738%2041.04,48.94199999999999%2046.44,43.559999999999995%20Z%22%20fill=%22%2358BB98%22/%3E%3C/g%3E%3C/g%3E%3Cg%20transform=%22translate(504,216)%22%20clip-path=%22url(%23c)%22%3E%3Cpath%20d=%22M7.199999999999999,33.12%20A28.8,28.8%200%200%201%2064.8,33.12%20Z%22%20fill=%22%23BDE04E%22/%3E%3C/g%3E%3Cg%20transform=%22translate(576,216)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%230E4A34%22/%3E%3Cg%20transform=%22rotate(34%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,11.52%20C53.64,27.432000000000002%2053.64,44.568%2036.0,60.480000000000004%20C18.36,44.568%2018.36,27.432000000000002%2036.0,11.52%20Z%22%20fill=%22%2358BB98%22/%3E%3Cpath%20d=%22M36.0,14.947199999999999%20L36.0,57.052800000000005%22%20stroke=%22%230E4A34%22%20stroke-width=%221.8%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,27.187199999999997%20L41.810175,23.2704%22%20stroke=%22%230E4A34%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,27.187199999999997%20L30.189825,23.2704%22%20stroke=%22%230E4A34%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,36.0%20L45.227925,32.0832%22%20stroke=%22%230E4A34%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,36.0%20L26.772075,32.0832%22%20stroke=%22%230E4A34%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,44.8128%20L45.227925,40.896%22%20stroke=%22%230E4A34%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,44.8128%20L26.772075,40.896%22%20stroke=%22%230E4A34%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,53.6256%20L41.810175,49.7088%22%20stroke=%22%230E4A34%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,53.6256%20L30.189825,49.7088%22%20stroke=%22%230E4A34%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3C/g%3E%3C/g%3E%3Cg%20transform=%22translate(648,216)%22%20clip-path=%22url(%23c)%22%3E%3Cg%20transform=%22rotate(0%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,13.68%20C45.36,20.934%2045.36,28.746%2036.0,36.0%20C26.64,28.746%2026.64,20.934%2036.0,13.68%20Z%22%20fill=%22%238DAD24%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(120%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,13.68%20C45.36,20.934%2045.36,28.746%2036.0,36.0%20C26.64,28.746%2026.64,20.934%2036.0,13.68%20Z%22%20fill=%22%238DAD24%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(240%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,13.68%20C45.36,20.934%2045.36,28.746%2036.0,36.0%20C26.64,28.746%2026.64,20.934%2036.0,13.68%20Z%22%20fill=%22%238DAD24%22/%3E%3C/g%3E%3Cpath%20d=%22M36.0,44.64%20L36.0,66.24000000000001%22%20stroke=%22%238DAD24%22%20stroke-width=%222.2%22%20stroke-linecap=%22round%22/%3E%3C/g%3E%3Cg%20transform=%22translate(72,288)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%23003A29%22/%3E%3Cpath%20d=%22M2.88,53.28%20A21.599999999999998,21.599999999999998%200%200%201%2046.08,53.28%20Z%22%20fill=%22%2393D5BB%22/%3E%3Cpath%20d=%22M27.36,53.28%20A22.32,22.32%200%200%201%2072.0,53.28%20Z%22%20fill=%22%2358BB98%22/%3E%3C/g%3E%3Cg%20transform=%22translate(144,288)%22%20clip-path=%22url(%23c)%22%3E%3Cg%20transform=%22rotate(-40%2036.0%2036.0)%22%3E%3Cpath%20d=%22M36.0,11.52%20C53.64,27.432000000000002%2053.64,44.568%2036.0,60.480000000000004%20C18.36,44.568%2018.36,27.432000000000002%2036.0,11.52%20Z%22%20fill=%22%238DAD24%22/%3E%3Cpath%20d=%22M36.0,14.947199999999999%20L36.0,57.052800000000005%22%20stroke=%22%23002A1E%22%20stroke-width=%221.8%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,27.187199999999997%20L41.810175,23.2704%22%20stroke=%22%23002A1E%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,27.187199999999997%20L30.189825,23.2704%22%20stroke=%22%23002A1E%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,36.0%20L45.227925,32.0832%22%20stroke=%22%23002A1E%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,36.0%20L26.772075,32.0832%22%20stroke=%22%23002A1E%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,44.8128%20L45.227925,40.896%22%20stroke=%22%23002A1E%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,44.8128%20L26.772075,40.896%22%20stroke=%22%23002A1E%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,53.6256%20L41.810175,49.7088%22%20stroke=%22%23002A1E%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,53.6256%20L30.189825,49.7088%22%20stroke=%22%23002A1E%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%3C/g%3E%3C/g%3E%3Cg%20transform=%22translate(216,288)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%230E4A34%22/%3E%3Cpath%20d=%22M50.4,36.0%20L64.8,36.0%22%20stroke=%22%238DAD24%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M48.5,43.2%20L60.9,50.4%22%20stroke=%22%238DAD24%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M43.2,48.5%20L50.4,60.9%22%20stroke=%22%238DAD24%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,50.4%20L36.0,64.8%22%20stroke=%22%238DAD24%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M28.8,48.5%20L21.6,60.9%22%20stroke=%22%238DAD24%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M23.5,43.2%20L11.1,50.4%22%20stroke=%22%238DAD24%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M21.6,36.0%20L7.2,36.0%22%20stroke=%22%238DAD24%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M23.5,28.8%20L11.1,21.6%22%20stroke=%22%238DAD24%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M28.8,23.5%20L21.6,11.1%22%20stroke=%22%238DAD24%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.0,21.6%20L36.0,7.2%22%20stroke=%22%238DAD24%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M43.2,23.5%20L50.4,11.1%22%20stroke=%22%238DAD24%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M48.5,28.8%20L60.9,21.6%22%20stroke=%22%238DAD24%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3Ccircle%20cx=%2236.0%22%20cy=%2236.0%22%20r=%2212.6%22%20fill=%22%23F8E16C%22/%3E%3C/g%3E%3Cg%20transform=%22translate(288,288)%22%20clip-path=%22url(%23c)%22%3E%3Cpath%20d=%22M14.4,10.080000000000002%20L14.4,61.92%22%20stroke=%22%2358BB98%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M28.8,10.080000000000002%20L28.8,61.92%22%20stroke=%22%2358BB98%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M43.2,10.080000000000002%20L43.2,61.92%22%20stroke=%22%2358BB98%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M57.6,10.080000000000002%20L57.6,61.92%22%20stroke=%22%2358BB98%22%20stroke-width=%223.96%22%20stroke-linecap=%22round%22/%3E%3C/g%3E%3Cg%20transform=%22translate(360,288)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%23003A29%22/%3E%3Cpath%20d=%22M36.0,64.8%20L36.0,15.84%22%20stroke=%22%23F8E16C%22%20stroke-width=%222.6%22%20stroke-linecap=%22round%22/%3E%3Cg%20transform=%22rotate(0%2036.0%2013.68)%22%3E%3Cpath%20d=%22M36.0,4.68%20C41.4,10.53%2041.4,16.83%2036.0,22.68%20C30.6,16.83%2030.6,10.53%2036.0,4.68%20Z%22%20fill=%22%23F8E16C%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(-30%2025.560000000000002%2025.919999999999998)%22%3E%3Cpath%20d=%22M25.560000000000002,16.919999999999998%20C30.96,22.77%2030.96,29.069999999999997%2025.560000000000002,34.92%20C20.160000000000004,29.069999999999997%2020.160000000000004,22.77%2025.560000000000002,16.919999999999998%20Z%22%20fill=%22%23F8E16C%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(30%2046.44%2025.919999999999998)%22%3E%3Cpath%20d=%22M46.44,16.919999999999998%20C51.839999999999996,22.77%2051.839999999999996,29.069999999999997%2046.44,34.92%20C41.04,29.069999999999997%2041.04,22.77%2046.44,16.919999999999998%20Z%22%20fill=%22%23F8E16C%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(-30%2025.560000000000002%2038.88)%22%3E%3Cpath%20d=%22M25.560000000000002,29.880000000000003%20C30.96,35.730000000000004%2030.96,42.03%2025.560000000000002,47.88%20C20.160000000000004,42.03%2020.160000000000004,35.730000000000004%2025.560000000000002,29.880000000000003%20Z%22%20fill=%22%23F8E16C%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(30%2046.44%2038.88)%22%3E%3Cpath%20d=%22M46.44,29.880000000000003%20C51.839999999999996,35.730000000000004%2051.839999999999996,42.03%2046.44,47.88%20C41.04,42.03%2041.04,35.730000000000004%2046.44,29.880000000000003%20Z%22%20fill=%22%23F8E16C%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(-30%2025.560000000000002%2051.839999999999996)%22%3E%3Cpath%20d=%22M25.560000000000002,42.839999999999996%20C30.96,48.69%2030.96,54.989999999999995%2025.560000000000002,60.839999999999996%20C20.160000000000004,54.989999999999995%2020.160000000000004,48.69%2025.560000000000002,42.839999999999996%20Z%22%20fill=%22%23F8E16C%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(30%2046.44%2051.839999999999996)%22%3E%3Cpath%20d=%22M46.44,42.839999999999996%20C51.839999999999996,48.69%2051.839999999999996,54.989999999999995%2046.44,60.839999999999996%20C41.04,54.989999999999995%2041.04,48.69%2046.44,42.839999999999996%20Z%22%20fill=%22%23F8E16C%22/%3E%3C/g%3E%3C/g%3E%3Cg%20transform=%22translate(504,288)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%230E4A34%22/%3E%3Cpath%20d=%22M36.0,66.96000000000001%20L36.0,48.96%22%20stroke=%22%23BDE04E%22%20stroke-width=%222.6%22%20stroke-linecap=%22round%22/%3E%3Cg%20transform=%22rotate(-42%2036.0%2050.4)%22%3E%3Cpath%20d=%22M36.0,15.119999999999997%20C47.519999999999996,26.586%2047.519999999999996,38.934%2036.0,50.4%20C24.48,38.934%2024.48,26.586%2036.0,15.119999999999997%20Z%22%20fill=%22%2358BB98%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(42%2036.0%2050.4)%22%3E%3Cpath%20d=%22M36.0,15.119999999999997%20C47.519999999999996,26.586%2047.519999999999996,38.934%2036.0,50.4%20C24.48,38.934%2024.48,26.586%2036.0,15.119999999999997%20Z%22%20fill=%22%23BDE04E%22/%3E%3C/g%3E%3C/g%3E%3Cg%20transform=%22translate(576,288)%22%20clip-path=%22url(%23c)%22%3E%3Ccircle%20cx=%2236.0%22%20cy=%2236.0%22%20r=%2224.48%22%20fill=%22%230A7B5A%22/%3E%3C/g%3E%3Cg%20transform=%22translate(648,288)%22%20clip-path=%22url(%23c)%22%3E%3Crect%20width=%2272%22%20height=%2272%22%20fill=%22%23003A29%22/%3E%3Ccircle%20cx=%2225.919999999999998%22%20cy=%2243.199999999999996%22%20r=%229.72%22%20fill=%22%23BDE04E%22/%3E%3Ccircle%20cx=%2246.08%22%20cy=%2243.199999999999996%22%20r=%229.72%22%20fill=%22%23BDE04E%22/%3E%3Ccircle%20cx=%2236.0%22%20cy=%2225.919999999999998%22%20r=%229.72%22%20fill=%22%23BDE04E%22/%3E%3C/g%3E%3C/svg%3E");
}
[data-theme="dark"]{
--color-primary:var(--ag-verde-300);
--color-primary-hover:var(--ag-verde-200);
--color-on-primary:var(--ag-verde-900);
--color-primary-container:#10402F;
--color-on-primary-container:var(--ag-verde-100);
--color-primary-subtle:#0E2A20;
--color-secondary:var(--ag-tierra-300);
--color-on-secondary:var(--ag-tierra-950);
--color-secondary-container:#43301C;
--color-on-secondary-container:var(--ag-tierra-100);
--color-secondary-subtle:#241A10;
--color-accent:var(--ag-lima-300);
--color-on-accent:var(--ag-verde-950);
--color-accent-container:#33400F;
--color-on-accent-container:var(--ag-lima-100);
--color-accent-subtle:#1E2609;
--color-background:#0B120F;
--color-surface:#131A16;
--color-surface-alt:#1B231E;
--color-surface-sunken:#0F1512;
--color-surface-inverse:var(--ag-verde-100);
--color-on-surface-inverse:var(--ag-verde-900);
--color-text:#EDF0EC;
--color-text-muted:#A0A99F;
--color-text-subtle:#7B857A;
--color-text-on-brand:#FFFFFF;
--color-border:#26302A;
--color-border-strong:#3A4740;
--color-focus:var(--ag-verde-300);
--color-success:#5FC48D; --color-success-container:#123D28; --color-on-success-container:#A6E9BE;
--color-warning:#F8E16C; --color-warning-container:#4A3A05; --color-on-warning-container:#F8E16C;
--color-on-warning:#2E2401; --color-warning-tinta:#F8E16C;
--color-error:#E68C7D; --color-error-container:#4A1810; --color-on-error-container:#F8A894;
--color-info:#7DB6CB; --color-info-container:#0F3040; --color-on-info-container:#A3D9F0;
--color-highlight:#41520F;
--color-highlight-alt:#134534;
--viz-1:var(--ag-verde-300); --viz-2:var(--ag-lima-300); --viz-3:var(--ag-tierra-300);
--viz-4:#7DB6CB; --viz-5:#A79AC8; --viz-6:#2E7A5C;
--viz-track:#232C27; --viz-grid:#26302A;
--sh-1:0 1px 2px rgba(0,0,0,.45);
--sh-2:0 2px 6px rgba(0,0,0,.5);
--sh-3:0 8px 20px -6px rgba(0,0,0,.6);
--sh-4:0 20px 48px -12px rgba(0,0,0,.7);
}
/* ============================================================
04 — Base
============================================================ */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
margin:0;font-family:var(--font-sans);font-size:var(--text-md);font-weight:400;
line-height:var(--lh-relaxed);color:var(--color-text);background:var(--color-background);
-webkit-font-smoothing:antialiased;
transition:background var(--dur-3) var(--ease-out),color var(--dur-3) var(--ease-out);
}
h1,h2,h3,h4,h5{font-family:var(--font-sans);font-weight:400;letter-spacing:var(--ls-tight);margin:0;line-height:var(--lh-tight)}
h1{font-size:var(--text-3xl);letter-spacing:-0.034em}
h2{font-size:var(--text-2xl);letter-spacing:-0.03em}
h3{font-size:var(--text-xl);letter-spacing:-0.026em}
h4{font-size:var(--text-md);font-weight:400;letter-spacing:-.018em;line-height:var(--lh-snug)}
p{margin:0 0 var(--sp-4)}
a{color:var(--color-primary);text-decoration-color:color-mix(in srgb,var(--color-primary) 35%,transparent);text-underline-offset:3px;transition:color var(--dur-1) var(--ease-out),text-decoration-color var(--dur-1) var(--ease-out)}
a:hover{text-decoration-color:currentColor}
code{font-family:var(--font-mono);font-size:.86em;background:var(--color-surface-alt);border:1px solid var(--color-border);padding:.1em .38em;border-radius:var(--r-xs);color:var(--color-text)}
b,strong{font-weight:500;color:var(--color-text)}
hr{border:0;border-top:1px solid var(--color-border);margin:var(--sp-8) 0}
::selection{background:var(--color-highlight);color:var(--color-text)}
:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--r-xs)}
/* ============================================================
05 — Tipografía de marca
Instrument Sans 400 en TODO, incluidos los títulos.
Young Serif entra sólo en la palabra destacada del título, engrosada con
text-stroke porque no tiene un peso bold real. Ver la sección Tipografía.
============================================================ */
.acento{
font-family:var(--font-serif);
font-weight:400;
font-size:1.03em; /* Young Serif tiene la x un poco más chica */
-webkit-text-stroke:.85px currentColor;
paint-order:stroke fill;
letter-spacing:.01em; /* Young Serif ya es ancha: no hereda el apriete del título */
}
/* Marcadores de resaltado ---------------------------------- */
/* 1 · low highlight — para texto corrido */
.marca{
background-image:linear-gradient(var(--color-highlight),var(--color-highlight));
/* La franja va anclada al PIE de la caja de la fuente, no al 70%: Instrument
Sans tiene ascendente y descendente altos, y al 70% la banda cruza las
letras y se lee como tachado en vez de marcador. */
background-size:100% 34%;
background-repeat:no-repeat;
background-position:0 100%;
-webkit-box-decoration-break:clone;
box-decoration-break:clone;
padding:0 .08em;
transition:background-size var(--dur-3) var(--ease-out);
}
.marca-verde{--color-highlight:var(--color-highlight-alt)}
.marca-grow{background-size:0% 34%}
.marca-grow.on,.marca:hover{background-size:100% 34%}
/* 2 · caja — alternativa cuando el subrayado no alcanza (sobre foto, bloques cargados) */
.marca-caja{
border:2px solid var(--color-accent);
border-radius:var(--r-md);
padding:.02em .3em .06em;
-webkit-box-decoration-break:clone;box-decoration-break:clone;
}
/* ============================================================
06 — Layout del documento
============================================================ */
.topbar{
position:sticky;top:0;z-index:var(--z-sticky);
display:flex;align-items:center;gap:var(--sp-4);
padding:var(--sp-3) var(--sp-6);
background:color-mix(in srgb,var(--color-surface) 88%,transparent);
backdrop-filter:saturate(140%) blur(12px);
border-bottom:1px solid var(--color-border);
}
.topbar .brand{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--text-lg);letter-spacing:-.02em}
.topbar .brand .logo-mark{width:26px;height:26px;color:var(--color-primary)}
.ver{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--color-text-muted);
border:1px solid var(--color-border);border-radius:var(--r-pill);padding:2px 10px}
.spacer{flex:1}
.theme-toggle{
display:inline-flex;align-items:center;gap:var(--sp-2);
font:inherit;font-size:var(--text-sm);font-weight:500;cursor:pointer;
background:var(--color-surface-alt);color:var(--color-text);
border:1px solid var(--color-border);border-radius:var(--r-pill);
padding:6px 14px;transition:all var(--dur-2) var(--ease-out);
}
.theme-toggle:hover{background:var(--color-primary-subtle);border-color:var(--color-primary);transform:translateY(-1px)}
.shell{display:grid;grid-template-columns:250px minmax(0,1fr);gap:var(--sp-10);max-width:1420px;margin:0 auto;padding:var(--sp-8) var(--sp-6) var(--sp-24)}
.docnav{position:sticky;top:80px;align-self:start;max-height:calc(100vh - 110px);overflow-y:auto;font-size:var(--text-sm);padding-right:var(--sp-2)}
.docnav::-webkit-scrollbar{width:6px}
.docnav::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:99px}
.docnav .grp{font-size:var(--text-3xs);text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--color-text-subtle);
margin:var(--sp-5) 0 var(--sp-2);font-weight:500}
.docnav .grp:first-child{margin-top:0}
.docnav a{
display:block;padding:6px 12px;border-radius:var(--r-pill);
color:var(--color-text-muted);text-decoration:none;
transition:color var(--dur-2) var(--ease-out),background-color var(--dur-2) var(--ease-out);
}
.docnav a:hover{color:var(--color-text);background:var(--color-surface-alt)}
.docnav a.active{color:var(--color-on-primary);background:var(--color-primary);font-weight:500}
main{min-width:0}
.hero{padding:var(--sp-10) 0 var(--sp-12);border-bottom:1px solid var(--color-border);margin-bottom:var(--sp-12)}
.hero h1{font-size:clamp(2.1rem,4.6vw,3.4rem);letter-spacing:-0.038em;max-width:19ch;margin-bottom:var(--sp-6)}
.hero p{font-size:var(--text-lg);max-width:66ch;color:var(--color-text-muted);line-height:var(--lh-relaxed)}
.metas{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-8)}
.metas span{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--ls-wide);font-weight:500;
color:var(--color-text-muted);background:var(--color-surface-alt);border:1px solid var(--color-border);
border-radius:var(--r-pill);padding:5px 12px}
.sec{padding:var(--sp-12) 0;border-bottom:1px solid var(--color-border);scroll-margin-top:96px}
.sec:last-child{border-bottom:0}
.sec-num{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--ls-wide);font-weight:500;
color:var(--color-primary);margin-bottom:var(--sp-3);display:inline-flex;align-items:center;gap:var(--sp-2);
background:var(--color-primary-subtle);border-radius:var(--r-pill);padding:4px 12px}
.sec>h2{margin-bottom:var(--sp-4)}
.lede{font-size:var(--text-lg);color:var(--color-text-muted);max-width:72ch;margin-bottom:var(--sp-8);line-height:var(--lh-relaxed)}
.subsub{margin:var(--sp-8) 0 var(--sp-3);font-size:var(--text-sm);font-weight:500;color:var(--color-text)}
.subsub:first-of-type{margin-top:0}
.note{font-size:var(--text-sm);color:var(--color-text-muted);max-width:76ch;
background:var(--color-surface-alt);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);margin:var(--sp-4) 0}
.note p:last-child{margin-bottom:0}
/* Utilidades de grilla del doc */
.grid{display:grid;gap:var(--sp-4)}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid>*{min-width:0}
.row{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}
.stack{display:flex;flex-direction:column;gap:var(--sp-3)}
@media(max-width:1080px){.shell{grid-template-columns:1fr}.docnav{display:none}.g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:1fr}}
@media(max-width:680px){.g2,.g4{grid-template-columns:1fr}}
.demo{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--r-lg);
padding:var(--sp-6);margin:var(--sp-4) 0}
.demo-label{font-size:var(--text-3xs);text-transform:uppercase;letter-spacing:var(--ls-wide);
color:var(--color-text-subtle);font-weight:500;margin-bottom:var(--sp-3)}
.canvas{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-md);padding:var(--sp-5)}
/* ============================================================
07 — Componentes del producto
============================================================ */
/* --- Botones --- */
.btn{
--btn-bg:var(--color-primary); --btn-fg:var(--color-on-primary); --btn-bd:transparent;
position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);
font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;letter-spacing:.005em;
line-height:1;padding:11px 20px;min-height:42px;border-radius:var(--r-pill);
background:var(--btn-bg);color:var(--btn-fg);border:1px solid var(--btn-bd);
cursor:pointer;white-space:nowrap;text-decoration:none;overflow:hidden;
transition:transform var(--dur-2) var(--ease-spring),box-shadow var(--dur-2) var(--ease-out),
background-color var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out),
border-color var(--dur-2) var(--ease-out);
}
.btn::after{content:"";position:absolute;inset:0;background:currentColor;opacity:0;transition:opacity var(--dur-2) var(--ease-out)}
.btn:hover{transform:translateY(-2px);box-shadow:var(--sh-3)}
.btn:hover::after{opacity:.08}
.btn:active{transform:translateY(0) scale(.985);box-shadow:var(--sh-1);transition-duration:var(--dur-1)}
.btn:disabled,.btn[aria-disabled="true"]{opacity:.45;pointer-events:none;box-shadow:none}
.btn .ico{width:18px;height:18px;flex:none}
.btn-secundario{--btn-bg:transparent;--btn-fg:var(--color-primary);--btn-bd:var(--color-border-strong)}
.btn-secundario:hover{--btn-bd:var(--color-primary);background:var(--color-primary-subtle)}
.btn-tonal{--btn-bg:var(--color-primary-container);--btn-fg:var(--color-on-primary-container)}
.btn-tierra{--btn-bg:var(--color-secondary);--btn-fg:var(--color-on-secondary)}
.btn-acento{--btn-bg:var(--color-accent);--btn-fg:var(--color-on-accent)}
.btn-fantasma{--btn-bg:transparent;--btn-fg:var(--color-text-muted)}
.btn-fantasma:hover{--btn-fg:var(--color-text);background:var(--color-surface-alt)}
.btn-peligro{--btn-bg:var(--color-error);--btn-fg:#fff}
/* Botón dentro de un contenedor teñido (aviso, tarjeta de estado).
Superficie plana + texto normal: funciona sobre cualquier *-container, en los dos temas. */
.btn-sobre-container{--btn-bg:var(--color-surface);--btn-fg:var(--color-text)}
.btn-sm{font-size:var(--text-xs);padding:7px 14px;min-height:34px}
.btn-lg{font-size:var(--text-base);padding:15px 30px;min-height:52px}
.btn-bloque{width:100%}
.btn-icono{padding:0;width:42px;min-height:42px;border-radius:var(--r-pill)}
.btn-icono.btn-sm{width:34px;min-height:34px}
.btn .flecha{transition:transform var(--dur-2) var(--ease-spring)}
.btn:hover .flecha{transform:translateX(4px)}
/* --- Campos --- */
.campo{display:flex;flex-direction:column;gap:6px}
.campo>label{font-size:var(--text-xs);font-weight:500;color:var(--color-text);letter-spacing:.01em}
.campo .ayuda{font-size:var(--text-xs);color:var(--color-text-muted)}
.campo .error-msg{font-size:var(--text-xs);color:var(--color-error);display:flex;align-items:center;gap:5px}
.input,.select,.textarea{
font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text);
background:var(--color-surface);border:1px solid var(--color-border-strong);
border-radius:var(--r-sm);padding:10px 12px;width:100%;min-height:42px;
transition:border-color var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out);
}
.input::placeholder,.textarea::placeholder{color:var(--color-text-subtle)}
.input:hover,.select:hover,.textarea:hover{border-color:var(--color-text-subtle)}
.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-primary);
box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 18%,transparent)}
.textarea{min-height:88px;resize:vertical;line-height:var(--lh-normal)}
.select{appearance:none;cursor:pointer;padding-right:36px;
background-image:url("data:image/svg+xml;utf8,");
background-repeat:no-repeat;background-position:right 12px center}
[data-theme="dark"] .select{background-image:url("data:image/svg+xml;utf8,")}
.input[aria-invalid="true"]{border-color:var(--color-error)}
.input[aria-invalid="true"]:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-error) 20%,transparent)}
.input:disabled,.select:disabled,.textarea:disabled{background:var(--color-surface-sunken);color:var(--color-text-subtle);cursor:not-allowed}
.input-afijo{position:relative;display:flex;align-items:center}
.input-afijo .ico{position:absolute;left:12px;width:17px;height:17px;color:var(--color-text-muted);pointer-events:none;transition:color var(--dur-2) var(--ease-out)}
.input-afijo .input{padding-left:38px}
.input-afijo:focus-within .ico{color:var(--color-primary)}
.input-afijo .sufijo{position:absolute;right:12px;font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500}
.input-afijo:has(.sufijo) .input{padding-right:44px}
/* --- Selección --- */
.check,.radio{position:relative;display:inline-flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:var(--text-sm);line-height:1.45}
.check input,.radio input{position:absolute;opacity:0;width:0;height:0}
.check .caja,.radio .caja{
flex:none;width:20px;height:20px;margin-top:1px;border:1.5px solid var(--color-border-strong);
background:var(--color-surface);display:grid;place-items:center;
transition:all var(--dur-2) var(--ease-spring);
}
.check .caja{border-radius:6px}
.radio .caja{border-radius:50%}
.check .caja svg{width:13px;height:13px;color:var(--color-on-primary);stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset var(--dur-3) var(--ease-out)}
.radio .caja::after{content:"";width:9px;height:9px;border-radius:50%;background:var(--color-on-primary);transform:scale(0);transition:transform var(--dur-2) var(--ease-spring)}
.check input:checked+.caja,.radio input:checked+.caja{background:var(--color-primary);border-color:var(--color-primary)}
.check input:checked+.caja svg{stroke-dashoffset:0}
.radio input:checked+.caja::after{transform:scale(1)}
.check input:focus-visible+.caja,.radio input:focus-visible+.caja{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 22%,transparent)}
.check:hover .caja,.radio:hover .caja{border-color:var(--color-primary)}
.switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:var(--text-sm)}
.switch input{position:absolute;opacity:0}
.switch .pista{width:44px;height:26px;border-radius:var(--r-pill);background:var(--color-border-strong);
padding:3px;transition:background var(--dur-2) var(--ease-out)}
.switch .perilla{width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:var(--sh-1);
transition:transform var(--dur-3) var(--ease-spring),width var(--dur-2) var(--ease-out)}
.switch input:checked+.pista{background:var(--color-primary)}
.switch input:checked+.pista .perilla{transform:translateX(18px)}
.switch:active .perilla{width:25px}
.switch input:focus-visible+.pista{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 22%,transparent)}
/* --- Chips y badges --- */
.chip{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:500;
padding:5px 12px;border-radius:var(--r-pill);background:var(--color-surface-alt);
color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;
transition:all var(--dur-2) var(--ease-out)}
.chip:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}
.chip.sel{background:var(--color-primary-container);border-color:var(--color-primary-container);color:var(--color-on-primary-container);font-weight:500}
.chip .ico{width:14px;height:14px}
.badge{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-2xs);font-weight:500;
letter-spacing:.02em;padding:3px 9px;border-radius:var(--r-pill);
background:var(--color-surface-alt);color:var(--color-text-muted);border:1px solid var(--color-border)}
.badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.badge-exito{background:var(--color-success-container);color:var(--color-on-success-container);border-color:transparent}
.badge-alerta{background:var(--color-warning-container);color:var(--color-on-warning-container);border-color:transparent}
.badge-error{background:var(--color-error-container);color:var(--color-on-error-container);border-color:transparent}
.badge-info{background:var(--color-info-container);color:var(--color-on-info-container);border-color:transparent}
.badge-marca{background:var(--color-primary-container);color:var(--color-on-primary-container);border-color:transparent}
.badge-lima{background:var(--color-accent-container);color:var(--color-on-accent-container);border-color:transparent}
.badge-tierra{background:var(--color-secondary-container);color:var(--color-on-secondary-container);border-color:transparent}
.badge-sin-punto::before{display:none}
/* --- Tarjetas --- */
.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg);
padding:var(--sp-5);transition:transform var(--dur-3) var(--ease-out),box-shadow var(--dur-3) var(--ease-out),border-color var(--dur-3) var(--ease-out)}
.card-hover:hover{transform:translateY(-3px);box-shadow:var(--sh-3);border-color:var(--color-border-strong)}
.card h4{margin-bottom:var(--sp-2)}
.card p:last-child{margin-bottom:0}
.card-sub{font-size:var(--text-sm);color:var(--color-text-muted)}
/* Tarjetas de contenido con fondo teñido, en vez de bordes de color */
.card-verde{background:var(--color-primary-subtle);border-color:transparent}
.card-lima{background:var(--color-accent-subtle);border-color:transparent}
.card-tierra{background:var(--color-secondary-subtle);border-color:transparent}
.card-oscura{background:var(--color-surface-inverse);border-color:transparent;color:var(--color-on-surface-inverse)}
.card-oscura .card-sub{color:inherit;opacity:.82}
/* Métricas: el color lo pone el fondo, no un borde */
.metrica{
--m-bg:var(--color-surface-alt); --m-ico:var(--color-primary);
background:var(--m-bg);border:1px solid transparent;border-radius:var(--r-lg);
padding:var(--sp-4) var(--sp-5);display:flex;flex-direction:column;gap:2px;
transition:transform var(--dur-3) var(--ease-out),box-shadow var(--dur-3) var(--ease-out)}
.metrica:hover{transform:translateY(-2px);box-shadow:var(--sh-2)}
.metrica .rot{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--ls-wide);font-weight:500;color:var(--color-text-muted);
display:flex;align-items:center;gap:6px}
.metrica .rot .ico{width:15px;height:15px;color:var(--m-ico)}
.metrica .val{font-size:var(--text-2xl);font-weight:500;letter-spacing:var(--ls-tight);font-variant-numeric:tabular-nums;line-height:1.1}
.metrica .val .u{font-size:var(--text-md);font-weight:500;color:var(--color-text-muted);margin-left:2px}
.metrica .delta{font-size:var(--text-xs);font-weight:500;display:flex;align-items:center;gap:4px}
.m-verde{--m-bg:var(--color-primary-subtle);--m-ico:var(--color-primary)}
.m-lima{--m-bg:var(--color-accent-container);--m-ico:var(--color-on-accent-container)}
.m-tierra{--m-bg:var(--color-secondary-subtle);--m-ico:var(--color-secondary)}
.m-cielo{--m-bg:var(--color-info-container);--m-ico:var(--color-info)}
.delta-sube{color:var(--color-success)} .delta-baja{color:var(--color-error)} .delta-neutro{color:var(--color-text-muted)}
/* --- Tablas --- */
.tabla-wrap{border:1px solid var(--color-border);border-radius:var(--r-lg);overflow:hidden;background:var(--color-surface)}
table.tabla{width:100%;border-collapse:collapse;font-size:var(--text-sm)}
table.tabla th{
text-align:left;font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--ls-wide);font-weight:500;
color:var(--color-text-muted);background:var(--color-surface-alt);padding:11px var(--sp-4);
border-bottom:1px solid var(--color-border);white-space:nowrap;position:sticky;top:0}
table.tabla td{padding:12px var(--sp-4);border-bottom:1px solid var(--color-border);vertical-align:middle}
table.tabla tbody tr{transition:background var(--dur-1) var(--ease-out)}
table.tabla tbody tr:hover{background:var(--color-primary-subtle)}
table.tabla tbody tr:last-child td{border-bottom:0}
table.tabla .num{text-align:right;font-variant-numeric:tabular-nums}
table.tabla .ppal{font-weight:500}
table.tabla tr.sel{background:var(--color-primary-container)}
.caravana{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em;
background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--r-xs);padding:2px 7px;white-space:nowrap}
.tabla-toolbar{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);
background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap}
/* --- Navegación --- */
.appnav{display:flex;flex-direction:column;gap:2px;background:var(--color-surface-alt);
border:1px solid var(--color-border);border-radius:var(--r-lg);padding:var(--sp-3);width:210px;flex:none}
.appnav .item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--r-pill);
font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);text-decoration:none;cursor:pointer;
transition:all var(--dur-2) var(--ease-out)}
.appnav .item .ico{width:19px;height:19px;flex:none;transition:transform var(--dur-2) var(--ease-spring)}
.appnav .item:hover{background:var(--color-surface);color:var(--color-text)}
.appnav .item:hover .ico{transform:scale(1.12)}
.appnav .item.activo{background:var(--color-primary);color:var(--color-on-primary)}
.appnav .rot{font-size:var(--text-3xs);text-transform:uppercase;letter-spacing:var(--ls-wide);
color:var(--color-text-subtle);font-weight:500;padding:var(--sp-3) 12px var(--sp-1)}
.tabs{display:flex;gap:var(--sp-1);border-bottom:1px solid var(--color-border)}
.tabs button{position:relative;font:inherit;font-size:var(--text-sm);font-weight:500;background:none;border:0;cursor:pointer;
padding:10px 14px;color:var(--color-text-muted);transition:color var(--dur-2) var(--ease-out)}
.tabs button::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;border-radius:2px;
background:var(--color-primary);transform:scaleX(0);transform-origin:center;transition:transform var(--dur-3) var(--ease-spring)}
.tabs button:hover{color:var(--color-text)}
.tabs button.activo{color:var(--color-primary);font-weight:500}
.tabs button.activo::after{transform:scaleX(1)}
.miga{display:flex;align-items:center;gap:7px;font-size:var(--text-xs);color:var(--color-text-muted);flex-wrap:wrap}
.miga a{text-decoration:none;color:inherit;transition:color var(--dur-1) var(--ease-out)}
.miga a:hover{color:var(--color-primary)}
.miga .sep{color:var(--color-text-subtle)}
/* --- Progreso --- */
.barra{height:8px;border-radius:var(--r-pill);background:var(--viz-track);overflow:hidden}
.barra>i{display:block;height:100%;border-radius:var(--r-pill);background:var(--color-primary);
transition:width var(--dur-5) var(--ease-out)}
.barra.acento>i{background:var(--color-accent)}
.barra.tierra>i{background:var(--color-secondary)}
.skeleton{background:linear-gradient(90deg,var(--color-surface-sunken) 25%,var(--color-surface-alt) 37%,var(--color-surface-sunken) 63%);
background-size:400% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--r-sm)}
@keyframes shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
.spinner{width:20px;height:20px;border-radius:50%;border:2.5px solid var(--color-border);
border-top-color:var(--color-primary);animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.brote{display:inline-flex}
.brote .ico{width:24px;height:24px;color:var(--color-primary);animation:crecer 1.6s var(--ease-in-out) infinite}
@keyframes crecer{0%,100%{transform:scale(.86) rotate(-4deg);opacity:.55}50%{transform:scale(1.05) rotate(4deg);opacity:1}}
/* --- Feedback --- */
.aviso{display:flex;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--r-md);font-size:var(--text-sm);
border:1px solid transparent;line-height:var(--lh-normal)}
.aviso .ico{width:20px;height:20px;flex:none;margin-top:1px}
.aviso strong{display:block;margin-bottom:2px}
.aviso-info{background:var(--color-info-container);color:var(--color-on-info-container)}
.aviso-exito{background:var(--color-success-container);color:var(--color-on-success-container)}
.aviso-alerta{background:var(--color-warning-container);color:var(--color-on-warning-container)}
.aviso-error{background:var(--color-error-container);color:var(--color-on-error-container)}
.toast{display:flex;align-items:center;gap:var(--sp-3);background:var(--color-surface-inverse);color:var(--color-on-surface-inverse);
padding:12px var(--sp-4);border-radius:var(--r-pill);box-shadow:var(--sh-4);font-size:var(--text-sm);font-weight:500;
animation:toast-in var(--dur-4) var(--ease-spring)}
@keyframes toast-in{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
.toast .ico{width:19px;height:19px;color:var(--color-accent)}
.vacio{text-align:center;padding:var(--sp-10) var(--sp-6);border-radius:var(--r-lg);background:var(--color-surface-alt)}
.vacio .ico{width:48px;height:48px;color:var(--color-border-strong);margin-bottom:var(--sp-3)}
.vacio h4{margin-bottom:var(--sp-2)}
.vacio p{font-size:var(--text-sm);color:var(--color-text-muted);max-width:42ch;margin:0 auto var(--sp-5)}
/* --- Banners de aviso (barra ancha, estilo Phosphor) --- */
.banner{
--bn-bg:var(--color-accent); --bn-fg:var(--color-on-accent);
display:flex;align-items:flex-start;gap:var(--sp-4);
background:var(--bn-bg);color:var(--bn-fg);
border-radius:var(--r-xl);padding:var(--sp-4) var(--sp-5);
font-size:var(--text-sm);line-height:var(--lh-normal);
transition:transform var(--dur-3) var(--ease-out),box-shadow var(--dur-3) var(--ease-out);
}
.banner:hover{transform:translateY(-2px);box-shadow:var(--sh-2)}
.banner>.ico{width:30px;height:30px;flex:none;margin-top:-2px}
.banner .cuerpo{flex:1;min-width:0}
.banner strong{display:block;color:inherit;font-weight:500;margin-bottom:1px}
.banner a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
.banner .cerrar{
flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;cursor:pointer;
background:transparent;border:0;color:inherit;opacity:.6;
transition:opacity var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-spring);
}
.banner .cerrar:hover{opacity:1;background:color-mix(in srgb,currentColor 14%,transparent);transform:rotate(90deg)}
.banner .cerrar .ico{width:18px;height:18px}
.banner-info{--bn-bg:var(--color-info-container);--bn-fg:var(--color-on-info-container)}
.banner-exito{--bn-bg:var(--color-success-container);--bn-fg:var(--color-on-success-container)}
.banner-alerta{--bn-bg:var(--color-warning-container);--bn-fg:var(--color-on-warning-container)}
.banner-error{--bn-bg:var(--color-error-container);--bn-fg:var(--color-on-error-container)}
.banner-marca{--bn-bg:var(--color-surface-inverse);--bn-fg:var(--color-on-surface-inverse)}
.banner-mono .cuerpo{font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.6}
/* --- Fila de tarjetas con una destacada --- */
/* flex, no grid: con tres o con cinco tarjetas la fila se reparte pareja
en vez de dejar una columna vacía a la derecha */
.destacables{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:stretch}
.destacable{flex:1 1 220px;min-width:0}
@media(max-width:560px){.destacable{flex:1 1 100%}}
.destacable{
padding:var(--sp-6) var(--sp-5);border-radius:var(--r-xl);background:transparent;color:var(--color-text);
transition:background-color var(--dur-3) var(--ease-out),color var(--dur-3) var(--ease-out),
transform var(--dur-3) var(--ease-spring);cursor:default}
.destacable>.ico{width:32px;height:32px;color:currentColor;margin-bottom:var(--sp-8);
transition:transform var(--dur-3) var(--ease-spring)}
.destacable h4{margin-bottom:var(--sp-2);color:inherit}
.destacable p{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;transition:color var(--dur-3) var(--ease-out)}
/* El destaque es un estado de hover, no una tarjeta marcada de fábrica */
.destacable:hover,.destacable:focus-within{
background:var(--color-accent);color:var(--color-on-accent);transform:translateY(-3px)}
.destacable:hover p,.destacable:focus-within p{color:color-mix(in srgb,var(--color-on-accent) 78%,transparent)}
.destacable:hover>.ico{transform:scale(1.08) rotate(-4deg)}
/* --- Barra de navegación en píldoras (landing) --- */
.navpill{display:flex;align-items:center;gap:4px;background:var(--color-surface-alt);border-radius:var(--r-pill);padding:5px}
.navpill a{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:var(--r-pill);
font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;
transition:all var(--dur-2) var(--ease-out)}
.navpill a .ico{width:17px;height:17px}
.navpill a:hover{color:var(--color-text);background:var(--color-surface)}
.navpill a.activo{background:var(--color-surface);color:var(--color-text);box-shadow:var(--sh-1)}
/* --- Sello circular con texto en curva --- */
.sello-caja{position:absolute;top:var(--sp-6);right:var(--sp-6);width:120px;height:120px;z-index:3}
@media(max-width:820px){.sello-caja{display:none}}
.sello{width:120px;height:120px;display:block;animation:girar 24s linear infinite;transform-origin:60px 60px}
.sello text{font-family:var(--font-sans);font-size:10.5px;letter-spacing:.16em;fill:currentColor;text-transform:uppercase}
.sello-centro{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.sello-centro>span{width:48px;height:48px;border-radius:50%;background:var(--ag-alerta);color:#3D2F02;display:grid;place-items:center;box-shadow:var(--sh-2)}
.sello-centro .ico{width:26px;height:26px}
@keyframes girar{to{transform:rotate(360deg)}}
@media(max-width:760px){.sello-caja{display:none}}
/* --- Chips flotantes sobre foto --- */
.chip-flota{display:inline-flex;align-items:center;gap:7px;background:var(--color-surface);color:var(--color-text);
border-radius:var(--r-pill);padding:7px 14px;font-size:var(--text-xs);box-shadow:var(--sh-3);
transition:transform var(--dur-3) var(--ease-spring)}
.chip-flota:hover{transform:translateY(-3px)}
.chip-flota .k{color:var(--color-text-muted)}
.chip-flota .v{font-weight:500}
.chip-flota .pto{width:22px;height:22px;border-radius:50%;background:var(--color-accent);color:var(--color-on-accent);display:grid;place-items:center;flex:none}
.chip-flota .pto .ico{width:13px;height:13px}
/* --- Tooltips --- */
.tip{position:relative;display:inline-flex}
.tip .globo{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);
background:var(--color-surface-inverse);color:var(--color-on-surface-inverse);font-size:var(--text-2xs);
padding:6px 10px;border-radius:var(--r-sm);white-space:nowrap;opacity:0;pointer-events:none;
transition:opacity var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-spring)}
.tip:hover .globo{opacity:1;transform:translateX(-50%) translateY(0)}
/* --- Swatches y documentación de color --- */
.rampa{display:grid;grid-template-columns:repeat(11,1fr);border-radius:var(--r-md);overflow:hidden}
.rampa.r10{grid-template-columns:repeat(10,1fr)}
.rampa .sw{padding:var(--sp-4) 8px;display:flex;flex-direction:column;gap:2px;font-size:var(--text-3xs);
transition:transform var(--dur-2) var(--ease-out);cursor:default}
.rampa .sw:hover{transform:scaleY(1.12);z-index:2;box-shadow:var(--sh-2)}
.rampa .sw b{font-size:var(--text-2xs);font-weight:500}
.rampa .sw span{opacity:.8;font-family:var(--font-mono);font-size:9.5px}
@media(max-width:900px){.rampa,.rampa.r10{grid-template-columns:repeat(6,1fr)}}
.tokrow{display:flex;align-items:center;gap:var(--sp-3);padding:9px 0;border-bottom:1px solid var(--color-border);font-size:var(--text-sm);flex-wrap:wrap}
.tokrow:last-child{border-bottom:0}
.tokrow .pastilla{width:22px;height:22px;border-radius:6px;border:1px solid var(--color-border-strong);flex:none}
.tokrow code{flex:none}
.tokrow .desc{color:var(--color-text-muted);font-size:var(--text-xs)}
/* --- Do / Don't --- */
.dodont{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);margin:var(--sp-4) 0}
@media(max-width:680px){.dodont{grid-template-columns:1fr}}
.dd{border-radius:var(--r-md);padding:var(--sp-4);font-size:var(--text-sm);border:1px solid transparent}
.dd .hd{display:flex;align-items:center;gap:8px;font-weight:500;margin-bottom:var(--sp-2)}
.dd .hd .ico{width:19px;height:19px}
.dd p:last-child,.dd ul:last-child{margin-bottom:0}
/* Los bloques de sí/no son grandes: van con el contenedor al 45%,
si no compiten con el contenido que están explicando. */
.dd.si{background:color-mix(in srgb,var(--color-success-container) 45%,var(--color-surface));color:var(--color-on-success-container)}
.dd.no{background:color-mix(in srgb,var(--color-error-container) 45%,var(--color-surface));color:var(--color-on-error-container)}
.lista-reglas{margin:0 0 var(--sp-3);padding-left:1.15em;font-size:var(--text-sm);line-height:var(--lh-relaxed)}
.lista-reglas li{margin-bottom:6px}
.lista-reglas li::marker{color:var(--color-text-subtle)}
/* --- Principios --- */
.principios{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}
@media(max-width:760px){.principios{grid-template-columns:1fr}}
.principio{position:relative;overflow:hidden}
.principio .n{font-family:var(--font-serif);font-weight:400;font-size:var(--text-3xl);line-height:1;color:var(--color-primary);
opacity:.25;position:absolute;top:var(--sp-4);right:var(--sp-5);transition:opacity var(--dur-3) var(--ease-out)}
.principio:hover .n{opacity:.55}
/* --- Logo --- */
.logo-mark{display:block}
.logo-lockup{display:inline-flex;align-items:center;gap:.55em;color:var(--color-primary)}
.logo-lockup .logo-mark{width:1.9em;height:1.9em}
.logo-lockup .wm{font-size:1.5em;font-weight:500;letter-spacing:-.02em;color:var(--color-text);line-height:1;font-family:var(--font-sans)}
.logo-lockup .wm em{font-family:var(--font-serif);font-style:normal;font-weight:400;letter-spacing:-.005em;font-size:1.03em}
.logo-lockup.sobre-oscuro{color:var(--ag-lima-300)}
.logo-lockup.sobre-oscuro .wm{color:#fff}
.logo-caja{display:grid;place-items:center;padding:var(--sp-8);border-radius:var(--r-lg);
min-height:150px;transition:transform var(--dur-3) var(--ease-out)}
.logo-caja:hover{transform:translateY(-2px)}
.construccion{background:#fff;border-radius:var(--r-md);padding:var(--sp-4);overflow:hidden}
.construccion svg{width:100%;height:auto;display:block}
/* --- Iconos (Phosphor, trazo relleno sobre lienzo 256) --- */
.ico{width:20px;height:20px;flex:none;fill:currentColor;stroke:none;display:inline-block;vertical-align:middle}
.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:var(--sp-2)}
.icon-cell{display:flex;flex-direction:column;align-items:center;gap:8px;padding:var(--sp-4) 6px;border-radius:var(--r-md);
font-size:var(--text-3xs);color:var(--color-text-muted);text-align:center;transition:all var(--dur-2) var(--ease-out);cursor:default;
background:var(--color-surface)}
.icon-cell .ico{width:26px;height:26px;color:var(--color-text)}
.icon-cell:hover{background:var(--color-primary-container);color:var(--color-on-primary-container);transform:translateY(-2px)}
.icon-cell:hover .ico{color:var(--color-on-primary-container)}
.icon-cell code{background:none;border:0;padding:0;font-size:9.5px;color:inherit;opacity:.75}
/* --- Muestras varias --- */
.muestra-forma{display:grid;place-items:center;height:80px;background:var(--color-primary-container);
color:var(--color-on-primary-container);font-size:var(--text-xs);font-weight:500;text-align:center;line-height:1.35}
.muestra-elev{display:grid;place-items:center;height:80px;background:var(--color-surface);border-radius:var(--r-md);
font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted)}
.espacio-demo{display:flex;align-items:flex-end;gap:var(--sp-3);flex-wrap:wrap}
.espacio-demo div{background:var(--color-primary-container);border-radius:var(--r-xs);
display:grid;place-items:end center;font-size:9px;font-weight:500;color:var(--color-on-primary-container);padding-bottom:3px}
.leyenda{display:flex;flex-wrap:wrap;gap:var(--sp-4);font-size:var(--text-xs);color:var(--color-text-muted)}
.leyenda span{display:inline-flex;align-items:center;gap:6px}
.leyenda i{width:11px;height:11px;border-radius:3px;display:inline-block}
.escala-tipo{display:flex;flex-direction:column;gap:var(--sp-4)}
.escala-tipo .fila{display:flex;align-items:baseline;gap:var(--sp-5);border-bottom:1px dashed var(--color-border);padding-bottom:var(--sp-3)}
.escala-tipo .meta{font-family:var(--font-mono);font-size:var(--text-3xs);color:var(--color-text-subtle);width:150px;flex:none;line-height:1.5}
.escala-tipo .ej{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:680px){.escala-tipo .fila{flex-direction:column;gap:6px;align-items:flex-start}.escala-tipo .meta{width:auto}}
/* --- Fotografía --- */
.foto{position:relative;overflow:hidden;border-radius:var(--r-lg);background:var(--color-surface-sunken)}
.foto img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--dur-5) var(--ease-out)}
.foto-hover:hover img{transform:scale(1.045)}
.velo-verde{position:absolute;inset:0;background:linear-gradient(120deg,rgba(0,89,63,.82),rgba(0,42,30,.55))}
/* Recorte curvo: el epígrafe es una tarjeta opaca y la foto se «corta» a su
alrededor con dos filetes cóncavos. Nada de texto sobre imagen. */
/* --corte-bg TIENE que ser exactamente el fondo sobre el que se apoya la foto.
Si difiere aunque sea un punto —blanco #FFF contra el crema #FBFBF8 del lienzo—
la esquina redondeada del contenedor dibuja un arco fantasma sobre el epígrafe.
Por eso el valor por defecto es el lienzo, y se sobreescribe donde cambia. */
.foto-corte{--rr:28px;--corte-bg:var(--color-background);
/* el propio contenedor toma el color del recorte: si no, el borde antialiado
del overflow:hidden mezcla el blanco del epígrafe con el fondo del .foto
y deja un arco fantasma en la esquina redondeada */
background:var(--corte-bg)}
.mock-body .foto-corte,.canvas .foto-corte,.card .foto-corte{--corte-bg:var(--color-surface)}
.demo>.foto-corte,.demo .grid>.foto-corte{--corte-bg:var(--color-surface-alt)}
.corte-cap{
position:absolute;left:0;bottom:0;max-width:min(84%,420px);
background:var(--corte-bg);color:var(--color-text);
padding:var(--sp-5) var(--sp-6) var(--sp-5) var(--sp-5);
border-top-right-radius:var(--rr);
/* la esquina exterior la redondea el contenedor con su overflow:hidden;
redondearla también acá deja dos curvas de 16px desfasadas */
border-bottom-left-radius:0;
}
/* La foto se retira de las dos esquinas que ocupan el epígrafe y la etiqueta.
Si la imagen llega hasta el vértice, el borde antialiado del overflow:hidden
deja pasar un hilo de foto por debajo del blanco y aparece un arco fantasma
en la esquina redondeada. Retirándola, sólo queda blanco sobre blanco. */
.foto-corte:has(.corte-cap) img{border-bottom-left-radius:calc(var(--r-lg) + 30px)}
.foto-corte:has(.corte-tag) img{border-top-right-radius:calc(var(--r-lg) + 14px)}
.corte-cap h4{margin-bottom:2px}
.corte-cap p{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}
/* filete encima de la tarjeta, sobre el borde izquierdo: sin él, el epígrafe
corta la foto con una línea recta y deja de leerse como un recorte */
.corte-cap::before{
content:"";position:absolute;left:0;top:calc(-1 * var(--rr));
width:var(--rr);height:var(--rr);
background:radial-gradient(circle at 100% 0,transparent var(--rr),var(--corte-bg) calc(var(--rr) + .5px));
}
/* filete a la derecha de la tarjeta, sobre el borde inferior */
.corte-cap::after{
content:"";position:absolute;bottom:0;right:calc(-1 * var(--rr));
width:var(--rr);height:var(--rr);
background:radial-gradient(circle at 100% 0,transparent var(--rr),var(--corte-bg) calc(var(--rr) + .5px));
}
.corte-cap-verde{--corte-bg:var(--color-primary);color:var(--color-on-primary)}
.corte-cap-verde p{color:color-mix(in srgb,currentColor 76%,transparent)}
.corte-cap-lima{--corte-bg:var(--color-accent);color:var(--color-on-accent)}
.corte-cap-lima p{color:color-mix(in srgb,var(--color-on-accent) 72%,transparent)}
/* variante arriba a la derecha, para chips o etiquetas */
/* La etiqueta usa su propio radio (--rt), más chico que el del epígrafe:
el filete cóncavo termina sobre el borde de la etiqueta a la altura --rt,
y si ese punto cae dentro de su esquina redondeada queda un gancho blanco.
Regla: alto de la etiqueta >= 2 × --rt. */
.corte-tag{
--rt:14px;
position:absolute;top:0;right:0;background:var(--corte-bg);color:var(--color-text);
padding:11px var(--sp-4) 12px;font-size:var(--text-xs);line-height:1.2;
border-bottom-left-radius:var(--rt);border-top-right-radius:0;
display:inline-flex;align-items:center;gap:7px}
.corte-tag .v{font-weight:500}
.corte-tag .k{color:var(--color-text-muted)}
.corte-tag::after{
content:"";position:absolute;top:0;left:calc(-1 * var(--rt));
width:var(--rt);height:var(--rt);
background:radial-gradient(circle at 0 100%,transparent var(--rt),var(--corte-bg) calc(var(--rt) + .5px))}
.corte-tag::before{
content:"";position:absolute;right:0;bottom:calc(-1 * var(--rt));
width:var(--rt);height:var(--rt);
background:radial-gradient(circle at 0 100%,transparent var(--rt),var(--corte-bg) calc(var(--rt) + .5px))}
/* --- Patrón de marca «huerta» --- */
.patron{
--patron-escala:480px 240px;
background-image:var(--patron-claro);
background-repeat:repeat;
background-size:var(--patron-escala);
}
.patron-oscuro{background-image:var(--patron-oscuro)}
[data-theme="dark"] .patron:not(.patron-claro){background-image:var(--patron-oscuro)}
.patron-claro{background-image:var(--patron-claro)}
.patron-fondo{position:absolute!important;inset:0;pointer-events:none;z-index:0}
.patron-sm{--patron-escala:300px 150px}
.patron-lg{--patron-escala:660px 330px}
/* Bloque enmarcado: el patrón hace de marco y el contenido va en un panel
opaco flotando encima, con aire suficiente para que el marco se lea. */
.bloque-patron{position:relative;overflow:hidden;border-radius:var(--r-2xl);
background:var(--ag-verde-900);padding:var(--sp-8)}
.bloque-patron>*{position:relative;z-index:1}
.patron-panel{background:var(--ag-verde-600);color:#fff;border-radius:var(--r-xl);
padding:var(--sp-12) var(--sp-10);text-align:center;
/* la sombra despega el panel del patrón: en oscuro los dos son verdes
profundos y sin ella el panel se confunde con el marco */
box-shadow:0 18px 44px -14px rgba(0,20,14,.55)}
[data-theme="dark"] .patron-panel{background:var(--ag-verde-800)}
.patron-panel h3{color:#fff}
.patron-panel .acento{color:var(--ag-lima-300)}
.patron-panel p{color:rgba(255,255,255,.84)}
.patron-panel .marca{--color-highlight:rgba(189,224,78,.42)}
@media(max-width:680px){
.bloque-patron{padding:var(--sp-4)}
.patron-panel{padding:var(--sp-8) var(--sp-5)}
.patron{--patron-escala:300px 150px}
}
/* --- Landing: header verde integrado con el hero --- */
.landing-top{position:relative;background:var(--ag-verde-600);color:#fff;
border-radius:var(--r-2xl);overflow:hidden;isolation:isolate}
.landing-nav{position:relative;z-index:3;display:flex;align-items:center;gap:var(--sp-5);
padding:var(--sp-4) var(--sp-6)}
.landing-nav .logo-lockup{color:var(--ag-lima-300)}
.landing-nav .logo-lockup .wm{color:#fff}
.landing-nav .enlaces{display:flex;gap:var(--sp-5);margin-left:auto;font-size:var(--text-sm)}
.landing-nav .enlaces a{color:rgba(255,255,255,.78);text-decoration:none;transition:color var(--dur-2) var(--ease-out)}
.landing-nav .enlaces a:hover{color:#fff}
@media(max-width:760px){.landing-nav .enlaces{display:none}}
/* --- Maquetas de pantalla --- */
.mock{border:1px solid var(--color-border);border-radius:var(--r-lg);overflow:hidden;background:var(--color-background);box-shadow:var(--sh-3)}
.mock-bar{display:flex;align-items:center;gap:8px;padding:9px var(--sp-4);background:var(--color-surface-alt);border-bottom:1px solid var(--color-border)}
.mock-bar i{width:9px;height:9px;border-radius:50%;background:var(--color-border-strong);display:block}
.mock-bar .url{margin-left:var(--sp-3);font-size:var(--text-3xs);color:var(--color-text-subtle);font-family:var(--font-mono)}
.mock-body{padding:var(--sp-5)}
.mock-app{display:flex;gap:var(--sp-4);padding:var(--sp-4);background:var(--color-surface-sunken)}
.telefono{width:270px;border:8px solid #191916;border-radius:32px;overflow:hidden;background:var(--color-surface);box-shadow:var(--sh-4)}
.telefono-cab{background:var(--color-primary);color:var(--color-on-primary);padding:var(--sp-4) var(--sp-4) var(--sp-3)}
/* Hero: la foto va a sangre y encima lleva el degradado diagonal de marca.
Arranca en verde monte pleno arriba a la izquierda —donde se apoya el
titular— y se abre hacia abajo a la derecha para que aparezcan el monte y
el campo. Dos capas: una vertical que empalma con la barra de navegación
sin costura, y la diagonal que hace el degradado propiamente dicho. */
.landing-hero{position:relative;overflow:hidden;border-radius:var(--r-xl);color:#fff;
padding:var(--sp-12) var(--sp-8);isolation:isolate}
.landing-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
/* Tres capas, cada una con un trabajo:
1 · vertical, empalma con la barra de navegación sin costura;
2 · horizontal, protege la columna donde vive TODO el contenido;
3 · radial anclado en la esquina inferior derecha: es la única zona del
hero sin contenido, así que ahí el velo se abre casi del todo y la foto
se ve con su color propio. Anclarlo a esa esquina —en vez de usar una
diagonal— deja el resto del bloque parejo: el sello de arriba a la
derecha sigue teniendo 5:1 contra el cielo. */
.landing-hero::before{content:"";position:absolute;inset:0;z-index:-1;
background:
linear-gradient(to right,rgba(0,42,30,.95) 0%,rgba(0,42,30,.92) 46%,rgba(0,42,30,.5) 63%,transparent 80%),
radial-gradient(70% 76% at 100% 100%,rgba(0,89,63,.02) 0%,rgba(0,89,63,.30) 36%,rgba(0,89,63,.76) 68%,rgba(0,89,63,.92) 100%)}
.hero-texto{position:relative;z-index:1}
.landing-hero h3{font-size:clamp(1.7rem,3.6vw,2.6rem);max-width:16ch;margin-bottom:var(--sp-4);color:#fff}
.landing-hero p{color:rgba(255,255,255,.85);max-width:46ch;font-size:var(--text-base)}
/* dentro del bloque con barra de navegación, el degradado arranca en verde
pleno arriba para que la barra y el hero se lean como una sola mancha */
.landing-top .landing-hero{border-radius:0;padding-top:var(--sp-6)}
.landing-top .landing-hero::before{
background:
linear-gradient(to bottom,var(--ag-verde-600) 0,transparent 30%),
linear-gradient(to right,rgba(0,42,30,.95) 0%,rgba(0,42,30,.92) 46%,rgba(0,42,30,.5) 63%,transparent 80%),
radial-gradient(70% 76% at 100% 100%,rgba(0,89,63,.02) 0%,rgba(0,89,63,.30) 36%,rgba(0,89,63,.76) 68%,rgba(0,89,63,.92) 100%);
}
.landing-top .sello-caja{top:var(--sp-6);right:var(--sp-6);bottom:auto;z-index:4;color:#fff}
@media(max-width:820px){.landing-hero{padding:var(--sp-8) var(--sp-5)}.sello-caja{display:none}}
.landing-hero .marca{--color-highlight:rgba(189,224,78,.30)}
/* Gráficos simples */
.chart-barras{display:flex;align-items:flex-end;gap:10px;height:150px;padding-top:var(--sp-2)}
.chart-barras .col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;height:100%}
.chart-barras .b{width:100%;border-radius:6px 6px 2px 2px;background:var(--viz-1);transition:transform var(--dur-2) var(--ease-out),opacity var(--dur-2) var(--ease-out)}
.chart-barras .col:hover .b{transform:scaleY(1.03);transform-origin:bottom;opacity:.85}
.chart-barras .lab{font-size:var(--text-3xs);color:var(--color-text-muted)}
.sparkline{width:100%;height:44px;overflow:visible}
.sparkline path.linea{fill:none;stroke:var(--viz-1);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
stroke-dasharray:400;stroke-dashoffset:400;animation:dibujar 1.4s var(--ease-out) forwards}
@keyframes dibujar{to{stroke-dashoffset:0}}
/* =========================================================================
APP MÓVIL — barra de pestañas inferior, encabezado, hojas y listas
-------------------------------------------------------------------------
La app de AgroLog se usa parada, con una mano, a veces con guantes y casi
siempre con el pulgar. Todo lo que se toca vive en el tercio inferior de
la pantalla; la mitad superior es sólo para leer. De ahí que la navegación
sea una barra de pestañas abajo y no un menú lateral.
========================================================================= */
/* Marco alto para maquetas de app completas (el .telefono normal es corto) */
.fono{width:288px;flex:none;border:9px solid #191916;border-radius:38px;overflow:hidden;
background:var(--color-background);box-shadow:var(--sh-4);position:relative;
display:flex;flex-direction:column;height:604px}
.fono-estado{display:flex;align-items:center;justify-content:space-between;flex:none;
padding:8px var(--sp-5) 2px;font-size:10px;font-weight:500;letter-spacing:.02em;
color:var(--color-text);background:var(--fono-cab-bg,var(--color-background))}
.fono-estado .der{display:flex;gap:5px;align-items:center;opacity:.75}
.fono-estado .der i{display:block;width:13px;height:7px;border:1px solid currentColor;border-radius:2px;position:relative}
.fono-estado .der i::after{content:"";position:absolute;inset:1px;right:4px;background:currentColor;border-radius:1px}
.fono-cuerpo{flex:1;overflow:hidden;position:relative;display:flex;flex-direction:column}
.fono-scroll{flex:1;overflow:auto;padding:var(--sp-4);scrollbar-width:none}
.fono-scroll::-webkit-scrollbar{display:none}
.fono-oscuro{--fono-cab-bg:var(--color-primary)}
.fono-oscuro .fono-estado{color:var(--color-on-primary)}
/* --- Encabezado de app: título grande, una sola acción a la derecha ------ */
.appcab{flex:none;background:var(--color-primary);color:var(--color-on-primary);
padding:var(--sp-3) var(--sp-4) var(--sp-4)}
.appcab .fila{display:flex;align-items:center;gap:var(--sp-3);min-height:36px}
.appcab .fila .ico{width:20px;height:20px}
.appcab .t{font-size:var(--text-lg);letter-spacing:var(--ls-tight);line-height:1.15;margin:0}
.appcab .sub{font-size:var(--text-2xs);opacity:.8;margin-top:1px}
.appcab .accion{margin-left:auto;width:36px;height:36px;border-radius:50%;border:0;flex:none;
background:rgba(255,255,255,.14);color:inherit;display:grid;place-items:center;cursor:pointer;
transition:background var(--dur-2) var(--ease-out)}
.appcab .accion:hover{background:rgba(255,255,255,.24)}
.appcab .fila>.accion:first-child{margin-left:0;margin-right:2px}
.appcab .accion .atras{transform:rotate(180deg)}
.appcab-claro{background:var(--color-surface);color:var(--color-text);border-bottom:1px solid var(--color-border)}
.appcab-claro .accion{background:var(--color-surface-alt);color:var(--color-text-muted)}
/* --- Barra de pestañas inferior ----------------------------------------
Regla dura: entre 3 y 5 pestañas. Con menos, no hace falta barra; con
más, los rótulos se cortan y los blancos entre destinos bajan de 44px. */
.tabbar{flex:none;display:flex;align-items:stretch;background:var(--color-surface);
border-top:1px solid var(--color-border);
/* el relleno de abajo cubre la barra de gestos del sistema */
padding:6px var(--sp-2) calc(6px + var(--safe-b,10px));
box-shadow:0 -6px 20px -12px rgba(14,14,12,.28)}
.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
min-height:52px;text-decoration:none;border-radius:var(--r-md);position:relative;isolation:isolate;
color:var(--color-text-subtle);font-size:10px;letter-spacing:.01em;
transition:color var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out)}
.tabbar a .ico{width:22px;height:22px;transition:transform var(--dur-2) var(--ease-spring)}
.tabbar a:hover{color:var(--color-text-muted);background:var(--color-surface-alt)}
.tabbar a.on{color:var(--color-primary)}
.tabbar a.on .ico{transform:translateY(-1px)}
/* la pestaña activa se marca con una píldora lima detrás del ícono: el color
solo no alcanza para daltonismo rojo-verde, la forma sí */
.tabbar a.on::before{content:"";position:absolute;top:2px;width:44px;height:26px;border-radius:var(--r-pill);
background:var(--color-primary-container);z-index:-1}
.tabbar a .pin{position:absolute;top:2px;right:calc(50% - 20px);min-width:16px;height:16px;padding:0 4px;
border-radius:var(--r-pill);background:var(--color-error);color:#fff;font-size:9px;font-weight:500;
display:grid;place-items:center;line-height:1}
.tabbar a:focus-visible{outline:2px solid var(--color-focus);outline-offset:-3px}
/* --- Acción principal flotante, montada sobre la barra ------------------ */
.fab{position:absolute;right:var(--sp-4);bottom:calc(var(--sp-4) + 66px);z-index:3;
height:56px;min-width:56px;padding:0 var(--sp-5);border:0;border-radius:var(--r-pill);
background:var(--color-accent);color:var(--color-on-accent);cursor:pointer;
display:inline-flex;align-items:center;gap:9px;font-family:inherit;font-size:var(--text-sm);font-weight:500;
box-shadow:0 10px 24px -8px rgba(0,24,18,.5);
transition:transform var(--dur-2) var(--ease-spring),box-shadow var(--dur-2) var(--ease-out)}
.fab .ico{width:22px;height:22px}
.fab:hover{transform:translateY(-2px);box-shadow:0 14px 30px -8px rgba(0,24,18,.55)}
.fab:active{transform:translateY(0) scale(.97)}
.fab-solo{padding:0;width:56px;justify-content:center}
/* --- Hoja inferior: todo formulario en móvil entra por acá -------------- */
.hoja{background:var(--color-surface);border-radius:var(--r-2xl) var(--r-2xl) 0 0;
padding:var(--sp-3) var(--sp-4) var(--sp-4);box-shadow:0 -14px 40px -18px rgba(14,14,12,.45)}
.hoja .agarre{width:38px;height:4px;border-radius:2px;background:var(--color-border-strong);
margin:0 auto var(--sp-4);opacity:.7}
.hoja h4{margin-bottom:var(--sp-3)}
/* --- Fila de lista táctil ---------------------------------------------- */
.fila-t{display:flex;align-items:center;gap:var(--sp-3);min-height:56px;padding:10px var(--sp-2);
border-bottom:1px solid var(--color-border);text-decoration:none;color:inherit;
transition:background var(--dur-2) var(--ease-out)}
.fila-t:last-child{border-bottom:0}
.fila-t:hover{background:var(--color-surface-alt)}
.fila-t .av{width:38px;height:38px;border-radius:var(--r-md);flex:none;display:grid;place-items:center;
background:var(--color-primary-container);color:var(--color-on-primary-container)}
.fila-t .av .ico{width:19px;height:19px}
.fila-t .txt{flex:1;min-width:0}
.fila-t .txt b{display:block;font-size:var(--text-sm);font-weight:500}
.fila-t .txt span{display:block;font-size:var(--text-2xs);color:var(--color-text-muted)}
.fila-t .fin{margin-left:auto;text-align:right;font-size:var(--text-xs);font-variant-numeric:tabular-nums;flex:none}
/* --- Zona del pulgar: diagrama de la sección --------------------------- */
.pulgar{position:relative;border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--color-border);
background:var(--color-surface);aspect-ratio:9/17;width:170px;flex:0 0 170px}
.pulgar .banda{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;
font-size:10px;letter-spacing:var(--ls-wide);text-transform:uppercase;font-weight:500;text-align:center;padding:0 8px}
.pulgar .b1{top:0;height:38%;background:rgba(178,58,43,.13);color:var(--color-error)}
.pulgar .b2{top:38%;height:26%;background:rgba(248,225,108,.30);color:var(--ag-alerta-tinta)}
.pulgar .b3{top:64%;height:36%;background:rgba(27,127,75,.16);color:var(--color-success)}
@media(max-width:680px){
.fono{width:100%;max-width:300px;height:560px}
.fonos{justify-content:center}
}
/* --- Ajustes de mobile para las demostraciones del documento --- */
.tabs{overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
@media(max-width:680px){
.appnav{width:100%}
.mock-app{flex-direction:column}
.telefono{width:100%;max-width:280px}
.demo .row,.mock .row,.tabla-toolbar{flex-wrap:wrap!important}
.tabla-wrap td .row{flex-wrap:nowrap!important}
.escala-tipo .ej{max-width:100%;white-space:normal;overflow:visible}
.escala-tipo .fila{align-items:stretch}
pre{font-size:11px}
.ver{display:none}
.tabla-toolbar .input-afijo{min-width:100%;max-width:none}
.navpill{flex-wrap:wrap;border-radius:var(--r-lg)}
.destacable>.ico{margin-bottom:var(--sp-5)}
.hero h1{font-size:2rem}
.landing-hero{padding:var(--sp-8) var(--sp-5)}
}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
}
/* Landing — sólo lo que la landing necesita y el sistema no tiene */
header.lp-nav,
.lp-nav{position:sticky;top:0;z-index:var(--z-sticky);background:#00593F;background:var(--ag-verde-600);color:#fff}
.lp-nav .inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:var(--sp-5);padding:var(--sp-4) var(--sp-6)}
.lp-nav .logo-lockup{color:var(--ag-lima-300)}
.lp-nav .logo-lockup .wm{color:#fff}
.lp-nav .enlaces{display:flex;gap:var(--sp-5);margin-left:auto;font-size:var(--text-sm)}
.lp-nav .enlaces a{color:rgba(255,255,255,.78);text-decoration:none;transition:color var(--dur-2) var(--ease-out)}
.lp-nav .enlaces a:hover{color:#fff}
@media(max-width:720px){.lp-nav .enlaces{display:none}}
.lp{max-width:1200px;margin:0 auto;padding:0 var(--sp-6)}
.lp-sec{padding-block:var(--sp-16);scroll-margin-top:96px}
.lp-sec:first-of-type{padding-top:0}
.lp-2col{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-10);align-items:start}
.lp-2col-txt{position:sticky;top:112px}
@media(max-width:860px){.lp-2col-txt{position:static}}
@media(max-width:760px){.lp-sec{padding-block:var(--sp-12)}}
.lp-cab{max-width:64ch;margin-bottom:var(--sp-8)}
.lp-cab h2{font-size:clamp(1.7rem,3.2vw,2.4rem);margin-bottom:var(--sp-4)}
.lp-cab p{font-size:var(--text-lg);color:var(--color-text-muted);margin:0}
.lp-centro{text-align:center;margin-left:auto;margin-right:auto}
.lp-centro p{margin-left:auto;margin-right:auto}
/* Hero a sangre */
.lp-hero{position:relative;overflow:hidden;color:#fff;isolation:isolate;scroll-margin-top:96px;
background:var(--ag-verde-600);padding-block:var(--sp-20) var(--sp-24);margin-bottom:0}
.lp-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.lp-hero::before{content:"";position:absolute;inset:0;z-index:-1;
background:
linear-gradient(to bottom,var(--ag-verde-600) 0,transparent 26%),
linear-gradient(to right,rgba(0,42,30,.95) 0%,rgba(0,42,30,.92) 46%,rgba(0,42,30,.5) 63%,transparent 80%),
radial-gradient(70% 76% at 100% 100%,rgba(0,89,63,.02) 0%,rgba(0,89,63,.30) 36%,rgba(0,89,63,.76) 68%,rgba(0,89,63,.92) 100%)}
.lp-hero h1{font-size:clamp(2.2rem,5vw,3.6rem);max-width:16ch;margin-bottom:var(--sp-5);color:#fff}
.lp-hero .acento{color:var(--ag-lima-300)}
.lp-hero p{color:rgba(255,255,255,.88);max-width:48ch;font-size:var(--text-lg)}
.lp-hero .marca{--color-highlight:rgba(189,224,78,.34)}
.lp-hero .sello-caja{top:var(--sp-10);right:var(--sp-8);bottom:auto;color:#fff}
.lp-hero .sello text{font-size:10px;letter-spacing:.12em}
@media(max-width:860px){.lp-hero .sello-caja{display:none}.lp-hero{padding-block:var(--sp-12) var(--sp-16)}}
/* Franja de datos duros — tarjetas claras montadas sobre el borde del hero.
Antes era una franja verde oscuro pegada al hero: dos bloques verdes seguidos
leían como una sola masa. Ahora la franja corta el verde y da un escalón. */
.lp-datos{position:relative;z-index:2;margin-top:calc(-1 * var(--sp-12))}
.lp-datos .inner{max-width:1200px;margin:0 auto;padding:0 var(--sp-6);
display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}
@media(max-width:900px){.lp-datos .inner{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.lp-datos .inner{grid-template-columns:1fr}
.lp-dato{display:flex;gap:var(--sp-4);align-items:flex-start}
.lp-dato .ico{margin-bottom:0;flex:none}}
.lp-dato{background:var(--color-surface);border:1px solid var(--color-border);
border-radius:var(--r-xl);padding:var(--sp-6);box-shadow:var(--sh-2);
transition:transform var(--dur-3) var(--ease-out),box-shadow var(--dur-3) var(--ease-out),
border-color var(--dur-3) var(--ease-out)}
/* El lima entra en hover, no de arranque: las cuatro tarjetas pesan igual
hasta que el usuario recorre la fila (mismo criterio que .destacable). */
.lp-dato:hover{transform:translateY(-3px);box-shadow:var(--sh-3);
background:var(--ag-lima-300);border-color:transparent;color:var(--ag-verde-900)}
.lp-dato:hover .ico,.lp-dato:hover .n,.lp-dato:hover .n .u{color:var(--ag-verde-900)}
.lp-dato:hover p{color:rgba(0,24,18,.72)}
.lp-dato .ico{width:22px;height:22px;color:var(--color-primary);margin-bottom:var(--sp-4);display:block}
.lp-dato .n{font-size:var(--text-3xl);letter-spacing:var(--ls-tight);line-height:1;
color:var(--color-text);font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:6px}
.lp-dato .n .u{font-size:var(--text-sm);letter-spacing:0;text-transform:uppercase;font-weight:500;
color:var(--color-primary);margin:0}
.lp-dato p{font-size:var(--text-sm);color:var(--color-text-muted);margin:var(--sp-3) 0 0;max-width:30ch;line-height:var(--lh-relaxed)}
/* Antes / ahora */
.lp-cambio{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}
@media(max-width:760px){.lp-cambio{grid-template-columns:1fr}}
.lp-col{border-radius:var(--r-xl);padding:var(--sp-8)}
.lp-col h3{font-size:var(--text-lg);margin-bottom:var(--sp-4)}
.lp-col ul{margin:0;padding-left:1.15em;font-size:var(--text-md);line-height:var(--lh-relaxed)}
.lp-col li{margin-bottom:var(--sp-3)}
.lp-col li:last-child{margin-bottom:0}
.lp-hoy{background:var(--color-surface-alt);color:var(--color-text)}
.lp-hoy li::marker{color:var(--color-text-subtle)}
.lp-con{background:var(--ag-verde-600);color:#fff}
.lp-con li::marker{color:var(--ag-lima-300)}
/* Conversación de WhatsApp */
.lp-chat{background:var(--ag-verde-900);border-radius:var(--r-2xl);padding:var(--sp-8);position:relative;overflow:hidden}
.lp-chat-cab{display:flex;align-items:center;gap:var(--sp-3);padding-bottom:var(--sp-5);margin-bottom:var(--sp-5);
border-bottom:1px solid rgba(255,255,255,.12);color:#fff}
.lp-chat-cab .av{width:38px;height:38px;border-radius:50%;background:var(--ag-lima-300);color:var(--ag-verde-900);
display:grid;place-items:center;flex:none}
.lp-chat-cab .av .logo-mark{width:20px;height:20px}
.lp-chat-cab .n{font-weight:500;font-size:var(--text-sm)}
.lp-chat-cab .e{font-size:var(--text-2xs);color:rgba(255,255,255,.6)}
.lp-burbujas{display:flex;flex-direction:column;gap:var(--sp-3)}
.lp-b{max-width:78%;padding:11px var(--sp-4) 12px;border-radius:var(--r-lg);font-size:var(--text-sm);line-height:1.5}
.lp-b .hora{display:block;font-size:var(--text-3xs);opacity:.6;margin-top:4px}
.lp-b-yo{align-self:flex-end;background:var(--ag-lima-300);color:var(--ag-verde-900);border-bottom-right-radius:6px}
.lp-b-ia{align-self:flex-start;background:rgba(255,255,255,.10);color:#fff;border-bottom-left-radius:6px}
.lp-b-ia b{color:var(--ag-lima-300)}
.lp-b-audio{display:flex;align-items:center;gap:10px}
.lp-b-audio .onda{display:flex;align-items:center;gap:2.5px;height:22px}
.lp-b-audio .onda i{display:block;width:2.5px;border-radius:2px;background:currentColor;opacity:.75}
.lp-chip-eco{display:inline-flex;align-items:center;gap:6px;background:rgba(189,224,78,.16);color:var(--ag-lima-300);
border-radius:var(--r-pill);padding:3px 10px;font-size:var(--text-2xs);margin-top:8px}
.lp-chip-eco .ico{width:13px;height:13px}
@media(max-width:860px){.lp-2col{grid-template-columns:1fr;gap:var(--sp-8)}.lp-b{max-width:88%}}
/* Componentes D1 D2 D3 */
.lp-comp{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}
@media(max-width:900px){.lp-comp{grid-template-columns:1fr}}
.lp-c{border-radius:var(--r-xl);padding:var(--sp-8);display:flex;flex-direction:column;gap:var(--sp-4);
transition:transform var(--dur-3) var(--ease-out),box-shadow var(--dur-3) var(--ease-out)}
.lp-c:hover{transform:translateY(-3px);box-shadow:var(--sh-3)}
.lp-c .ref{font-size:var(--text-2xs);letter-spacing:var(--ls-wide);text-transform:uppercase;font-weight:500;opacity:.72}
.lp-c .ico-g{width:34px;height:34px}
.lp-c h3{font-size:var(--text-xl)}
.lp-c p{font-size:var(--text-sm);margin:0;line-height:var(--lh-relaxed)}
.lp-c ul{margin:0;padding-left:1.1em;font-size:var(--text-sm);line-height:1.55}
.lp-c li{margin-bottom:5px}
.lp-c1{background:var(--ag-verde-600);color:#fff}
.lp-c1 .ico-g{color:var(--ag-lima-300)}
.lp-c2{background:var(--color-surface-alt);color:var(--color-text)}
.lp-c2 .ico-g{color:var(--color-primary)}
.lp-c3{background:var(--ag-lima-200);color:var(--ag-verde-900)}
.lp-c3 .ico-g{color:var(--ag-verde-700)}
/* Instituciones */
.lp-inst{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3)}
@media(max-width:860px){.lp-inst{grid-template-columns:repeat(2,1fr)}}
.lp-i{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg);
padding:var(--sp-5);transition:border-color var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out)}
.lp-i:hover{border-color:var(--color-primary);transform:translateY(-2px)}
.lp-i .sigla{font-size:var(--text-xl);color:var(--color-primary);margin-bottom:2px}
.lp-i .rol{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--ls-wide);font-weight:500;color:var(--color-text-subtle);margin-bottom:var(--sp-3)}
.lp-i p{font-size:var(--text-xs);color:var(--color-text-muted);margin:0;line-height:1.55}
.lp-equipo{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}
@media(max-width:760px){.lp-equipo{grid-template-columns:1fr}}
.lp-p{display:flex;gap:var(--sp-4);background:var(--color-surface-alt);border-radius:var(--r-lg);padding:var(--sp-5)}
.lp-p .av{width:48px;height:48px;border-radius:50%;background:var(--color-primary-container);color:var(--color-on-primary-container);
display:grid;place-items:center;flex:none;font-size:var(--text-md);font-weight:500}
.lp-p h4{margin-bottom:2px}
.lp-p .rol{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--ls-wide);font-weight:500;color:var(--color-primary);margin-bottom:6px}
.lp-p p{font-size:var(--text-xs);color:var(--color-text-muted);margin:0;line-height:1.55}
/* Línea de tiempo */
.lp-linea{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-2)}
@media(max-width:860px){.lp-linea{grid-template-columns:repeat(2,1fr)}}
.lp-h{padding:var(--sp-5);border-radius:var(--r-lg);background:var(--color-surface-alt)}
.lp-h .t{font-size:var(--text-2xs);letter-spacing:var(--ls-wide);text-transform:uppercase;font-weight:500;color:var(--color-primary);margin-bottom:6px}
.lp-h h4{margin-bottom:4px}
.lp-h p{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}
/* Pie */
.lp-pie{background:var(--ag-verde-900);color:#fff;padding:var(--sp-16) 0 var(--sp-10)}
.lp-pie .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--sp-8);margin-bottom:var(--sp-10)}
@media(max-width:760px){.lp-pie .cols{grid-template-columns:1fr}}
.lp-pie h5{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--ls-wide);font-weight:500;color:var(--ag-lima-300);margin-bottom:var(--sp-3)}
.lp-pie a{color:rgba(255,255,255,.78);text-decoration:none;display:block;padding:3px 0;font-size:var(--text-sm)}
.lp-pie a:hover{color:#fff}
.lp-pie .legal{border-top:1px solid rgba(255,255,255,.12);padding-top:var(--sp-6);font-size:var(--text-xs);color:rgba(255,255,255,.6);
display:flex;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}
/* El bloque de cierre necesita más marco que en el documento del sistema */
.lp-sec .bloque-patron{padding:var(--sp-10)}
@media(max-width:680px){.lp-sec .bloque-patron{padding:var(--sp-4)}}
/* Landing pública: dos piezas (WhatsApp + panel), no tres del FPTA */
.lp-comp-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}
@media(max-width:900px){.lp-comp-2{grid-template-columns:1fr}}
.lp-nav .btn-cta-mobile{display:none}
@media(max-width:860px){
.lp-nav .btn-cta-mobile{display:inline-flex;margin-left:auto}
.lp-nav .inner > .btn-sm:not(.btn-cta-mobile){display:none}
}
.lp-roles{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}
@media(max-width:760px){.lp-roles{grid-template-columns:1fr}}
.lp-rol{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-xl);padding:var(--sp-6)}
.lp-rol .k{font-size:var(--text-2xs);letter-spacing:var(--ls-wide);text-transform:uppercase;font-weight:500;color:var(--color-primary);margin-bottom:var(--sp-2)}
.lp-rol h3{font-size:var(--text-lg);margin-bottom:var(--sp-2)}
.lp-rol p{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:var(--lh-relaxed)}
.lp-fotos{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}
@media(max-width:760px){.lp-fotos{grid-template-columns:1fr}}
/* Barra de marca: verde monte pleno, misma mancha que el hero. */
header.lp-nav{
background:#00593F;
background:var(--ag-verde-600);
color:#fff;
}