:root{
  --idade-acento:var(--tema-principal,#e8bc55);
  --idade-clara:var(--tema-clara,#ffe6a0);
  --idade-escura:var(--tema-escura,#624414);
  --idade-fundo:#090806;
  --idade-superficie:#11100e;
  --idade-texto:#fffaf0;
  --idade-suave:#bdb5a6;
}
html[data-sistema-cores="profissional"]{
  --idade-clara:var(--tema-destaque);
  --idade-fundo:var(--tema-fundo);
  --idade-superficie:var(--tema-fundo-secundario);
  --idade-texto:var(--tema-texto-principal);
  --idade-suave:var(--tema-texto-secundario);
}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
.pagina-maioridade{
  color:var(--idade-texto);
  background:
    radial-gradient(circle at 15% 15%,color-mix(in srgb,var(--idade-acento) 19%,transparent),transparent 30%),
    radial-gradient(circle at 88% 86%,color-mix(in srgb,var(--idade-escura) 28%,transparent),transparent 32%),
    var(--idade-fundo);
  font-family:"Segoe UI Variable","Segoe UI",Inter,Arial,sans-serif;
}
.portal-maioridade{
  display:grid;
  place-items:center;
  min-height:100vh;
  min-height:100dvh;
  padding:clamp(16px,4vw,48px);
  overflow-x:hidden;
}
.cartao-maioridade{
  display:grid;
  grid-template-columns:minmax(285px,.72fr) minmax(0,1.28fr);
  width:min(1050px,100%);
  min-height:620px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--idade-acento) 42%,#29251e);
  border-radius:28px;
  background:color-mix(in srgb,var(--idade-superficie) 95%,transparent);
  box-shadow:0 35px 110px #000c,0 0 0 7px #ffffff05;
}
.marca-maioridade{
  position:relative;
  isolation:isolate;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:40px 28px;
  border-right:1px solid #ffffff12;
  background:
    linear-gradient(155deg,color-mix(in srgb,var(--idade-acento) 22%,var(--idade-superficie)),var(--idade-fundo) 70%);
  text-align:center;
}
.marca-maioridade:before,.marca-maioridade:after{
  content:"";
  position:absolute;
  z-index:-1;
  width:280px;
  height:280px;
  border:1px solid color-mix(in srgb,var(--idade-acento) 22%,transparent);
  border-radius:50%;
}
.marca-maioridade:before{top:-120px;left:-110px}
.marca-maioridade:after{right:-150px;bottom:-110px}
.marca-brilho{
  position:absolute;
  z-index:-1;
  width:230px;
  height:230px;
  border-radius:50%;
  background:color-mix(in srgb,var(--idade-acento) 18%,transparent);
  filter:blur(45px);
}
.marca-maioridade img{
  display:block;
  width:clamp(220px,24vw,330px);
  height:auto;
  max-width:90%;
  max-height:none;
  object-fit:contain;
  border-radius:0;
  clip-path:none;
  filter:drop-shadow(0 18px 38px #0009);
}
.marca-maioridade>span{margin-top:20px;color:var(--idade-suave);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.selo-adulto{
  display:flex;
  align-items:start;
  margin-top:38px;
  color:var(--idade-clara);
  font-family:Georgia,serif;
}
.selo-adulto strong{font-size:72px;line-height:.8}
.selo-adulto small{font-size:27px;font-weight:900;line-height:1}
.conteudo-maioridade{align-self:center;padding:clamp(35px,5vw,68px)}
.etiqueta-maioridade{margin:0 0 15px;color:var(--idade-acento);font-size:12px;font-weight:950;letter-spacing:.22em}
.conteudo-maioridade h1{max-width:650px;margin:0;font:600 clamp(35px,4.6vw,58px)/1.06 Georgia,serif;letter-spacing:-.035em}
.introducao-maioridade{max-width:650px;margin:23px 0;color:var(--idade-suave);font-size:17px;line-height:1.7}
.diferenciais-maioridade{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}
.diferenciais-maioridade span{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid #3a352c;border-radius:9px;background:#ffffff06;color:#ded7ca;font-size:12px;font-weight:750}
.diferenciais-maioridade i{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:color-mix(in srgb,var(--idade-acento) 24%,#111);color:var(--idade-clara);font-style:normal}
.declaracao-maioridade{margin:0 0 24px;padding:17px 18px;border-left:3px solid var(--idade-acento);border-radius:0 10px 10px 0;background:#ffffff06;color:#cec7ba;font-size:14px;line-height:1.6}
.declaracao-maioridade strong{color:#fff}
.acoes-maioridade{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.acoes-maioridade button{min-height:56px;padding:0 20px;border-radius:11px;font-size:15px;font-weight:900;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.continuar-maioridade{display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--idade-acento);background:var(--idade-acento);color:#171006}
html[data-sistema-cores="profissional"] .continuar-maioridade{color:var(--tema-texto-sobre-principal)}
.continuar-maioridade span{font-size:21px}
.sair-maioridade{border:1px solid #423d34;background:#151412;color:#d7d0c3}
.acoes-maioridade button:hover,.acoes-maioridade button:focus-visible{transform:translateY(-2px);filter:brightness(1.08)}
.continuar-maioridade:hover,.continuar-maioridade:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--idade-acento) 18%,transparent),0 0 34px color-mix(in srgb,var(--idade-acento) 45%,transparent)}
.acoes-maioridade button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.legal-maioridade{margin:20px 0 0;color:#827b70;font-size:11px;line-height:1.55}
.legal-maioridade a{color:var(--idade-clara);text-decoration:underline;text-underline-offset:3px}
@media(max-width:780px){
  .portal-maioridade{padding:10px}
  .cartao-maioridade{grid-template-columns:1fr;min-height:0;border-radius:20px}
  .marca-maioridade{min-height:190px;padding:20px;border-right:0;border-bottom:1px solid #ffffff12}
  .marca-maioridade img{width:210px;height:auto}
  .marca-maioridade>span{font-size:9px}
  .selo-adulto{position:absolute;top:20px;right:22px;margin:0}
  .selo-adulto strong{font-size:43px}.selo-adulto small{font-size:18px}
  .conteudo-maioridade{padding:28px 22px}
  .conteudo-maioridade h1{font-size:clamp(32px,9.5vw,43px)}
}
@media(max-width:520px){
  .portal-maioridade{display:block;padding:8px}
  .cartao-maioridade{width:100%}
  .marca-maioridade{min-height:160px;align-items:flex-start;text-align:left}
  .marca-maioridade img{width:180px;height:auto}
  .conteudo-maioridade{padding:25px 18px}
  .introducao-maioridade{font-size:15px}
  .diferenciais-maioridade{display:grid;grid-template-columns:1fr}
  .diferenciais-maioridade span{font-size:13px}
  .acoes-maioridade{grid-template-columns:1fr}
  .acoes-maioridade button{width:100%;font-size:14px}
  .sair-maioridade{min-height:48px!important}
}
@media(prefers-reduced-motion:reduce){
  .acoes-maioridade button{transition:none}
  .acoes-maioridade button:hover{transform:none}
}