/* Sou do Axé · peças da marca nas páginas do produto (design system
   "Sou do Axé", componentes Marca e Faixa). As cores das texturas são fixas
   da paleta: urucum, dendê, ouro, mata, barro e marfim. */
.marca i{background:none!important;border-radius:22%;overflow:hidden;padding:0}
.marca i img{width:100%;height:100%;display:block;object-fit:cover}
.marca em{font-style:normal;font-weight:500;color:#7A6252}
.marca b{font-weight:inherit;color:#C8102E;font-size:inherit;font-family:inherit;letter-spacing:inherit}
.sa-faixa{display:block;width:100%;height:24px;background-position:0 0}
.sa-faixa--tecida{height:72px}
.sa-faixa--triangulos { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='20' viewBox='0 0 32 20'%3E%3Crect width='32' height='20' fill='%23C8102E'/%3E%3Cpolygon points='0,20 16,5 32,20' fill='%23FFC83D'/%3E%3Ccircle cx='16' cy='15' r='2' fill='%233A1E16'/%3E%3C/svg%3E"); background-size: 32px 20px; background-repeat: repeat; }
.sa-faixa--losangos { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%233A1E16'/%3E%3Cpolygon points='16,3 29,16 16,29 3,16' fill='%23F28C1E'/%3E%3Cpolygon points='16,11 21,16 16,21 11,16' fill='%23FBF5EA'/%3E%3C/svg%3E"); background-size: 32px 32px; background-repeat: repeat; }
.sa-faixa--pontos { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect width='16' height='16' fill='%230E7A5A'/%3E%3Ccircle cx='4' cy='4' r='2.2' fill='%23FBF5EA'/%3E%3Ccircle cx='12' cy='12' r='2.2' fill='%23FBF5EA'/%3E%3C/svg%3E"); background-size: 16px 16px; background-repeat: repeat; }
.sa-faixa--ziguezague { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='16' viewBox='0 0 24 16'%3E%3Crect width='24' height='16' fill='%23FFC83D'/%3E%3Cpolyline points='0,12 6,4 12,12 18,4 24,12' fill='none' stroke='%233A1E16' stroke-width='3' stroke-linejoin='miter'/%3E%3C/svg%3E"); background-size: 24px 16px; background-repeat: repeat; }
.sa-faixa--escada { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' fill='%23FBF5EA'/%3E%3Cg fill='%233A1E16'%3E%3Crect x='0' y='0' width='8' height='4'/%3E%3Crect x='4' y='4' width='8' height='4'/%3E%3Crect x='8' y='8' width='8' height='4'/%3E%3Crect x='12' y='12' width='8' height='4'/%3E%3Crect x='16' y='16' width='8' height='4'/%3E%3Crect x='20' y='20' width='4' height='4'/%3E%3Crect x='0' y='20' width='4' height='4'/%3E%3C/g%3E%3Crect x='18' y='2' width='4' height='4' fill='%23C8102E'/%3E%3C/svg%3E"); background-size: 24px 24px; background-repeat: repeat; }
.sa-faixa--tecida { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='72' viewBox='0 0 48 72'%3E%3Crect width='48' height='72' fill='%233A1E16'/%3E%3Crect y='6' width='48' height='4' fill='%23FFC83D'/%3E%3Crect y='10' width='48' height='18' fill='%23C8102E'/%3E%3Cpolygon points='0,28 12,14 24,28' fill='%23FFC83D'/%3E%3Cpolygon points='24,28 36,14 48,28' fill='%23FFC83D'/%3E%3Crect y='32' width='48' height='18' fill='%230E7A5A'/%3E%3Ccircle cx='6' cy='41' r='2' fill='%23FBF5EA'/%3E%3Ccircle cx='18' cy='41' r='2' fill='%23FBF5EA'/%3E%3Ccircle cx='30' cy='41' r='2' fill='%23FBF5EA'/%3E%3Ccircle cx='42' cy='41' r='2' fill='%23FBF5EA'/%3E%3Crect y='50' width='48' height='4' fill='%23FFC83D'/%3E%3Crect y='54' width='48' height='12' fill='%23F28C1E'/%3E%3Cpolygon points='12,55 17,60 12,65 7,60' fill='%233A1E16'/%3E%3Cpolygon points='36,55 41,60 36,65 31,60' fill='%233A1E16'/%3E%3C/svg%3E"); background-size: 48px 72px; background-repeat: repeat-x; }

/* O site e o Instagram escritos como a marca (componente Marca, textos
   "endereco" e "perfil"): "axe" na cor da marca, o "@" e o ".app" mais leves. */
.sa-escritas{display:flex;flex-wrap:wrap;gap:6px 20px;margin:14px 0 0;font:700 17px/1.4 "Bricolage Grotesque","Segoe UI",system-ui,sans-serif;letter-spacing:-.01em}
.sa-escritas a{text-decoration:none;color:#3A1E16}
.sa-escritas a b{color:#C8102E;font-weight:inherit;font-family:inherit;font-size:inherit}
.sa-escritas a i{font-style:normal;color:#7A6252;font-weight:500}
.sa-escritas a:hover{text-decoration:underline;text-decoration-color:#C8102E}