.elementor-33956 .elementor-element.elementor-element-19104256{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-33956 .elementor-element.elementor-element-6cef5f63{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-33956 .elementor-element.elementor-element-6cef5f63.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-33956 .elementor-element.elementor-element-4314e084{width:var( --container-widget-width, 90% );max-width:90%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 4px) 0px;padding:0px 0px 5px 0px;--container-widget-width:90%;--container-widget-flex-grow:0;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-33956 .elementor-element.elementor-element-4314e084.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-33956 .elementor-element.elementor-element-4314e084 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-33956 .elementor-element.elementor-element-4314e084 .elementor-button span{gap:11px;}.elementor-33956 .elementor-element.elementor-element-4314e084 .elementor-field-group{padding-right:calc( 8px/2 );padding-left:calc( 8px/2 );margin-bottom:0px;}.elementor-33956 .elementor-element.elementor-element-4314e084 .elementor-form-fields-wrapper{margin-left:calc( -8px/2 );margin-right:calc( -8px/2 );margin-bottom:-0px;}.elementor-33956 .elementor-element.elementor-element-4314e084 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-33956 .elementor-element.elementor-element-4314e084 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-33956 .elementor-element.elementor-element-4314e084 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-33956 .elementor-element.elementor-element-4314e084 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-33956 .elementor-element.elementor-element-4314e084 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-33956 .elementor-element.elementor-element-4314e084 .elementor-field-group > label{font-family:"Poppins", Sans-serif;font-size:20px;}.elementor-33956 .elementor-element.elementor-element-4314e084 .elementor-field-type-html{padding-bottom:0px;font-family:"Poppins", Sans-serif;font-size:20px;}.elementor-33956 .elementor-element.elementor-element-4314e084 .elementor-field-group .elementor-field, .elementor-33956 .elementor-element.elementor-element-4314e084 .elementor-field-subgroup label{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;}.elementor-33956 .elementor-element.elementor-element-4314e084 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-radius:8px 8px 8px 8px;}.elementor-33956 .elementor-element.elementor-element-4314e084 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-radius:8px 8px 8px 8px;}.elementor-33956 .elementor-element.elementor-element-4314e084 .elementor-button{font-family:"Poppins", Sans-serif;font-size:17px;border-radius:8px 8px 8px 8px;padding:20px 0px 20px 0px;}.elementor-33956 .elementor-element.elementor-element-4314e084 .e-form__buttons__wrapper__button-next{background-color:#E2FA15;color:#000000;}.elementor-33956 .elementor-element.elementor-element-4314e084 .elementor-button[type="submit"]{background-color:#E2FA15;color:#000000;}.elementor-33956 .elementor-element.elementor-element-4314e084 .elementor-button[type="submit"] svg *{fill:#000000;}.elementor-33956 .elementor-element.elementor-element-4314e084 .e-form__buttons__wrapper__button-previous{color:#000000;}.elementor-33956 .elementor-element.elementor-element-4314e084 .e-form__buttons__wrapper__button-next:hover{color:#000000;}.elementor-33956 .elementor-element.elementor-element-4314e084 .elementor-button[type="submit"]:hover{color:#000000;}.elementor-33956 .elementor-element.elementor-element-4314e084 .elementor-button[type="submit"]:hover svg *{fill:#000000;}.elementor-33956 .elementor-element.elementor-element-4314e084 .e-form__buttons__wrapper__button-previous:hover{color:#000000;}.elementor-33956 .elementor-element.elementor-element-7e57e5e9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33956 .elementor-element.elementor-element-7e57e5e9.e-con{--align-self:flex-end;}@media(max-width:1366px){.elementor-33956 .elementor-element.elementor-element-4314e084{width:var( --container-widget-width, 530.903px );max-width:530.903px;--container-widget-width:530.903px;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-33956 .elementor-element.elementor-element-6cef5f63{--width:50%;}.elementor-33956 .elementor-element.elementor-element-7e57e5e9{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-33956 .elementor-element.elementor-element-6cef5f63{--width:679.5px;}}@media(max-width:1024px){.elementor-33956 .elementor-element.elementor-element-6cef5f63{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-33956 .elementor-element.elementor-element-6cef5f63.e-con{--align-self:center;}.elementor-33956 .elementor-element.elementor-element-4314e084{margin:22px 22px calc(var(--kit-widget-spacing, 0px) + 22px) 22px;--container-widget-width:525px;--container-widget-flex-grow:0;width:var( --container-widget-width, 525px );max-width:525px;}.elementor-33956 .elementor-element.elementor-element-4314e084.elementor-element{--order:99999 /* order end hack */;}}@media(max-width:767px){.elementor-33956 .elementor-element.elementor-element-19104256{--content-width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33956 .elementor-element.elementor-element-6cef5f63{--width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33956 .elementor-element.elementor-element-3cba5e94{margin:13px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-33956 .elementor-element.elementor-element-4314e084{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-33956 .elementor-element.elementor-element-4314e084 .elementor-field-group .elementor-field, .elementor-33956 .elementor-element.elementor-element-4314e084 .elementor-field-subgroup label{font-size:16px;}.elementor-33956 .elementor-element.elementor-element-6882c6f9{margin:4px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 100px 0px;}}/* Start custom CSS *//* ──────────────────────────────────────────────────────────────
   PÓS GRADUAÇÃO EM LIBRAS · v2 cinematográfica
   Cole em: Elementor → Page Settings → Advanced → Custom CSS
   ────────────────────────────────────────────────────────────── */

:root{
  --bg:#120A1C;--purple:#6300E2;--lav:#8E43F0;--accent:#FF3D7E;
  --strip:#EFE6FF;--ink:#150E1F;--fd:'Poppins',system-ui,sans-serif;
  --iso:url("https://academiadelibras.com/wp-content/uploads/2026/08/Isologo-Escuro-copiar.webp");
}

/* ============ SECTION DO HERO · classe: pos-hero ============
   Ajustes no Elementor: Layout → Min Height 100vh · Padding 44px 40px (0 no mobile)
   Avançado → Overflow: Hidden */
.pos-hero{background:var(--bg)!important;color:#fff;position:relative;overflow:hidden;contain:paint}
.pos-hero,.pos-hero *{font-family:var(--fd)}
.pos-hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 70% at 74% 52%,rgba(99,0,226,.55),transparent 68%),radial-gradient(40% 50% at 96% 88%,rgba(255,61,126,.22),transparent 70%)}
/* véu que garante leitura da copy sobre a foto */
.pos-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(100deg,var(--bg) 30%,rgba(18,10,28,.86) 46%,rgba(18,10,28,.35) 60%,transparent 74%)}
/* o conteúdo precisa ficar ACIMA das camadas de fundo — cobre tanto a
   estrutura antiga (.elementor-container) quanto os containers flexbox novos */
.pos-hero>*{position:relative;z-index:2}
.pos-hero>.elementor-container{position:relative;z-index:2}
.pos-hero a{color:var(--lav)}.pos-hero a:hover{color:#fff}

/* ============ COLUNA DA FOTO · classe: pos-photo-col ============
   Vertical Align: Bottom · esconder no Mobile */
.pos-photo-col{position:relative}
/* isologo gigante como marca d'água, levemente inclinado */
.pos-photo-col::before{content:"";position:absolute;inset:-14% -10% -16% -4%;z-index:0;pointer-events:none;background-image:var(--iso);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.045;filter:brightness(0) invert(1);transform:rotate(-9deg)}
.pos-photo-col .elementor-widget-image{position:relative;z-index:1}
.pos-photo-col img{display:block;width:128%;max-width:none;height:auto;margin:0 -14%;filter:drop-shadow(0 24px 60px rgba(0,0,0,.55))}

/* ============ BLOCO DE COPY (HTML Widget #1) ============ */
.pos-col{display:flex;flex-direction:column;align-items:flex-start;max-width:620px}
.pos-col .mark{height:40px;width:auto;display:block;margin:0 0 22px}
.pos-col .photo-m{display:none}

.pos-col .date{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font-weight:700;font-size:13px;letter-spacing:.03em;text-transform:uppercase;color:#fff;background:var(--accent);padding:8px 16px;border-radius:999px;margin:0 0 18px}
.pos-col .date .dot{width:7px;height:7px;border-radius:50%;background:#fff}

.pos-col h1{font-weight:800;font-size:clamp(30px,3.3vw,48px);line-height:1.06;letter-spacing:-.025em;color:#F6EFE7;margin:0 0 20px;text-wrap:normal}
.pos-col h1 span:not(.l){color:var(--lav)}
.pos-col h1 b{font-weight:inherit;font-size:inherit}
.pos-col h1 br.mb{display:none}
/* cada linha é um bloco que não pode ser quebrado pelo navegador */
.pos-col h1 .l{display:block;white-space:nowrap}

/* linha de contexto: pílula de contorno */
.pos-col .brand{display:inline-block;align-self:flex-start;white-space:nowrap;font-weight:700;font-size:13px;line-height:1;letter-spacing:.09em;text-transform:uppercase;color:var(--lav);border:1.5px solid rgba(142,67,240,.6);border-radius:999px;padding:10px 18px;margin:-4px 0 20px}
.pos-col .brand em{font-style:normal;font-weight:800;color:#fff}

.pos-col .safe{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:13px;color:rgba(255,255,255,.72);margin:-8px 0 18px}
.pos-col .safe svg{width:14px;height:14px;fill:currentColor;flex:0 0 auto}

.pos-col .p1{font-size:18.5px;line-height:1.45;color:rgba(255,255,255,.8);max-width:340px;margin:0 0 4px;text-wrap:pretty}
.pos-col .p1 em{font-style:normal;font-weight:700;color:var(--lav)}

/* ============ FORM (Elementor Pro Forms · classe: pos-form) ============ */
.pos-form{max-width:340px}
.pos-form .elementor-form-fields-wrapper{display:flex!important;flex-direction:column!important;gap:9px!important;row-gap:9px!important}
.pos-form .elementor-field-group{margin:0!important;padding:0!important;width:100%!important}
/* campos brancos e opacos: máximo contraste, legíveis para público mais velho */
.pos-form .elementor-field-textual{font-family:var(--fd)!important;font-size:17px!important;line-height:1.4!important;min-height:58px!important;height:auto!important;padding:16px 18px!important;border-radius:12px!important;border:2px solid rgba(255,255,255,.5)!important;background:#fff!important;color:var(--ink)!important;width:100%!important;box-shadow:none!important;transition:border-color .14s,box-shadow .14s}
.pos-form .elementor-field-textual::placeholder{color:#6B6478!important;opacity:1}
.pos-form .elementor-field-textual:focus{outline:none!important;border-color:var(--lav)!important;box-shadow:0 0 0 4px rgba(142,67,240,.45)!important}
.pos-form .elementor-button{font-family:var(--fd)!important;font-weight:700!important;font-size:16px!important;min-height:58px!important;padding:17px 24px!important;border:0!important;border-radius:999px!important;background:var(--purple)!important;color:#fff!important;width:100%!important;cursor:pointer;box-shadow:0 16px 34px -12px rgba(99,0,226,.85)!important;transition:background .14s,transform .14s;-webkit-tap-highlight-color:transparent}
.pos-form .elementor-button:hover{background:var(--lav)!important;transform:translateY(-1px)}
.pos-form .elementor-button:active{transform:translateY(1px)}
.pos-form .elementor-button-content-wrapper{display:inline-flex;align-items:center;justify-content:center;gap:10px}

/* ============ PAINEL DE PROVA (HTML Widget #2) ============ */
.pos-lower{display:flex;align-items:center;gap:22px;margin-top:24px;padding:16px 20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:18px}
.pos-lower .bullets{display:grid;grid-template-columns:1fr;gap:11px;margin:0;padding:0;list-style:none;max-width:230px}
.pos-lower .bullets li{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:14.5px;line-height:1.35;color:rgba(255,255,255,.92)}
.pos-lower .bullets svg{width:18px;height:18px;flex:0 0 auto;fill:#22C55E}
.pos-lower .bullets b{font-weight:700;color:#fff}
.pos-lower .seals{display:flex;align-items:center;gap:18px;flex:0 0 auto}
.pos-lower .seal{width:auto;height:92px;flex:0 0 auto;filter:drop-shadow(0 10px 24px rgba(0,0,0,.55))}
.pos-lower .seal-anh{width:auto;height:40px;flex:0 0 auto}


/* ===== TABLET (901–1180px) · iPad em retrato/paisagem =====
   Mantém as duas colunas, mas comprime tipografia, foto e painel
   pra caber sem cortar nada. */
@media(min-width:901px) and (max-width:1180px){
  .pos-hero{padding:28px 24px!important}
  .pos-col{max-width:none}
  .pos-col .mark{height:34px;margin-bottom:16px}
  .pos-col .date{font-size:12px;padding:7px 14px;margin-bottom:14px}
  .pos-col h1{font-size:clamp(24px,3.15vw,34px);margin-bottom:16px}
  .pos-col .brand{font-size:11.5px;letter-spacing:.06em;padding:9px 15px;margin:-2px 0 14px;white-space:normal}
  .pos-col .brand em{white-space:nowrap}
  .pos-col .safe{white-space:normal;margin:-4px 0 14px}
  .pos-col .p1{font-size:16.5px;max-width:none}
  .pos-form{max-width:none}
  .pos-form .elementor-field-textual{min-height:54px!important;font-size:16px!important}
  .pos-form .elementor-button{min-height:54px!important;font-size:15.5px!important}
  .pos-lower{gap:14px;padding:14px 16px;margin-top:18px}
  .pos-lower .bullets{max-width:190px;gap:9px}
  .pos-lower .bullets li{font-size:13.5px;white-space:normal}
  .pos-lower .seals{gap:14px}
  .pos-lower .seal{height:74px}
  .pos-lower .seal-anh{height:34px}
  .pos-photo-col img{width:122%;margin:0 -11%}
}

/* ===== desktop em telas baixas: comprime pra nada ser cortado ===== */
@media(min-width:901px) and (max-height:900px){
  .pos-hero{padding-top:24px!important;padding-bottom:24px!important}
  .pos-col .mark{height:34px;margin-bottom:14px}
  .pos-col .date{margin-bottom:12px;font-size:12px;padding:7px 14px}
  .pos-col h1{font-size:clamp(28px,2.65vw,38px);margin-bottom:14px}
  .pos-col .brand{margin:-2px 0 12px;font-size:12px;padding:9px 16px}
  .pos-col .safe{margin:-4px 0 12px}
  .pos-col .p1{font-size:17px;margin-bottom:2px}
  .pos-form .elementor-field-textual{min-height:52px!important;padding:14px 16px!important}
  .pos-form .elementor-button{min-height:52px!important;padding:15px 22px!important}
  .pos-lower{margin-top:16px;padding:12px 18px;gap:18px}
  .pos-lower .seal{height:70px}
  .pos-lower .seal-anh{height:32px}
}

/* ══════════════════ MOBILE (99% do tráfego) ══════════════════
   Topo em grade: título à esquerda · foto à direita · logo sob a foto,
   na altura do peito dela. Medido em 390x844: form visível sem scroll. */
@media(max-width:900px){
  .pos-hero{padding:10px 20px 0!important;min-height:0!important}
  .pos-hero::before{background:radial-gradient(80% 30% at 74% 12%,rgba(99,0,226,.5),transparent 74%)}
  .pos-hero::after{background:linear-gradient(180deg,transparent 0%,rgba(18,10,28,.4) 26%,var(--bg) 44%,var(--bg) 100%)}
  .pos-photo-col{display:none!important}

  .pos-col{display:grid;grid-template-columns:minmax(0,1fr) 40%;column-gap:0;max-width:none;text-align:center}
  .pos-col>*{grid-column:1/-1}
  .pos-col>h1{grid-column:1;grid-row:1;align-self:start;position:relative;z-index:2;text-align:left;font-size:clamp(19.5px,5.6vw,26.5px);line-height:1.24;letter-spacing:-.02em;margin:20px 0 0 8px;hyphens:none;text-wrap:normal;white-space:nowrap}
  .pos-col h1 .big{font-size:1.24em}
  .pos-col h1 br.mb{display:block}
  .pos-col h1 .l{display:inline;white-space:inherit}
  /* a foto sangra na borda direita e some suavemente na base */
  .pos-col>.photo-m{display:block;grid-column:2;grid-row:1;width:112%;max-width:none;height:auto;margin:-10px -8% 0 -4%;-webkit-mask-image:linear-gradient(180deg,#000 88%,transparent 100%);mask-image:linear-gradient(180deg,#000 88%,transparent 100%)}
  /* logo ancorado na BASE da foto (peito dela), nunca por cima do título:
     fica na mesma linha da grade da foto, alinhado ao fim dela */
  .pos-col>.mark{grid-column:1/-1;grid-row:1;align-self:end;justify-self:center;height:24px;margin:0 0 4px;position:relative;z-index:4}
  .pos-col>.date{margin-top:6px}
  .pos-col .date{margin:0 auto 11px;font-size:12px;padding:7px 15px}
  .pos-col .brand{font-size:11px;letter-spacing:.05em;line-height:1.35;max-width:none;margin:0 auto 12px;padding:9px 15px;white-space:normal;text-align:center}
  .pos-col .brand em{white-space:nowrap}
  .pos-col .safe{justify-content:center;text-align:left;white-space:normal;font-size:12.5px;line-height:1.4;align-items:flex-start;margin:-4px auto 13px}
  .pos-col .safe svg{margin-top:2px}
  .pos-col .p1{font-size:17px;max-width:none;margin:0 auto}

  .pos-form{max-width:none}
  /* garante a ordem visual mesmo com o container flex do Elementor:
     copy → form → painel de selos */
  .pos-hero .elementor-widget:has(.pos-col){order:1}
  .pos-hero .elementor-widget-form,.pos-hero .elementor-widget:has(.elementor-form){order:5}
  .pos-hero .elementor-widget:has(.pos-lower){order:9}
  /* só os dois selos, centralizados — os checks não cabem junto */
  .pos-lower{position:relative;z-index:3;justify-content:center;gap:24px;margin-top:14px;padding:14px 16px;border-radius:16px;clear:both}
  .pos-lower .bullets{display:none}
  .pos-lower .seals{gap:24px}
  .pos-lower .seal{height:78px}
  .pos-lower .seal-anh{height:36px}
}
@media(prefers-reduced-motion:reduce){.pos-hero *{transition:none!important}}/* End custom CSS */