/* Marca Planeta 3D — estilo "Verde PLA" (escolhido a 2026-10-19).
   Fonte única de tokens e componentes para a loja e as ferramentas (exceto o Digitakt, que mantém o seu estilo).
   Uso: <link rel="stylesheet" href="/marca.css"> e classes p3-*. Ver docs/HISTORICO.md → Marca.
   Regras: sem emoji na interface; tratar por tu; verdes para ação e superfícies, azul do logo só para links, seleção e foco;
   cantos orgânicos (um canto mais fechado), sem gradientes, sem vidro fosco, sem sombras difusas. */
@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wdth,wght@12..96,75..100,400..800&display=swap");

:root {
  --p3-fundo: #E9F0DF;        /* folha clara */
  --p3-palco: #F6F9F1;        /* área do produto e campos */
  --p3-cartao: #FFFFFF;
  --p3-tinta: #1E2E1C;
  --p3-sub: #5E6E58;
  --p3-linha: #C7D6B4;
  --p3-acao: #3E5A32;         /* botão principal */
  --p3-acao-txt: #FFFFFF;
  --p3-verde: #5D9908;        /* verde do logo: destaques e produto */
  --p3-oliva: #88990A;
  --p3-verde-esc: #095403;
  --p3-azul: #3399CC;         /* azul do logo: links, seleção, foco */
  --p3-azul-txt: #1F6F97;
  --p3-cat: #4C7A0B;         /* categoria/etiqueta pequena */
  --p3-erro: #B3261E;
  --p3-aviso: #8A6D00;

  --p3-letra: "Bricolage Grotesque", system-ui, -apple-system, "Segoe UI", sans-serif;
  --p3-raio: 14px;            /* cantos dos campos */
  --p3-folha: 18px 18px 18px 4px;   /* botões e palco: um canto fechado, como uma folha */
  --p3-folha-grande: 28px 28px 28px 6px;
  --p3-esp-1: 4px; --p3-esp-2: 8px; --p3-esp-3: 12px; --p3-esp-4: 16px; --p3-esp-5: 24px; --p3-esp-6: 40px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --p3-fundo: #121A11; --p3-palco: #1A2418; --p3-cartao: #1F2A1D; --p3-tinta: #E3EBDC; --p3-sub: #9FAE97;
    --p3-linha: #34452F; --p3-acao: #8FBF5A; --p3-acao-txt: #10180F; --p3-azul-txt: #7CC2E6; --p3-cat: #A9D46A; color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --p3-fundo: #121A11; --p3-palco: #1A2418; --p3-cartao: #1F2A1D; --p3-tinta: #E3EBDC; --p3-sub: #9FAE97;
  --p3-linha: #34452F; --p3-acao: #8FBF5A; --p3-acao-txt: #10180F; --p3-azul-txt: #7CC2E6; --p3-cat: #A9D46A; color-scheme: dark;
}

.p3 { background: var(--p3-fundo); color: var(--p3-tinta); font: 400 15px/1.55 var(--p3-letra); }
.p3 a { color: var(--p3-azul-txt); }
.p3 :focus-visible { outline: 2px solid var(--p3-azul); outline-offset: 2px; }

.p3-titulo { font: 800 clamp(24px, 4vw, 32px)/1.02 var(--p3-letra); font-variation-settings: "wdth" 80; letter-spacing: -.02em; margin: 0; text-wrap: balance; }
.p3-sub { color: var(--p3-sub); }
.p3-cat { font: 600 13px/1 var(--p3-letra); color: var(--p3-cat); }
.p3-num { font-variant-numeric: tabular-nums; }

.p3-cabecalho { display: flex; align-items: center; justify-content: space-between; gap: var(--p3-esp-3); padding: var(--p3-esp-3) var(--p3-esp-4); }
.p3-marca { display: flex; align-items: center; gap: 10px; font: 700 18px/1 var(--p3-letra); font-variation-settings: "wdth" 90; color: inherit; text-decoration: none; }
.p3-marca img { height: 28px; width: auto; }

.p3-palco { background: var(--p3-palco); border-radius: var(--p3-folha-grande); }

.p3-rotulo { display: flex; justify-content: space-between; gap: 8px; font: 700 14px/1 var(--p3-letra); margin-bottom: 7px; }
.p3-rotulo span { font-weight: 400; color: var(--p3-sub); }
.p3-campo { width: 100%; padding: 12px 14px; font: 500 16px/1.2 var(--p3-letra); color: var(--p3-tinta); background: var(--p3-palco); border: 0; border-radius: var(--p3-raio); box-shadow: inset 0 0 0 1.5px var(--p3-linha); }

.p3-seg { display: flex; gap: 4px; background: var(--p3-palco); border-radius: 16px; padding: 4px; }
.p3-seg > * { flex: 1; text-align: center; padding: 10px 0; font: 600 14px/1 var(--p3-letra); border: 0; border-radius: 12px; background: none; color: var(--p3-sub); cursor: pointer; }
.p3-seg > [aria-pressed="true"], .p3-seg > .on { background: var(--p3-acao); color: var(--p3-acao-txt); }

.p3-cores { display: flex; flex-wrap: wrap; gap: 8px; }
.p3-cores > * { width: 32px; height: 32px; border: 0; padding: 0; border-radius: 50% 50% 50% 8px; cursor: pointer; }
.p3-cores > [aria-pressed="true"], .p3-cores > .on { box-shadow: 0 0 0 2px var(--p3-fundo), 0 0 0 4px var(--p3-tinta); }

.p3-preco { font: 800 32px/1 var(--p3-letra); font-variant-numeric: tabular-nums; }

.p3-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 15px 20px; font: 700 17px/1 var(--p3-letra); color: var(--p3-acao-txt); background: var(--p3-acao); border: 0; border-radius: var(--p3-folha); cursor: pointer; text-decoration: none; }
.p3-btn--sec { color: var(--p3-tinta); background: transparent; box-shadow: inset 0 0 0 1.5px var(--p3-linha); font-weight: 600; font-size: 15px; }
.p3-btn:disabled { opacity: .5; cursor: not-allowed; }
.p3-btn svg { width: 18px; height: 18px; }

/* links com aspeto de botão ou de marca não herdam o azul dos links */
.p3 a.p3-marca { color: inherit; }
.p3 a.p3-btn { color: var(--p3-acao-txt); }
.p3 a.p3-btn--sec { color: var(--p3-tinta); }
.p3-btn--sec:hover { box-shadow: inset 0 0 0 1.5px var(--p3-sub); }

/* ── Componentes para as ferramentas (fase 4, 2026-10-19) ── */
/* separadores em pílula; com muitos, deslizam na própria barra (nunca a página) */
.p3-pilulas { display: flex; gap: 4px; padding: 4px; background: var(--p3-palco); border-radius: 999px; overflow-x: auto; scrollbar-width: none; }
.p3-pilulas::-webkit-scrollbar { display: none; }
.p3-pilulas > * { flex: 1 0 auto; padding: 9px 14px; font: 600 14px/1 var(--p3-letra); color: var(--p3-sub); background: none; border: 0; border-radius: 999px; cursor: pointer; white-space: nowrap; }
.p3-pilulas > [aria-selected="true"], .p3-pilulas > [aria-pressed="true"], .p3-pilulas > .on { background: var(--p3-acao); color: var(--p3-acao-txt); }
/* secção que abre e fecha (details > summary) */
.p3-dobra { background: var(--p3-cartao); border-radius: 18px 18px 18px 4px; box-shadow: inset 0 0 0 1px var(--p3-linha); margin: 0 0 var(--p3-esp-3); min-width: 0; }
.p3-dobra > summary { display: flex; align-items: center; gap: 8px; padding: 13px 16px; font: 700 15px/1.2 var(--p3-letra); cursor: pointer; list-style: none; }
.p3-dobra > summary::-webkit-details-marker { display: none; }
.p3-dobra > summary::after { content: ""; margin-left: auto; width: 16px; height: 16px; flex: none; background: currentColor; opacity: .6; transition: transform .15s; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat; }
.p3-dobra[open] > summary::after { transform: rotate(180deg); }
.p3-dobra > summary small { font-weight: 500; font-size: 13px; color: var(--p3-sub); }
.p3-dobra > :not(summary) { margin-left: 16px; margin-right: 16px; }
.p3-dobra[open] > :last-child { margin-bottom: 14px; }
/* aviso curto (linha de cor à esquerda) */
.p3-aviso { background: var(--p3-cartao); border-radius: 12px 12px 12px 4px; box-shadow: inset 3px 0 0 var(--p3-aviso), inset 0 0 0 1px var(--p3-linha); padding: 9px 12px; font-size: 13px; }
.p3-aviso.erro { box-shadow: inset 3px 0 0 var(--p3-erro), inset 0 0 0 1px var(--p3-linha); }
/* ícones de traço (máscara: ficam da cor do texto). Uso: <i class="p3-i p3-i--baixar" aria-hidden="true"></i> */
.p3-i { display: inline-block; flex: none; width: 1.15em; height: 1.15em; vertical-align: -.2em; background: currentColor; -webkit-mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat; }
.p3-i--baixar { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11M7 10l5 5 5-5M5 20h14'/%3E%3C/svg%3E"); }
.p3-i--repor { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4v5h5'/%3E%3Cpath d='M4.6 9A8 8 0 1 1 4 13'/%3E%3C/svg%3E"); }
.p3-i--link { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 14a4 4 0 0 0 5.7 0l3-3a4 4 0 0 0-5.7-5.7l-1 1'/%3E%3Cpath d='M14 10a4 4 0 0 0-5.7 0l-3 3a4 4 0 0 0 5.7 5.7l1-1'/%3E%3C/svg%3E"); }
.p3-i--fechar { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E"); }
.p3-i--baixo { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); }
.p3-i--cima { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 15l6-6 6 6'/%3E%3C/svg%3E"); }
.p3-i--dir { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E"); }
.p3-i--esq { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M11 6l-6 6 6 6'/%3E%3C/svg%3E"); }
.p3-i--certo { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }
.p3-i--alerta { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5L2.5 20h19z'/%3E%3Cpath d='M12 10v4.5M12 17.5v.01'/%3E%3C/svg%3E"); }
.p3-i--play { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 5v14l11.5-7z'/%3E%3C/svg%3E"); }
.p3-i--pausa { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 5v14M15.5 5v14'/%3E%3C/svg%3E"); }
.p3-i--parar { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='6' width='12' height='12' rx='1.5'/%3E%3C/svg%3E"); }
.p3-i--quadro { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='4.5' width='17' height='15' rx='2'/%3E%3Cpath d='M3.5 16l5-5 4 4 3-3 5 5'/%3E%3Ccircle cx='15.5' cy='9' r='1.5'/%3E%3C/svg%3E"); }
.p3-i--relogio { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='13' r='8'/%3E%3Cpath d='M12 9v4l2.5 2.5M9.5 2.5h5'/%3E%3C/svg%3E"); }
.p3-i--ficha { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H6.5A1.5 1.5 0 0 0 5 4.5v15A1.5 1.5 0 0 0 6.5 21h11a1.5 1.5 0 0 0 1.5-1.5V8z'/%3E%3Cpath d='M14 3v5h5M8.5 13h7M8.5 17h5'/%3E%3C/svg%3E"); }
.p3-i--expandir { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5'/%3E%3C/svg%3E"); }
.p3-i--lapis { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16z'/%3E%3Cpath d='M13.5 6.5l4 4'/%3E%3C/svg%3E"); }
.p3-i--calc { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M8.5 7.5h7M8.5 12h.01M12 12h.01M15.5 12h.01M8.5 16h.01M12 16h.01M15.5 16h.01'/%3E%3C/svg%3E"); }
.p3-i--euro { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.5 6.5a6.5 6.5 0 1 0 0 11'/%3E%3Cpath d='M4.5 10.5h8M4.5 13.5h8'/%3E%3C/svg%3E"); }
.p3-i--estrela { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l2.6 5.4 5.9.8-4.3 4.1 1 5.8L12 16.8l-5.2 2.8 1-5.8-4.3-4.1 5.9-.8z'/%3E%3C/svg%3E"); }
.p3-i--estrela-cheia { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath fill='%23000' d='M12 3.5l2.6 5.4 5.9.8-4.3 4.1 1 5.8L12 16.8l-5.2 2.8 1-5.8-4.3-4.1 5.9-.8z'/%3E%3C/svg%3E"); }
.p3-i--cubo { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 4.5v9L12 21l-8-4.5v-9z'/%3E%3Cpath d='M4 7.5l8 4.5 8-4.5M12 12v9'/%3E%3C/svg%3E"); }
.p3-i--tesoura { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6' r='2.8'/%3E%3Ccircle cx='6' cy='18' r='2.8'/%3E%3Cpath d='M8.4 7.6L20 18M8.4 16.4L20 6'/%3E%3C/svg%3E"); }
.p3-i--seta-cima { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V5M6 11l6-6 6 6'/%3E%3C/svg%3E"); }
.p3-i--seta-baixo { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M6 13l6 6 6-6'/%3E%3C/svg%3E"); }
.p3-i--mais { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E"); }
.p3-i--lixo { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M10 11v6M14 11v6M6 7l1 13h10l1-13M9 7V4h6v3'/%3E%3C/svg%3E"); }
.p3-i--camara { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h3l2-3h6l2 3h3v11H4z'/%3E%3Ccircle cx='12' cy='13' r='3.5'/%3E%3C/svg%3E"); }
.p3-i--pincel { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18.5 3.5l2 2-9 9-2-2z'/%3E%3Cpath d='M9.5 12.5c-3 0-4.5 2-4.5 4.5 0 1.5-1 2.5-2 3 3 .5 7.5 0 8.5-3.5'/%3E%3C/svg%3E"); }
.p3-i--balde { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 10.5L11 4l7 7-6.5 6.5a2 2 0 0 1-2.8 0l-4.2-4.2a2 2 0 0 1 0-2.8z'/%3E%3Cpath d='M4.5 11h13.5M19.5 15s1.5 1.8 1.5 3a1.5 1.5 0 0 1-3 0c0-1.2 1.5-3 1.5-3z'/%3E%3C/svg%3E"); }
.p3-i--rodar { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12a8 8 0 1 1-2.3-5.7'/%3E%3Cpath d='M20 4v5h-5'/%3E%3C/svg%3E"); }
.p3-i--alvo { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Ccircle cx='12' cy='12' r='3.5'/%3E%3C/svg%3E"); }
.p3-i--desfazer { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 14L4 9l5-5'/%3E%3Cpath d='M4 9h10a6 6 0 0 1 0 12h-3'/%3E%3C/svg%3E"); }
.p3-i--refazer { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 14l5-5-5-5'/%3E%3Cpath d='M20 9H10a6 6 0 0 0 0 12h3'/%3E%3C/svg%3E"); }
.p3-i--trocar { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h15M15 4l4 4-4 4M20 16H5M9 12l-4 4 4 4'/%3E%3C/svg%3E"); }
.p3-i--brilho { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l1.8 5.2L19 10l-5.2 1.8L12 17l-1.8-5.2L5 10l5.2-1.8z'/%3E%3Cpath d='M18.5 15.5l.8 2.2 2.2.8-2.2.8-.8 2.2-.8-2.2-2.2-.8 2.2-.8z'/%3E%3C/svg%3E"); }
.p3-i--camadas { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l9 5-9 5-9-5z'/%3E%3Cpath d='M3 13l9 5 9-5'/%3E%3C/svg%3E"); }
.p3-i--pasta { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6.5A1.5 1.5 0 0 1 4.5 5H9l2 2.5h8.5A1.5 1.5 0 0 1 21 9v9.5a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 3 18.5z'/%3E%3C/svg%3E"); }
.p3-i--oculos { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6.5' cy='14' r='3.5'/%3E%3Ccircle cx='17.5' cy='14' r='3.5'/%3E%3Cpath d='M10 14h4M3.5 12.5L5 7M20.5 12.5L19 7'/%3E%3C/svg%3E"); }
.p3-i--olho { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 12S6 5.5 12 5.5 21.5 12 21.5 12 18 18.5 12 18.5 2.5 12 2.5 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); }
.p3-i--imagem { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='4.5' width='17' height='15' rx='2'/%3E%3Ccircle cx='9' cy='10' r='1.8'/%3E%3Cpath d='M20.5 15.5l-5-5-9 9'/%3E%3C/svg%3E"); }
.p3-i--dado { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='3'/%3E%3Cpath d='M8.5 8.5h.01M15.5 8.5h.01M12 12h.01M8.5 15.5h.01M15.5 15.5h.01' stroke-width='2.6'/%3E%3C/svg%3E"); }
.p3-i--info { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 11v5.5M12 7.5v.01'/%3E%3C/svg%3E"); }
.p3-i--guardar { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h11l3 3v13H5z'/%3E%3Cpath d='M8 4v5h7V4M8 20v-6h8v6'/%3E%3C/svg%3E"); }
.p3-i--imprimir { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 9V4h10v5M7 17H4.5V9h15v8H17'/%3E%3Cpath d='M7 14h10v6H7z'/%3E%3C/svg%3E"); }
.p3-i--menos { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E"); }
.p3-i--luz { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4'/%3E%3Cpath d='M12 3a6 6 0 0 0-3.5 10.9c.6.5 1 1.2 1 2.1h5c0-.9.4-1.6 1-2.1A6 6 0 0 0 12 3z'/%3E%3C/svg%3E"); }