/* Protocolo Alpha · identidade oficial v1.0 (20/10/2026)
   Paleta: Mineral #D3A72D · Escuro #191A17 · Claro #F8F4E8 · Apoio #D7D1C1
   Nome: Fraunces 600 (opsz 72, SOFT 20, WONK 1) · Apoio: Manrope 400/500/600
   Regra: Mineral sobre Claro não é usado para texto pequeno. */
.t-alpha{--al-mineral:#D3A72D;--al-escuro:#191A17;--al-claro:#F8F4E8;--al-apoio:#D7D1C1;--acento:#D3A72D}
.al{background:var(--al-claro);color:var(--al-escuro)}
.al-escuro{background:var(--al-escuro);color:var(--al-claro)}
.al-claro{background:var(--al-claro);color:var(--al-escuro)}
.al-apoio{background:var(--al-apoio);color:var(--al-escuro)}
.al .lead{color:inherit}
.al-label{font-family:var(--sans);font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;margin:0}
.al-mineral-txt{color:var(--al-mineral)}
.al-soft{color:rgba(248,244,232,.74)}
.al-escuro .flow li{border-top-color:rgba(248,244,232,.28)}
.al-escuro .flow li::before{color:var(--al-mineral)}
.al-escuro .flow p{color:rgba(248,244,232,.74)}
.al-escuro .btn-line:hover{background:var(--al-claro);color:var(--al-escuro)}
.al-escuro :focus-visible{outline-color:var(--al-mineral)}

/* botões */
.al-btn{background:var(--al-mineral);color:var(--al-escuro)}
.al-btn:hover{background:#E0B83F}
.al-btn-dark{background:var(--al-escuro);color:var(--al-claro)}
.al-btn-dark:hover{background:#000}

/* hero */
.al-hero{overflow:hidden}
.al-hero .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,72px);align-items:center;padding-block:clamp(48px,7vw,96px)}
.al-logo{margin:0;line-height:0}
.al-logo img{display:block;width:clamp(360px,34vw,460px);max-width:100%;height:auto}
.al-hero .al-label{margin-top:clamp(36px,5vw,56px)}
.al-title{font-family:var(--serif);font-weight:600;font-size:var(--h1);line-height:1.08;margin:18px 0 0;max-width:15ch}
.al-lead{font-size:clamp(1.1rem,1.5vw,1.25rem);line-height:1.6;margin:24px 0 0;max-width:46ch}
.al-hero .al-lead{color:rgba(248,244,232,.82)}
.al-hero .ctas{margin-top:32px;display:flex;flex-wrap:wrap;gap:14px}
.al-note{margin:14px 0 0;font-size:.9rem;color:rgba(248,244,232,.6)}

/* foto de Petrus em painel da paleta */
.al-photo{position:relative;margin:0;aspect-ratio:4/5;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse 75% 60% at 50% 40%,#E2B948 0%,#D3A72D 60%,#C29823 100%)}
.al-photo .al-petrus{display:block;height:93%;width:auto;max-width:118%;object-fit:contain;object-position:50% 100%}
.al-panel-apoio{background:radial-gradient(ellipse 75% 60% at 50% 40%,#E6E1D4 0%,#D7D1C1 62%,#CBC4B2 100%)}
.al-photo-sm{max-width:460px}

/* faixa de números */
.al-strip{background:var(--al-mineral);color:var(--al-escuro)}
.al-strip .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.al-strip .wrap>div{padding:26px 16px 26px 0}
.al-strip .wrap>div+div{padding-left:clamp(12px,2vw,24px);border-left:1px solid rgba(25,26,23,.22)}
.al-strip b{display:block;font-family:var(--serif);font-weight:600;font-size:clamp(1.7rem,2.8vw,2.4rem);line-height:1}
.al-strip span{display:block;margin-top:8px;font-size:.9rem;font-weight:500}

/* essência: painel claro com recorte do I04 */
.al-essencia{position:relative;overflow:hidden;background:var(--al-claro);color:var(--al-escuro);padding-block:clamp(80px,11vw,140px);border-bottom:1px solid var(--al-apoio)}
.al-ess-txt{position:relative;z-index:1;max-width:min(640px,62%)}
.al-ess-txt h2{font-size:clamp(2.2rem,5vw,4.2rem);line-height:1.08;margin-top:20px;max-width:14ch}
.al-ess-txt .al-lead{margin-top:30px}
.al-ess-txt p+p:not(.al-lead){margin-top:16px;max-width:52ch}
.al-i04-crop{position:absolute;right:-6%;bottom:-2px;width:min(46vw,620px);height:auto;filter:none}

/* fases: cartões no padrão das capas KAIROS / AEGIS / ETHOS */
.al-fases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,22px)}
.al-fase{display:flex;flex-direction:column;min-height:440px;padding:clamp(26px,3vw,36px)}
.al-fase.f1{background:#FFFDF6;border:1px solid var(--al-apoio);color:var(--al-escuro)}
.al-fase.f2{background:var(--al-escuro);color:var(--al-claro)}
.al-fase.f3{background:var(--al-mineral);color:var(--al-escuro)}
.al-num{font-family:var(--serif);font-weight:600;font-size:clamp(3.4rem,5vw,4.6rem);line-height:1}
.al-fase h3{margin-top:auto;padding-top:48px;font-size:clamp(1.9rem,2.6vw,2.4rem);letter-spacing:.01em}
.al-sub{margin:6px 0 0;font-weight:500;font-size:1.05rem}
.al-fase p:not(.al-sub):not(.al-dias){margin:18px 0 0;line-height:1.55}
.al-fase.f2 p:not(.al-sub):not(.al-dias){color:rgba(248,244,232,.78)}
.al-dias{margin:28px 0 0;font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}

/* fundamentos sobre Apoio */
.al-apoio .layers{border-top-color:var(--al-escuro)}
.al-apoio .layer+.layer{border-left-color:rgba(25,26,23,.25)}
.al-apoio .layer .label{color:var(--al-escuro);opacity:.72}

/* formulário */
.al .form-box{background:var(--al-claro);border-color:transparent;color:var(--al-escuro)}
.al .form-box .form input{background:#FFFDF6;border-color:var(--al-apoio)}
.al .form input:focus{outline-color:var(--al-escuro)}
.al-sym-sm{width:56px;height:auto;margin-top:18px}

@media (max-width:900px){
  .al-fases{grid-template-columns:1fr}
  .al-fase{min-height:0}
  .al-fase h3{padding-top:28px}
}
@media (max-width:820px){
  .al-hero .wrap{grid-template-columns:1fr;padding-top:36px}
  .al-hero .al-photo{order:2;aspect-ratio:1/1;max-width:440px;width:100%;justify-self:center}
  .al-ess-txt{max-width:none}
  .al-i04-crop{position:relative;display:block;right:auto;width:62%;margin:40px -6% -2px auto}
  .al-strip .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
  .al-strip .wrap>div:nth-child(3){padding-left:0;border-left:0}
  .al-strip .wrap>div:nth-child(n+3){border-top:1px solid rgba(25,26,23,.22)}
}
@media (max-width:560px){
  .al-logo img{width:min(260px,72%)}
}

/* retratos novos */
.al-pic{max-width:520px;width:100%;justify-self:end;box-shadow:18px 18px 0 var(--al-mineral)}
.al-pic-sm{max-width:440px;justify-self:start;box-shadow:-16px 16px 0 var(--al-mineral)}
@media (max-width:820px){.al-hero .al-pic{order:2;justify-self:center;max-width:400px;box-shadow:12px 12px 0 var(--al-mineral)}.al-pic-sm{margin-left:16px}}