/* Estilo próprio de cada botão, texto e imagem (editor → clique no elemento).
   data-ae diz o que está ligado; as medidas vêm do próprio elemento, em --ae-*. Vale para qualquer modelo de página.
   As regras ficam numa camada (@layer): os !important de uma camada ganham dos !important dos modelos, que não têm camada.
   A conta que liga cada palavra fica em app/nucleo/Elementos.php (e no editor.js, função aeDe). */

@property --ae-brilho-x{syntax:'<percentage>';inherits:false;initial-value:160%}

:root{
  --ae-tx-papel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1.5 0 0 0 -.68'/%3E%3C/filter%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='2' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1.4 0 0 0 -.64'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23a)' opacity='.34'/%3E%3Crect width='180' height='180' filter='url(%23b)' opacity='.26'/%3E%3C/svg%3E");
  --ae-tx-granulado:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.35' numOctaves='2' seed='5' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1.8 0 0 0 -.82'/%3E%3C/filter%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' seed='12' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1.8 0 0 0 -.84'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23a)' opacity='.5'/%3E%3Crect width='140' height='140' filter='url(%23b)' opacity='.4'/%3E%3C/svg%3E");
  --ae-tx-aquarela:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 80' preserveAspectRatio='none'%3E%3Cfilter id='w' x='-30%25' y='-60%25' width='160%25' height='220%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.028' numOctaves='3' seed='7'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='30' xChannelSelector='R' yChannelSelector='G'/%3E%3CfeGaussianBlur stdDeviation='2.4'/%3E%3C/filter%3E%3Cg filter='url(%23w)'%3E%3Cellipse cx='50' cy='24' rx='62' ry='30' fill='%23fff' fill-opacity='.36'/%3E%3Cellipse cx='178' cy='60' rx='74' ry='30' fill='%23000' fill-opacity='.17'/%3E%3Cellipse cx='130' cy='12' rx='36' ry='16' fill='%23fff' fill-opacity='.24'/%3E%3Cellipse cx='18' cy='72' rx='44' ry='18' fill='%23000' fill-opacity='.11'/%3E%3Cellipse cx='226' cy='14' rx='30' ry='14' fill='%23fff' fill-opacity='.18'/%3E%3C/g%3E%3C/svg%3E");
  --ae-tx-linho:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Cpath d='M0 .5H6M0 3.5H6' stroke='%23fff' stroke-opacity='.14'/%3E%3Cpath d='M1.5 0V6M4.5 0V6' stroke='%23000' stroke-opacity='.09'/%3E%3C/svg%3E");
  --ae-tx-pontos:radial-gradient(circle,rgba(255,255,255,.34) 0 1.2px,transparent 1.7px);
  --ae-tx-listras:repeating-linear-gradient(-45deg,rgba(255,255,255,.16) 0 5px,transparent 5px 11px);
  --ae-tx-brilho:linear-gradient(180deg,rgba(255,255,255,.44),rgba(255,255,255,.1) 47%,rgba(0,0,0,.06) 53%,rgba(0,0,0,0));
}

@layer ae{
  /* ---------- cores e fundo ---------- */
  [data-ae~="cor"]{color:var(--ae-cor)!important}
  [data-ae~="fundo"]{background-color:var(--ae-fundo)!important;background-image:none!important}
  [data-ae~="vazado"]{background-color:transparent!important;background-image:none!important}
  [data-ae~="grad"]{--ae-l3:linear-gradient(var(--ae-grad,135deg),var(--ae-fundo,transparent),var(--ae-fundo2))}
  [data-ae~="reflexo"]{--ae-l1:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.55) 50%,transparent 62%)}
  [data-ae~="tx-papel"]{--ae-l2:var(--ae-tx-papel);--ae-s2:180px 180px}
  [data-ae~="tx-granulado"]{--ae-l2:var(--ae-tx-granulado);--ae-s2:140px 140px}
  [data-ae~="tx-aquarela"]{--ae-l2:var(--ae-tx-aquarela);--ae-s2:100% 100%}
  [data-ae~="tx-linho"]{--ae-l2:var(--ae-tx-linho);--ae-s2:6px 6px}
  [data-ae~="tx-pontos"]{--ae-l2:var(--ae-tx-pontos);--ae-s2:9px 9px}
  [data-ae~="tx-listras"]{--ae-l2:var(--ae-tx-listras);--ae-s2:auto}
  [data-ae~="tx-brilho"]{--ae-l2:var(--ae-tx-brilho);--ae-s2:100% 100%}
  [data-ae~="camadas"]{background-image:var(--ae-l1,none),var(--ae-l2,none),var(--ae-l3,none)!important;background-size:250% 100%,var(--ae-s2,auto),100% 100%!important;background-position:var(--ae-brilho-x) 0,0 0,0 0!important;background-repeat:no-repeat,repeat,no-repeat!important;background-origin:border-box!important}

  /* ---------- texto: degradê, destaque ---------- */
  [data-ae~="gradt"]{background-image:linear-gradient(var(--ae-grad,90deg),var(--ae-cor),var(--ae-cor2))!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}
  [data-ae~="gradt"] *{-webkit-text-fill-color:transparent!important;color:transparent!important}
  [data-ae~="dest"] :is(em,i){color:var(--ae-dest)!important}

  /* ---------- forma do botão ---------- */
  [data-ae~="sub-nao"]{text-decoration:none!important;border-bottom-color:transparent!important}
  [data-ae~="sub-sim"]{text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:.28em!important}
  [data-ae~="pad-zero"]{padding:0!important;min-height:0!important}
  [data-ae~="pad-justo"]{padding:.55em 1.25em!important;min-height:0!important}
  [data-ae~="pad-normal"]{padding:.85em 1.9em!important;min-height:0!important}
  [data-ae~="pad-folgado"]{padding:1.15em 2.6em!important;min-height:0!important}
  [data-ae~="ib"]{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5em;vertical-align:middle}
  [data-ae~="largo"]{display:flex!important;width:100%!important;max-width:100%!important;justify-content:center!important;box-sizing:border-box!important}
  [data-ae~="borda"]{border:var(--ae-borda) solid var(--ae-borda-cor,currentColor)!important}
  [data-ae~="sem-borda"]{border:0!important}
  [data-ae~="raio"]{border-radius:var(--ae-raio)!important}
  [data-ae~="redonda"]{border-radius:50%!important}
  [data-ae~="sem-seta"]>span:last-child:not(:only-child){display:none!important}

  /* ---------- letra ---------- */
  [data-ae~="tam"]{zoom:var(--ae-tam)!important}
  [data-ae~="peso"]{font-weight:var(--ae-peso)!important}
  [data-ae~="italico"]{font-style:italic!important}
  [data-ae~="maius"]{text-transform:uppercase!important;letter-spacing:.08em!important}
  [data-ae~="minus"]{text-transform:none!important;letter-spacing:normal!important}
  [data-ae~="f-serifa"]{font-family:var(--at-serif,var(--serif,Georgia,serif))!important}
  [data-ae~="f-sans"]{font-family:var(--at-sans,var(--sans,system-ui,sans-serif))!important}
  [data-ae~="f-mao"]{font-family:Caveat,'Segoe Print','Bradley Hand',cursive!important}
  [data-ae~="esp"]{letter-spacing:var(--ae-esp)!important}
  [data-ae~="linha"]{line-height:var(--ae-linha)!important}
  [data-ae~="al-esq"]{text-align:left!important}
  [data-ae~="al-centro"]{text-align:center!important}
  [data-ae~="al-dir"]{text-align:right!important}
  [data-ae~="al-just"]{text-align:justify!important}
  [data-ae~="st0"]{text-shadow:none!important}
  [data-ae~="st1"]{text-shadow:0 1px 2px rgba(0,0,0,.24)!important}
  [data-ae~="st2"]{text-shadow:0 4px 14px rgba(0,0,0,.36)!important}
  [data-ae~="st3"]{text-shadow:0 0 18px color-mix(in srgb,currentColor 60%,transparent),0 0 2px color-mix(in srgb,currentColor 30%,transparent)!important}
  /* No texto com degradê a letra é transparente: a sombra comum escureceria o degradê, então ela contorna as letras */
  [data-ae~="gradt"]:is([data-ae~="st1"],[data-ae~="st2"],[data-ae~="st3"]){text-shadow:none!important}
  [data-ae~="gradt"][data-ae~="st1"]{filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))!important}
  [data-ae~="gradt"][data-ae~="st2"]{filter:drop-shadow(0 4px 9px rgba(0,0,0,.3))!important}
  [data-ae~="gradt"][data-ae~="st3"]{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--ae-cor2) 60%,transparent))!important}
  [data-ae~="opac"]{opacity:var(--ae-opac)!important}
  [data-ae~="mt"]{margin-top:var(--ae-mt)!important}
  [data-ae~="mb"]{margin-bottom:var(--ae-mb)!important}

  /* ---------- sombras ---------- */
  [data-ae~="sb0"],[data-ae~="si0"]{box-shadow:none!important}
  [data-ae~="sb1"]{box-shadow:0 2px 6px -1px rgba(0,0,0,.22)!important}
  [data-ae~="sb2"]{box-shadow:0 10px 22px -8px rgba(0,0,0,.4)!important}
  [data-ae~="sb3"]{box-shadow:0 18px 36px -10px rgba(0,0,0,.52)!important}
  [data-ae~="sb4"]{box-shadow:0 10px 30px -6px color-mix(in srgb,var(--ae-fundo,currentColor) 80%,transparent),0 0 0 1px color-mix(in srgb,var(--ae-fundo,currentColor) 20%,transparent)!important}
  [data-ae~="sb5"]{box-shadow:4px 4px 0 var(--ae-borda-cor,currentColor)!important}
  [data-ae~="si1"]{box-shadow:0 6px 16px -6px rgba(0,0,0,.3)!important}
  [data-ae~="si2"]{box-shadow:0 16px 36px -14px rgba(0,0,0,.4)!important}
  [data-ae~="si3"]{box-shadow:0 30px 60px -18px rgba(0,0,0,.52)!important}
  [data-ae~="si4"]{box-shadow:0 2px 4px rgba(0,0,0,.06),0 24px 50px -12px rgba(0,0,0,.32),0 0 0 1px rgba(0,0,0,.05)!important}

  /* ---------- imagem: moldura, cor, enquadramento ---------- */
  [data-ae~="mol-fina"]{padding:5px!important;background-color:var(--ae-mol,#fffdf8)!important;box-sizing:border-box!important}
  [data-ae~="mol-polaroide"]{padding:10px 10px 40px!important;background-color:var(--ae-mol,#fffdf8)!important;box-sizing:border-box!important}
  [data-ae~="mol-passe"]{padding:clamp(12px,7%,40px)!important;background-color:var(--ae-mol,#f4efe2)!important;box-sizing:border-box!important}
  [data-ae~="filtro"]{filter:var(--ae-filtro)!important}
  [data-ae~="foco"]{object-position:var(--ae-fx,50%) var(--ae-fy,50%)!important}
  [data-ae~="zoom"]{scale:var(--ae-zoom)!important;transform-origin:var(--ae-fx,50%) var(--ae-fy,50%)!important}
  [data-ae~="girar"]{rotate:var(--ae-girar)!important}

  /* ---------- ao passar o mouse ---------- */
  [data-ae~="h-levantar"],[data-ae~="h-crescer"],[data-ae~="h-escurecer"],[data-ae~="h-brilho"]{transition:translate .35s cubic-bezier(.34,1.56,.64,1),scale .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s,background-color .3s,color .3s,filter .3s!important}
  [data-ae~="h-levantar"]:hover{translate:0 -3px!important}
  [data-ae~="h-crescer"]:hover{scale:1.06!important}
  [data-ae~="h-escurecer"]:hover{filter:brightness(.88)!important}
  [data-ae~="h-brilho"]:hover{animation:ae-reflexo .9s cubic-bezier(.4,0,.2,1) both!important}
  [data-ae~="h-nenhum"],[data-ae~="h-nenhum"]:hover{transform:none!important;translate:none!important;scale:none!important;transition:color .3s,background-color .3s!important}
  [data-ae~="hi-zoom"],[data-ae~="hi-levantar"],[data-ae~="hi-brilho"],[data-ae~="hi-cor"]{transition:scale .7s cubic-bezier(.16,1,.3,1),translate .5s cubic-bezier(.16,1,.3,1),filter .5s,box-shadow .5s!important}
  [data-ae~="hi-zoom"]:hover{scale:calc(var(--ae-zoom,1) * 1.06)!important}
  [data-ae~="hi-levantar"]:hover{translate:0 -6px!important;box-shadow:0 26px 50px -18px rgba(0,0,0,.45)!important}
  [data-ae~="hi-brilho"]:hover{filter:var(--ae-filtro,) brightness(1.08) saturate(1.12)!important}
  [data-ae~="hi-cor"]{filter:grayscale(1) var(--ae-filtro,)!important}
  [data-ae~="hi-cor"]:hover{filter:var(--ae-filtro,none)!important}
  [data-ae~="hi-nenhum"]{transform:none!important;transition:none!important}

  /* ---------- chamar atenção (o tempo todo, devagar) ---------- */
  [data-ae~="at-pulsar"]{animation:ae-pulsar 2.6s ease-in-out infinite!important}
  [data-ae~="at-balancar"]{animation:ae-balancar 3.4s ease-in-out infinite!important}
  [data-ae~="at-brilhar"]{animation:ae-reflexo-vez 3.8s ease-in-out infinite!important}

  @media(prefers-reduced-motion:reduce){[data-ae]{animation:none!important;transition:none!important}}

  /* ---------- esconder por tela (no editor fica apagado, para dar para mexer) ---------- */
  @media(min-width:1025px){
    html:not([data-editor]) [data-ae~="oc-d"]{display:none!important}
    html[data-editor] [data-ae~="oc-d"]{opacity:.35!important;outline:1.5px dashed rgba(120,120,120,.75)!important;outline-offset:3px!important}
  }
  @media(min-width:701px) and (max-width:1024px){
    html:not([data-editor]) [data-ae~="oc-t"]{display:none!important}
    html[data-editor] [data-ae~="oc-t"]{opacity:.35!important;outline:1.5px dashed rgba(120,120,120,.75)!important;outline-offset:3px!important}
  }
  @media(max-width:700px){
    html:not([data-editor]) [data-ae~="oc-m"]{display:none!important}
    html[data-editor] [data-ae~="oc-m"]{opacity:.35!important;outline:1.5px dashed rgba(120,120,120,.75)!important;outline-offset:3px!important}
  }
}

@keyframes ae-pulsar{0%,100%{scale:1}50%{scale:1.05}}
@keyframes ae-balancar{0%,72%,100%{rotate:0deg}76%{rotate:-4deg}80%{rotate:4deg}84%{rotate:-3deg}88%{rotate:2deg}92%{rotate:-1deg}}
@keyframes ae-reflexo{from{--ae-brilho-x:160%}to{--ae-brilho-x:-60%}}
@keyframes ae-reflexo-vez{0%,62%{--ae-brilho-x:160%}100%{--ae-brilho-x:-60%}}