/* Fase 12.1: formulario de opiniones y marquesina */
.op-kinds{border:0;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem}.op-kinds legend{font-weight:600;margin-bottom:.6rem;padding:0}
.op-k{position:relative;cursor:pointer;display:block}.op-k input{position:absolute;opacity:0}
.op-k span{display:flex;flex-direction:column;gap:.15rem;height:100%;padding:.8rem 1rem;border-radius:16px;border:1px solid rgb(var(--ov)/0.1647);background:rgb(var(--ov)/0.0706);transition:border-color .2s,background .2s,transform .2s}
.op-k small{opacity:.75}.op-k:hover span{transform:translateY(-2px)}
.op-k input:checked+span{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 16%,transparent)}
.op-k input:focus-visible+span{outline:2px solid var(--primary);outline-offset:2px}
.op-rate{display:grid;gap:.3rem;justify-items:center}.op-rate[hidden]{display:none}
.op-pub[hidden],.op-note:empty{display:none}
.op-cta{text-align:center;margin:1.2rem 0 0}