/* Sei posizioni confrontabili sulla stessa home, 19/10/2026. */
.apertura { display:grid; grid-template-areas:"frase" "foto" "nav"; align-items:start; column-gap:clamp(24px,4vw,64px); }
.apertura > .frase { grid-area:frase; width:100%; }
.apertura > .foto { grid-area:foto; min-width:0; }
.nv .apertura > .contenitori { grid-area:nav; order:initial; align-self:center; display:grid; grid-template-columns:repeat(9,minmax(0,1fr)); gap:7px; width:100%; max-width:1440px; margin:28px auto 0; padding:0; border:0; background:none; border-radius:0; box-shadow:none; }
.nv .apertura .contenitori::before { display:none; }
.nv .apertura :is(.c__btn,.c--link) { display:flex; flex-direction:row; align-items:center; justify-content:center; gap:7px; width:auto; height:auto; min-height:var(--contenitore-altezza,54px); aspect-ratio:auto; margin:0; padding:10px 8px; background:var(--beige-luce,var(--beige)); color:var(--font-color,var(--acc)); border:1px solid var(--linea); border-radius:5px; outline:0; clip-path:none; transform:none; box-shadow:none; text-align:center; }
.nv .apertura :is(.c__btn,.c--link)::before,.nv .apertura :is(.c__btn,.c--link)::after { display:none; }
.nv .apertura :is(.c__btn,.c--link):hover { background:var(--tinta-luce); border-color:var(--acc); transform:none; }
.nv .apertura :is(.c__btn,.c--link):focus-visible { outline:2px solid var(--acc); outline-offset:3px; }
.nv .apertura .c__btn[aria-expanded="true"] { background:var(--acc); color:var(--beige); border-color:var(--acc); box-shadow:none; }
.nv .apertura .c__icona { position:static; width:19px; height:19px; margin:0; opacity:1; }
.nv .apertura .c__n { display:none; }
.nv .apertura .c__nome { padding:0; background:none; font:650 .72rem/1.2 var(--font); font-stretch:90%; text-transform:none; letter-spacing:0; overflow-wrap:anywhere; }
.nv .apertura .c__segno { position:relative; inset:auto; flex:none; width:7px; height:7px; margin:0; color:inherit; }
.nv .apertura .c__sub { margin:0; padding:14px; border:1px solid var(--linea); border-radius:5px; background:var(--beige-luce,var(--beige)); color:var(--ink); text-align:center; }
.nv .apertura .c__sub:not([hidden]) { display:block; }
.nv .apertura .c__voci { flex-direction:row; justify-content:center; align-items:center; gap:6px; }
.nv .apertura .c__voci a { padding:7px 10px; border:1px solid var(--linea); border-radius:3px; font:500 .8rem/1.4 var(--font); color:var(--font-color,var(--acc)); background:transparent; }
.nv .apertura .c__voci a:hover,.nv .apertura .c__voci .c__tutto { background:var(--acc); color:var(--beige); border-color:var(--acc); }
.nv .apertura .c__foto { display:none; }
.apertura[data-posizione="sopra"] { grid-template-areas:"nav" "frase" "foto"; }
.apertura[data-posizione="tra"] { grid-template-areas:"frase" "nav" "foto"; }
.apertura[data-posizione="griglia"] .contenitori { grid-template-columns:repeat(3,minmax(0,1fr)); max-width:660px; }
.apertura[data-posizione="griglia"] :is(.c__btn,.c--link) { min-height:var(--contenitore-piccolo,44px); }
@media (min-width:1101px) {
  .apertura[data-posizione="sinistra"] { grid-template-areas:"nav frase" "nav foto"; grid-template-columns:182px minmax(0,1fr); grid-template-rows:min-content 1fr; }
  .apertura[data-posizione="destra"] { grid-template-areas:"frase nav" "foto nav"; grid-template-columns:minmax(0,1fr) 182px; grid-template-rows:min-content 1fr; }
  .nv .apertura:is([data-posizione="sinistra"],[data-posizione="destra"]) > .contenitori { grid-template-columns:minmax(0,1fr); gap:5px; margin-top:28px; }
  .nv .apertura:is([data-posizione="sinistra"],[data-posizione="destra"]) :is(.c__btn,.c--link) { justify-content:flex-start; min-height:var(--contenitore-laterale,39px); padding:9px 11px; text-align:left; }
  .nv .apertura:is([data-posizione="sinistra"],[data-posizione="destra"]) .c__segno { margin-left:auto; }
  .nv .apertura:is([data-posizione="sinistra"],[data-posizione="destra"]) .c__sub { order:initial; padding:8px; }
  .nv .apertura:is([data-posizione="sinistra"],[data-posizione="destra"]) .c__voci { flex-direction:column; align-items:stretch; }
  .nv .apertura:is([data-posizione="sinistra"],[data-posizione="destra"]) .c__voci a { text-align:left; }
}
@media (max-width:1100px) {
  .nv .apertura > .contenitori { grid-template-columns:repeat(3,minmax(0,1fr)); max-width:660px; }
  .nv .apertura :is(.c__btn,.c--link) { min-height:var(--contenitore-piccolo,44px); }
}
@media (max-width:440px) {
  .nv .apertura :is(.c__btn,.c--link) { flex-wrap:wrap; gap:5px; padding:8px 5px; min-height:var(--contenitore-mobile,58px); }
  .nv .apertura .c__nome { font-size:.68rem; }
  .nv .apertura .c__icona { width:17px; height:17px; }
}
/* Selettore nella barra delle prove. */
.scegli-posizione summary { display:flex; align-items:center; gap:5px; min-height:32px; padding-inline:6px; cursor:pointer; list-style:none; }
.scegli-posizione summary::-webkit-details-marker { display:none; }
.scegli-posizione summary::after { content:"⌄"; }
.posizione-attuale { font-weight:400; }
.scegli-posizione__pannello { position:fixed; z-index:1; top:60px; left:50%; transform:translateX(-50%); width:min(350px,calc(100vw - 32px)); padding:16px; background:#fffefa; color:#242834; border:1px solid #cbd8e5; border-radius:10px; box-shadow:0 8px 30px rgb(48 72 98 / .16); }
.scegli-posizione__pannello p { margin-bottom:12px; font-weight:700; }
.scegli-posizione__pannello [role="group"] { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.scegli-posizione__pannello button { min-height:var(--contenitore-piccolo,44px); padding:10px; border:1px solid #cbd8e5; border-radius:5px; text-align:left; font:500 12px/1.3 system-ui,sans-serif; }
.scegli-posizione__pannello button[aria-pressed="true"] { background:#edf5fd; border-color:#304862; font-weight:700; }
.scegli-posizione__pannello button[aria-pressed="true"]::after { content:" ✓"; }
@media (max-width:600px) {
  .posizione-attuale { display:none; }
  .prova { flex-wrap:wrap; column-gap:4px; row-gap:0; }
}
