/* Piloto Club · visual aprobada, octubre 2026. Se mantiene la identidad y el funcionamiento de Piloto. */
:root{--club-coral:#FF9C8C;--club-lilac:#BBA9F6;--club-stroke:#080B12;--club-shadow:4px 4px 0 var(--club-stroke);--piloto-muted:#B8BECC;--card-radius:12px}
#app .page-title{font-weight:800;letter-spacing:-.05em;line-height:1.12;font-size:clamp(32px,4.5vw,48px)}
#app .section-label{font-size:11px;letter-spacing:.13em;color:var(--piloto-muted)}
#app .club-badge{display:inline-block;flex:none;margin-left:10px;padding:4px 7px;border:2px solid var(--club-stroke);border-radius:3px;background:var(--piloto-lime);color:var(--piloto-ink);box-shadow:2px 2px var(--club-stroke);font:600 9px/1.2 var(--font-ui);letter-spacing:1px;transform:rotate(-5deg)}
#app .brand-link{flex-basis:160px;width:160px;max-width:46vw;overflow:visible;gap:0}#app .header-wordmark{width:105px;max-height:34px}#app .app-header{border-bottom:2px solid var(--club-stroke)}
#app .app-header .profile-button{border:2px solid var(--club-stroke);border-radius:10px;background:var(--club-lilac);box-shadow:2px 2px var(--club-stroke)}#app .profile-button img[src$="user-round.svg"]{filter:none}
#app .button,#app .button.small,#app .button.full,#app .button.secondary,#app .button.decision-secondary{min-height:48px;border:2px solid var(--club-stroke);border-radius:9px;box-shadow:var(--club-shadow);font-weight:600;transition:transform .12s,box-shadow .12s}
#app .button:not(.secondary):not(.decision-secondary){background:var(--piloto-lime);color:var(--piloto-ink)}#app .button.secondary,#app .button.decision-secondary{background:var(--piloto-paper);color:var(--piloto-ink)}
#app .button:not(:disabled):active,#app .choice:not(:disabled):active,#app .streaming-platform-link:active{transform:translate(3px,3px);box-shadow:1px 1px var(--club-stroke)}
#app .button.secondary img,#app .button.decision-secondary img{filter:none}#app .quiet-button{min-height:44px;text-decoration:underline;text-underline-offset:4px}
#app .profile-card,#app .panel,#app .session-card,#app .discovery-state,#app .history-game-panel,#app .history-game-state{border:2px solid var(--club-stroke);border-radius:12px;box-shadow:var(--club-shadow)}
#app .history-entry-card{border:2px solid var(--club-stroke)!important}#app .profile-card h2,#app .profile-card h3,#app .session-card h2{font-weight:800;letter-spacing:-.035em}
#app input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),#app select,#app textarea{min-height:48px;border:2px solid var(--club-stroke);border-radius:8px;background:var(--piloto-paper);color:var(--piloto-ink);color-scheme:light;box-shadow:2px 2px var(--club-stroke)}#app input::placeholder,#app textarea::placeholder{color:#616675}#app .checkbox-line input{accent-color:var(--piloto-lime)}
#app .choice-grid .choice,#app .choice-row .choice,#app .genre-choice-row .choice,#app .mood-choice-row .choice,#app .choice{min-height:48px;border:2px solid var(--club-stroke);border-radius:8px;box-shadow:2px 2px var(--club-stroke);font-weight:600}
#app .choice-grid .choice:not(.selected),#app .genre-choice-row .choice:not(.selected),#app .mood-choice-row .choice:not(.selected){border-color:var(--club-stroke);background:var(--piloto-surface)}
#app .choice-grid .choice.selected,#app .genre-choice-row .choice.selected,#app .mood-choice-row .choice.selected,#app .choice.selected{background:var(--club-lilac);border-color:var(--club-stroke);color:var(--piloto-ink);box-shadow:3px 3px var(--club-stroke)}
#app .mood-choice-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:25px}#app .mood-choice-row .choice{padding:18px 12px;min-height:74px;text-align:left;font-size:15px;position:relative}#app .mood-choice-row .choice::before{content:'✳';display:block;font-size:24px;line-height:1;margin-bottom:10px;color:var(--piloto-lime)}#app .mood-choice-row .choice.selected::before{color:var(--piloto-ink)}#app .mood-choice-row .choice:nth-child(2)::before{content:'☺'}#app .mood-choice-row .choice:nth-child(3)::before{content:'☾'}#app .mood-choice-row .choice:nth-child(4)::before{content:'?'}
#app .tabbar{background:var(--piloto-paper);border:2px solid var(--club-stroke);border-radius:12px;box-shadow:var(--club-shadow);backdrop-filter:none;padding:7px;gap:5px}#app .tabbar button{color:var(--piloto-ink);font-size:11px;border-radius:7px;font-weight:600}#app .tabbar .tab-icon{filter:none}#app .tabbar button.active{background:var(--piloto-lime);color:var(--piloto-ink);outline:2px solid var(--club-stroke)}#app .tabbar button.active .tab-icon{filter:none}#app .tabbar button.active::after{content:none}
#app .home-hero{background:var(--piloto-lime);color:var(--piloto-ink);border:2px solid var(--club-stroke);border-radius:12px;box-shadow:var(--club-shadow);margin:12px 4px 30px 0;overflow:hidden}
#app .home-headline{position:relative;min-height:205px;padding:28px;isolation:isolate;overflow:hidden}#app .home-headline>div{position:relative;z-index:1;max-width:72%}#app .home-headline .page-title{color:var(--piloto-ink);font-weight:800;max-width:12ch;margin-bottom:14px}#app .home-headline .section-label{color:var(--piloto-ink);font-size:9px;max-width:210px}#app .home-headline .page-intro{color:var(--piloto-ink);font-size:14px;max-width:220px}
#app .home-screen img.home-mascot{display:block!important;position:absolute;right:10px;bottom:4px;left:auto;top:auto;width:170px;height:auto;opacity:1;transform:rotate(9deg);z-index:0;filter:none}
#app img.kit-mascot,#app img.empty-mascot,#app img.history-game-mascot,#app img.club-decision-mascot{display:block!important;position:static;width:148px;height:auto;margin:8px auto 20px;opacity:1;filter:none;transform:none;animation:none}#app div.section-art{display:block!important;margin:12px 0 18px;min-height:0;height:auto}#app .section-art img.kit-mascot{width:110px;margin:0}#app .club-mascot{display:block;width:130px;height:auto;margin:10px auto 20px}
#app .club-onboarding-note{display:flex;align-items:center;gap:18px;margin:20px 0}#app .club-onboarding-note .club-mascot{width:85px;margin:0}#app .club-onboarding-note p{color:var(--piloto-muted);font-size:14px;margin:0}
#app .personalized-for{color:var(--piloto-muted);font-size:13px}#app .question-kicker{font:800 21px/1.25 var(--font-display);letter-spacing:-.03em;margin:26px 0 16px}#app .avoid-picker{border:2px solid var(--club-stroke);border-radius:9px;padding:16px;background:var(--piloto-surface)}#app .home-cta{margin:26px 4px 16px 0;width:calc(100% - 4px)}
#app .featured-series{border:2px solid var(--club-stroke);border-radius:11px;box-shadow:3px 3px var(--club-stroke);background:var(--piloto-surface)}#app .featured-save{border:2px solid var(--club-stroke);border-radius:7px;background:var(--piloto-paper);box-shadow:2px 2px var(--club-stroke)}#app .featured-save img{filter:none}
#app .series-list{gap:25px}#app .series-list .series-card,#app .series-card,#app .series-card:first-child{background:var(--piloto-paper);color:var(--piloto-ink);border:2px solid var(--club-stroke);border-radius:12px;box-shadow:var(--club-shadow);overflow:hidden;width:calc(100% - 4px);align-self:start}
#app .series-card .series-hero,#app .series-list .series-card:first-child .series-hero,#app .screen-voting .series-card .series-hero{display:flex;flex-direction:column;min-height:0;background:var(--piloto-paper);position:relative}
#app .series-card .series-poster,#app .series-list .series-card:first-child .series-poster,#app .screen-voting .series-card .series-poster,#app .series-card .poster-fallback,#app .series-list .series-card:first-child .poster-fallback,#app .screen-voting .series-card .poster-fallback{width:100%;height:270px;min-height:270px;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:center 28%;border-radius:0;background:var(--piloto-ink)}
#app .series-card .series-meta{background:var(--piloto-paper);padding:22px 20px 0;display:block;color:var(--piloto-ink);position:static}#app .series-card .series-body{padding:12px 20px 22px;color:var(--piloto-ink)}#app .series-card .series-title{font:800 28px/1.12 var(--font-display);color:var(--piloto-ink);letter-spacing:-.05em;overflow-wrap:anywhere}#app .series-card .series-subtitle,#app .series-card .small-note,#app .series-card .reason,#app .series-card .language-badge{color:#4B5261}
#app .series-card .option-label{position:absolute;top:238px;left:16px;max-width:calc(100% - 32px);padding:8px 11px;border:2px solid var(--club-stroke);border-radius:4px;box-shadow:3px 3px var(--club-stroke);background:var(--club-coral);color:var(--piloto-ink);font:800 11px/1.3 var(--font-display);transform:rotate(-3deg);z-index:2}#app .series-card:nth-child(2) .option-label{background:var(--club-lilac);transform:rotate(2deg)}#app .series-card:nth-child(3) .option-label{background:var(--piloto-lime)}
#app .series-card .language-badge{background:transparent;border:1px solid #A7A99F;border-radius:4px;padding:4px 7px;margin:4px 0 12px;font-size:10px}#app .series-card .match-pill{background:var(--club-lilac);color:var(--piloto-ink);border:1px solid var(--club-stroke);border-radius:4px;font-size:11px;box-shadow:1px 1px var(--club-stroke)}#app .series-card .tag{border:1px solid #B5B7AF;background:transparent;color:#4B5261;border-radius:4px;font-size:11px;padding:4px 7px}
#app .series-title-row{align-items:start}#app .series-card .save-button{position:absolute;top:14px;right:14px;width:44px;height:44px;min-width:44px;padding:10px;border:2px solid var(--club-stroke);border-radius:8px;background:var(--piloto-paper);box-shadow:2px 2px var(--club-stroke);z-index:3}#app .series-card .save-button img{filter:none}#app .series-card .save-button.saved{background:var(--club-coral)}
#app .series-card .streaming-availability{background:transparent;border:0;border-top:1px solid #C8C9C0;border-radius:0;padding:16px 0 0;color:var(--piloto-ink)}#app .series-card .streaming-availability p,#app .series-card .streaming-availability strong{color:#4B5261}#app .series-card .series-actions{gap:12px}#app .series-card .series-actions .button{max-width:100%;width:calc(100% - 4px)}
#app .streaming-platform-link{border:2px solid var(--club-stroke);border-radius:9px;box-shadow:3px 3px var(--club-stroke)}#app .streaming-platform-link .streaming-platform-logo{border-radius:6px}#app .streaming-platform-link:hover{border-color:#737D57}
#app .tag,#app .mood-chip,#app .session-status,#app .status-chip{border-radius:5px}#app .mood-chip{border:2px solid var(--club-stroke);background:var(--club-lilac);color:var(--piloto-ink);box-shadow:2px 2px var(--club-stroke)}#app .mood-chip img{filter:none}#app .avatar{border:2px solid var(--club-stroke);background:var(--club-lilac);color:var(--piloto-ink);border-radius:12px;box-shadow:2px 2px var(--club-stroke)}#app .participant:nth-child(2n) .avatar{background:var(--club-coral)}#app .participant:nth-child(3n) .avatar{background:var(--piloto-lime)}
#app .qr-wrap{border:2px solid var(--club-stroke);border-radius:10px;box-shadow:var(--club-shadow)}#app .veto-choice{border-radius:5px}#app .session-status{background:var(--club-lilac);color:var(--piloto-ink);border:2px solid var(--club-stroke);font-weight:600}#app .session-intent,#app .onboarding-history-method,#app .history-onboarding-prompt,#app .history-onboarding-prompt.completed{border:2px solid var(--club-stroke);border-radius:10px}
#app .decision-screen{max-width:720px}#app .decision-screen h1{font-weight:800;font-size:clamp(40px,6vw,62px);letter-spacing:-.055em}#app .club-highlight{color:var(--piloto-lime)}#app img.club-decision-mascot{width:158px;margin:4px auto 22px}#app .decision-poster{border:2px solid var(--club-stroke);border-radius:11px;box-shadow:var(--club-shadow);background:var(--piloto-paper);color:var(--piloto-ink)}#app .decision-poster-img{max-height:320px;object-fit:cover;object-position:center 25%}#app .decision-caption{padding:20px}#app .decision-caption h2,#app .decision-caption p,#app .decision-caption .language-badge{color:var(--piloto-ink)}#app .decision-caption .language-badge{background:transparent;border-color:#B5B7AF}#app .decision-actions .streaming-availability{border:2px solid var(--club-stroke);border-radius:10px;background:var(--piloto-surface)}
#app .history-game-card{border:2px solid var(--club-stroke);border-radius:11px;box-shadow:var(--club-shadow)}#app .history-game-choice{border:2px solid var(--club-stroke);border-radius:8px;box-shadow:3px 3px var(--club-stroke)}#app .history-game-no{background:var(--club-coral);color:var(--piloto-ink)}#app .history-swipe-stamp{border:2px solid var(--club-stroke);box-shadow:3px 3px var(--club-stroke);border-radius:5px}#app .rating-option{border:2px solid var(--club-stroke);border-radius:8px}#app .history-progress-track{border:1px solid var(--club-stroke);border-radius:3px}#app .status-chip{background:var(--club-lilac);color:var(--piloto-ink);border:2px solid var(--club-stroke);min-height:40px}#app .status-chip.pending{background:var(--club-coral)}
#app .auth-page{padding:40px 24px;background:var(--piloto-ink)}#app .auth-card{position:relative;max-width:460px;width:100%}#app .auth-brand{position:relative;margin-bottom:20px}#app .auth-brand .brand-copy{position:relative}#app .auth-brand .brand-copy .club-badge{position:absolute;top:0;right:-54px}#app .auth-brand small{font-size:9px;letter-spacing:.08em}#app .auth-card h1{font-size:40px;font-weight:800;line-height:1.1;letter-spacing:-.05em}#app .club-auth-mascot{display:block;width:125px;margin:0 0 18px auto}#app .auth-card>.club-badge{margin:0 0 18px}#app .auth-card .field{font-size:13px}#app .auth-card .button{width:calc(100% - 4px)}#app .auth-toggle{color:var(--club-lilac);min-height:48px}#app .privacy-note{font-size:11px;line-height:1.7}
#app .message{border:2px solid var(--club-stroke);border-radius:8px;background:var(--club-coral);color:var(--piloto-ink)}#app .message.success{background:var(--piloto-lime);color:var(--piloto-ink)}.toast{background:var(--piloto-lime);color:var(--piloto-ink);border:2px solid var(--club-stroke);border-radius:8px;box-shadow:var(--club-shadow)}
#app .install-card{border:2px solid var(--club-stroke);border-radius:10px;background:var(--piloto-surface)}#app .empty-state{border:2px dashed var(--line);border-radius:12px;padding:32px 22px;background:transparent}#app .empty-state strong{font-family:var(--font-display);font-size:24px;line-height:1.2;margin-bottom:12px}#app .boot img{width:130px}
#app .series-card :is(a,button,input):focus-visible{outline-color:#7550B0}#app .tabbar button:focus-visible{outline:3px solid #7550B0;outline-offset:3px}
@media(min-width:800px){#app .discovery-series-list{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr))}#app .home-headline{min-height:225px}#app .home-headline .page-title{font-size:48px;max-width:14ch}#app .home-screen img.home-mascot{width:210px;right:35px}#app .screen-voting .series-card .series-title{font-size:25px}#app .series-card .series-meta{padding:22px 16px 0}#app .series-card .series-body{padding:12px 16px 20px}}
@media(min-width:1100px){#app .tabbar{border:0;border-right:2px solid var(--club-stroke);border-radius:0;box-shadow:none;background:var(--piloto-ink);padding:132px 16px 28px}#app .tabbar button{color:var(--piloto-paper);font-size:14px;border:2px solid transparent;min-height:52px}#app .tabbar button .tab-icon{filter:invert(95%)}#app .tabbar button.active{color:var(--piloto-ink);outline:0;border-color:var(--club-stroke);box-shadow:3px 3px var(--club-stroke)}#app .tabbar button.active .tab-icon{filter:none}#app .brand-link{width:170px;max-width:none}#app .header-wordmark{width:112px}#app .tabbar:after{content:'';margin-top:auto;display:block;width:110px;height:110px;min-height:110px;background:url('./assets/club/rulo-descanso-sobre-tinta.svg') center/contain no-repeat;align-self:center}}
@media(max-width:520px){#app .app-main{padding:16px 20px 28px}#app .app-header .brand-link{flex-basis:152px;width:152px}#app .header-wordmark{width:98px}#app .home-headline{padding:23px;min-height:210px}#app .home-headline>div{max-width:76%}#app .home-headline .page-title{font-size:34px;max-width:10ch}#app .home-screen img.home-mascot{width:120px;right:-7px;bottom:-2px}#app .home-headline .page-intro{max-width:160px;font-size:13px}#app .mood-choice-row{grid-template-columns:repeat(2,minmax(0,1fr))}#app .profile-card,#app .session-card,#app .history-game-state{padding:20px}#app .series-card .series-poster,#app .series-list .series-card:first-child .series-poster,#app .screen-voting .series-card .series-poster{height:255px;min-height:255px}#app .series-card .option-label{top:223px}#app .tabbar button{font-size:10px;min-height:54px}#app .club-auth-mascot{width:100px}#app .auth-card h1{font-size:36px}#app .auth-brand .brand-copy .club-badge{right:-47px}#app .page-intro{font-size:14px}}
@media(max-width:360px){#app .app-main{padding-inline:16px}#app .app-header{padding-inline:16px;gap:8px}#app .app-header .brand-link{flex-basis:133px;width:133px}#app .header-wordmark{width:85px}#app .club-badge{font-size:8px;margin-left:7px;padding:4px}#app .tabbar{left:8px;right:8px;width:calc(100% - 16px)}#app .home-headline .page-title{font-size:30px}#app .home-headline .section-label{font-size:8px}#app .home-screen img.home-mascot{width:100px}#app .tabbar button{font-size:9px}#app .series-card .series-meta{padding-inline:16px}#app .series-card .series-body{padding-inline:16px}#app .club-onboarding-note{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Specificities shared with the retained base theme. */
#app .button.secondary img[src*="assets/icons"],#app .button.decision-secondary img[src*="assets/icons"]{filter:none}
#app .button.secondary:hover:not(:disabled),#app .button.decision-secondary:hover:not(:disabled){background:#E4DCF9;color:var(--piloto-ink);border-color:var(--club-stroke);box-shadow:var(--club-shadow)}
#app .button:hover:not(:disabled){box-shadow:var(--club-shadow)}
@media(min-width:800px){#app .screen-voting .discovery-series-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Keep the Club badge within the auth card at narrow widths. */
#app .auth-brand .brand-copy .club-badge{left:140px;right:auto;top:5px}
#app .auth-card-login{display:grid;grid-template-columns:minmax(0,1fr) 215px;align-items:start;column-gap:8px}
#app .auth-card-login .auth-brand{grid-column:1;grid-row:1;margin:0}
#app .auth-card-login .club-auth-mascot{grid-column:2;grid-row:1;width:215px;max-width:100%;margin:0;justify-self:end}
#app .auth-card-login>h1,#app .auth-card-login>.auth-copy,#app .auth-card-login>form,#app .auth-card-login>.auth-toggle,#app .auth-card-login>.quiet-button,#app .auth-card-login>.privacy-note{grid-column:1/-1}
@media(max-width:520px){#app .auth-card-login{grid-template-columns:minmax(0,1fr) 150px}#app .auth-card-login .club-auth-mascot{width:150px}#app .auth-card-login .brand-wordmark{width:150px}}
@media(max-width:360px){#app .auth-card-login{grid-template-columns:minmax(0,1fr) 125px}#app .auth-card-login .club-auth-mascot{width:125px}#app .auth-card-login .brand-wordmark{width:125px}#app .auth-card-login .brand-copy .club-badge{left:108px}}
#app .privacy-consent{display:flex;align-items:flex-start;gap:12px;margin:16px 0 24px;color:var(--piloto-paper);font:400 13px/1.5 var(--font-ui);cursor:pointer}
#app .privacy-consent input{flex:none;width:22px;height:22px;margin:0;accent-color:var(--piloto-lime);cursor:pointer}
#app .privacy-consent a{color:var(--club-lilac);text-underline-offset:3px}
#app .privacy-consent input:focus-visible{outline:3px solid var(--piloto-lime);outline-offset:3px}