:root{--gold:#ffd400;--dark:#090c10;--surface:#151a21;--text:#f8fafc;--muted:#9ba5b3}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#302711 0,#10141a 28%,var(--dark) 70%);color:var(--text);font:15px system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit}.top{max-width:1440px;margin:auto;display:flex;align-items:center;gap:30px;padding:20px 30px;border-bottom:1px solid #343333}.brand{font-size:clamp(19px,2.4vw,30px);font-weight:1000;letter-spacing:-1.2px;text-decoration:none;white-space:nowrap;display:flex;align-items:center;gap:12px}.brand em{font-style:normal;color:var(--gold)}.crest{font-size:37px;color:var(--gold)}.top p{color:#bac2cd;line-height:1.3;margin:0;border-left:1px solid #50525b;padding-left:22px}.top nav{margin-left:auto;display:flex;gap:10px}.btn{padding:12px 16px;border-radius:12px;border:1px solid #6b6b72;font-weight:750;background:#1a1d24;color:#fff}.btn.gold{background:var(--gold);color:#090c10;border-color:var(--gold)}.btn.outline:hover,.action:hover{border-color:var(--gold)}main{max-width:1440px;margin:auto;padding:30px 24px}.eyebrow{text-align:center;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:3px}h1{font-size:clamp(28px,4vw,52px);margin:8px 0 3px}.heroheading{text-align:center}.heroheading p{color:var(--muted);margin:0 0 15px}.coverflow{height:clamp(275px,37vw,470px);position:relative;display:flex;align-items:center;justify-content:center;perspective:1200px;overflow:hidden}.slides{position:absolute;inset:0}.slide{position:absolute;top:7%;height:86%;left:50%;width:min(51%,660px);transform:translateX(-50%);border-radius:17px;overflow:hidden;box-shadow:0 15px 70px #000;border:1px solid #6b581e;transition:transform .45s ease,opacity .4s,width .4s;opacity:0;background:linear-gradient(145deg,#30363a,#0b0e12);display:flex;align-items:center;justify-content:center}.slide img{width:100%;height:100%;object-fit:contain}.slide.current{opacity:1;z-index:5;border:2px solid var(--gold);box-shadow:0 8px 45px #a17c2545}.slide.left{opacity:.75;z-index:3;transform:translateX(-112%) scale(.77) rotateY(18deg)}.slide.right{opacity:.75;z-index:3;transform:translateX(12%) scale(.77) rotateY(-18deg)}.slide.farleft{opacity:.38;z-index:2;transform:translateX(-166%) scale(.55) rotateY(32deg)}.slide.farright{opacity:.38;z-index:2;transform:translateX(66%) scale(.55) rotateY(-32deg)}.sample{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:100%;height:100%;background:radial-gradient(circle at 20% 10%,#5f4d12,#1d2128 55%,#0b0d12)}.sample span{font-size:clamp(48px,6vw,100px);color:var(--gold)}.sample small{font-weight:750;letter-spacing:2px}.staroverlay{position:absolute;top:12px;left:13px;background:#090c10ce;padding:7px 11px;border-radius:10px;color:var(--gold);letter-spacing:2px;font-size:21px}.arrow{position:absolute;z-index:10;top:50%;transform:translateY(-50%);border:1px solid #aaa;background:#0c0f16ec;color:white;font-size:44px;border-radius:50%;width:56px;height:56px;line-height:35px}.arrow:first-child{left:13%}.arrow:last-child{right:13%}.heroCaption{text-align:center;background:#10151be3;border:1px solid #323944;border-radius:10px;padding:12px;color:#dde1e6;max-width:680px;margin:0 auto 20px}.timeline,.gallerypanel,.participate,.staff{background:#0c1116ed;border:1px solid #30363c;border-radius:22px;padding:22px;margin:18px 0}.sectionline{display:flex;align-items:center;justify-content:space-between;gap:10px}.sectionline span{color:var(--muted);font-size:13px}h2{margin:5px 0 12px;font-size:21px}.railwrap{display:flex;align-items:center;gap:10px;margin:10px 0}.rail{display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:thin;padding:8px 4px;scroll-snap-type:x proximity;flex:1}.tick{white-space:nowrap;scroll-snap-align:center;background:#1e252e;color:#cdd2d8;border:1px solid #3a4552;border-radius:13px;padding:11px 16px;min-width:58px}.tick.selected{background:var(--gold);color:#101010;border-color:var(--gold);font-weight:850}.tick.empty{opacity:.5}.railArrow{background:#252a31;border:1px solid #3d434b;color:white;border-radius:12px;padding:9px 15px;font-size:26px}.raillabel{color:var(--gold);font-weight:800;font-size:12px;width:40px}.milestones{display:flex;justify-content:space-between;color:var(--gold);font-size:12px;gap:15px;flex-wrap:wrap;border-top:1px solid #66541b;padding-top:10px}.lower{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:18px}.lower>div,.lower>aside{margin:0}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px}.thumb{border:1px solid #343c45;border-radius:12px;overflow:hidden;background:#161c23;color:white;text-align:left;padding:0;min-height:165px;position:relative}.thumb img{width:100%;height:140px;object-fit:contain;background:#0c1116}.thumb .sample{height:140px}.thumb .sample span{font-size:45px}.thumb .info{font-size:11px;padding:8px}.thumb .staroverlay{top:5px;left:5px;font-size:12px;padding:4px 5px}.participate p,.muted{color:var(--muted)}.actiongrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.action{background:#202730;color:var(--gold);border:1px solid #3e4753;border-radius:13px;padding:12px;text-align:left;font-size:23px}.action b,.action small{display:block;color:white;font-size:13px;margin:5px 0}.action small{font-size:11px;color:#b9c2cd}.private{border:1px solid #665622;padding:10px;border-radius:9px;font-size:12px;text-align:center}footer{text-align:center;color:#808a96;font-size:12px;padding:35px}.modal{background:#141a21;color:white;border:1px solid #6c5b26;border-radius:18px;width:min(95vw,550px);max-height:85vh;overflow:auto;padding:27px}.modal::backdrop{background:#000c}.closeform{text-align:right}.closeform button{border:0;background:transparent;color:#fff;font-size:22px}.form{display:grid;gap:13px}.form label{display:grid;gap:6px}.form input,.form select{padding:11px;border-radius:8px;color:white;background:#262d35;border:1px solid #54606d;width:100%}.form .check{display:flex;align-items:start;font-size:12px}.form .check input{width:20px}.rating{display:flex;gap:3px;flex-wrap:wrap}.rating button{border:0;background:transparent;color:#737e89;font-size:35px;padding:5px}.rating button.filled{color:var(--gold)}.detailimage{width:100%;max-height:55vh;object-fit:contain;background:#090c10;border-radius:12px}.staff{max-width:1350px;margin:20px auto}.staffExport{border-top:1px solid #444;margin-top:25px;padding-top:16px}@media(max-width:850px){.top{padding:12px 15px;gap:10px;flex-wrap:wrap}.top p{display:none}.top nav{width:100%;justify-content:space-between}.top nav .btn{flex:1;font-size:12px;padding:11px 5px}main{padding:15px 12px}.lower{grid-template-columns:1fr}.coverflow{height:315px}.slide{width:80%;height:77%;top:12%}.slide.left{transform:translateX(-110%) scale(.76) rotateY(15deg)}.slide.right{transform:translateX(10%) scale(.76) rotateY(-15deg)}.arrow:first-child{left:0}.arrow:last-child{right:0}.arrow{width:43px;height:43px;font-size:29px}.timeline,.gallerypanel,.participate,.staff{padding:14px;border-radius:15px}.thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}.milestones{font-size:10px}.staroverlay{font-size:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* IDENTIDAD KINGS / personalizable por equipo */
.brandCopy{display:flex;flex-direction:column;line-height:1.01;gap:2px}
#brandText,.welcomeWords strong{font-family:var(--team-display-font,Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif);font-stretch:condensed;letter-spacing:.3px;text-transform:uppercase}
#brandText{display:block;font-size:clamp(19px,2.7vw,35px)}
.brandCopy small{font-size:10px;letter-spacing:4px;line-height:1.5;color:var(--gold);font-weight:800}
.brand #crest,.brandLogo{object-fit:contain;flex:none;max-height:80px;width:auto;max-width:82px;border-radius:4px;mix-blend-mode:screen}
.teamWelcome{max-width:1050px;margin:15px auto 4px;display:flex;justify-content:space-between;align-items:center;gap:14px;position:relative;min-height:110px;padding:16px clamp(15px,4vw,35px);border:1px solid #6d581b;border-radius:18px;background:linear-gradient(110deg,#141515,#26200d 75%,#111315);overflow:hidden}
.welcomeWords{display:flex;flex-direction:column;gap:10px;max-width:70%;z-index:1}.welcomeWords strong{font-size:clamp(18px,3vw,31px);color:var(--gold)}.welcomeWords span{color:#dedddd;font-size:clamp(11px,1.6vw,15px)}
#teamMascot{height:120px;max-width:30%;object-fit:contain;object-position:bottom;align-self:flex-end;filter:drop-shadow(0 4px 12px #0009)}
@media(max-width:650px){.brand #crest,.brandLogo{max-width:59px;max-height:62px}.brandCopy small{font-size:8px;letter-spacing:2px}.teamWelcome{min-height:95px;padding:12px}.welcomeWords{max-width:72%}#teamMascot{height:95px;max-width:27%}}

/* Kings Fotos v2.4 — selectores cortos, centrados y accesibles */
.selectedPeriod{display:flex;justify-content:center;align-items:center;gap:10px;min-height:44px;background:#151c22;border:1px solid #424b54;border-radius:13px;margin:10px 0 12px;color:#cad2db;font-size:13px}.selectedPeriod strong{font-size:19px;color:var(--gold);font-weight:850;letter-spacing:.3px}
.rail .tick{display:inline-flex;align-items:center;justify-content:center;text-align:center;flex:0 0 auto;padding:10px 12px;min-width:51px;min-height:43px;line-height:1.15;vertical-align:middle}
#years .tick{min-width:45px;padding-inline:10px;font-variant-numeric:tabular-nums}
#months .tick{min-width:52px}
#days .tick{min-width:44px}
@media(max-width:650px){.railwrap{gap:5px}.raillabel{width:30px;flex:0 0 30px}.rail{gap:5px;min-width:0}.rail .tick{font-size:13px;min-height:42px;padding:9px 10px}#years .tick{min-width:43px}#months .tick{min-width:47px}#days .tick{min-width:43px}.selectedPeriod{margin-top:14px}}

/* v2.5: selección múltiple y vista previa sin recortes */
.uploadPreview{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:9px;max-height:280px;overflow-y:auto}.uploadTile{background:#202733;border:1px solid #485465;border-radius:9px;padding:6px;display:flex;flex-direction:column;gap:5px;min-width:0}.uploadTile img{width:100%;height:95px;object-fit:contain;background:#10141a}.uploadTile span{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uploadTile button{background:#323b4b;color:white;border:1px solid #657284;border-radius:7px;padding:5px;font-size:12px}


/* v2.6 — igualar alto y tipografía del selector de fecha con el resto del formulario */
#uploadForm { min-width:0; }
#uploadForm label { min-width:0; }
#uploadForm input:not([type="checkbox"]), #uploadForm select {
  display:block;
  box-sizing:border-box;
  width:100%;
  min-width:0;
  height:46px;
  min-height:46px;
  padding:10px 12px;
  margin:0;
  font-size:15px;
  line-height:24px;
  font-weight:400;
  border-radius:8px;
}
#uploadForm input[type="date"] {
  appearance:none;
  -webkit-appearance:none;
  color-scheme:dark;
  max-width:100%;
}
#uploadForm input[type="date"]::-webkit-date-and-time-value { text-align:left; min-height:24px; }
#uploadForm input[type="date"]::-webkit-datetime-edit { padding:0; line-height:24px; }
#uploadForm input[type="date"]::-webkit-calendar-picker-indicator { margin:0 0 0 auto; }
@media (max-width:650px) { #uploadForm input:not([type="checkbox"]), #uploadForm select { font-size:16px; } }