.historias-lista,.historias-iniciar,.historias-personalizador,.historias-livro{box-sizing:border-box}
html.historias-customizer-open,body.historias-customizer-open{overflow:hidden!important;overscroll-behavior:none}
.historias-lista *,.historias-iniciar *,.historias-personalizador *,.historias-livro *{box-sizing:border-box}

/* Lista de histórias */
.historias-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}
.historias-card{text-align:center;border:1px solid #e2e2e2;border-radius:12px;padding:16px;background:#fff;box-shadow:0 8px 24px rgba(30,35,50,.05)}
.historias-card-imagem img,.historias-iniciar-capa img{width:100%;height:auto;border-radius:8px;display:block}
.historias-card-imagem-vazia{width:100%;padding-top:135%;background:#f2f2f2;border-radius:8px}
.historias-card-titulo{margin:12px 0;font-size:18px}
.historias-card-botao,.historias-botao-continuar{display:inline-block;background:#d6336c;color:#fff;padding:10px 22px;border-radius:30px;text-decoration:none;font-weight:700;border:none;cursor:pointer;font-size:15px;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.historias-card-botao:hover,.historias-botao-continuar:hover{background:#b02555;color:#fff;transform:translateY(-1px);box-shadow:0 8px 18px rgba(214,51,108,.22)}

/* Tela inicial */
.historias-iniciar{
    --historias-iniciar-bg:#5B1573;
    --historias-iniciar-text:#fff;
    --historias-iniciar-text-soft:rgba(255,255,255,.86);
    width:100vw;
    max-width:none;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    overflow:hidden;
    background:var(--historias-iniciar-bg);
    color:var(--historias-iniciar-text);
    font-family:inherit;
    box-shadow:none;
}
.historias-iniciar-apresentacao{padding:34px 0 28px;text-align:center;background:var(--historias-iniciar-bg)}
.historias-iniciar-titulo{margin:0 auto 8px;max-width:760px;padding:0 16px;color:var(--historias-iniciar-text);font-size:clamp(25px,3vw,38px);line-height:1.16;font-weight:800;letter-spacing:-.02em}
.historias-iniciar-subtitulo{margin:0 auto;max-width:760px;padding:0 16px;color:var(--historias-iniciar-text-soft);font-size:clamp(15px,1.55vw,18px);line-height:1.5}
.historias-iniciar-corpo{width:min(1140px,100%);margin:18px auto 58px;display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.historias-iniciar-capa-wrap{position:relative;width:100%;min-width:0;background:#eee;overflow:hidden;border-radius:16px 0 0 16px}
.historias-iniciar-capa{width:100%;height:100%;max-width:none;margin:0}
.historias-iniciar-capa img{display:block;width:100%;height:100%;min-height:368px;max-height:none;object-fit:cover;border-radius:0}
.historias-iniciar-capa .historias-card-imagem-vazia{height:100%;min-height:368px;padding-top:0;border-radius:0}
.historias-iniciar-preco{
    position:absolute;
    right:10px;
    bottom:10px;
    z-index:2;
    max-width:calc(100% - 20px);
    padding:8px 12px;
    border-radius:999px;
    background:#ff4b12;
    color:#fff;
    font-size:13px;
    line-height:1.15;
    font-weight:700;
    box-shadow:0 6px 20px rgba(64,22,7,.24);
    white-space:nowrap;
}
.historias-iniciar-preco strong{font-size:16px;font-weight:900}
.historias-iniciar-preco .amount,.historias-iniciar-preco bdi,.historias-iniciar-preco ins{color:inherit;text-decoration:none}
.historias-iniciar-preco del{display:none}
.historias-iniciar-form-area{min-width:0;padding:0;background:#fff;border-radius:0 16px 16px 0;display:flex;align-items:center;justify-content:center}
.historias-iniciar-form{
    width:min(360px,calc(100% - 48px));
    padding:0;
    display:flex;
    flex-direction:column;
    gap:14px;
    background:transparent;
    color:#34343b;
    border-radius:0;
    box-shadow:none;
}
.historias-iniciar-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.historias-iniciar-form input{
    width:100%;
    height:58px;
    padding:0 18px;
    border:1px solid #e2e3e8;
    border-radius:12px;
    background:#fff;
    color:#31333a;
    font:500 16px/1.2 inherit;
    text-align:center;
    box-shadow:0 3px 10px rgba(23,29,39,.04);
    outline:none;
    transition:border-color .18s ease,box-shadow .18s ease;
}
.historias-iniciar-form input::placeholder{color:#9b9ca4;opacity:1}
.historias-iniciar-form input:focus{border-color:#b8b9c1;box-shadow:0 0 0 3px rgba(91,21,115,.08)}
.historias-genero{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.historias-genero-btn{
    min-width:0;
    height:56px;
    padding:0 14px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    border:1px solid #dedfe4;
    border-radius:999px;
    background:#fff;
    color:#7d7e87;
    cursor:pointer;
    font:800 13px/1 inherit;
    text-transform:uppercase;
    letter-spacing:.025em;
    box-shadow:0 3px 9px rgba(31,36,47,.035);
    transition:border-color .18s ease,color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;
}
.historias-genero-icone{width:26px;height:26px;flex:0 0 26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.historias-genero-btn:hover{border-color:#c5c6cd;color:#555760;transform:translateY(-1px)}
.historias-genero-btn.is-selecionado{border-color:#ff4b12;background:#fff8f5;color:#e94710;box-shadow:0 0 0 3px rgba(255,75,18,.09)}
.historias-iniciar .historias-msg{margin:0;min-height:0;color:#b02555;font-size:13px;font-weight:700;text-align:center}
.historias-iniciar .historias-msg:not(:empty){min-height:20px}
.historias-iniciar-criar{
    width:100%;
    min-height:56px;
    margin-top:0;
    display:flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:999px;
    background:#ff4b12;
    color:#fff;
    font-size:14px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.035em;
    box-shadow:0 8px 22px rgba(255,75,18,.25);
}
.historias-iniciar-criar:hover,.historias-iniciar-criar:focus-visible{background:#e9430e;color:#fff;transform:translateY(-1px);box-shadow:0 10px 24px rgba(255,75,18,.3);outline:none}

@media(min-width:761px){
    .historias-iniciar-form input{height:60px;font-size:16px}
    .historias-genero-btn{height:58px;font-size:13px}
    .historias-iniciar-criar{min-height:56px;font-size:14px}
}

@media(max-width:760px){
    .historias-iniciar{width:100vw;max-width:none;box-shadow:none}
    .historias-iniciar-apresentacao{padding:24px 0 21px}
    .historias-iniciar-titulo{padding:0 12px;font-size:clamp(23px,7vw,31px)}
    .historias-iniciar-subtitulo{padding:0 12px;font-size:15px;line-height:1.48}
    .historias-iniciar-corpo{width:100%;margin:0;display:block}
    .historias-iniciar-capa-wrap{border-radius:0}
    .historias-iniciar-capa img{height:auto;min-height:0;object-fit:contain}
    .historias-iniciar-capa .historias-card-imagem-vazia{height:auto;min-height:0;padding-top:70%}
    .historias-iniciar-preco{right:10px;bottom:10px;padding:8px 12px;font-size:12px}
    .historias-iniciar-preco strong{font-size:16px}
    .historias-iniciar-form-area{padding:15px 0 max(18px,env(safe-area-inset-bottom,0px));background:var(--historias-iniciar-bg);border-radius:0}
    .historias-iniciar-form{width:calc(100% - 28px);padding:16px;border-radius:16px;gap:12px;background:#fff;box-shadow:0 10px 30px rgba(25,16,31,.14)}
    .historias-iniciar-form input{height:54px;font-size:15px}
    .historias-genero{gap:9px}
    .historias-genero-btn{height:52px;padding:0 10px;font-size:12px;gap:7px}
    .historias-genero-icone{width:23px;height:23px;flex-basis:23px}
    .historias-iniciar-criar{min-height:54px;font-size:13px}
}

@media(max-width:360px){
    .historias-iniciar-titulo,.historias-iniciar-subtitulo{padding-right:10px;padding-left:10px}
    .historias-iniciar-form{width:calc(100% - 20px);padding:14px 12px}
    .historias-genero-btn{font-size:11px}
}
/* =========================================================
 * PERSONALIZADOR 2.6.0 - experiência imersiva e responsiva
 * ========================================================= */
.historias-personalizador{
    --historias-accent:#d6336c;
    --historias-accent-dark:#b02555;
    --historias-topbar-h:calc(66px + env(safe-area-inset-top,0px));
    --historias-controls-h:calc(204px + env(safe-area-inset-bottom,0px));
    position:fixed;
    inset:0;
    z-index:9000;
    width:100%;
    max-width:none;
    min-height:0;
    overflow:hidden;
    color:#222;
    background:
        radial-gradient(circle at 50% 42%,rgba(255,255,255,.98) 0,rgba(248,250,255,.98) 38%,rgba(235,240,249,.98) 100%);
    font-family:inherit;
}
body.admin-bar .historias-personalizador{top:32px}

.historias-personalizador-topbar{
    position:absolute;
    z-index:6;
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:min(100%,980px);
    height:var(--historias-topbar-h);
    padding:calc(10px + env(safe-area-inset-top,0px)) 18px 10px;
    display:grid;
    grid-template-columns:52px 1fr auto;
    align-items:center;
    gap:14px;
    background:rgba(255,255,255,.96);
    border-bottom:1px solid rgba(35,44,62,.09);
    box-shadow:0 8px 28px rgba(34,43,60,.08);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
}
.historias-voltar{
    width:42px;
    height:42px;
    border:0;
    border-radius:50%;
    background:transparent;
    color:#8b8f9b;
    font-size:29px;
    line-height:1;
    display:grid;
    place-items:center;
    cursor:pointer;
    transition:background .18s ease,color .18s ease,transform .18s ease;
}
.historias-voltar:hover,.historias-voltar:focus-visible{background:#f2f3f7;color:#434854;transform:translateX(-2px);outline:none}
.historias-topbar-info{text-align:center;min-width:0;display:flex;align-items:baseline;justify-content:center;gap:8px;white-space:nowrap;overflow:hidden}
.historias-topbar-info strong{font-size:15px;letter-spacing:.01em;color:#343844;overflow:hidden;text-overflow:ellipsis}
.historias-topbar-info span{font-size:12px;font-weight:700;color:#8b8f9b}
.historias-botao-ver-livro{
    min-width:154px;
    height:42px;
    padding:0 18px;
    border:0;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    background:var(--historias-accent);
    color:#fff;
    font-size:13px;
    font-weight:800;
    line-height:1;
    cursor:pointer;
    box-shadow:0 8px 20px rgba(214,51,108,.24);
    transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.historias-botao-ver-livro:hover,.historias-botao-ver-livro:focus-visible{background:var(--historias-accent-dark);transform:translateY(-1px);box-shadow:0 10px 24px rgba(214,51,108,.3);outline:none}
.historias-botao-ver-livro span:last-child{font-size:19px;margin-top:-1px}

.historias-personalizador-main{
    position:absolute;
    z-index:1;
    top:var(--historias-topbar-h);
    right:0;
    bottom:var(--historias-controls-h);
    left:0;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:16px 18px 12px;
    overflow:hidden;
}
.historias-personalizador-preview{height:100%;width:100%;display:flex;align-items:center;justify-content:center;position:relative}
.historias-avatar-stage{
    position:relative;
    height:min(96%,620px);
    width:auto;
    max-width:90vw;
    aspect-ratio:187/254;
    flex:0 1 auto;
    background:radial-gradient(circle at 50% 40%,#fff 0,#f4f7fc 54%,#e7edf6 100%);
    border:1px solid rgba(68,79,98,.08);
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 18px 55px rgba(36,48,70,.13),inset 0 1px 0 rgba(255,255,255,.9);
}
.historias-avatar-stage:after{content:"";position:absolute;inset:auto 12% 5% 12%;height:9%;background:radial-gradient(ellipse,rgba(36,48,70,.14),rgba(36,48,70,0) 70%);filter:blur(7px);pointer-events:none;z-index:0}
.historias-avatar-camada{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.historias-avatar-camada[hidden]{display:none}
.historias-personalizador-msg{
    position:absolute;
    z-index:4;
    left:50%;
    bottom:8px;
    transform:translateX(-50%);
    width:min(92%,520px);
    min-height:0;
    margin:0;
    padding:0;
    text-align:center;
    font-size:13px;
}
.historias-personalizador-msg:not(:empty){padding:8px 12px;border-radius:10px;background:rgba(255,240,245,.95);box-shadow:0 6px 16px rgba(81,32,52,.08)}

.historias-personalizador-controls{
    position:absolute;
    z-index:5;
    right:50%;
    bottom:0;
    transform:translateX(50%);
    width:min(100%,980px);
    height:var(--historias-controls-h);
    display:flex;
    flex-direction:column;
    background:rgba(255,255,255,.98);
    border-top:1px solid rgba(35,44,62,.1);
    box-shadow:0 -12px 34px rgba(34,43,60,.11);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    padding-bottom:env(safe-area-inset-bottom,0px);
}
.historias-categorias-tabs{
    flex:0 0 52px;
    width:100%;
    display:flex;
    align-items:stretch;
    gap:0;
    padding:0 10px;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
    -ms-overflow-style:none;
    scroll-behavior:smooth;
    border-bottom:1px solid #eef0f4;
}
.historias-categorias-tabs::-webkit-scrollbar,.historias-opcoes-scroll::-webkit-scrollbar{display:none}
.historias-categoria-tab{
    position:relative;
    flex:1 0 92px;
    min-width:72px;
    padding:0 10px;
    border:0;
    background:transparent;
    color:#9296a2;
    font-size:12px;
    font-weight:700;
    cursor:pointer;
    white-space:nowrap;
    transition:color .18s ease,background .18s ease;
}
.historias-categoria-tab:after{content:"";position:absolute;right:18%;bottom:0;left:18%;height:3px;border-radius:999px 999px 0 0;background:transparent;transform:scaleX(.45);transition:background .18s ease,transform .18s ease}
.historias-categoria-tab.is-ativa{color:var(--historias-accent)}
.historias-categoria-tab.is-ativa:after{background:var(--historias-accent);transform:scaleX(1)}
.historias-categoria-tab:focus-visible{outline:2px solid rgba(214,51,108,.35);outline-offset:-3px;border-radius:8px}

.historias-categoria-paineis{flex:1 1 auto;min-height:0;position:relative;overflow:hidden}
.historias-categoria-painel{position:absolute;inset:0;display:none;overflow:hidden}
.historias-categoria-painel.is-ativo{display:block}
.historias-opcoes{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;overflow:hidden}
.historias-opcoes-scroll{
    width:100%;
    min-height:88px;
    display:flex;
    flex:0 0 auto;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    padding:7px 22px;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
    -ms-overflow-style:none;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    touch-action:pan-x;
    scroll-snap-type:x proximity;
}
.historias-opcoes-scroll:before,.historias-opcoes-scroll:after{content:"";flex:0 0 1px}
.historias-opcao-botao{
    flex:0 0 76px;
    width:76px;
    height:76px;
    padding:4px;
    border:2px solid #e4e6eb;
    border-radius:14px;
    background:#fff;
    overflow:hidden;
    cursor:pointer;
    scroll-snap-align:center;
    box-shadow:0 3px 10px rgba(35,44,62,.04);
    transition:border .16s ease,box-shadow .16s ease,transform .16s ease;
}
.historias-opcao-botao img{width:100%;height:100%;object-fit:contain;display:block}
.historias-opcao-vazia{width:100%;height:100%;display:grid;place-items:center;color:#aeb2bd;background:#f6f7f9;border-radius:9px;font-size:24px}
.historias-opcao-botao.is-selecionado{border-color:var(--historias-accent);box-shadow:0 0 0 3px rgba(214,51,108,.12),0 6px 18px rgba(36,48,70,.08);transform:translateY(-1px)}
.historias-opcao-botao:focus-visible{outline:2px solid rgba(214,51,108,.35);outline-offset:2px}

.historias-cores-front{flex:0 0 44px;width:100%;display:flex;align-items:center;justify-content:center;padding:0 16px 6px}
.historias-cores-front-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.historias-cores-front-row{display:flex;align-items:center;justify-content:center;gap:10px;min-height:38px}
.historias-cor-botao{
    position:relative;
    width:34px;
    height:34px;
    flex:0 0 34px;
    padding:3px;
    border:3px solid #fff;
    border-radius:50%;
    background:#f3f4f6;
    cursor:pointer;
    overflow:hidden;
    box-shadow:0 0 0 1px #dfe2e8,0 2px 5px rgba(35,44,62,.08);
    transition:transform .16s ease,box-shadow .16s ease;
}
.historias-cor-botao img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.historias-cor-botao.is-selecionado{transform:scale(1.08);box-shadow:0 0 0 2px var(--historias-accent),0 4px 10px rgba(35,44,62,.12)}
.historias-cor-botao:focus-visible{outline:2px solid rgba(214,51,108,.4);outline-offset:3px}

/* =========================================================
 * VISUALIZADOR DO LIVRO 2.7.0 - leitura imersiva e responsiva
 * ========================================================= */
html.historias-book-open,body.historias-book-open{overflow:hidden!important;overscroll-behavior:none}
.historias-livro{
    --historias-book-accent:#d6336c;
    --historias-book-accent-dark:#b02555;
    --historias-book-bg:#F5F4F7;
    --historias-book-topbar-h:calc(66px + env(safe-area-inset-top,0px));
    position:fixed;
    inset:0;
    z-index:9000;
    width:100%;
    max-width:none;
    min-height:0;
    margin:0;
    overflow:hidden;
    text-align:center;
    color:#343844;
    background:var(--historias-book-bg);
    font-family:inherit;
}
body.admin-bar .historias-livro{top:32px}

.historias-livro-topbar{
    position:absolute;
    z-index:8;
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:min(100%,980px);
    height:var(--historias-book-topbar-h);
    padding:calc(10px + env(safe-area-inset-top,0px)) 18px 10px;
    display:grid;
    grid-template-columns:52px 1fr 52px;
    align-items:center;
    background:rgba(255,255,255,.97);
    border-bottom:1px solid rgba(35,44,62,.07);
    box-shadow:0 8px 28px rgba(34,43,60,.055);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
}
.historias-livro-voltar{
    width:42px;
    height:42px;
    padding:0;
    border:0;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:transparent;
    color:#8b8f9b;
    font:400 29px/1 inherit;
    cursor:pointer;
    transition:background .18s ease,color .18s ease,transform .18s ease;
}
.historias-livro-voltar:hover,.historias-livro-voltar:focus-visible{background:#f0f1f4;color:#434854;transform:translateX(-2px);outline:none}

.historias-livro-main{
    position:absolute;
    z-index:1;
    top:var(--historias-book-topbar-h);
    right:0;
    bottom:0;
    left:0;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    background:var(--historias-book-bg);
}
.historias-livro-reader{
    min-height:100%;
    width:min(100%,900px);
    margin:0 auto;
    padding:30px 24px max(28px,env(safe-area-inset-bottom,0px));
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:16px;
}
.historias-livro-stage-shell{
    position:relative;
    flex:0 0 auto;
    width:min(calc(100vw - 48px),500px);
    width:min(calc(100vw - 48px),48dvh,500px);
    aspect-ratio:187/254;
}
.historias-livro-stage{
    position:relative;
    width:100%;
    height:100%;
    aspect-ratio:187/254;
    background:#fff;
    overflow:hidden;
    box-shadow:0 12px 36px rgba(39,45,58,.12);
    margin:0 auto;
}
.historias-livro-stage img,.historias-lightbox-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.historias-livro-stage img.historias-fundo,.historias-lightbox-stage img.historias-fundo{object-fit:cover}
.historias-livro-texto{position:absolute;line-height:1.3;text-shadow:0 1px 3px rgba(255,255,255,.8);pointer-events:none;transform-origin:top left}

.historias-livro-zoom{
    position:absolute;
    z-index:6;
    top:-18px;
    right:-18px;
    width:52px;
    height:52px;
    padding:0;
    border:1px solid rgba(115,119,130,.32);
    border-radius:50%;
    display:grid;
    place-items:center;
    background:rgba(245,244,247,.96);
    color:#9296a2;
    cursor:pointer;
    box-shadow:0 6px 18px rgba(47,52,64,.12);
    transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease;
}
.historias-livro-zoom svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.historias-livro-zoom:hover,.historias-livro-zoom:focus-visible{transform:scale(1.05);background:#fff;color:#666c78;box-shadow:0 8px 22px rgba(47,52,64,.16);outline:none}

.historias-paginacao{display:grid;grid-template-columns:48px minmax(82px,auto) 48px;align-items:center;justify-content:center;gap:12px;min-height:52px}
.historias-nav{
    width:44px;
    height:44px;
    padding:0 0 3px;
    border:1px solid #e1e2e7;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#fff;
    color:#aaa7b8;
    font:400 31px/1 inherit;
    cursor:pointer;
    box-shadow:0 3px 10px rgba(44,49,60,.04);
    transition:transform .16s ease,color .16s ease,border .16s ease,box-shadow .16s ease;
}
.historias-nav:hover:not(:disabled),.historias-nav:focus-visible:not(:disabled){color:var(--historias-book-accent);border-color:rgba(214,51,108,.28);transform:translateY(-1px);box-shadow:0 6px 16px rgba(44,49,60,.08);outline:none}
.historias-nav:disabled{opacity:.42;cursor:default;background:#fbfbfc;color:#c5c5cc}
.historias-paginacao-status{min-width:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#858995}
.historias-livro-contador{margin:0;color:#a9a6b0;font-size:21px;font-weight:500;line-height:1}
.historias-paginacao-status span{font-size:8px;font-weight:800;line-height:1.2;letter-spacing:.025em;text-transform:uppercase;color:#aaa8b1;white-space:nowrap}
.historias-paginacao-status span b{font:inherit}

.historias-compra{display:flex;flex-direction:column;align-items:center;gap:7px;margin:0 auto;min-height:48px}
.historias-compra-msg{margin:0;min-height:0;max-width:520px;color:#b02555;font-size:12px;font-weight:700;line-height:1.3}
.historias-compra-msg:empty{display:none}
.historias-botao-comprar{
    min-width:190px;
    height:44px;
    padding:0 20px;
    border:0;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    background:var(--historias-book-accent);
    color:#fff;
    font:800 13px/1 inherit;
    cursor:pointer;
    box-shadow:0 8px 20px rgba(214,51,108,.24);
    transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.historias-botao-comprar span:last-child{font-size:19px;margin-top:-1px}
.historias-botao-comprar:hover:not(:disabled),.historias-botao-comprar:focus-visible:not(:disabled){background:var(--historias-book-accent-dark);transform:translateY(-1px);box-shadow:0 10px 24px rgba(214,51,108,.3);outline:none}
.historias-botao-comprar:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}

.historias-lightbox[hidden]{display:none!important}
.historias-lightbox{
    position:absolute;
    z-index:20;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:calc(58px + env(safe-area-inset-top,0px)) 14px max(14px,env(safe-area-inset-bottom,0px));
    background:rgba(0,0,0,.50);
    backdrop-filter:blur(1px);
    -webkit-backdrop-filter:blur(1px);
}
.historias-lightbox-stage{
    position:relative;
    width:min(calc(100vw - 28px),680px);
    width:min(calc(100vw - 28px),64dvh,680px);
    aspect-ratio:187/254;
    overflow:hidden;
    background:#fff;
    box-shadow:0 18px 65px rgba(0,0,0,.34);
}
.historias-lightbox-fechar{
    position:absolute;
    z-index:22;
    top:calc(12px + env(safe-area-inset-top,0px));
    right:18px;
    width:42px;
    height:42px;
    padding:0 0 3px;
    border:1px solid rgba(255,255,255,.42);
    border-radius:50%;
    display:grid;
    place-items:center;
    background:rgba(255,255,255,.96);
    color:#555a64;
    font:400 28px/1 inherit;
    cursor:pointer;
    box-shadow:0 5px 18px rgba(0,0,0,.16);
}
.historias-lightbox-fechar:hover,.historias-lightbox-fechar:focus-visible{background:#fff;color:#222;outline:2px solid rgba(255,255,255,.45);outline-offset:2px}

.historias-erro,.historias-vazio{text-align:center;padding:30px;color:#777}

@media(min-width:900px){
    .historias-livro-topbar{border-radius:0 0 20px 20px}
    .historias-livro-reader{padding-top:34px;padding-bottom:34px}
    .historias-livro-stage-shell{width:min(calc(100vw - 48px),520px);width:min(calc(100vw - 48px),50dvh,520px)}
    .historias-personalizador-topbar{border-radius:0 0 20px 20px}
    .historias-personalizador-controls{border-radius:22px 22px 0 0;overflow:hidden}
    .historias-opcoes-scroll{justify-content:center;padding-right:34px;padding-left:34px}
}

@media(max-width:700px){
    .historias-livro{--historias-book-topbar-h:calc(60px + env(safe-area-inset-top,0px))}
    .historias-livro-topbar{grid-template-columns:44px 1fr 44px;padding:calc(8px + env(safe-area-inset-top,0px)) 12px 8px}
    .historias-livro-voltar{width:40px;height:40px;font-size:28px}
    .historias-livro-reader{padding:24px 17px max(22px,env(safe-area-inset-bottom,0px));gap:13px;justify-content:center}
    .historias-livro-stage-shell{width:min(calc(100vw - 34px),440px);width:min(calc(100vw - 34px),48dvh,440px)}
    .historias-livro-zoom{top:-15px;right:-10px;width:48px;height:48px}
    .historias-livro-zoom svg{width:27px;height:27px}
    .historias-paginacao{grid-template-columns:44px minmax(76px,auto) 44px;gap:10px}
    .historias-nav{width:42px;height:42px;font-size:29px}
    .historias-botao-comprar{height:42px;min-width:180px;padding:0 18px;font-size:12px}

    .historias-personalizador{--historias-topbar-h:calc(60px + env(safe-area-inset-top,0px));--historias-controls-h:calc(190px + env(safe-area-inset-bottom,0px))}
    .historias-personalizador-topbar{grid-template-columns:44px 1fr auto;padding:calc(8px + env(safe-area-inset-top,0px)) 12px 8px;gap:8px}
    .historias-voltar{width:40px;height:40px;font-size:28px}
    .historias-topbar-info{justify-content:flex-start}
    .historias-topbar-info strong{font-size:13px}
    .historias-topbar-info span{display:none}
    .historias-botao-ver-livro{min-width:132px;height:40px;padding:0 15px;font-size:12px;gap:9px}
    .historias-personalizador-main{padding:10px 12px 8px}
    .historias-avatar-stage{height:min(96%,540px);max-width:92vw;border-radius:18px}
    .historias-categorias-tabs{flex-basis:50px;padding:0;justify-content:flex-start}
    .historias-categoria-tab{flex:1 0 60px;min-width:60px;padding:0 6px;font-size:11px}
    .historias-categoria-tab:after{right:20%;left:20%}
    .historias-opcoes-scroll{min-height:82px;gap:9px;padding:6px 14px}
    .historias-opcao-botao{flex-basis:70px;width:70px;height:70px;border-radius:12px}
    .historias-cores-front{flex-basis:42px;padding-bottom:5px}
    .historias-cor-botao{width:32px;height:32px;flex-basis:32px}
}

@media(max-width:520px){
    .historias-topbar-info{display:none}
    .historias-personalizador-topbar{grid-template-columns:44px 1fr;padding-right:12px}
    .historias-botao-ver-livro{justify-self:end}
}

@media(max-height:680px){
    .historias-livro-reader{padding-top:17px;padding-bottom:17px;gap:9px}
    .historias-livro-stage-shell{width:min(calc(100vw - 34px),380px);width:min(calc(100vw - 34px),44dvh,380px)}
    .historias-paginacao{min-height:44px}
    .historias-nav{width:38px;height:38px;font-size:27px}
    .historias-livro-contador{font-size:18px}
    .historias-botao-comprar{height:39px}
    .historias-personalizador{--historias-topbar-h:calc(56px + env(safe-area-inset-top,0px));--historias-controls-h:calc(166px + env(safe-area-inset-bottom,0px))}
    .historias-personalizador-topbar{height:var(--historias-topbar-h);padding-top:calc(7px + env(safe-area-inset-top,0px));padding-bottom:7px}
    .historias-botao-ver-livro,.historias-voltar{height:38px}
    .historias-categorias-tabs{flex-basis:44px}
    .historias-opcoes-scroll{min-height:70px;padding-top:4px;padding-bottom:4px}
    .historias-opcao-botao{width:60px;height:60px;flex-basis:60px}
    .historias-cores-front{flex-basis:38px;padding-bottom:3px}
    .historias-cor-botao{width:29px;height:29px;flex-basis:29px}
}

@media(max-width:782px){body.admin-bar .historias-personalizador,body.admin-bar .historias-livro{top:46px}}