/*
 * 45-avaliacao-leitor.css — widget "E você, que nota dá?" no fim do post Review (inc/avaliacao-leitor.php, INF-013 F1).
 * Arquivo dono, sem @layer. Carrega em single.php (mapa de carregar_scripts_rotina). Fica abaixo da dobra: fora do crítico.
 */
.rav{margin:36px 0 8px;padding:24px 22px;border-radius:16px;text-align:center;color:#fff;background:radial-gradient(ellipse 90% 80% at 50% 0%,rgba(201,162,39,.22),transparent 70%),linear-gradient(160deg,#141626,#0D0A0B);border:1px solid rgba(201,162,39,.35);box-shadow:0 10px 28px rgba(0,0,0,.18)}
.rav-kicker{margin:0 0 6px;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#c9a227}
.rav-titulo{margin:0 0 8px;font-size:clamp(1.15rem,2.4vw,1.5rem);line-height:1.3;color:#f3e6c8}
.rav-sub{margin:0 auto 14px;max-width:560px;font-size:.98rem;line-height:1.6;color:#cfc9ba}
.rav-sub strong{color:#f3e6c8}
.rav-form{margin:0}
.rav-estrelas{display:inline-flex;flex-direction:row-reverse;gap:6px;margin:0;padding:0;border:0}
.rav-estrelas label{cursor:pointer;font-size:2.1rem;line-height:1;color:rgba(255,255,255,.22);transition:color .12s ease,transform .12s ease;padding:4px}
.rav-estrelas label:hover,.rav-estrelas label:hover~label,.rav-estrelas input:checked~label{color:#c9a227}
.rav-estrelas label:hover{transform:scale(1.12)}
.rav-estrelas input:focus-visible+label{outline:2px solid #c9a227;outline-offset:3px;border-radius:6px}
.rav-status{min-height:1.4em;margin:10px 0 0;font-size:.92rem;font-weight:600;color:#e7dfcb}
.rav-status.rav-erro{color:#ff8a8c}
.rav-form.rav-enviando .rav-estrelas{opacity:.55;pointer-events:none}
.rav-entrar{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:12px 22px;border-radius:10px;background:#c9a227;color:#0D0A0B!important;font-weight:800;text-decoration:none;text-transform:uppercase;font-size:.88rem;letter-spacing:.04em}
.rav-entrar:hover{background:#e0b83a}
.rav-sr{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:600px){.rav{padding:20px 16px}.rav-estrelas label{font-size:1.9rem}}