@font-face{font-family:'Murecho';font-style:normal;font-weight:400;font-display:swap;src:url('font/murecho-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Murecho';font-style:normal;font-weight:400;font-display:swap;src:url('font/murecho-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Murecho';font-style:normal;font-weight:500;font-display:swap;src:url('font/murecho-500-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Murecho';font-style:normal;font-weight:500;font-display:swap;src:url('font/murecho-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Murecho';font-style:normal;font-weight:700;font-display:swap;src:url('font/murecho-700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Murecho';font-style:normal;font-weight:700;font-display:swap;src:url('font/murecho-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url('font/roboto-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url('font/roboto-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url('font/roboto-700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url('font/roboto-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

/* Feedback pubblico Japan Matsuri 2026 — stesso vestito dei moduli palco e giuria. */

:root{
  --red:#bc0b31; --red-scuro:#8d0824; --blu:#1c244b; --testo:#333; --soft:#5d5d63;
  --washi:#f5efe4; --oro:#caa64b; --linea:#ddd5c7; --bianco:#fff; --errore:#bc0b31;
}
*{box-sizing:border-box}
body{margin:0;background:var(--washi);color:var(--testo);
  font-family:'Murecho',system-ui,sans-serif;font-size:18px;line-height:1.6;
  -webkit-font-smoothing:antialiased}

/* testata */
.fb-testa{position:relative;overflow:hidden;background:var(--bianco);padding:52px 24px 42px;text-align:center;
  border-bottom:1px solid var(--linea)}
.fb-testa::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--red),var(--oro) 40%,rgba(202,166,75,0))}
.fb-sole{position:absolute;right:-44px;top:-52px;width:190px;opacity:.09;pointer-events:none}
.fb-testa h1{position:relative;margin:0 0 12px;color:var(--red);font-size:44px;line-height:1.08;font-weight:700;letter-spacing:-.01em}
.fb-testa p{position:relative;margin:0 auto;max-width:620px;color:var(--soft);font-size:18px}
.fb-testa .minuti{position:relative;display:inline-flex;align-items:center;gap:8px;margin-top:16px;
  font-size:14px;color:var(--red);font-weight:500}

/* lingue */
.lingue{position:absolute;top:16px;right:18px;display:flex;gap:6px;font-size:14px;z-index:2}
.lingue a,.lingue b{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;
  padding:5px 12px;border:1px solid var(--linea);text-decoration:none;color:var(--soft);font-weight:500}
.lingue a:hover{border-color:var(--red);color:var(--red)}
.lingue a:focus-visible{outline:3px solid rgba(188,11,49,.35);outline-offset:2px}
.lingue b{background:var(--red);border-color:var(--red);color:var(--bianco);font-weight:700}

.fb-wrap{max-width:760px;margin:0 auto;padding:34px 20px 70px}
.fb-card{background:var(--bianco);border:1px solid var(--linea);padding:30px 32px}

/* tagliandi -> sezioni */
.tagliando{border:0;margin:0 0 34px;padding:0}
.tagliando:last-of-type{margin-bottom:20px}
.tagliando > h2{padding:0;margin:0 0 14px;color:var(--blu);font-size:22px;font-weight:700}
.tagliando .aiuto{margin:-8px 0 18px;color:var(--soft);font-size:15px}
.numero{display:none}

.campo{margin:0 0 26px;border:0;padding:0;min-inline-size:0}
.campo > .dom,legend.dom{display:block;margin:0 0 10px;padding:0;font-weight:500}
.fac{color:var(--soft);font-weight:400;font-size:15px}
.sr-solo{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* scelte */
.scelte{display:flex;flex-wrap:wrap;gap:10px}
.scelte.colonna{flex-direction:column;align-items:flex-start}
.scelte label,.punti label,.nps label{position:relative;display:inline-flex;align-items:center;gap:8px;
  border:1px solid var(--linea);padding:9px 16px;cursor:pointer;background:var(--bianco);font-size:17px;
  transition:background .12s ease,border-color .12s ease,color .12s ease}
.scelte input,.punti input,.nps input{position:absolute;opacity:0;width:0;height:0;margin:0}
.scelte label:hover,.punti label:hover,.nps label:hover{border-color:var(--red);color:var(--red)}
.scelte label:has(input:checked),.punti label:has(input:checked),.nps label:has(input:checked){
  border-color:var(--red);background:var(--red);color:var(--bianco)}
.scelte label:has(input:focus-visible),.punti label:has(input:focus-visible),.nps label:has(input:focus-visible){
  outline:3px solid rgba(188,11,49,.35);outline-offset:2px}

/* voti 1-5 */
.scala{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.estremo{color:var(--soft);font-size:14px;flex:0 0 132px;width:132px}
.estremo.destra{text-align:right}
.punti{display:flex;gap:8px}
.punti label{width:46px;height:46px;justify-content:center;padding:0;font-weight:700}
.punti .foro{display:none}

/* consiglio 0-10 */
.nps{display:flex;flex-wrap:wrap;gap:8px}
.nps label{width:46px;height:46px;justify-content:center;padding:0;font-weight:700}
.nps-scala{display:block;margin-top:4px;font-weight:400;color:var(--soft);font-size:15px}

textarea,input[type=text],input[type=email],select{width:100%;font:inherit;font-size:17px;color:var(--testo);
  border:1px solid var(--linea);background:var(--bianco);padding:12px 14px;border-radius:0;appearance:none}
select{background-image:linear-gradient(45deg,transparent 50%,var(--soft) 50%),linear-gradient(135deg,var(--soft) 50%,transparent 50%);
  background-position:calc(100% - 20px) 22px,calc(100% - 14px) 22px;background-size:6px 6px;background-repeat:no-repeat;
  padding-right:42px;cursor:pointer}
textarea{min-height:104px;resize:vertical}
textarea:focus,input:focus,select:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px rgba(188,11,49,.14)}
.coppia{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.altro-stand{display:none}
#c-stand:has(#stand option[value="altro"]:checked) .altro-stand{display:block}

/* invio */
.stacca{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border-top:1px solid var(--linea);padding-top:24px}
.stacca button{font:inherit;font-weight:700;font-size:18px;color:var(--bianco);background:var(--red);
  border:0;border-radius:999px;padding:14px 34px;cursor:pointer;display:inline-flex;align-items:center;gap:10px}
.stacca button:hover{background:var(--red-scuro)}
.stacca button:focus-visible{outline:3px solid rgba(188,11,49,.4);outline-offset:3px}
.stacca .nota{margin:0;color:var(--soft);font-size:15px}

.errori{background:#fdf0f2;border:1px solid var(--red);padding:16px 20px;margin:0 0 26px}
.errori p{margin:0 0 6px;font-weight:700;color:var(--red)}
.errori ul{margin:0;padding-left:20px}
.errori a{color:var(--red);font-weight:700}

/* esito e chiusura */
.grazie,.chiuso{background:var(--bianco);border:1px solid var(--linea);padding:40px 34px;text-align:center}
.grazie h2,.chiuso h2{margin:0 0 12px;color:var(--red);font-size:32px;font-weight:700}
.grazie p,.chiuso p{margin:0 auto;max-width:520px;color:var(--soft)}
.grazie .timbro{display:block;margin:0 auto 18px;width:84px;height:84px}
.grazie .filo{display:none}

.pie{max-width:760px;margin:0 auto;padding:0 20px 50px;color:var(--soft);font-size:14px;text-align:center}
.pie a{color:var(--soft)}

@media(max-width:700px){
  .fb-testa{padding:64px 18px 32px}
  .fb-testa h1{font-size:32px}
  .fb-card{padding:24px 18px}
  .coppia{grid-template-columns:1fr}
  .scala{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"num num" "sx dx";gap:8px}
  .punti{grid-area:num;justify-content:space-between;gap:6px}
  .punti label{width:100%;height:46px}
  .estremo{grid-area:sx;flex:none;width:auto;font-size:13px}
  .estremo.destra{grid-area:dx}
  .nps{gap:6px}
  .nps label{width:calc((100% - 30px) / 6);height:46px;font-size:16px}
  .stacca button{width:100%;justify-content:center}
}

@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation:none!important}}