/* ================================================================
   V05.0 · NUEVA ENVOLVENTE · SOLO CAPA VISUAL
   Base funcional 04.8.1 intacta. Sin tocar motores ni datos.
   Dirección: Pedeplanifiqueitor + cabaret elegante + BOE respirable.
   ================================================================ */
:root{
  --v05-charcoal:#2b2e34;
  --v05-charcoal-2:#24272d;
  --v05-plum:#291424;
  --v05-plum-2:#1d101c;
  --v05-pink:#e31b7d;
  --v05-pink-2:#ff4da6;
  --v05-gold:#d6a33b;
  --v05-ivory:#fffaf2;
  --v05-cotilleo:#23cfc4;
  --v05-chisme:#d62b98;
  --v05-guapa:#d7a12b;
  --v05-brilli:#f044a0;
  --v05-lio:#7c4de2;
}

/* 1 · CASCARÓN: adiós lunares, hola antracita limpio */
html,body{background:var(--v05-charcoal-2)!important;}
body{
  background:
    radial-gradient(circle at 12% -10%, rgba(227,27,125,.18), transparent 33%),
    radial-gradient(circle at 93% 8%, rgba(124,77,226,.12), transparent 30%),
    linear-gradient(180deg,#30333a 0%,#2a2d33 52%,#25282e 100%)!important;
}
.appFrame{
  border-radius:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.viewport{
  background:
    radial-gradient(circle at 88% 0%, rgba(227,27,125,.08), transparent 32%),
    linear-gradient(180deg,#2f3238,#292c32)!important;
  background-size:auto!important;
  padding-top:2px!important;
}
.appShell{background:transparent!important;}

/* 2 · BARRA SUPERIOR: una sola pieza, limpia y oscura */
.topbar{
  min-height:92px!important;
  background:
    linear-gradient(90deg,rgba(227,27,125,.10),transparent 28%),
    linear-gradient(180deg,#2d3036,#292c31)!important;
  background-size:auto!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.18)!important;
}
.topbar .brand,.topbar .brand *{color:#fff!important;}
.topbar .brand p{color:#f4b7d3!important;letter-spacing:.02em;}
.brandLogoSmall{filter:drop-shadow(0 8px 18px rgba(227,27,125,.22))!important;}
.searchRow{
  background:#fff!important;
  border:1px solid rgba(255,255,255,.35)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.22)!important;
}
.topModeHint{
  background:linear-gradient(145deg,#fff,#fff6fb)!important;
  border:1px solid rgba(227,27,125,.24)!important;
  box-shadow:0 12px 26px rgba(0,0,0,.14)!important;
}

/* 3 · SIDEBAR: limpio como planificador, teatral como Rosarito */
.sideRail{
  background:
    radial-gradient(circle at 50% 0%, rgba(227,27,125,.16), transparent 26%),
    linear-gradient(180deg,#292c32 0%,#24272d 56%,#20131f 100%)!important;
  border-right:1px solid rgba(255,255,255,.09)!important;
  box-shadow:12px 0 30px rgba(0,0,0,.18)!important;
  padding:12px 9px!important;
  gap:10px!important;
}
.railLogo{border-bottom:1px solid rgba(255,255,255,.10)!important;padding:4px 8px 10px!important;}
.railLogoSeal{width:92px!important;height:92px!important;filter:drop-shadow(0 10px 20px rgba(227,27,125,.28))!important;}
.railLogo strong{color:#fff!important;font-size:20px!important;}
.railLogo span{color:#f5b6d2!important;font-size:10px!important;}
.railNavGrouped{gap:9px!important;}

.railGroup{
  --group-accent:var(--v05-pink);
  --group-dark:#4a1735;
  border:1px solid color-mix(in srgb,var(--group-accent) 44%,transparent)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--group-accent) 18%,#24272d),#202329)!important;
  box-shadow:0 12px 24px rgba(0,0,0,.16)!important;
  overflow:hidden;
}
.railGroup[open]{
  box-shadow:0 15px 30px color-mix(in srgb,var(--group-accent) 18%,transparent),0 12px 24px rgba(0,0,0,.18)!important;
}
.railGroupBoe{--group-accent:var(--v05-cotilleo);--group-dark:#0c4e4a;}
.railGroupTrain{--group-accent:var(--v05-chisme);--group-dark:#5c1850;}
.railGroupPlan{--group-accent:var(--v05-guapa);--group-dark:#5d4616;}
.railGroupMemory{--group-accent:var(--v05-brilli);--group-dark:#641b48;}
.railGroupSpace{--group-accent:var(--v05-lio);--group-dark:#38206a;}

.railGroupSummary{
  min-height:72px!important;
  padding:10px 11px!important;
  background:
    linear-gradient(100deg,color-mix(in srgb,var(--group-accent) 23%,transparent),transparent 60%)!important;
  transition:.18s ease;
}
.railGroupSummary:hover{background:linear-gradient(100deg,color-mix(in srgb,var(--group-accent) 34%,transparent),rgba(255,255,255,.02))!important;}
.railGroupSummary::after{color:var(--group-accent)!important;text-shadow:0 0 12px color-mix(in srgb,var(--group-accent) 70%,transparent);}
.groupIcon{
  width:40px!important;height:40px!important;
  border-radius:13px!important;
  color:#fff!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--group-accent) 92%,white 8%),var(--group-dark))!important;
  border:1px solid color-mix(in srgb,var(--group-accent) 72%,white 10%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 8px 18px color-mix(in srgb,var(--group-accent) 22%,transparent)!important;
}
.groupCopy b{color:#fff!important;font-size:13px!important;letter-spacing:.07em!important;text-shadow:0 1px 0 rgba(0,0,0,.25);}
.groupCopy em{color:color-mix(in srgb,var(--group-accent) 44%,white)!important;font-size:10.4px!important;}
.railGroupPanel{
  border-top:1px solid color-mix(in srgb,var(--group-accent) 24%,transparent)!important;
  background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.22))!important;
  padding:6px!important;
}
.railGroupPanel .railItem{
  position:relative;
  color:#f6f0f5!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:11px!important;
  min-height:38px;
}
.railGroupPanel .railItem span{color:color-mix(in srgb,var(--group-accent) 72%,white)!important;}
.railGroupPanel .railItem b{color:#f9f5f8!important;}
.railGroupPanel .railItem:hover{
  background:color-mix(in srgb,var(--group-accent) 17%,#292c32)!important;
  border-color:color-mix(in srgb,var(--group-accent) 34%,transparent)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.18)!important;
}
.railGroupPanel .railItem.isActive{
  background:linear-gradient(135deg,var(--group-accent),color-mix(in srgb,var(--group-accent) 72%,#281327))!important;
  border-color:color-mix(in srgb,var(--group-accent) 82%,white 10%)!important;
  color:#fff!important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--group-accent) 33%,transparent),inset 0 1px 0 rgba(255,255,255,.25)!important;
}
.studentCard{
  background:linear-gradient(145deg,#20131f,#302035)!important;
  border:1px solid rgba(240,68,160,.24)!important;
  box-shadow:0 16px 30px rgba(0,0,0,.24)!important;
}
.studentCrown{color:var(--v05-brilli)!important;text-shadow:0 0 12px rgba(240,68,160,.55);}

/* 4 · BOE: claro y tranquilo. El glamour se queda alrededor. */
.leftPanel,.leftPanel.relatedMainView{
  background:linear-gradient(180deg,#fffdf8,#fff9f0)!important;
  border:1px solid rgba(255,255,255,.62)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.18)!important;
}
.leftPanel .articleHeader{
  background:linear-gradient(135deg,#fff,#fff7fb)!important;
  border-bottom:1px solid #eadfe5!important;
}
.leftPanel .articleHeader h2{color:#211928!important;}
.leftPanel .articleHeader .eyebrow{color:#a9356f!important;}
.leftPanel .legalText{background:#fffdf8!important;color:#211f25!important;}
.footer{background:#2a2d33!important;color:#d9d9df!important;border-top:1px solid rgba(255,255,255,.08)!important;}
.footer strong{color:#ff75b5!important;}

/* 5 · PAPIRO DE APERTURA: escena física, no rectángulo beige */
.pedeWelcomePapyrus .pedeWelcomeBackdrop{
  background:
    radial-gradient(circle at 12% 18%,rgba(227,27,125,.26),transparent 28%),
    radial-gradient(circle at 84% 20%,rgba(214,163,59,.16),transparent 26%),
    linear-gradient(180deg,rgba(22,12,22,.90),rgba(14,10,16,.96))!important;
  backdrop-filter:blur(12px) saturate(1.08)!important;
}
.pedePapiroStage{
  width:min(1420px,97vw)!important;
  max-height:94vh!important;
  padding:26px 260px 28px!important;
  filter:drop-shadow(0 34px 62px rgba(0,0,0,.48))!important;
  isolation:isolate;
}
.pedePapiroStage::before,.pedePapiroStage::after{
  content:"";
  position:absolute;
  bottom:18px;
  z-index:-1;
  background-repeat:no-repeat;
  background-position:center bottom;
  background-size:contain;
  pointer-events:none;
}
.pedePapiroStage::before{
  left:0;
  width:300px;
  height:78%;
  background-image:url('assets_v05/chulazo_ujier.png');
  border-radius:28px;
  filter:drop-shadow(0 20px 26px rgba(0,0,0,.38));
  animation:v05UsherEnter 1.05s cubic-bezier(.2,.9,.2,1) .05s both;
}
.pedePapiroStage::after{
  right:2px;
  width:300px;
  height:70%;
  background-image:url('assets_v05/rosarito_master.png');
  filter:drop-shadow(0 18px 24px rgba(227,27,125,.26));
  animation:v05RosaritoEnter 1.05s cubic-bezier(.2,.9,.2,1) .32s both;
}
.papiroSheet{
  padding:34px 42px 0!important;
  max-height:84vh!important;
  border:1px solid rgba(91,52,24,.52)!important;
  border-left:7px solid rgba(91,52,24,.34)!important;
  border-right:7px solid rgba(91,52,24,.34)!important;
  border-radius:36px 24px 34px 28px / 24px 38px 24px 42px!important;
  clip-path:polygon(1.2% 0,98.7% .5%,99.2% 8%,98.5% 15%,99.4% 24%,98.7% 36%,99.5% 48%,98.7% 62%,99.4% 74%,98.8% 88%,99% 100%,1.3% 99.5%,.7% 90%,1.4% 80%,.6% 68%,1.3% 55%,.5% 42%,1.4% 30%,.7% 16%);
  background:
    radial-gradient(circle at 14% 7%,rgba(255,255,255,.62),transparent 24%),
    radial-gradient(circle at 82% 18%,rgba(161,82,33,.08),transparent 23%),
    repeating-linear-gradient(4deg,rgba(118,77,36,.028) 0 1px,transparent 1px 5px),
    repeating-linear-gradient(94deg,rgba(118,77,36,.024) 0 1px,transparent 1px 9px),
    linear-gradient(100deg,#efd39b 0%,#fff3cf 12%,#f6dfa9 48%,#fff0c6 84%,#e8c483 100%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.38),
    inset 26px 0 42px rgba(92,49,17,.13),
    inset -26px 0 42px rgba(92,49,17,.13),
    0 26px 56px rgba(0,0,0,.34)!important;
}
.papiroSheet:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  height:auto!important;
  border-radius:inherit!important;
  background:
    linear-gradient(90deg,rgba(111,64,26,.12),transparent 3%,transparent 97%,rgba(111,64,26,.12)),
    radial-gradient(circle at 20% 30%,rgba(126,77,33,.05) 0 1px,transparent 2px),
    radial-gradient(circle at 70% 62%,rgba(126,77,33,.045) 0 1px,transparent 2px)!important;
  background-size:auto,23px 23px,29px 29px!important;
  pointer-events:none!important;
  z-index:0;
}
.papiroSheet>*{position:relative;z-index:1;}
.papiroRoll{width:calc(100% - 520px)!important;height:48px!important;}
.papiroRoll::before,.papiroRoll::after{width:58px!important;height:58px!important;}
.papiroHeader{grid-template-columns:92px 1fr!important;padding-bottom:15px!important;margin-bottom:14px!important;}
.papiroSeal{width:90px!important;height:90px!important;border:4px solid rgba(214,163,59,.72)!important;}
.papiroHeader h2{font-size:clamp(1.5rem,2.4vw,2.25rem)!important;color:#31172d!important;}
.papiroHeader .eyebrow{color:#9a2f63!important;}
.papiroStory{max-height:51vh!important;padding-right:13px!important;}
.papiroStory .pedeStory{font-family:Georgia,'Times New Roman',serif!important;color:#312119!important;font-size:1.01rem!important;line-height:1.62!important;}
.papiroStory .pedeStoryLead{color:#5b2150!important;}
.papiroStory .pedeStory h3{color:#a31d62!important;}
.papiroActions{
  margin:16px -42px 0!important;
  padding:15px 42px 20px!important;
  background:linear-gradient(180deg,rgba(239,211,155,.12),rgba(232,194,126,.92) 42%,rgba(218,170,92,.96))!important;
}
.papiroActions .pedePrimaryBtn{
  background:linear-gradient(135deg,#bf1767,#f13c99)!important;
  box-shadow:0 12px 24px rgba(191,23,103,.28),inset 0 1px 0 rgba(255,255,255,.32)!important;
}
.papiroActions .pedeSecondaryBtn{background:linear-gradient(135deg,#342337,#5b2e58)!important;}
#pedeNeverShow{display:none!important;}
.papiroClose{background:#2d1b2e!important;border:1px solid rgba(255,255,255,.12)!important;}

@keyframes v05UsherEnter{from{opacity:0;transform:translateX(-72px) rotate(-2deg)}to{opacity:1;transform:translateX(0) rotate(0)}}
@keyframes v05RosaritoEnter{from{opacity:0;transform:translateX(72px) scale(.96)}to{opacity:1;transform:translateX(0) scale(1)}}

@media(max-width:1180px){
  .pedePapiroStage{padding:22px 110px 24px!important;}
  .pedePapiroStage::before{width:180px;opacity:.80;left:-18px;}
  .pedePapiroStage::after{width:180px;right:-18px;opacity:.84;}
  .papiroRoll{width:calc(100% - 220px)!important;}
}
@media(max-width:820px){
  .pedePapiroStage{padding:18px 8px 20px!important;}
  .pedePapiroStage::before,.pedePapiroStage::after{display:none!important;}
  .papiroRoll{width:calc(100% - 30px)!important;}
  .papiroSheet{clip-path:none!important;border-radius:22px!important;padding:24px 18px 0!important;}
  .papiroActions{margin:14px -18px 0!important;padding:14px 18px 18px!important;}
}
/* La intro V05.0 es firma de apertura: se retiran los controles antiguos contradictorios. */
#markHistoriaWelcomeAgain,#markHistoriaSeen{display:none!important;}