/* Panamera V16 — apertura oficial y estudio de contenidos */
:root {
  --v16-gold:#dfaa62;
  --v16-gold-soft:#f1d29a;
  --v16-violet:#a45bd8;
  --v16-ink:#07090e;
}

body { background-color:var(--v16-ink); }
.topbar { background:linear-gradient(90deg,rgba(5,7,11,.96),rgba(23,14,30,.96),rgba(5,7,11,.96)); }
.topbar-status strong { color:var(--v16-gold-soft); }
.status-dot { background:#62cb8b; box-shadow:0 0 0 4px rgba(98,203,139,.09),0 0 16px rgba(98,203,139,.65); }
.topbar-actions b { color:var(--v16-gold-soft); }
.site-header { box-shadow:0 16px 55px rgba(0,0,0,.22); }
.site-header .brand img { filter:drop-shadow(0 7px 20px rgba(0,0,0,.45)); }
.main-nav a { letter-spacing:.075em; }
.nav-register { color:#d6b8eb!important; }
.nav-donations { color:#e2bd81!important; }

.hero-card { min-height:760px; }
.hero-copy { padding-top:72px; padding-bottom:58px; }
.hero-copy h1 { margin-top:17px; }
.opening-countdown {
  width:min(570px,100%); margin-top:24px; padding:15px 17px; display:grid;
  grid-template-columns:minmax(125px,1fr) minmax(245px,1.4fr); grid-template-rows:auto auto;
  align-items:center; gap:5px 20px; border:1px solid rgba(226,170,98,.28); border-radius:10px;
  background:linear-gradient(110deg,rgba(29,20,20,.84),rgba(13,13,22,.65));
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 16px 38px rgba(0,0,0,.24); backdrop-filter:blur(12px);
}
.opening-countdown::before { content:''; position:absolute; width:2px; height:42px; margin-left:-17px; background:linear-gradient(transparent,var(--v16-gold),transparent); }
.opening-countdown-label { color:var(--v16-gold); font-size:8px; font-weight:900; letter-spacing:.18em; }
.opening-countdown > strong { grid-column:1; color:#f1e5d3; font:500 14px/1.25 var(--serif); }
.opening-countdown-clock { grid-column:2; grid-row:1 / span 2; display:grid; grid-template-columns:repeat(4,1fr); gap:4px; }
.opening-countdown-clock span { min-height:52px; display:grid; place-items:center; align-content:center; border-left:1px solid rgba(255,255,255,.07); }
.opening-countdown-clock b { color:#fff; font:500 20px/1 var(--serif); }
.opening-countdown-clock small { margin-top:5px; color:#757d89; font-size:6px; font-weight:900; letter-spacing:.14em; }
.opening-countdown.is-open .opening-countdown-clock { grid-template-columns:1fr; }
.opening-countdown.is-open .opening-countdown-clock span { display:none; }
.opening-countdown.is-open .opening-countdown-clock::after { content:'EL REINO YA ESTÁ ABIERTO'; color:#70daa0; font-size:9px; font-weight:900; letter-spacing:.13em; text-align:center; }

.announcement-section { position:relative; padding:92px 0 8px; scroll-margin-top:105px; }
.announcement-section::before { content:''; position:absolute; inset:20px 0 auto; height:520px; pointer-events:none; background:radial-gradient(ellipse at center,rgba(147,78,194,.13),transparent 68%); }
.announcement-header { display:flex; align-items:end; justify-content:space-between; gap:25px; margin-bottom:18px; }
.announcement-header h2 { margin:8px 0 0; font:500 clamp(31px,3.8vw,49px)/1 var(--serif); }
.announcement-header > span { color:#707784; font-size:8px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.announcement-feature { position:relative; min-height:560px; display:flex; align-items:flex-end; overflow:hidden; isolation:isolate; border:1px solid rgba(224,168,94,.31); border-radius:18px; background:#080a0f; box-shadow:0 38px 105px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.06); }
.announcement-feature::after { content:''; position:absolute; z-index:3; inset:13px; pointer-events:none; border:1px solid rgba(255,255,255,.05); border-radius:12px; }
.announcement-media { position:absolute; inset:0; }
.announcement-media img,.announcement-media video { width:100%; height:100%; object-fit:cover; object-position:center; }
.announcement-shade { position:absolute; z-index:1; inset:0; background:linear-gradient(90deg,rgba(5,6,10,.96) 0%,rgba(7,8,13,.78) 38%,rgba(7,8,13,.18) 70%),linear-gradient(0deg,rgba(5,7,11,.95),transparent 58%); }
.announcement-copy { position:relative; z-index:4; width:min(700px,62%); padding:55px 0 58px 58px; }
.announcement-copy > span { color:var(--v16-gold); font-size:9px; font-weight:900; letter-spacing:.19em; }
.announcement-copy h2 { margin:14px 0 15px; color:#f8f0e4; font:500 clamp(38px,4.6vw,66px)/1.01 var(--serif); letter-spacing:-.025em; text-shadow:0 7px 30px rgba(0,0,0,.55); }
.announcement-copy p { max-width:610px; margin:0; color:#d0c8be; font-size:13px; line-height:1.75; }
.announcement-copy small { max-width:630px; display:block; margin-top:13px; color:#8f929b; font-size:10px; line-height:1.75; }
.announcement-copy .button { min-height:49px; margin-top:24px; padding-inline:20px; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.07em; }
.announcement-seal { position:absolute; z-index:4; right:35px; bottom:33px; display:flex; align-items:center; gap:11px; color:rgba(232,216,190,.6); font-size:7px; font-weight:900; letter-spacing:.16em; }
.announcement-seal img { width:42px; opacity:.7; filter:sepia(.35) saturate(.8); }
.announcement-list { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:12px; }
.announcement-mini { padding:23px; border:1px solid rgba(255,255,255,.075); border-radius:11px; background:linear-gradient(145deg,rgba(16,20,29,.95),rgba(9,12,18,.94)); }
.announcement-mini > span { color:var(--v16-gold); font-size:7px; font-weight:900; letter-spacing:.15em; }
.announcement-mini h3 { margin:9px 0 8px; font:500 20px/1.18 var(--serif); }
.announcement-mini p { margin:0; color:#8e95a0; font-size:9px; line-height:1.65; }

.news-visual img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.main-news img { filter:saturate(1.05) contrast(1.05); }

/* Centro público de cliente y launcher */
.page-download .cms-page-shell { max-width:1240px; }
.page-download .cms-page-card { padding:0; overflow:hidden; border-radius:18px; }
.download-hub { background:linear-gradient(145deg,rgba(9,12,18,.98),rgba(5,7,11,.97)); }
.download-hub-hero { position:relative; min-height:380px; display:flex; align-items:flex-end; overflow:hidden; }
.download-hub-hero video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.download-hub-shade { position:absolute; inset:0; background:linear-gradient(0deg,#090c12 0%,rgba(7,9,14,.78) 42%,rgba(6,8,12,.18)),linear-gradient(90deg,rgba(5,7,11,.85),transparent 68%); }
.download-hub-copy { position:relative; z-index:2; max-width:760px; padding:50px; }
.download-hub-copy h1 { margin:12px 0 13px; color:#f6eee2; font:500 clamp(38px,5vw,64px)/1.02 var(--serif); }
.download-hub-copy p { max-width:650px; margin:0; color:#b0b4bc; font-size:12px; line-height:1.8; }
.download-release-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; padding:26px 30px 16px; }
.download-release-card { position:relative; padding:30px; overflow:hidden; border:1px solid rgba(255,255,255,.08); border-radius:14px; background:linear-gradient(145deg,rgba(19,24,34,.96),rgba(9,12,18,.97)); box-shadow:0 20px 55px rgba(0,0,0,.26); }
.download-release-card::before { content:''; position:absolute; left:0; top:0; right:0; height:2px; background:linear-gradient(90deg,transparent,var(--v16-violet),transparent); }
.download-release-card.is-client::before { background:linear-gradient(90deg,transparent,var(--v16-gold),transparent); }
.download-release-icon { width:50px; height:50px; display:grid; place-items:center; margin-bottom:22px; border:1px solid rgba(177,105,220,.28); border-radius:12px; color:#d4a0ef; background:rgba(155,75,201,.1); font-size:24px; }
.is-client .download-release-icon { color:#edc483; border-color:rgba(225,171,97,.3); background:rgba(208,138,54,.09); }
.download-release-heading > span { color:#9870ad; font-size:7px; font-weight:900; letter-spacing:.15em; }
.is-client .download-release-heading > span { color:#b99054; }
.download-release-heading h2 { margin:8px 0 10px; color:#f4efe7; font:500 30px/1.1 var(--serif); }
.download-release-heading p { min-height:46px; margin:0; color:#9299a5; font-size:10px; line-height:1.65; }
.download-release-meta { margin:24px 0; border-top:1px solid rgba(255,255,255,.065); }
.download-release-meta > div { min-height:39px; display:flex; justify-content:space-between; align-items:center; gap:18px; border-bottom:1px solid rgba(255,255,255,.055); }
.download-release-meta dt { color:#686f7b; font-size:7px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.download-release-meta dd { max-width:70%; margin:0; overflow:hidden; color:#c8cbd1; font-size:9px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
.download-release-button { width:100%; min-height:49px; justify-content:space-between; text-transform:uppercase; font-size:9px; font-weight:900; letter-spacing:.08em; }
.download-release-unavailable { min-height:48px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.08); color:#777f8b; font-size:9px; text-transform:uppercase; }
.download-security-note { margin:0 30px 30px; padding:20px 23px; display:flex; gap:15px; align-items:center; border:1px solid rgba(98,203,139,.16); border-radius:11px; background:rgba(47,119,77,.07); }
.download-security-note > span { color:#6ed695; }
.download-security-note strong { display:block; color:#dfe8e2; font-size:10px; }
.download-security-note p { margin:4px 0 0; color:#77847c; font-size:9px; line-height:1.55; }
.download-empty { margin:30px; padding:35px; display:grid; gap:8px; text-align:center; border:1px dashed rgba(255,255,255,.12); color:#999; }
.download-release-mirrors { display:grid; gap:8px; }
.download-release-mirrors .download-release-button { margin:0; }
.download-release-mirrors .download-release-button.secondary { border-color:rgba(255,255,255,.13); color:#d1d5dc; background:rgba(255,255,255,.035); }
.mirror-editor { margin-top:24px; padding:18px; border:1px solid rgba(255,255,255,.08); border-radius:12px; background:rgba(3,6,11,.34); }
.mirror-editor-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin-bottom:13px; }
.mirror-editor-heading strong { display:block; color:#e7d0ab; font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.mirror-editor-heading small { display:block; margin-top:4px; color:#7f8791; font-size:9px; line-height:1.5; }
.mirror-add { min-height:32px; padding:0 12px; border:1px solid rgba(225,171,97,.35); border-radius:7px; color:#f0d29f; background:rgba(208,138,54,.1); cursor:pointer; font-size:9px; font-weight:800; text-transform:uppercase; }
.mirror-add i { margin-right:6px; }
.mirror-list { display:grid; gap:11px; }
.mirror-row { padding:14px; border:1px solid rgba(255,255,255,.075); border-radius:9px; background:rgba(12,17,25,.8); }
.mirror-row-top,.mirror-row-footer { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.mirror-row-top { margin-bottom:10px; }
.mirror-row-top strong { color:#c9b48e; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.mirror-row-actions { display:flex; gap:5px; }
.mirror-row-actions button { width:27px; height:25px; border:1px solid rgba(255,255,255,.12); border-radius:5px; color:#b2bac4; background:rgba(255,255,255,.035); cursor:pointer; }
.mirror-row-actions button:hover { border-color:rgba(225,171,97,.45); color:#f0d29f; }
.mirror-row-grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(150px,.6fr); gap:10px; }
.mirror-row label { margin-bottom:9px; }
.mirror-row label > span { display:block; margin-bottom:5px; color:#808895; font-size:8px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.mirror-row input[type=text],.mirror-row input[type=url],.mirror-row select { width:100%; min-height:34px; box-sizing:border-box; padding:8px 9px; border:1px solid rgba(255,255,255,.1); border-radius:5px; color:#e4e7eb; background:#080c13; font-size:10px; }
.mirror-row input:disabled { opacity:.45; }
.mirror-row-footer { justify-content:flex-start; flex-wrap:wrap; }
.mirror-row-footer .studio-check { margin:0 12px 0 0; }
.mirror-primary { color:#e7c486; }
.mirror-row-footer small { color:#7f8791; font-size:8px; }

@media (max-width:1100px) {
  .hero-copy { width:68%; }
  .announcement-feature { min-height:520px; }
  .announcement-copy { width:70%; }
}
@media (max-width:900px) {
  .hero-card { min-height:790px; }
  .hero-copy { width:75%; padding-top:78px; }
  .announcement-copy { width:82%; }
  .announcement-list { grid-template-columns:1fr; }
  .download-release-grid { grid-template-columns:1fr; }
}
@media (max-width:620px) {
  .topbar-status .topbar-muted { display:none; }
  .hero-card { min-height:900px; }
  .hero-copy { padding-top:335px; }
  .opening-countdown { grid-template-columns:1fr; padding:14px; }
  .opening-countdown > strong { grid-column:1; }
  .opening-countdown-clock { grid-column:1; grid-row:auto; margin-top:8px; }
  .announcement-section { padding-top:68px; }
  .announcement-header { align-items:flex-start; flex-direction:column; }
  .announcement-feature { min-height:680px; align-items:flex-end; }
  .announcement-media { height:43%; }
  .announcement-shade { background:linear-gradient(0deg,rgba(5,7,11,.99) 0%,rgba(5,7,11,.97) 60%,rgba(5,7,11,.15)); }
  .announcement-copy { width:100%; padding:300px 24px 65px; }
  .announcement-copy h2 { font-size:38px; }
  .announcement-copy p { font-size:11px; }
  .announcement-seal { left:24px; right:auto; bottom:20px; }
  .download-hub-hero { min-height:330px; }
  .download-hub-copy { padding:28px 22px; }
  .download-release-grid { padding:16px; }
  .download-release-card { padding:23px; }
  .download-security-note { margin:0 16px 18px; align-items:flex-start; }
  .mirror-editor-heading { align-items:flex-start; flex-direction:column; }
  .mirror-add { width:100%; }
  .mirror-row-grid { grid-template-columns:1fr; gap:0; }
}
@media (prefers-reduced-motion:reduce) {
  .announcement-feature,.opening-countdown { scroll-behavior:auto; }
}