/* Personalizzazione Giavì Pedara: fucsia e blu. Struttura e direzioni grafiche della base conservate. */
:root{--bg:#101b38;--panel:#18284a;--paper:#fff8fc;--ink:#202440;--accent:#ff86c8;--secondary:#397de1;--white:#fff;--muted:#d0d9ed;--line:rgba(190,200,235,.24);--red-surface:#aa216f;--red-light:#ffb8df;--green-light:#ff86c8}

.brand strong{letter-spacing:.04em;max-width:320px}
.brand small{letter-spacing:.09em;font-size:.6875rem}
.masthead{border-bottom-color:var(--secondary)}
.demo-note,.ribbon{background:var(--red-surface);color:var(--white)}
.button.primary{background:#ff86c8;color:var(--white)}
.button.primary:hover{background:#ffb8df}
.button.dark:hover,.proposal-invitation .invitation-button:hover{background:#18284a}
.eyebrow,.page-switch span,.page-switch a:hover,.footer-arrow,.text-link.light:hover{color:var(--red-light)}
.paper .eyebrow,.proposal-values .values-heading>.eyebrow,.proposal-values .values-description .text-link{color:#aa216f}
.proposal-values .values-row:nth-child(2) .text-link{color:var(--secondary)}
.manifesto-copy .eyebrow,.scope-heading .eyebrow,.prototype-type-copy .eyebrow,.prototype-team-heading .eyebrow,.prototype-partners-heading .eyebrow{color:var(--green-light)}
.manifesto-actions .text-link{border-color:var(--green-light)}
.proposal-manifesto:before{background:linear-gradient(180deg,var(--bg) 0%,rgba(16,27,56,.9) 18%,rgba(16,27,56,.58) 40%,rgba(16,27,56,0) 66%),linear-gradient(0deg,rgba(10,18,39,.65),transparent 16%)}
.proposal-manifesto h1 em,.prototype-type-copy h1 em,.scope-heading h2 em,.prototype-team-heading h2 em,.prototype-partners-heading h2 em,.contacts-grid h2 em{color:var(--red-light)}
.values-row+.values-row{border-color:#e6d7e5}
.values-label,.values-description,.prototype-academy-note,.prototype-academy-disclosure{color:#5c5670}
.scope-details>div+div,.scope-disclosure{border-color:#776982}
.scope-details dd,.scope-disclosure,.scope-intro,.footer-disclosure,.footer-identifier,.prototype-type-lead,.prototype-team-intro,.prototype-partners-intro{color:#dce4f5}
.prototype-match-band,.stock-player-card{background:var(--panel);border-color:#52618a}
.prototype-match-label>span:last-child{border-color:#52618a}
.prototype-match-pill{background:var(--red-surface);color:#fff;font-size:.6875rem}
.prototype-season-status{text-align:center;border-inline:1px solid #52618a;padding-inline:24px}
.prototype-season-status strong{display:block;font-family:var(--serif);font-size:2.25rem;line-height:1.15;font-weight:400}
.prototype-season-status>span{display:block;margin-top:7px;font-size:.875rem;color:var(--muted)}
.prototype-match-label{font-size:.6875rem}
.stock-player-photo{background:var(--panel)}
.stock-player-photo::after{background:linear-gradient(transparent,rgba(16,27,56,.95))}
.stock-player-number{color:var(--red-light)}
.stock-player-card:nth-child(even) .stock-player-number{color:var(--red-light)}
.stock-player-bottom>span,.prototype-team-note,.prototype-team-credits,.prototype-partners-bottom p,.prototype-partners-disclosure{color:var(--muted)}
.prototype-academy-intro h2 em{color:var(--red-surface)}
.prototype-academy-number,.values-number{color:var(--red-surface)}
.academy-step-copy{min-width:0}
.academy-step-copy p{font-size:.9rem;line-height:1.6;color:#5c5670;margin-top:12px;max-width:29em}
.media-partner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:147px;gap:20px}
.media-partner>span{font-family:var(--sans);font-weight:700;font-size:clamp(2.25rem,4vw,3.75rem);letter-spacing:-.06em;line-height:1.1}
.media-partner>small{color:var(--muted);font-size:.625rem;letter-spacing:.1em;text-align:center}
.media-partner:hover>span{color:var(--green-light)}
.club-contact-links{display:flex;align-items:center;flex-wrap:wrap;gap:24px 32px;margin-top:40px}
.club-contact-links .button{border-radius:999px}
.club-contact-links .text-link{min-height:44px;align-items:center}
.contact-list dd{font-size:1.05rem}
.accent-surface,.proposal-invitation,.prototype-closing{background:var(--red-surface);color:#fff}
.accent-surface .eyebrow,.accent-surface h2,.accent-surface h2 em,.prototype-closing .eyebrow,.prototype-closing h2,.prototype-closing h2>em,.proposal-invitation .eyebrow,.proposal-invitation h2,.proposal-invitation h2>em{color:#fff}
.footer-signature:hover{color:var(--green-light)}
.content-sources{margin-top:26px;color:var(--muted);font-size:.75rem;line-height:1.8}
.content-sources summary{cursor:pointer;width:fit-content;padding-block:10px;min-height:44px}
.content-sources p{max-width:1000px;margin-top:8px}
.content-sources a{text-decoration:underline;text-underline-offset:3px}
dialog{border-color:#776982}
@media(max-width:760px){.prototype-match-inner{grid-template-columns:minmax(0,1fr);gap:22px}.prototype-match-label{flex-direction:row;align-items:center;justify-content:center}.prototype-season-status{border:0;padding:0}.prototype-match-details{width:100%;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #52618a;padding-top:12px}.media-partner{min-height:129px}.academy-step-copy p{font-size:.875rem}}
@media(max-width:600px){.brand strong{font-size:.875rem;max-width:230px}.brand small{font-size:.625rem;letter-spacing:.045em}.prototype-type-copy h1{font-size:clamp(2rem,10.8vw,4.35rem)}.proposal-manifesto:before{background:linear-gradient(180deg,var(--bg) 0%,var(--bg) 25%,rgba(16,27,56,.7) 45%,rgba(16,27,56,0) 70%),linear-gradient(0deg,rgba(10,18,39,.75),transparent 20%)}.club-contact-links{gap:20px 26px;margin-top:30px}.club-contact-links .button{width:100%;font-size:.8125rem}.prototype-club-heading h2{font-size:clamp(2.5rem,10.3vw,4.7rem)}}

/* Colori del concept: tonalità adattate al contrasto. */

.media-partner>span{font-size:clamp(1.85rem,3.2vw,3.1rem);letter-spacing:-.055em}
.contact-list a{overflow-wrap:anywhere}
.prototype-club-description{color:#5c5670}

/* Contrasto e adattamento dei contenuti del club. */
.button.primary{color:var(--bg)}
.paper .button.primary{background:var(--red-surface);color:#fff}
.paper .button.primary:hover{background:#861c58}
.masthead{border-image:linear-gradient(90deg,#d93e96 0 50%,#397de1 50%) 1}
.proposal-invitation h2>em,.prototype-closing h2>em{color:#ffb8df}
.prototype-season-status strong{font-size:clamp(1.7rem,2.45vw,2.6rem)}
.prototype-type-copy h1{font-size:clamp(3.4rem,7.8vw,8rem)}
.prototype-academy-actions .button{gap:18px}
.prototype-team-top,.stock-player-top{overflow-wrap:anywhere}
.prototype-club-note{line-height:1.65;letter-spacing:.08em}
.contact-list dd{overflow-wrap:anywhere}
@media(max-width:760px){.prototype-academy-actions .button{max-width:100%}.prototype-match-label>span:last-child{border-color:#52618a}}
@media(max-width:600px){.prototype-type-copy h1{font-size:clamp(2.6rem,10.4vw,4.1rem)}.brand strong,.brand small{max-width:none}.prototype-closing h2{font-size:clamp(2.3rem,10vw,4.5rem)}}

/* Schede di esempio compatte: contenuti essenziali e leggibili. */
.prototype-team-grid{gap:16px}
.stock-player-top{padding:15px 14px;font-size:.75rem;letter-spacing:.015em}
.stock-player-photo{width:100%;aspect-ratio:5/4;max-height:210px}
.stock-player-card:nth-child(2) img{object-position:center 15%}
.stock-player-card:nth-child(3) img{object-position:center 20%}
.stock-player-number{font-size:3.25rem;left:14px;bottom:12px}
.stock-player-bottom{padding:17px 14px 20px;gap:6px}
.stock-player-bottom strong{font-size:1.55rem}
.stock-player-bottom>span{font-size:.75rem}
@media(max-width:1050px) and (min-width:601px){
 .stock-player-card{display:grid;grid-template-columns:104px minmax(0,1fr);grid-template-areas:"photo role" "photo info" "label info";grid-template-rows:auto 1fr auto}
 .stock-player-top{grid-area:role;padding:16px 12px 10px;gap:8px;align-items:flex-start}
 .stock-player-photo{grid-area:photo;aspect-ratio:auto;max-height:none;min-height:108px;height:100%;border-top-left-radius:7px}
 .stock-player-photo img{position:absolute;inset:0}
 .stock-player-number{font-size:2.5rem;left:10px;bottom:10px}
 .stock-photo-label{grid-area:label;padding:6px;font-size:12px;line-height:1.35;text-align:center;border-bottom-left-radius:7px}
 .stock-player-bottom{grid-area:info;padding:0 12px 16px;align-self:center}
 .stock-player-bottom strong{font-size:1.4rem}
}
@media(max-width:600px){
 .prototype-team-grid{grid-template-columns:1fr;gap:12px}
 .stock-player-card{display:grid;grid-template-columns:90px minmax(0,1fr);grid-template-areas:"photo role" "photo info" "label info";grid-template-rows:auto 1fr auto}
 .stock-player-top{grid-area:role;padding:14px 12px 10px;gap:8px;align-items:flex-start}
 .stock-player-top>span:last-child{font-size:1.125rem}
 .stock-player-photo{grid-area:photo;aspect-ratio:auto;max-height:none;min-height:96px;height:100%;border-top-left-radius:7px}
 .stock-player-photo img{position:absolute;inset:0}
 .stock-player-number{font-size:2.3rem;left:9px;bottom:8px}
 .stock-photo-label{grid-area:label;padding:6px;font-size:12px;line-height:1.35;text-align:center;border-bottom-left-radius:7px}
 .stock-player-bottom{grid-area:info;padding:0 12px 14px;align-self:center}
 .stock-player-bottom strong{font-size:1.45rem}
 .stock-player-bottom>span{font-size:.75rem}
}

/* Accenti fucsia e blu e intestazioni leggibili nelle schede. */
.prototype-type-copy h1 em{font-size:.82em}
.stock-photo-label{background:#fae6f1;color:#202440;font-size:12px}
.prototype-club-note,.prototype-academy-actions .text-link{color:#aa216f}
.prototype-match-pill{font-size:.75rem}

/* Illustrazioni originali di pallavolo e leggibilità del nuovo nome. */
.proposal-manifesto:before{background:linear-gradient(180deg,var(--bg) 0%,rgba(16,27,56,.88) 30%,rgba(16,27,56,.2) 62%,rgba(16,27,56,.08) 100%)}
.manifesto-photo{object-position:center bottom}
.manifesto-copy h1{font-size:clamp(3.5rem,8vw,8.5rem)}
.manifesto-copy{padding-bottom:300px}
.manifesto-caption{font-size:.75rem;letter-spacing:.08em}
.manifesto-caption p:last-child{color:#dce4f5}
.prototype-type-copy h1 em{font-size:.72em}
.stock-player-photo img,.stock-player-card:nth-child(2) img,.stock-player-card:nth-child(3) img,.stock-player-card:nth-child(4) img{object-fit:cover;object-position:center}
.stock-player-card:nth-child(1) .stock-player-photo img{object-position:50% 68%}
.stock-player-card:nth-child(2) .stock-player-photo img{object-position:50% 64%}
.stock-player-card:nth-child(3) .stock-player-photo img{object-position:52% 45%}
.stock-player-card:nth-child(4) .stock-player-photo img{object-position:63% 55%}
.prototype-team-credits{font-size:12px}
.stock-player-number{color:#ffffff!important;text-shadow:0 2px 8px #101b38}
.stock-photo-label{font-size:12px;letter-spacing:.01em}
.prototype-team-grid{gap:18px}
.prototype-match-inner{grid-template-columns:minmax(0,.8fr) minmax(0,1.1fr) minmax(0,1fr)}
.prototype-match-details{max-width:245px;line-height:1.6}
.prototype-season-status{padding-inline:16px}
.proposal-values .values-row:nth-child(2) .text-link{color:#245caa}
.paper h2 em{color:#245caa}
.prototype-academy-intro h2 em{color:#aa216f}
.invitation-alternative a{overflow-wrap:anywhere}
.detail-list>div{min-width:0}.detail-list dt{flex:0 0 35%}.detail-list dd{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){.prototype-match-inner{grid-template-columns:minmax(0,1fr)}.prototype-match-details{max-width:none}.prototype-type-copy h1 em{font-size:.65em}}
@media(max-width:600px){
 .manifesto-copy h1{font-size:11.2vw}.manifesto-copy h1 em{font-size:.94em}
 .manifesto-copy{padding-bottom:270px}
 .manifesto-photo{height:440px;min-width:100%;width:780px;max-width:none}
 .manifesto-caption{font-size:12px;letter-spacing:.035em}
 .prototype-type-copy h1{font-size:clamp(2.25rem,10.4vw,4.1rem)}
 .prototype-type-copy h1 em{font-size:.64em;letter-spacing:-.055em}
 .prototype-type-copy .eyebrow{line-height:1.8}
 .prototype-match-details>span{max-width:57%}
 .stock-player-photo img{padding:0}
 .prototype-team-grid{gap:12px}
 .ribbon{flex-wrap:wrap;justify-content:center}
}

/* Apertura fotografica: arena immaginaria generata con IA. */
.proposal-manifesto .manifesto-photo{inset:0;transform:none;width:100%;height:100%;min-width:0;object-fit:cover;object-position:50% 100%}
.proposal-manifesto:before{background:linear-gradient(180deg,rgba(16,27,56,.28),rgba(16,27,56,.2) 42%,rgba(16,27,56,0) 68%),linear-gradient(0deg,rgba(8,15,34,.62),transparent 13%)}
.proposal-manifesto .manifesto-caption{font-family:var(--sans);font-size:12px;letter-spacing:.06em;text-shadow:0 1px 5px #101b38}
.proposal-manifesto .manifesto-actions .text-link{background:rgba(16,27,56,.82);padding:5px 9px;border-radius:3px}
@media(max-width:600px){
 .proposal-manifesto:before{background:linear-gradient(180deg,rgba(16,27,56,.48),rgba(16,27,56,.38) 48%,transparent 67%),linear-gradient(0deg,rgba(8,15,34,.76),transparent 15%)}
 .proposal-manifesto .manifesto-copy{padding-bottom:300px}
 .proposal-manifesto .manifesto-caption{letter-spacing:.035em}
}

/* Prima sezione del prototipo: palazzetto immaginario dall'alto. */
.prototype-visual-stage{position:relative;isolation:isolate;overflow:hidden;background:var(--bg)}
.prototype-hero-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 100%}
.prototype-visual-stage:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(16,27,56,.35),rgba(16,27,56,.48) 40%,transparent 70%),linear-gradient(0deg,rgba(8,15,34,.82),transparent 12%)}
.prototype-visual-stage .prototype-type-copy{padding-top:clamp(48px,4.5vw,72px);padding-bottom:300px}
.prototype-visual-stage .prototype-type-note{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 24px;padding-bottom:20px;color:#fff;font-size:12px;line-height:1.5;text-shadow:0 1px 5px #101b38}
.prototype-hero-photo-label{font-size:12px;letter-spacing:.06em}
@media(max-width:600px){
 .prototype-hero-photo{inset:auto 0 0;height:clamp(250px,72vw,320px);object-fit:cover;object-position:50% 100%}
 .prototype-visual-stage:before{inset:auto 0 0;height:clamp(250px,72vw,320px);background:linear-gradient(0deg,rgba(8,15,34,.9),transparent 24%),linear-gradient(180deg,var(--bg),rgba(16,27,56,.6) 18%,transparent 45%)}
 .prototype-visual-stage .prototype-type-copy{padding-top:50px;padding-bottom:255px}
 .prototype-visual-stage .prototype-type-note{gap:6px 16px;font-size:12px}
 .prototype-hero-photo-label{letter-spacing:.035em}
}