/* página como papiro sobre o céu (teste) */
.pagina{max-width:860px;margin:22px auto 40px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.45))}
.folha-pagina{padding:var(--moldura-pv) var(--moldura-ph);
  background:var(--papiro-fundo);
  clip-path:polygon(0 10px,4% 3px,18% 8px,36% 0,55% 7px,74% 1px,92% 8px,100% 4px,
    calc(100% - 6px) 12%,100% 28%,calc(100% - 5px) 46%,100% 63%,calc(100% - 7px) 80%,calc(100% - 2px) 95%,
    100% calc(100% - 3px),92% 100%,78% calc(100% - 7px),60% 100%,40% calc(100% - 8px),20% 100%,5% calc(100% - 6px),0 calc(100% - 2px),
    6px 88%,0 70%,5px 52%,0 34%,7px 18%)}
/* peças com fundo próprio passam a combinar com o papiro */
.folha-pagina div[style*="f8f9fa"]{background-color:rgba(255,250,232,.5)!important;border-color:rgba(120,85,40,.35)!important}

body{display:flow-root}
/* contraste sobre o papiro */
.folha-pagina h2[style*="B5852F"]{color:#1F5FA3!important}
.folha-pagina a[style*="25d366"]{color:#4A7C59!important;border-color:#4A7C59!important}

/* cabeçalho fica no céu, acima do papiro (igual à home) */
body>header{max-width:860px;margin:0 auto!important;padding:18px 44px 14px!important;border-bottom:2px solid color-mix(in srgb,var(--ocre,#B5852F) 75%,transparent)!important}
body>header a{color:#efe3c2!important}
body>header a:first-child{color:var(--vazado,#f6e7b4)!important}
.pagina{margin-top:26px}
@media(max-width:700px){
  body>header{padding:18px 62px 12px!important;flex-direction:column;text-align:center;justify-content:center}
  body>header nav{justify-content:center}
  .pagina{margin:16px 8px 24px}
  .folha-pagina{padding:var(--moldura-pv) var(--moldura-ph)}
}

.pagina-larga{max-width:1000px}

/* Portal do Aluno: cartão escuro vira parte do papiro */
.folha-pagina .portal-aluno-container{background:none;border:none;box-shadow:none;margin:0 auto;padding:10px 0 6px}
.folha-pagina .portal-title{color:var(--azul-egipcio-claro,#1F5FA3)}
.folha-pagina .portal-subtitle{color:var(--azul-egipcio-claro,#1F5FA3)}
.folha-pagina .portal-card{background:rgba(255,250,232,.5);border-color:rgba(120,85,40,.35)}
.folha-pagina .portal-card p{color:#2b1d12}
.folha-pagina .btn-classroom{background:var(--azul-egipcio-claro,#1F5FA3);color:var(--vazado,#f6e7b4)}
.folha-pagina .btn-classroom:hover{background:color-mix(in srgb,var(--azul-egipcio-claro,#1F5FA3) 60%,black)}

/* Checkout: mesma identidade, mais calma e focada */
.checkout{display:flex;justify-content:center;align-items:center}
.checkout::before{opacity:.55}
.checkout::after{animation:none;opacity:.6}
.checkout .pagina{width:100%;margin:0}
.pagina-estreita{max-width:540px}

.checkout .card{background:none;border:none;box-shadow:none;padding:0;max-width:none}
.checkout h2{color:var(--azul-egipcio-claro,#1F5FA3)}
.checkout .price-box{background:rgba(255,250,232,.6);border:1px solid rgba(120,85,40,.4)}
.checkout .price-title{color:#6b5a3a}
.checkout .step-text{color:#2b1d12}
.checkout .highlight{background:rgba(255,248,214,.85);color:#7a4a0a}
.checkout .btn-pay{background:var(--terracota,#A03E25);color:#F3E3B8;padding:16px;box-shadow:none}
.checkout .btn-pay:hover{background:color-mix(in srgb,var(--terracota,#A03E25) 78%,black)}
@media(max-width:700px){.checkout{padding:14px 8px}}

/* marca compacta (Hermes + nome) no cabeçalho das páginas internas */
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.marca img{height:40px;width:40px;flex:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}
@media(max-width:700px){.marca{justify-content:center;font-size:13px;letter-spacing:.5px;gap:8px}.marca img{height:36px;width:36px}.marca span{white-space:nowrap}}

/* Páginas de serviço: o que era azul vira terracota; preto/cinza vira azul-noite;
   campos de fundo mais claro viram só uma linha azul (papiro não tem "cor mais clara") */
.pagina-servico{--azul:var(--azul-egipcio-claro,#1F5FA3);--azul-noite:var(--preto-tinta,#16233F)}
.pagina-servico .folha-pagina [style*="border-bottom: 2px solid"]{border-bottom-color:var(--terracota)!important}
.pagina-servico .folha-pagina p[style*="B5852F"]{color:var(--terracota)!important}
.pagina-servico .folha-pagina,
.pagina-servico .folha-pagina [style*="color: #222222"],
.pagina-servico .folha-pagina [style*="color: #333333"],
.pagina-servico .folha-pagina [style*="color: #444444"],
.pagina-servico .folha-pagina [style*="color: #555555"],
.pagina-servico .folha-pagina [style*="color: #666666"]{color:var(--azul-noite)!important}
.pagina-servico .folha-pagina div[style*="f8f9fa"],
.pagina-servico .folha-pagina div[style*="background-color: white"]{background:transparent!important;border:1px solid var(--azul)!important;box-shadow:none!important}

/* Mesmas mudanças do resto: azul vira terracota, texto em azul-noite, campos claros viram só linha azul */
.folha-pagina .portal-title{color:var(--terracota,#A03E25)}
.folha-pagina .portal-card{background:transparent;border:1px solid var(--azul-egipcio-claro,#1F5FA3)}
.folha-pagina .portal-card p{color:var(--preto-tinta,#16233F)}
.checkout h2,.checkout .price-value{color:var(--terracota,#A03E25)}
.checkout .price-box{background:transparent;border:1px solid var(--azul-egipcio-claro,#1F5FA3)}
.checkout .price-title,.checkout .step-text{color:var(--preto-tinta,#16233F)}
.checkout .step-text strong{color:var(--preto-tinta,#16233F)}
.checkout .highlight{background:transparent;color:var(--terracota,#A03E25);border:1px solid var(--azul-egipcio-claro,#1F5FA3);padding:1px 6px}


/* ===== Páginas de serviço: o papiro é a página inteira (sem céu) e o cabeçalho mora dentro dele ===== */
html:has(.pagina-papiro),body:has(.pagina-papiro){background:var(--papiro-fundo)}
/* cor lisa por baixo do degradê: o Safari pinta as barras de cima e de baixo com ela (sem cor lisa elas ficam brancas) */
html:has(.pagina-papiro),body:has(.pagina-papiro){background-color:var(--papiro-topo)}
body:has(.pagina-papiro)::before,body:has(.pagina-papiro)::after{display:none}
.pagina-papiro{margin:0;max-width:none;filter:none}
.pagina-papiro .folha-pagina{clip-path:none;background:none;min-height:100vh;hyphens:none;-webkit-hyphens:none}
@media(max-width:700px){.pagina-papiro{margin:0}.pagina-papiro .folha-pagina{padding-left:60px;padding-right:60px}}
.cab-papiro{text-align:center;margin:0 auto 6px;max-width:700px}
.cab-logo{display:block;margin:0 auto;max-width:270px}
.cab-logo img{display:block;width:100%;height:auto}
/* Alunos, Seu espaço e painel do administrador: logo pela metade, para ganhar espaço (tudo sobe) */
.cab-logo.cab-logo-menor{max-width:135px}
.pagina-papiro .folha-pagina:has(.cab-logo-menor){padding-top:calc(130px*var(--moldura-m) - 1px)}
.cab-nav{display:flex;border:0;margin:16px 0 0;font:700 13px 'Cinzel',serif;letter-spacing:.03em}
.cab-nav a{flex:1;padding:9px 0;color:var(--terracota,#A03E25);text-decoration:none}
.cab-nav a+a{border-left:2px solid var(--azul-egipcio-claro,#1F5FA3)}
.cab-nav a.atual{color:var(--ocre,#B5852F)}
.cab-linha{border:0;height:2px;background:var(--azul-egipcio-claro,#1F5FA3);margin:16px 0 6px}
/* menu e carrinho: peças pequenas de papiro, dentro da moldura, sem canto arredondado */
html body:has(.pagina-papiro) .sidemenu-toggle,html body:has(.pagina-papiro) .cart-toggle{
  top:calc(130px*var(--moldura-m))!important;width:34px!important;height:34px!important;border-radius:0!important;background:none!important;
  border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:var(--ocre,#B5852F)!important}
html body:has(.pagina-papiro) .sidemenu-toggle{left:calc(80px*var(--moldura-m) + 4px)!important}
html body:has(.pagina-papiro) .cart-toggle{right:calc(80px*var(--moldura-m) + 4px)!important}
html body:has(.pagina-papiro) .sidemenu-toggle span,html body:has(.pagina-papiro) .sidemenu-toggle span::before,html body:has(.pagina-papiro) .sidemenu-toggle span::after{background:var(--ocre,#B5852F)!important;width:22px!important;height:3px!important}
html body:has(.pagina-papiro) .sidemenu-toggle span::before{top:-7px!important}
html body:has(.pagina-papiro) .sidemenu-toggle span::after{top:7px!important}
html body:has(.pagina-papiro) .cart-toggle svg{stroke:none;fill:var(--ocre,#B5852F);width:28px!important;height:28px!important}
/* Hermes das mensagens (painel): espelho do sino, no canto de baixo, na faixa vazia entre o texto e a moldura */
html body:has(.pagina-papiro) .hermes-toggle{
  right:calc(80px*var(--moldura-m) + 4px)!important;bottom:calc(130px*var(--moldura-m) + var(--barra-conversa,0px))!important;
  width:34px!important;height:34px!important}
html body:has(.pagina-papiro) .hermes-toggle img{width:30px!important;height:30px!important}
/* texto justificado; subtítulos sem linha, como no blog */
.pagina-papiro .folha-pagina p[style*="font-size: 17px"],.pagina-papiro .folha-pagina p[style*="font-size: 16px"]{text-align:justify!important}
.pagina-papiro .folha-pagina p[style*="font-size: 17px"]{font-size:15px!important}
.pagina-papiro .folha-pagina h2[style*="border-bottom"]{border-bottom:none!important;font-size:21px!important;margin:30px 0 12px!important;padding:0!important}
/* computador: mesma proporção do celular (texto de ponta a ponta entre a moldura e os botões; letra cresce com a tela) */
@media(min-width:701px){
  .pagina-papiro .folha-pagina{padding-left:84px;padding-right:84px}
  .pagina-papiro .folha-pagina>div[style*="max-width: 700px"],.pagina-papiro .cab-papiro{max-width:none!important}
  .pagina-papiro .cab-logo{max-width:clamp(270px,24vw,420px)}
  .pagina-papiro .cab-logo.cab-logo-menor{max-width:clamp(135px,12vw,210px)}
  .pagina-papiro .cab-nav{font-size:clamp(13px,1.1vw,17px)}
  .pagina-papiro .cab-nav a{padding:clamp(9px,.9vw,14px) 0}
  .pagina-papiro .folha-pagina h1[style*="font-size: 28px"]{font-size:clamp(28px,2.5vw,38px)!important}
  .pagina-papiro .folha-pagina h2[style*="border-bottom"]{font-size:clamp(21px,1.8vw,27px)!important}
  .pagina-papiro .folha-pagina h2[style*="text-transform: uppercase"]{font-size:clamp(16px,1.45vw,21px)!important}
  .pagina-papiro .folha-pagina p[style*="font-size: 17px"],.pagina-papiro .folha-pagina p[style*="font-size: 16px"],.pagina-papiro .folha-pagina ul[style*="font-size: 16px"],.pagina-papiro .folha-pagina li[style*="margin-bottom"]{font-size:clamp(17px,1.55vw,23px)!important}
}
/* Alunos e Seu espaço (portal.css) dentro do papiro inteiro: mesma estética, sem canto arredondado, coluna de ponta a ponta */
.pagina-papiro .portal{max-width:none;font-family:'Cinzel',serif;text-align:left}
.pagina-papiro .portal :is(input,select,textarea,button){font-family:inherit}
.pagina-papiro .portal :is(.portal-cartao,.portal-aba,.portal-btn,.portal-item,input,select,textarea){border-radius:0}
.pagina-papiro .portal-titulo{color:var(--terracota,#A03E25);text-align:center}
.pagina-papiro .portal-sub{text-align:center}
.pagina-papiro .portal-subtitulo{color:var(--terracota,#A03E25);font-size:21px;margin:30px 0 12px}
@media(min-width:701px){.pagina-papiro .portal{font-size:clamp(16px,1.4vw,21px)}}
.pagina-papiro .portal-aba{font-size:12px;padding:10px 2px;letter-spacing:0}
@media(min-width:701px){.pagina-papiro .portal-aba{font-size:clamp(14px,1.2vw,18px)}}
.pagina-papiro .portal a:not(.portal-btn){color:var(--azul-egipcio-claro,#1F5FA3)}
/* páginas com estilo próprio no body (carrinho, horário confirmado): o papiro inteiro manda */
body:has(.pagina-papiro){padding:0!important;display:block!important;min-height:0!important}
/* serviços: nada de quadro dentro de quadro. O investimento e os avisos ficam soltos no papiro; botão só com contorno, sem canto arredondado */
.pagina-papiro .folha-pagina div[style*="f8f9fa"]{background:none!important;border:0!important;border-top:2px solid var(--azul-egipcio-claro,#1F5FA3)!important;border-radius:0!important;box-shadow:none!important;padding:26px 0 0!important}
.pagina-papiro .folha-pagina div[style*="background-color: white"]{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
.pagina-papiro .folha-pagina a[href*="carrinho.html"]{background:transparent!important;border:1.5px solid var(--azul-egipcio-escuro,#1034A6)!important;border-radius:0!important;color:var(--terracota,#A03E25)!important}
.duvida-whats{margin:0 0 10px;color:var(--preto-tinta,#16233F);font-size:15px;text-align:center}
.horarios-atendimento{margin:24px 0 20px;color:var(--preto-tinta,#16233F);font-size:15px;text-align:justify;hyphens:none}
.icone-whats{display:inline-block;transition:transform .2s ease}
.icone-whats:hover{transform:translateY(-3px)}
.icone-whats img{display:block;width:44px;height:44px}
.icone-whats{margin-bottom:34px}
/* nenhuma palavra é cortada com hífen e botões ficam numa linha só (a letra diminui para caber) */
.pagina-papiro,.pagina-papiro *{hyphens:none;-webkit-hyphens:none}
.pagina-papiro .folha-pagina a[href*="carrinho.html"]{white-space:nowrap;font-size:clamp(12px,3.8vw,15px)!important;padding-left:8px!important;padding-right:8px!important}
/* BOTÕES IMPORTANTES (carrinho, pagamento, entrar, enviar...): preenchidos de terracota, texto no tom claro do papiro, canto reto.
   Botões secundários (voltar, sair, cancelar): só contorno azul egípcio. Link para o WhatsApp: sempre só o ícone (.icone-whats). */
.pagina-papiro .portal-btn:not(.portal-btn-sec):not(.portal-btn-perigo):not(.portal-btn-meet):not(.portal-btn-whats),
.pagina-papiro .blog-botao,
.pagina-papiro .folha-pagina a[href*="carrinho.html"]{background:var(--terracota,#A03E25)!important;color:#F3E3B8!important;border:1.5px solid var(--terracota,#A03E25)!important;border-radius:0!important}
.pagina-papiro .portal-btn:not(.portal-btn-sec):not(.portal-btn-perigo):not(.portal-btn-meet):not(.portal-btn-whats):hover,
.pagina-papiro .blog-botao:hover,
.pagina-papiro .folha-pagina a[href*="carrinho.html"]:hover{background:color-mix(in srgb,var(--terracota,#A03E25) 78%,black)!important;border-color:color-mix(in srgb,var(--terracota,#A03E25) 78%,black)!important;transform:none}
.pagina-papiro .portal-btn-sec,.pagina-papiro .portal-btn-perigo{border-radius:0!important}
/* canto reto em tudo dentro das páginas de papiro (sanfonas, cartões, campos, botões) */
.pagina-papiro *,.pagina-papiro *::before,.pagina-papiro *::after{border-radius:0!important}
/* exceções: o botão do Google Meet continua ocre (cor do Meet) e os de avisar no WhatsApp continuam verdes (cor do WhatsApp), só que de canto reto */
.pagina-papiro .portal-btn-meet{background:var(--ocre,#B5852F)!important;color:var(--preto-tinta,#16233F)!important;border:1.5px solid var(--ocre,#B5852F)!important}
.pagina-papiro .portal-btn-whats{background:var(--verde,#4A7C59)!important;color:var(--vazado,#F3E3B8)!important;border:1.5px solid var(--verde,#4A7C59)!important}
/* botões do portal numa linha só: a letra diminui conforme a tela */
.pagina-papiro .portal-btn{white-space:nowrap;font-size:min(15px,3.1vw);padding-left:10px;padding-right:10px;max-width:100%;box-sizing:border-box}
@media(min-width:701px){.pagina-papiro .portal-btn{font-size:15px;padding-left:24px;padding-right:24px}}
/* abas do portal: azul; a selecionada fica em ocre. Botões dentro das listas (Assistir, Abrir, Baixar) são secundários: só contorno azul, para não ter vermelho demais */
.pagina-papiro .portal-aba{color:var(--azul-egipcio-claro,#1F5FA3)!important;background:transparent!important}
.pagina-papiro .portal-aba.ativa{color:var(--ocre,#B5852F)!important}
.pagina-papiro .portal-item-linha .portal-btn:not(.portal-btn-meet):not(.portal-btn-whats){background:transparent!important;color:var(--azul-egipcio-escuro,#1034A6)!important;border:1.5px solid var(--azul-egipcio-escuro,#1034A6)!important}
.pagina-papiro .portal-item-linha .portal-btn:not(.portal-btn-meet):not(.portal-btn-whats):hover{background:transparent!important;border-width:3px!important}
/* a foto de perfil é redonda (decisão do astrólogo); nada que ele tenha pedido redondo vira quadrado */
.pagina-papiro #foto-sobre,.pagina-papiro [style*="border-radius: 50%"]{border-radius:50%!important}
/* ABAS DO PORTAL = mesmo desenho do retângulo de três botões do topo (um bloco só, divisas internas); só muda a cor do texto: azul, e a selecionada em ocre.
   Azul egípcio ESCURO (#1034A6) em todas as linhas. */
.pagina-papiro .portal-abas{display:flex;gap:0!important;border:0!important;margin:0 0 18px!important;padding:0!important}
.pagina-papiro .portal-aba{flex:1 1 0;border:0!important;border-left:2px solid var(--azul-egipcio-claro,#1F5FA3)!important;padding:9px 2px!important;font:700 13px 'Cinzel',serif!important;letter-spacing:.03em;color:var(--azul-egipcio-escuro,#1034A6)!important;background:transparent!important}
.pagina-papiro .portal-aba:first-child{border-left:0!important}
.pagina-papiro .portal-aba.ativa{color:var(--ocre,#B5852F)!important;border-width:0!important;border-left-width:2px!important;padding:9px 2px!important}
.pagina-papiro .portal-aba.ativa:first-child{border-left-width:0!important}
@media(min-width:701px){.pagina-papiro .portal-aba{font-size:clamp(13px,1.1vw,17px)!important;padding:clamp(9px,.9vw,14px) 0!important}}
/* botões não mexem nem encolhem quando o mouse passa: só a cor muda */
.pagina-papiro .portal-btn,.pagina-papiro .portal-btn:hover,.pagina-papiro .portal-btn:active,.pagina-papiro .portal-aba:hover{transform:none!important;transition:background .15s ease,color .15s ease!important}
.pagina-papiro .portal-btn-sec:hover,.pagina-papiro .portal-item-linha .portal-btn:not(.portal-btn-meet):not(.portal-btn-whats):hover{border-width:1.5px!important;box-shadow:inset 0 0 0 1px var(--azul-egipcio-escuro,#1034A6);background:transparent!important}
/* botões dentro das listas ganham das regras acima (secundários, só contorno) */
html body .pagina-papiro .portal-item-linha .portal-btn.portal-btn:not(.portal-btn-meet):not(.portal-btn-whats){background:transparent!important;color:var(--azul-egipcio-escuro,#1034A6)!important;border:1.5px solid var(--azul-egipcio-escuro,#1034A6)!important}
html body .pagina-papiro .portal-item-linha .portal-btn.portal-btn:not(.portal-btn-meet):not(.portal-btn-whats):hover{background:transparent!important;box-shadow:inset 0 0 0 1px var(--azul-egipcio-escuro,#1034A6)}
/* linha separando as abas/botões do que vem embaixo (igual ao menu do topo) */
.pagina-papiro .portal-abas{position:relative;margin-bottom:36px!important}
.pagina-papiro .portal-abas::after{content:"";position:absolute;left:0;right:0;bottom:-18px;height:2px;background:var(--azul-egipcio-claro,#1F5FA3)}
/* barra do painel e do aluno (Aplicações, Alunos, Clientes..., Sair): o mesmo retângulo dividido, com a linha embaixo */
.pagina-papiro .portal-topo{position:relative;margin-bottom:36px!important}
.pagina-papiro .portal-topo::after{content:"";position:absolute;left:0;right:0;bottom:-18px;height:2px;background:var(--azul-egipcio-claro,#1F5FA3)}
.pagina-papiro .portal-topo .portal-grupo{display:flex!important;gap:0!important;flex-wrap:nowrap!important;border:0;max-width:100%;overflow-x:auto}
.pagina-papiro .portal-topo .portal-grupo>*{flex:1 1 auto;border:0!important;border-left:2px solid var(--azul-egipcio-claro,#1F5FA3)!important;padding:9px 14px!important;font:700 13px 'Cinzel',serif!important;letter-spacing:.03em;white-space:nowrap;background:transparent!important;color:var(--azul-egipcio-escuro,#1034A6)!important;text-align:center;box-shadow:none!important}
.pagina-papiro .portal-topo .portal-grupo>*:first-child{border-left:0!important}
.pagina-papiro .portal-topo .portal-grupo>[aria-current="page"]{color:var(--ocre,#B5852F)!important}
@media(min-width:701px){.pagina-papiro .portal-topo .portal-grupo>*{font-size:clamp(13px,1.1vw,17px)!important}}
/* barra do painel: mesma largura e posição do retângulo do topo (centralizada); se não couber, rola para o lado (sem quebrar linha e sem barra de rolagem à vista) */
.pagina-papiro .portal-topo .portal-grupo{width:100%;margin:0!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.pagina-papiro .portal-topo .portal-grupo::-webkit-scrollbar{display:none}
.pagina-papiro .portal-topo>span{display:block;width:100%;margin:0 0 12px;text-align:left}

/* setinhas de rolagem da barra do painel (igual ao Astro Hellenic) */
.pagina-papiro .rolagem-wrap{position:relative;width:100%}
.pagina-papiro .barra-seta{display:none;position:absolute;top:1.5px;bottom:1.5px;z-index:3;width:34px;padding:0;border:0!important;cursor:pointer;align-items:center;color:var(--terracota,#A03E25);background:transparent}
.pagina-papiro .barra-seta.visivel{display:flex}
.pagina-papiro .barra-seta-esq{left:1.5px;justify-content:flex-start;padding-left:4px;background:transparent}
.pagina-papiro .barra-seta-dir{right:1.5px;justify-content:flex-end;padding-right:4px;background:transparent}

/* hover: só a cor muda; nada de borda, padding ou tamanho (era isso que fazia o botão tremer) */
.pagina-papiro .portal-btn:hover,.pagina-papiro .portal-btn:active,.pagina-papiro .portal-btn:focus{transform:none!important}
.pagina-papiro .portal-btn-sec:hover,.pagina-papiro .portal-btn-perigo:hover{border-width:1.5px!important;background:transparent!important;color:var(--terracota,#A03E25)!important;box-shadow:none!important}
.pagina-papiro .portal-btn-sec:hover{color:var(--azul-egipcio-escuro,#1034A6)!important;box-shadow:inset 0 0 0 1px var(--azul-egipcio-escuro,#1034A6)!important}
.pagina-papiro .portal-btn:not(.portal-btn-sec):not(.portal-btn-perigo):not(.portal-btn-meet):not(.portal-btn-whats):not(.portal-item-linha .portal-btn){background:var(--terracota,#A03E25)!important;color:#F3E3B8!important}
.pagina-papiro .portal-btn:not(.portal-btn-sec):not(.portal-btn-perigo):not(.portal-btn-meet):not(.portal-btn-whats):not(.portal-item-linha .portal-btn):hover{background:color-mix(in srgb,var(--terracota,#A03E25) 78%,black)!important}
/* TAMANHO FIXO dos botões do portal: o espaço interno e a borda são iguais com ou sem o mouse em cima (só a cor muda) */
.pagina-papiro{--bpx:24px}
@media(max-width:700px){.pagina-papiro{--bpx:10px}}
.pagina-papiro .portal-btn:not(.portal-grupo>*),.pagina-papiro .portal-btn:not(.portal-grupo>*):hover,.pagina-papiro .portal-btn:not(.portal-grupo>*):active,.pagina-papiro .portal-btn:not(.portal-grupo>*):focus{padding:12px var(--bpx)!important;border-width:1.5px!important}
.pagina-papiro .blog-botao,.pagina-papiro .blog-botao:hover,.pagina-papiro .blog-botao:active{border-width:1.5px!important;padding:12px 24px!important;transform:none!important}

/* ===== Alunos e Seu espaço mais leves (23/10/2026, pedido do astrólogo) ===== */
/* sem retângulos: cada parte é separada só por uma linha, como nas páginas de serviço e nas postagens */
.pagina-papiro .portal-cartao{border:0!important;border-top:2px solid var(--azul-egipcio-claro,#1F5FA3)!important;padding:26px 0 8px!important;margin:0 0 10px!important}
.pagina-papiro .portal-topo::after{display:none}
.pagina-papiro .portal-topo{margin-bottom:26px!important}
.pagina-papiro .portal-topo+.portal-cartao,.pagina-papiro #app>.portal-cartao:first-child{border-top:0!important;padding-top:0!important}
.pagina-papiro .portal-cartao h2{font-size:15px;margin:0 0 12px}
.pagina-papiro .portal-item{padding:16px 0}
/* botões com preenchimento: continuam como eram, só com menos espaço entre a letra e a borda */
.pagina-papiro{--bpx:10px}
@media(max-width:700px){.pagina-papiro{--bpx:8px}}
html body .pagina-papiro .portal-btn:not(.portal-grupo>*),html body .pagina-papiro .portal-btn:not(.portal-grupo>*):hover{padding:5px var(--bpx)!important}
/* botões só de contorno (Sair, Voltar, Baixar, Cancelar...): sem contorno, fica só a palavra */
html body .pagina-papiro .portal-btn-sec:not(.portal-grupo>*),html body .pagina-papiro .portal-btn-perigo,
html body .pagina-papiro .portal-item-linha .portal-btn.portal-btn:not(.portal-btn-meet):not(.portal-btn-whats){background:transparent!important;border:0!important;box-shadow:none!important;color:var(--azul-egipcio-escuro,#1034A6)!important;padding:6px 14px 6px 0!important}
html body .pagina-papiro .portal-btn-perigo{color:var(--terracota,#A03E25)!important}
html body .pagina-papiro .portal-btn-sec:not(.portal-grupo>*):hover,html body .pagina-papiro .portal-btn-perigo:hover,
html body .pagina-papiro .portal-item-linha .portal-btn.portal-btn:not(.portal-btn-meet):not(.portal-btn-whats):hover{background:transparent!important;box-shadow:none!important;color:var(--terracota,#A03E25)!important}
/* Entrar no encontro/atendimento: o ícone do Meet em ocre (como o do WhatsApp) e a frase ao lado */
html body .pagina-papiro .portal-btn-meet{display:flex!important;align-items:center;justify-content:center;gap:12px;background:transparent!important;border:0!important;color:var(--preto-tinta,#16233F)!important;padding:4px 0!important}
.pagina-papiro .portal-btn-meet img{display:block;width:40px;height:40px}
html body .pagina-papiro .portal-btn-meet:hover{background:transparent!important;color:var(--terracota,#A03E25)!important}
/* sanfona sem quadro: o conteúdo de dentro não repete a linha de cima */
.pagina-papiro .sanfona-corpo .portal-cartao{border-top:0!important;padding-top:6px!important}
.pagina-papiro .sanfona-corpo>*:first-child{margin-top:0}
.pagina-papiro .sanfona+.sanfona{border-top:0!important}
.pagina-papiro .portal-abas+.portal-cartao,.pagina-papiro .portal-abas+div .portal-cartao:first-child{border-top:0!important;padding-top:6px!important}
/* linha de lista que abre ao tocar (lista de alunos): sem botão, o nome muda de cor com o mouse */
.pagina-papiro .portal-item-clicavel{cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none}
.pagina-papiro .portal-item-clicavel:hover .portal-item-titulo,.pagina-papiro .portal-item-clicavel:focus-visible .portal-item-titulo{color:var(--terracota,#A03E25)}

/* Apagar/Excluir/Remover: sempre discreto (texto pequeno, apagado, sublinhado). Regra do astrólogo, vale para qualquer tela nova. */
html body .pagina-papiro .portal-apagar,html body .pagina-papiro .portal-apagar:hover,html body .pagina-papiro .portal-baixar,html body .pagina-papiro .portal-baixar:hover{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:6px 4px!important;color:var(--preto-tinta,#16233F)!important;font-size:12px!important;text-decoration:underline!important;font-family:var(--fonte-titulo)!important;text-transform:lowercase!important;letter-spacing:0!important;font-weight:400!important;transform:none!important}
html body .pagina-papiro .portal-apagar,html body .pagina-papiro .portal-baixar{opacity:.6}
html body .pagina-papiro .portal-apagar:hover,html body .pagina-papiro .portal-baixar:hover{opacity:.9}

/* ===== Página do aluno enxuta para celular (26/10/2026): título e subtítulo numa linha só, tudo mais para cima ===== */
.pagina-papiro .portal-caixa.aluno-dentro{padding-top:0}
.pagina-papiro .aluno-dentro .portal-titulo{font-size:22px;letter-spacing:.5px;white-space:nowrap;margin:0 0 2px}
.pagina-papiro .aluno-dentro .portal-sub{font-size:20px;white-space:nowrap;margin:0 0 8px;line-height:1.2}
.pagina-papiro .aluno-dentro .portal-topo{margin-bottom:2px!important;gap:2px}
.pagina-papiro .aluno-dentro .portal-topo>span{font-size:13px;margin:0 0 2px;line-height:1.3}
.pagina-papiro .aluno-dentro .portal-acoes{margin:0 0 4px!important}
.pagina-papiro .aluno-dentro .portal-meet{margin:0 0 4px}
.pagina-papiro .aluno-dentro .portal-btn-meet img{width:32px;height:32px}
.pagina-papiro .aluno-dentro .portal-proximo{margin:0 0 6px;font-size:15px;line-height:1.35}
.pagina-papiro .aluno-dentro .portal-abas{margin-bottom:24px!important}
.pagina-papiro .aluno-dentro .portal-abas::after{bottom:-12px}
.pagina-papiro .aluno-dentro #app>p[style*="font-weight:700"]{margin:0 0 8px!important;font-size:14px!important}
.pagina-papiro .aluno-dentro .portal-topo>div{margin:0}
/* prévia: Voltar à esquerda e "entrar no encontro" CENTRALIZADO na mesma linha */
.pagina-papiro .aluno-dentro .portal-topo:has(>.portal-meet){display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.pagina-papiro .aluno-dentro .portal-topo:has(>.portal-meet)>span{grid-column:1/-1}
.pagina-papiro .aluno-dentro .portal-topo:has(>.portal-meet)>div{grid-column:1;grid-row:2;justify-self:start;white-space:nowrap}
.pagina-papiro .aluno-dentro .portal-topo>.portal-meet{grid-column:2;grid-row:2;margin:0;white-space:nowrap}
.pagina-papiro .aluno-dentro .portal-topo>.portal-meet span{font-size:13px}

/* painel: a barra de abas do administrador fica no cabeçalho, no lugar dos 4 botões do site */
.pagina-papiro .cab-admin .portal-topo{margin:16px 0 0!important}

/* abas do aluno: a barra rola para o lado (a quarta aba, Mensalidade, só aparece ao correr); cada aba mantém o tamanho de um terço */
.pagina-papiro .rolagem-wrap:has(.portal-abas-rola){margin-bottom:12px}
.pagina-papiro .rolagem-wrap:has(.portal-abas-rola)+.portal-cartao{padding-top:6px!important}
.pagina-papiro .portal-abas-rola{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.pagina-papiro .portal-abas-rola::-webkit-scrollbar{display:none}
.pagina-papiro .portal-abas-rola .portal-abas{width:max-content;min-width:100%;margin:0!important}
/* cada aba leva o tamanho do próprio nome (nunca corta a palavra, como "Mensalidade"); se sobrar espaço elas se repartem, se faltar a barra corre */
.pagina-papiro .portal-abas-rola .portal-aba,.pagina-papiro .portal-abas-rola .portal-aba.ativa{flex:1 0 auto!important;padding:9px 14px!important;white-space:nowrap;overflow:visible}
.pagina-papiro .portal-abas-rola .portal-abas::after{display:none}
.pagina-papiro .rolagem-wrap:has(.portal-abas-rola)+.portal-cartao .portal-cartao{border-top:0!important;padding-top:0!important;margin:0!important}
/* linha DIVIDINDO uma coisa da outra dentro da aba: uma só, no fim de cada cartão (inclusive o último, que encerra), nunca duas coladas */
.pagina-papiro .rolagem-wrap:has(.portal-abas-rola)+.portal-cartao .portal-cartao{border-bottom:2px solid var(--azul-egipcio-claro,#1F5FA3)!important;padding-bottom:18px!important;margin-bottom:18px!important}

.pagina-papiro .engrenagem{font-size:2em;line-height:.5;vertical-align:-.14em;display:inline-block}

/* REGRA DO SITE (28/10/2026): tudo que ABRE (sanfona, formulário ou cartão que aparece ao tocar) leva uma barra ocre só do lado esquerdo, de cima até embaixo, para a pessoa não se perder sem saber onde termina */
.pagina-papiro .barra-ocre{margin:8px 0}
.pagina-papiro .barra-ocre:not(:empty),.pagina-papiro .sanfona-corpo{border-left:5px solid var(--ocre,#B5852F);padding-left:12px}
.pagina-papiro .barra-ocre .portal-cartao,.pagina-papiro .sanfona-corpo>.portal-cartao{border-top:0!important;border-bottom:0!important;padding-top:4px!important;padding-bottom:4px!important;margin:0!important}

/* datas: uma linha, nome pequenininho embaixo da caixa (e o "Tirar a data" junto do nome) */
.pagina-papiro .data-linha{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px 22px;margin-top:10px}
.pagina-papiro .data-coluna{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0}
.pagina-papiro .data-legenda{display:flex;align-items:center;flex-wrap:wrap;gap:0 10px;min-height:22px}
.pagina-papiro .data-legenda-nome{font-size:12px;line-height:1.3;color:var(--preto-tinta,#16233F);opacity:.6;font-family:var(--fonte-mao,inherit);text-transform:none;letter-spacing:0;font-weight:400;padding:2px 0}
.pagina-papiro .data-legenda .portal-apagar{padding:2px 0!important}

/* painel do administrador: os 4 botões do site (Blog, Alunos, Cássio, Serviços) são trocados pela barra de abas do painel; escondidos já na primeira pintura para não piscar a cada troca de aba (o espaço fica reservado) */
html.fda-admin-tela .pagina-papiro .cab-papiro>.cab-nav{visibility:hidden}

/* painel: nada de linha embaixo do título (a borda de cima do primeiro cartão); linha só no FIM de uma seção */
html.fda-admin-tela .pagina-papiro #app>.portal-cartao:first-child{border-top:0!important}

/* rótulos fixos da lista de um projeto (Próximo passo, Depois, Feitos): Cinzel e ocre (são do site, não escritos por ele) */
.pagina-papiro .proj-grupo{color:var(--ocre,#B5852F)!important}

/* REGRA DO SITE INTEIRO (03/11/2026, dele): botão que é só a palavra (azul) leva SUBLINHADO, senão não parece botão */
html body .pagina-papiro .portal-btn-sec:not(.portal-grupo>*),
html body .pagina-papiro .portal-item-linha .portal-btn.portal-btn:not(.portal-btn-meet):not(.portal-btn-whats){text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:5px!important}

/* BOTÃO NÃO MUDA NO HOVER (03/11/2026, ordem dele): passar o cursor não troca cor, fonte, tamanho nem forma de nenhum botão */
html body .pagina-papiro .portal-btn-sec:not(.portal-grupo>*):hover,html body .pagina-papiro .portal-item-linha .portal-btn.portal-btn:not(.portal-btn-meet):not(.portal-btn-whats):hover{color:var(--azul-egipcio-escuro,#1034A6)!important}
html body .pagina-papiro .portal-btn:not(.portal-btn-sec):not(.portal-btn-perigo):not(.portal-btn-meet):not(.portal-btn-whats):not(.portal-item-linha .portal-btn):hover{background:var(--terracota,#A03E25)!important}
html body .pagina-papiro .portal-btn-meet:hover{color:var(--preto-tinta,#16233F)!important}
html body .pagina-papiro .portal-apagar:hover,html body .pagina-papiro .portal-baixar:hover{opacity:.6!important}
html body .pagina-papiro .portal-btn-sec:not(.portal-grupo>*):hover,html body .pagina-papiro .portal-item-linha .portal-btn.portal-btn:not(.portal-btn-meet):not(.portal-btn-whats):hover{padding:6px 14px 6px 0!important}
html body .pagina-papiro .portal-apagar:hover,html body .pagina-papiro .portal-baixar:hover{padding:6px 4px!important}
html body .pagina-papiro .data-legenda .portal-apagar,html body .pagina-papiro .data-legenda .portal-apagar:hover{padding:2px 0!important}
.pagina-papiro .portal-topo .portal-grupo>*:hover{border-width:0 0 0 2px!important;padding:9px 14px!important;color:var(--azul-egipcio-escuro,#1034A6)!important}
.pagina-papiro .portal-topo .portal-grupo>*:first-child:hover{border-left-width:0!important}
.pagina-papiro .portal-topo .portal-grupo>[aria-current="page"]:hover{color:var(--ocre,#B5852F)!important}