/* Fuê — páginas institucionais, 404 e texto corrido */
.fue-pagina { padding: 32px var(--fue-margin) var(--fue-section); }
.fue-pagina__topo { display: flex; flex-direction: column; gap: 16px; margin-bottom: 40px; }
@media (min-width: 1024px) { .fue-pagina { padding-top: 64px; } .fue-pagina__topo { gap: 20px; margin-bottom: 64px; } }
.fue-texto { max-width: 720px; font-size: 17px; line-height: 1.6; color: var(--fue-text-secondary); }
.fue-texto > * + * { margin-top: 1em; }
.fue-texto h2 { font: 800 28px/1.14 var(--fue-font-marca); letter-spacing: -.02em; color: #000; margin-top: 2em; }
.fue-texto h3 { font: 500 20px/1.3 var(--fue-font-estrutura); color: #000; margin-top: 1.6em; }
.fue-texto a { color: #000; text-decoration: underline; text-underline-offset: 3px; }
.fue-texto ul { list-style: disc; padding-left: 1.2em; }
.fue-texto ol { list-style: decimal; padding-left: 1.2em; }
.fue-texto img { margin: 2em 0; }
/* 404 (Figma: bloco "Erro" — 160px de respiro, gap 28, título Display/XL). */
.fue-erro { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; padding: 80px var(--fue-margin) 64px; }
.fue-erro__eyebrow { color: var(--fue-text-tertiary); }
.fue-erro__t { max-width: 1000px; }
.fue-erro__lead { max-width: 640px; color: var(--fue-text-secondary); }
.fue-erro__acoes { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px; }
.fue-erro__acoes .fue-btn { min-width: 240px; min-height: 52px; }
@media (max-width: 479px) { .fue-erro__acoes, .fue-erro__acoes .fue-btn { width: 100%; } }
@media (min-width: 1024px) { .fue-erro { gap: 28px; padding: 160px var(--fue-margin); } .fue-erro__acoes { gap: 16px; } }

/* Índice de coleções — capas coladas e de ponta a ponta da tela, como na home (pedido 12/10) */
.fue-colecoes-idx__grade { display: grid; gap: 0; margin: 0 calc(-1 * var(--fue-margin)); }
@media (min-width: 768px) { .fue-colecoes-idx__grade { grid-template-columns: 1fr 1fr; } }
.fue-colecao--idx { position: relative; display: flex; align-items: flex-end; aspect-ratio: 4 / 5; background: var(--fue-surface-dark); color: #fff; overflow: hidden; }
@media (min-width: 1024px) { .fue-colecao--idx { aspect-ratio: 668 / 720; } }
.fue-colecao--idx > img { position: absolute; inset: 0; transition: transform 900ms var(--fue-ease); }
.fue-colecao--idx:hover > img { transform: scale(1.03); }
.fue-colecao--idx .fue-colecao__veu { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.75)); }
.fue-colecao--idx .fue-colecao__texto { position: relative; display: flex; flex-direction: column; gap: 14px; padding: 32px 20px 36px; max-width: 520px; }
@media (min-width: 1024px) { .fue-colecao--idx .fue-colecao__texto { padding: 40px 40px 48px; } }
.fue-colecoes-idx__grade > .fue-colecao--idx:first-child .fue-colecao__texto { padding-left: var(--fue-margin); }
.fue-colecao--idx .fue-colecao__desc { opacity: .85; }
.fue-colecao--collab .fue-tracinho { background: var(--fue-accent-collab); }
.fue-colecao--novo .fue-tracinho { background: var(--fue-accent-new); }
.fue-colecao--azul .fue-tracinho { background: var(--fue-yellow); }
.fue-colecao--preto .fue-tracinho { background: #fff; }

/* ---------- Comparar peças (Figma: Comparar — Desktop 1440) ---------- */
.fue-cmp-pg { padding: 0 var(--fue-margin) var(--fue-section); }
.fue-cmp-pg.is-loading .fue-cmp-pg__corpo { opacity: .5; }
.fue-cmp-pg .fue-embreve { padding-left: 0; padding-right: 0; }
.fue-cmp { overflow-x: auto; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; }
.fue-cmp__grade { display: grid; grid-template-columns: 140px repeat(var(--n), minmax(200px, 1fr)); min-width: max-content; }
@media (min-width: 1024px) { .fue-cmp__grade { grid-template-columns: 180px repeat(var(--n), minmax(0, 1fr)); min-width: 0; } }
.fue-cmp__linha { display: contents; }
.fue-cmp__rotulo {
	position: sticky; left: 0; z-index: 1; padding: 20px 12px 20px 12px;
	background: var(--fue-surface-secondary); color: var(--fue-text-tertiary);
	border-bottom: 1px solid var(--fue-border-subtle);
}
.fue-cmp__rotulo--topo { display: flex; flex-direction: column; gap: 8px; color: var(--fue-text-tertiary); background: var(--fue-surface-tertiary, #ebeae7); }
.fue-cmp__rotulo--topo .t-title-m { color: #000; }
.fue-cmp__valor { padding: 20px 16px; border-bottom: 1px solid var(--fue-border-subtle); border-left: 1px solid var(--fue-border-subtle); color: #000; }
.fue-cmp__peca { position: relative; display: flex; flex-direction: column; gap: 12px; padding: 16px 16px 24px; border-left: 1px solid var(--fue-border-subtle); border-bottom: 1px solid var(--fue-border-subtle); }
.fue-cmp__foto { display: block; aspect-ratio: 3 / 4; overflow: hidden; background: var(--fue-surface-secondary); }
.fue-cmp__foto img { width: 100%; height: 100%; object-fit: cover; }
.fue-cmp__tirar { position: absolute; top: 24px; right: 24px; display: grid; place-items: center; width: 32px; height: 32px; background: #fff; color: #000; }
.fue-cmp__tirar:hover { background: #000; color: #fff; }
.fue-cmp__nome a { color: inherit; }
.fue-cmp__ver { width: 100%; min-height: 44px; }
.fue-cmp-dica { display: flex; flex-direction: column; gap: 10px; margin-top: 32px; padding: 24px; background: var(--fue-surface-secondary); }
.fue-cmp-dica .t-label-s { color: var(--fue-text-tertiary); }
.fue-cmp-dica[hidden] { display: none; }
@media (min-width: 1024px) { .fue-cmp-dica { padding: 28px 32px; } }

/* ---------- Sobre a Fuê (Figma: Sobre a Marca) ---------- */
.fue-sobre .fue-breadcrumb { padding: 20px var(--fue-margin) 0; }
.fue-sobre__abertura { display: flex; flex-direction: column; gap: 20px; padding: 56px var(--fue-margin) 64px; }
.fue-sobre__eyebrow { color: var(--fue-text-tertiary); }
.fue-sobre__abertura h1 { max-width: 1000px; }
.fue-sobre__lead { max-width: 900px; font-size: 19px; line-height: 1.55; color: #000; }
.fue-sobre__foto { position: relative; margin: 0; aspect-ratio: 4 / 5; overflow: hidden; background: var(--fue-surface-dark); }
.fue-sobre__foto picture { position: absolute; inset: 0; }
.fue-sobre__foto img { width: 100%; height: 100%; object-fit: cover; }
.fue-sobre__veu { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 35%, rgba(0,0,0,.4)); }
.fue-sobre__texto { display: flex; flex-direction: column; gap: 24px; padding: 64px var(--fue-margin); }
.fue-sobre__frase { max-width: 900px; }
.fue-sobre__corpo { max-width: 720px; display: flex; flex-direction: column; gap: 1.6em; font-size: 17px; line-height: 1.6; color: var(--fue-text-secondary); }
@media (min-width: 768px) { .fue-sobre__foto { aspect-ratio: 16 / 9; } }
@media (min-width: 1024px) {
	.fue-sobre__abertura { gap: 28px; padding: 120px var(--fue-margin) 120px; }
	.fue-sobre__lead { font-size: 24px; line-height: 1.6; }
	.fue-sobre__foto { aspect-ratio: 1440 / 760; }
	.fue-sobre__texto { padding: 120px var(--fue-margin); }
}
/* Pilares: 4 blocos de cor com o recorte do logo sangrando como marca d'água. */
.fue-pilares { display: grid; grid-template-columns: 1fr; }
@media (min-width: 640px) { .fue-pilares { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1024px) { .fue-pilares { grid-template-columns: repeat(4, 1fr); } }
.fue-pilar { position: relative; display: flex; flex-direction: column; gap: 14px; min-height: 211px; padding: 56px 32px; overflow: hidden; }
.fue-pilar h2 { margin: 0; position: relative; }
.fue-pilar p { position: relative; max-width: 296px; }
.fue-pilar--magenta { background: var(--fue-accent-collab); color: #000; }
.fue-pilar--amarelo { background: var(--fue-accent-new); color: var(--fue-on-new); }
.fue-pilar--azul { background: var(--fue-accent-system); color: #fff; }
.fue-pilar--preto { background: #000; color: #fff; }
/* Marca d'água sempre inteira (pedido do cliente): encolhe com o box em vez de vazar. */
.fue-pilar__marca { position: absolute; top: 32px; right: 22px; width: auto; height: auto; max-height: 148px; max-width: calc(100% - 44px); object-fit: contain; object-position: right top; opacity: .22; pointer-events: none; }
.fue-pilar__marca--f { height: 148px; }
.fue-pilar__marca--u { height: 148px; }
.fue-pilar__marca--e { height: 148px; }
.fue-pilar__marca--fue { height: 141px; }
/* Manifesto (Figma: Editorial Color Block · Preto). */
.fue-manifesto { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; padding: 80px var(--fue-margin); background: #000; color: #fff; }
.fue-manifesto > .t-label-s { opacity: .7; }
.fue-manifesto h2 { max-width: 1000px; }
.fue-manifesto__texto { max-width: 640px; font-size: 17px; line-height: 1.6; opacity: .72; }
@media (min-width: 1024px) { .fue-manifesto { gap: 24px; padding: 120px 80px; } }

/* ---------- Contato e suporte (Figma: Contato) ---------- */
.fue-contato { padding: 20px var(--fue-margin) var(--fue-section); }
.fue-contato__grade { display: grid; gap: 40px; padding-top: 40px; }
@media (min-width: 1024px) { .fue-contato__grade { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 64px; padding-top: 72px; } }
.fue-contato__intro { display: flex; flex-direction: column; gap: 16px; }
.fue-contato__intro .t-body-l { color: var(--fue-text-secondary); max-width: 460px; }
.fue-contato__form { display: flex; flex-direction: column; gap: 12px; }
.fue-contato__sub { color: var(--fue-text-secondary); margin-bottom: 12px; }
.fue-form { display: flex; flex-direction: column; gap: 20px; }
.fue-form__duo { display: grid; gap: 20px; }
@media (min-width: 640px) { .fue-form__duo { grid-template-columns: 1fr 1fr; gap: 16px; } }
.fue-textarea { height: auto; min-height: 180px; padding: 14px 16px; resize: vertical; line-height: 1.5; }
.fue-select { appearance: none; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E") no-repeat right 14px center; padding-right: 40px; }
.fue-campo__opc { text-transform: none; letter-spacing: 0; color: var(--fue-text-tertiary); }
.fue-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.fue-form__lgpd { display: flex; gap: 10px; align-items: flex-start; padding: 14px 16px; background: var(--fue-surface-secondary); color: var(--fue-text-secondary); }
.fue-form__lgpd svg { flex: none; margin-top: 1px; color: #000; }
.fue-form__envio { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
.fue-form__envio .fue-btn { min-width: 180px; min-height: 52px; }
.fue-form__dica { color: var(--fue-text-tertiary); flex: 1 1 240px; }
.fue-form__status:empty { display: none; }
.fue-form__status.is-ok { padding: 12px 14px; border-left: 2px solid var(--fue-success); background: var(--fue-surface-secondary); color: #000; }
.fue-form__status.is-erro { color: var(--fue-text-sale); }
.fue-contato__cartoes { display: grid; margin-top: 56px; background: var(--fue-surface-secondary); }
@media (min-width: 900px) { .fue-contato__cartoes { grid-auto-flow: column; grid-auto-columns: 1fr; margin-top: 72px; } }
.fue-contato__cartoes li { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 32px 24px; border-bottom: 1px solid var(--fue-border-subtle); }
@media (min-width: 900px) { .fue-contato__cartoes li { padding: 40px 32px; border-bottom: 0; border-right: 1px solid var(--fue-border-subtle); } .fue-contato__cartoes li:last-child { border-right: 0; } }
.fue-contato__cartoes .t-label-s { color: var(--fue-text-tertiary); }
.fue-contato__cartoes a.t-display-s { color: #000; word-break: break-word; }
.fue-contato__cartoes .t-body-m { color: var(--fue-text-secondary); }

/* ---------- FAQ e documentos: menu à esquerda, conteúdo à direita ---------- */
.fue-faq, .fue-doc { padding: 20px var(--fue-margin) var(--fue-section); }
.fue-faq__topo { margin: 0; padding-top: 0; }
.fue-faq__topo .fue-tracinho { margin-top: 40px; }
.fue-faq__grade, .fue-doc__grade { display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px; padding-top: 32px; }
@media (min-width: 1024px) {
	.fue-faq__topo .fue-tracinho { margin-top: 72px; }
	.fue-faq__grade, .fue-doc__grade { grid-template-columns: 300px minmax(0, 1fr); gap: 56px; padding-top: 48px; }
	.fue-doc__grade { padding-top: 72px; }
}
.fue-faq__nav ul, .fue-doc__nav ul { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; }
.fue-faq__nav a, .fue-doc__nav a { display: block; padding: 14px 12px; white-space: nowrap; color: var(--fue-text-secondary); transition: background var(--fue-fast), color var(--fue-fast); }
.fue-faq__nav a:hover, .fue-doc__nav a:hover { color: #000; }
.fue-faq__nav a.is-on, .fue-doc__nav a.is-on { background: var(--fue-surface-secondary); color: #000; }
@media (min-width: 1024px) {
	.fue-faq__nav, .fue-doc__nav { position: sticky; top: calc(var(--fue-header-h) + 24px); align-self: start; }
	.fue-faq__nav ul, .fue-doc__nav ul { flex-direction: column; overflow: visible; }
	.fue-faq__nav a, .fue-doc__nav a { white-space: normal; }
}
.fue-faq__grupo { scroll-margin-top: calc(var(--fue-header-h) + 24px); }
.fue-faq__grupo + .fue-faq__grupo { margin-top: 48px; }
.fue-faq__cat { margin: 0 0 8px; font: 800 24px/1.1 var(--fue-font-marca); text-transform: uppercase; letter-spacing: -.01em; }
.fue-faq__item { border-bottom: 1px solid var(--fue-border-subtle); }
.fue-faq__item summary { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 22px 0; list-style: none; cursor: pointer; }
.fue-faq__item summary::-webkit-details-marker { display: none; }
.fue-faq__q { flex: 1; min-width: 0; white-space: normal; overflow-wrap: anywhere; }
.fue-faq__sinal { position: relative; flex: none; width: 12px; height: 12px; }
.fue-faq__sinal::before, .fue-faq__sinal::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1.5px; background: currentColor; transition: transform var(--fue-base) var(--fue-ease); }
.fue-faq__sinal::after { transform: rotate(90deg); }
.fue-faq__item[open] .fue-faq__sinal::after { transform: rotate(0); }
.fue-faq__resp { padding: 0 0 22px; max-width: 760px; color: var(--fue-text-secondary); }
.fue-faq__mais { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin-top: 56px; padding: 24px; background: var(--fue-surface-secondary); }
.fue-doc__corpo { display: flex; flex-direction: column; gap: 16px; max-width: 720px; }
.fue-doc__data { color: var(--fue-text-tertiary); }
.fue-doc__texto { margin-top: 8px; }
.fue-doc__texto h2 { font: 500 22px/1.3 var(--fue-font-estrutura); letter-spacing: -.01em; margin-top: 1.6em; }

/* ---------- Rastrear pedido (Figma: Rastrear pedido) ---------- */
.fue-rastreio { padding: 20px var(--fue-margin) var(--fue-section); }
.fue-rastreio .fue-pagina__topo { margin-bottom: 32px; }
.fue-rastreio .fue-pagina__topo .fue-tracinho { margin-top: 20px; }
.fue-rastreio__lead { color: var(--fue-text-secondary); max-width: 640px; }
.fue-rastreio__form { display: grid; gap: 16px; align-items: end; max-width: 880px; }
@media (min-width: 768px) { .fue-rastreio__form { grid-template-columns: 1fr 1.4fr auto; } .fue-rastreio__form .fue-btn { min-width: 160px; } }
.fue-rastreio__form .fue-btn { min-height: 48px; }
.fue-rastreio .fue-form__status { margin-top: 16px; }
.fue-rastreio__conta { margin-top: 16px; color: var(--fue-text-tertiary); }
.fue-rastreio__conta a { color: #000; text-decoration: underline; text-underline-offset: 3px; }
.fue-rastreio__res { margin-top: 40px; }
.fue-rastreio__res:empty { display: none; }
.fue-rastreio__topo { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; padding-bottom: 12px; color: var(--fue-text-tertiary); }
.fue-rastreio__topo span:last-child { color: #000; }
.fue-rastreio__etapas { border-top: 1px solid var(--fue-border-subtle); }
.fue-rastreio__etapa { display: grid; grid-template-columns: 12px 1fr auto; align-items: center; gap: 16px; min-height: 56px; padding: 12px 0; border-bottom: 1px solid var(--fue-border-subtle); color: var(--fue-text-tertiary); }
.fue-rastreio__ponto { width: 12px; height: 12px; border: 1px solid var(--fue-border-default); border-radius: 50%; }
.fue-rastreio__etapa.is-feita { color: #000; }
.fue-rastreio__etapa.is-feita .fue-rastreio__ponto { background: #000; border-color: #000; }
.fue-rastreio__data { color: var(--fue-text-tertiary); white-space: nowrap; }
.fue-rastreio__link { margin-left: 8px; color: var(--fue-text-secondary); text-decoration: underline; text-underline-offset: 3px; }
.fue-rastreio__aviso { padding: 16px; background: var(--fue-surface-secondary); }
.fue-rastreio__skel { display: flex; flex-direction: column; gap: 8px; }
.fue-rastreio__skel .fue-skel { height: 48px; }
.fue-rastreio__ajuda { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin-top: 40px; padding: 24px; background: var(--fue-surface-secondary); }
.fue-rastreio__ajuda .t-body-s { color: var(--fue-text-secondary); margin-top: 4px; }
.fue-rastreio__ajuda .fue-btn { min-width: 200px; min-height: 48px; background: #fff; }

/* ---------- Avaliar uma peça (/avaliar/) ---------- */
.fue-avaliar { padding: 32px var(--fue-margin) var(--fue-section); }
.fue-avaliar__aviso { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; max-width: 640px; padding: 48px 0; }
.fue-avaliar__grade { display: grid; gap: 32px; max-width: 1100px; margin: 0 auto; }
@media (min-width: 1024px) { .fue-avaliar__grade { grid-template-columns: 320px 1fr; gap: 72px; align-items: start; padding-top: 32px; } .fue-avaliar__peca { position: sticky; top: calc(var(--fue-header-h) + 24px); } }
.fue-avaliar__peca { display: flex; gap: 16px; align-items: center; }
@media (min-width: 1024px) { .fue-avaliar__peca { flex-direction: column; align-items: stretch; } }
.fue-avaliar__foto { position: relative; flex-shrink: 0; width: 96px; aspect-ratio: 3 / 4; overflow: hidden; background: var(--fue-surface-secondary); }
@media (min-width: 1024px) { .fue-avaliar__foto { width: 100%; } }
.fue-avaliar__foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.fue-avaliar__peca .t-label-s { margin: 0 0 6px; color: var(--fue-text-tertiary); }
.fue-avaliar__peca h1 { margin: 0; }
.fue-avaliar__sub { margin: 8px 0 0; color: var(--fue-text-secondary); }

.fue-avaliar__form { display: flex; flex-direction: column; gap: 32px; max-width: 640px; }
.fue-avaliar__bloco { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0 0 32px; border: 0; border-bottom: 1px solid var(--fue-border-subtle); }
.fue-avaliar__bloco legend, .fue-avaliar__bloco > .t-title-m { padding: 0; margin: 0 0 12px; }
.fue-obrig { color: var(--fue-text-sale); }
.fue-avaliar__opc { color: var(--fue-text-tertiary); font-weight: 400; }

/* Estrelas grandes: rádios em ordem invertida para o "acende até aqui" */
.fue-avaliar__estrelas { display: inline-flex; flex-direction: row-reverse; justify-content: flex-end; gap: 6px; }
.fue-avaliar__estrelas input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.fue-avaliar__estrelas label { display: grid; place-items: center; width: 48px; height: 48px; color: var(--fue-border-default); cursor: pointer; transition: color var(--fue-fast), transform var(--fue-fast); }
.fue-avaliar__estrelas label:hover, .fue-avaliar__estrelas label:hover ~ label,
.fue-avaliar__estrelas input:checked ~ label { color: #000; }
.fue-avaliar__estrelas:hover input:checked ~ label:not(:hover):not(:hover ~ label) { color: var(--fue-border-default); }
.fue-avaliar__estrelas input:focus-visible + label { outline: 2px solid #000; outline-offset: 2px; }
.fue-avaliar__estrelas label:active { transform: scale(.92); }
.fue-avaliar__nota-txt { min-height: 20px; margin: 0; color: var(--fue-text-secondary); }

/* Opções em chips (caimento, tamanho, regulador) */
.fue-opcoes { display: flex; flex-wrap: wrap; gap: 8px; }
.fue-opcao { position: relative; display: inline-flex; }
.fue-opcao input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.fue-opcao span { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border: 1px solid var(--fue-border-default); background: #fff; font-size: 14px; cursor: pointer; transition: border-color var(--fue-fast), background var(--fue-fast), color var(--fue-fast); }
.fue-opcao:hover span { border-color: #000; }
.fue-opcao input:checked + span { background: #000; border-color: #000; color: #fff; }
.fue-opcao input:focus-visible + span { outline: 2px solid #000; outline-offset: 2px; }
.fue-opcoes--tamanho .fue-opcao span { justify-content: center; min-width: 56px; padding: 0 12px; }

.fue-avaliar__altura { display: flex; align-items: center; gap: 10px; }
.fue-avaliar__altura .fue-input { width: 120px; }
.fue-avaliar__texto { height: auto; min-height: 140px; padding: 14px 16px; resize: vertical; line-height: 1.5; }
.fue-avaliar__contador { margin: 0; align-self: flex-end; color: var(--fue-text-tertiary); }

.fue-avaliar__fotos { display: flex; flex-wrap: wrap; gap: 10px; }
.fue-avaliar__miniatura, .fue-avaliar__add { position: relative; width: 96px; aspect-ratio: 3 / 4; margin: 0; }
.fue-avaliar__miniatura img { width: 100%; height: 100%; object-fit: cover; }
.fue-avaliar__tirar { position: absolute; top: 4px; right: 4px; display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 0; background: #fff; font-size: 20px; line-height: 1; cursor: pointer; }
.fue-avaliar__add { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; border: 1px dashed var(--fue-border-default); color: var(--fue-text-secondary); cursor: pointer; transition: border-color var(--fue-fast), color var(--fue-fast); }
.fue-avaliar__add:hover { border-color: #000; color: #000; }
.fue-avaliar__add:focus-within { outline: 2px solid #000; outline-offset: 2px; }
.fue-avaliar__add input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.fue-avaliar__add.is-carregando { opacity: .5; pointer-events: none; }
.fue-avaliar__dica { margin: 0; color: var(--fue-text-tertiary); }

.fue-avaliar__quem { gap: 10px; }
.fue-avaliar__quem p { margin: 0; color: var(--fue-text-secondary); }
.fue-avaliar__erro { margin: 0; padding: 12px 14px; background: #fdf0f0; color: var(--fue-text-sale); }
.fue-avaliar__ok { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; max-width: 640px; padding: 48px 0; outline: none; }
@media (prefers-reduced-motion: reduce) { .fue-avaliar__estrelas label { transition: none; } }