/* Brows Academy — Lector PDF tipo revista */
.baf-flip{position:relative;margin:28px 0 36px;border-radius:16px;background:linear-gradient(135deg,#2a2330,#171117);padding:18px 14px 14px;box-shadow:0 10px 40px rgba(0,0,0,.18);outline:none;user-select:none;-webkit-user-select:none}
.baf-flip__title{font-family:var(--baf-fn,Arial,sans-serif);font-weight:800;color:#e9d9a8;font-size:16px;margin:0 0 12px;text-align:center}
.baf-flip__stage{position:relative;display:flex;justify-content:center;align-items:center;min-height:320px;perspective:1800px;overflow:hidden}
.baf-flip__book{position:relative;display:flex;justify-content:center;align-items:flex-start;cursor:pointer;width:100%}
.baf-flip__status{color:#e9d9a8;font-size:14px;padding:60px 10px;text-align:center;width:100%}
.baf-flip__spread{display:flex;justify-content:center;align-items:flex-start;gap:0;animation:bafFlipIn .45s ease both;transform-origin:center}
.baf-flip__spread--prev{animation-name:bafFlipInPrev}
.baf-flip__spread.is-leaving-next,.baf-flip__spread.is-leaving-prev{position:absolute;top:0;left:50%;pointer-events:none}
.baf-flip__spread.is-leaving-next{animation:bafFlipOutNext .4s ease forwards}
.baf-flip__spread.is-leaving-prev{animation:bafFlipOutPrev .4s ease forwards}
.baf-flip__page{background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.35);position:relative;line-height:0;max-width:100%}
.baf-flip__page canvas{display:block;border-radius:2px}
.baf-flip__page.is-left{border-radius:3px 0 0 3px;box-shadow:-4px 4px 18px rgba(0,0,0,.35)}
.baf-flip__page.is-right{border-radius:0 3px 3px 0}
.baf-flip__page.is-left::after,.baf-flip__page.is-right::before{content:"";position:absolute;top:0;bottom:0;width:36px;pointer-events:none}
.baf-flip__page.is-left::after{right:0;background:linear-gradient(to left,rgba(0,0,0,.22),transparent)}
.baf-flip__page.is-right::before{left:0;background:linear-gradient(to right,rgba(0,0,0,.22),transparent)}
.baf-flip__bar{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px}
.baf-flip__btn{min-width:42px;height:42px;padding:0 16px;border-radius:999px;border:1px solid rgba(233,217,168,.35);background:rgba(255,255,255,.06);color:#e9d9a8;font-size:18px;cursor:pointer;transition:.2s;font-family:inherit}
.baf-flip__btn:hover:not(:disabled){background:rgba(233,217,168,.18)}
.baf-flip__btn:disabled{opacity:.3;cursor:default}
.baf-flip__counter{color:#e9d9a8;font-size:14px;min-width:78px;text-align:center;font-variant-numeric:tabular-nums}
.baf-flip.is-full,.baf-flip.is-pseudo-full{border-radius:0;margin:0}
.baf-flip.is-pseudo-full{position:fixed;inset:0;z-index:99999;overflow:auto}
.baf-flip.is-full .baf-flip__stage,.baf-flip.is-pseudo-full .baf-flip__stage{min-height:calc(100vh - 120px)}
@keyframes bafFlipIn{from{opacity:0;transform:rotateY(-14deg) translateX(30px)}to{opacity:1;transform:none}}
@keyframes bafFlipInPrev{from{opacity:0;transform:rotateY(14deg) translateX(-30px)}to{opacity:1;transform:none}}
@keyframes bafFlipOutNext{from{opacity:1;transform:translateX(-50%)}to{opacity:0;transform:translateX(-50%) rotateY(18deg) scale(.97)}}
@keyframes bafFlipOutPrev{from{opacity:1;transform:translateX(-50%)}to{opacity:0;transform:translateX(-50%) rotateY(-18deg) scale(.97)}}
@media(max-width:759px){.baf-flip{padding:14px 8px 12px;border-radius:12px}}