/* Cititorul revistei Urbea Mea: pe tot ecranul, mereu pe fundal închis. */
body.cititor-revista{margin:0;background:#121214;color:#F3F3F4;overflow:hidden;height:100vh;height:100dvh}
.cr{--sus:62px;--jos:58px;position:fixed;inset:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 42%,#26262b 0%,#141416 62%,#0f0f11 100%);font-family:Montserrat,system-ui,sans-serif}
.cr button{font-family:inherit}
.cr-sus{flex:0 0 var(--sus);display:flex;align-items:center;gap:12px;padding:0 14px;border-bottom:1px solid #26262b;background:rgba(15,15,17,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}
.cr-sigla img{height:30px;width:auto;display:block}
.cr-titlu{flex:1 1 auto;min-width:0;margin:0;display:flex;flex-direction:column;font-size:16px;line-height:1.2;font-weight:800;letter-spacing:-.01em;white-space:nowrap;overflow:hidden}
.cr-titlu small{font-size:12px;font-weight:600;color:#A3A3AB;overflow:hidden;text-overflow:ellipsis}
.cr-unelte{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.cr-buton,.cr-inapoi{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;height:44px;padding:0 12px;border-radius:999px;border:1px solid #2f2f35;background:rgba(255,255,255,.04);color:#F3F3F4;cursor:pointer;font-size:13px;font-weight:700;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.cr-inapoi{padding:0;width:44px}
.cr-buton:hover,.cr-inapoi:hover,.cr-buton[aria-pressed="true"]{background:#E6007E;border-color:#E6007E;color:#fff}
.cr-buton .i,.cr-inapoi .i{flex:0 0 auto}

.cr-scena{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;padding:22px 84px}
.cr-carte{position:relative;display:grid;grid-template-columns:1fr 1fr;perspective:2600px;user-select:none;-webkit-user-select:none}
.cr.simplu .cr-carte{grid-template-columns:1fr}
.cr.simplu .cr-pag.st{display:none}
.cr-pag{position:relative;min-width:0;cursor:zoom-in}
.cr-pag img{display:block;width:100%;height:100%;object-fit:fill;background:#fff;box-shadow:0 22px 50px rgba(0,0,0,.55)}
.cr-pag.gol{cursor:default}
.cr-pag.gol img{visibility:hidden}
.cr.dublu .cr-pag.st::after,.cr.dublu .cr-pag.dr::after{content:"";position:absolute;top:0;bottom:0;width:9%;pointer-events:none}
.cr.dublu .cr-pag.st::after{right:0;background:linear-gradient(to left,rgba(0,0,0,.22),transparent)}
.cr.dublu .cr-pag.dr::after{left:0;background:linear-gradient(to right,rgba(0,0,0,.22),transparent)}
.cr.dublu .cr-pag.gol::after{display:none}
.cr-foaie{position:absolute;top:0;width:50%;height:100%;transform-style:preserve-3d;transition:transform .78s cubic-bezier(.32,.08,.2,1);z-index:5;pointer-events:none}
.cr-foaie.dr{left:50%;transform-origin:left center}
.cr-foaie.st{left:0;transform-origin:right center}
.cr-foaie.dr.intoarce{transform:rotateY(-180deg)}
.cr-foaie.st.intoarce{transform:rotateY(180deg)}
.cr-foaie .fata,.cr-foaie .spate{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
.cr-foaie .spate{transform:rotateY(180deg)}
.cr-foaie img{display:block;width:100%;height:100%;object-fit:fill;background:#fff}
.cr-foaie .gol img{visibility:hidden}
.cr-foaie .fata::after,.cr-foaie .spate::after{content:"";position:absolute;inset:0;opacity:0;transition:opacity .78s ease;pointer-events:none}
.cr-foaie.dr .fata::after{background:linear-gradient(to left,rgba(0,0,0,.35),transparent 60%)}
.cr-foaie.st .fata::after{background:linear-gradient(to right,rgba(0,0,0,.35),transparent 60%)}
.cr-foaie.intoarce .fata::after{opacity:1}

.cr-pag img.intra-dr{animation:cr-intra-dr .38s cubic-bezier(.16,1,.3,1) both}
.cr-pag img.intra-st{animation:cr-intra-st .38s cubic-bezier(.16,1,.3,1) both}
@keyframes cr-intra-dr{from{opacity:0;transform:translateX(48px)}to{opacity:1;transform:none}}
@keyframes cr-intra-st{from{opacity:0;transform:translateX(-48px)}to{opacity:1;transform:none}}

.cr-sageata{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:999px;border:1px solid #2f2f35;background:rgba(255,255,255,.06);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:6;transition:background-color .2s ease,opacity .2s ease}
.cr-sageata:hover{background:#E6007E;border-color:#E6007E}
.cr-sageata:disabled{opacity:.25;cursor:default;background:rgba(255,255,255,.06);border-color:#2f2f35}
.cr-sageata.st{left:16px}.cr-sageata.dr{right:16px}

.cr-jos{flex:0 0 var(--jos);display:flex;align-items:center;gap:18px;padding:0 22px;border-top:1px solid #26262b;background:rgba(15,15,17,.85)}
.cr-cursor{flex:1 1 auto;accent-color:#E6007E;height:28px;cursor:pointer}
.cr-numar{flex:0 0 auto;min-width:170px;text-align:right;font-size:13px;font-weight:700;color:#CFCFD4;font-variant-numeric:tabular-nums}

.cr-panou{position:absolute;left:0;right:0;top:var(--sus);bottom:0;z-index:20;background:rgba(13,13,15,.97);overflow-y:auto;padding:18px 22px 40px;animation:cr-apare .22s ease both}
@keyframes cr-apare{from{opacity:0}to{opacity:1}}
.cr-panou-sus{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;font-size:16px}
.cr-grila{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:18px}
.cr-grila button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px;border:2px solid transparent;border-radius:10px;background:none;color:#CFCFD4;font-size:12px;font-weight:700;cursor:pointer}
.cr-grila button:hover{border-color:#3a3a40}
.cr-grila button.acum{border-color:#E6007E;color:#fff}
.cr-grila img{width:100%;height:auto;aspect-ratio:1/var(--r);object-fit:cover;background:#2a2a2f;border-radius:4px}
.cr-lista{list-style:none;margin:0 auto;padding:0;max-width:720px}
.cr-lista button{display:flex;align-items:center;gap:20px;width:100%;padding:16px 4px;border:0;border-bottom:1px solid #26262b;background:none;color:#F3F3F4;text-align:left;cursor:pointer}
.cr-lista button:hover span{color:#FF5FAE}
.cr-lista b{flex:0 0 58px;font-size:32px;font-weight:900;color:#E6007E;line-height:1}
.cr-lista span{display:flex;flex-direction:column;gap:3px;font-size:18px;font-weight:700}
.cr-lista small{font-size:14px;font-weight:500;color:#A3A3AB}

.cr-zoom{position:fixed;inset:0;z-index:30;background:#0b0b0c}
.cr-zoom-fereastra{position:absolute;inset:0;overflow:auto;-webkit-overflow-scrolling:touch;text-align:center;padding:64px 0 24px}
.cr-zoom-fereastra img{display:inline-block;width:min(1100px,100%);height:auto;cursor:zoom-in;background:#fff}
.cr-zoom.marit .cr-zoom-fereastra img{width:min(2200px,220%);max-width:none;cursor:zoom-out}
.cr-zoom-inchide{position:fixed;top:12px;right:12px;z-index:2}

.cr-gol{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;font-size:17px}
.cr-noscript{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;overflow:auto;max-height:100%}
.ascuns{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

@media (max-width:900px){
  .cr-buton span{display:none}
  .cr-buton{padding:0}
}
@media (max-width:640px){
  .cr{--sus:54px;--jos:52px}
  .cr-sus{gap:8px;padding:0 8px}
  .cr-sigla{display:none}
  .cr-titlu{font-size:14px}
  .cr-unelte{gap:4px}
  .cr-unelte .js-cr-ecran,.cr-unelte .js-cr-zoom{display:none}
  .cr-buton,.cr-inapoi{min-width:40px;width:40px;height:40px}
  .cr-scena{padding:10px}
  .cr-sageata{display:none}
  .cr-jos{gap:12px;padding:0 14px}
  .cr-numar{min-width:0}
  .cr-pag{cursor:default}
}
@media (prefers-reduced-motion:reduce){
  .cr-foaie,.cr-foaie .fata::after{transition:none}
  .cr-pag img.intra-dr,.cr-pag img.intra-st,.cr-panou{animation:none}
}