/* Curso VIP Exclusivo — Afrobraids Academy
   Tokens: preto #191919 · bordô #911439 · creme #FFE9CF · cinza #FAFAFA · rosa #F9D8E8
   Tipos: Philosopher (títulos, uppercase) · Helvetica (corpo) · Inter Tight (botões)
   Raio de botão: 0px */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body.ab-page{margin:0;padding:0;background:#FFE9CF;color:#191919;font-family:Helvetica,'Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.ab-page [data-section] a{color:#911439;text-decoration:none}
.ab-page [data-section] a:hover{color:#191919}
.ab-page [data-section] summary{list-style:none;cursor:pointer}
.ab-page [data-section] summary::-webkit-details-marker{display:none}
.ab-page details[open] summary .vip-plus{transform:rotate(45deg)}
.ab-page .vip-plus{transition:transform .2s ease}
.ab-page img.ab-img{display:block;width:100%;height:100%;object-fit:cover;background:#EDE6DC}
.ab-page img.ab-img-contain{object-fit:contain;object-position:bottom center;background:transparent}
.ab-hero-photo{width:min(480px,38vw)}
.ab-hero-h1{font-size:clamp(72px,15vw,260px)!important}

/* estados hover (geradas) */
.ab-h1:hover{background:#911439 !important;color:#F9D8E8 !important;}
.ab-h2:hover{border-color:#911439 !important;color:#191919 !important;}
.ab-h3:hover{transform:scale(1.03) !important;}
.ab-h4:hover{border-color:#911439 !important;color:#191919 !important;}
.ab-h5:hover{transform:scale(1.03) !important;}
.ab-h6:hover{border-color:#911439 !important;color:#191919 !important;}
.ab-h7:hover{transform:scale(1.03) !important;}
.ab-h8:hover{border-color:#911439 !important;color:#191919 !important;}
.ab-h9:hover{transform:scale(1.03) !important;}
.ab-h10:hover{border-color:#911439 !important;color:#191919 !important;}
.ab-h11:hover{transform:scale(1.03) !important;}
.ab-h12:hover{border-color:#911439 !important;color:#191919 !important;}
.ab-h13:hover{transform:scale(1.03) !important;}
.ab-h14:hover{border-color:#911439 !important;color:#191919 !important;}
.ab-h15:hover{transform:scale(1.03) !important;}
.ab-h16:hover{border-color:#911439 !important;color:#191919 !important;}
.ab-h17:hover{transform:scale(1.03) !important;}
.ab-h18:hover{background:#911439 !important;color:#F9D8E8 !important;}
.ab-h19:hover{background:#911439 !important;color:#F9D8E8 !important;}
.ab-h20:hover{color:#FFFFFF !important;}
.ab-h21:hover{color:#FFFFFF !important;}
.ab-h22:hover{color:#FFFFFF !important;}

/* ---------- responsivo ---------- */
@media (max-width:1024px){
  .ab-hero-photo{width:min(400px,42vw)}
}
@media (max-width:760px){
  .ab-hero-row{align-items:stretch}
  .ab-hero-h1{font-size:clamp(64px,17vw,140px)!important}
  .ab-hero-photo{width:min(340px,66vw);margin-left:auto!important;margin-right:0}
}
@media (max-width:480px){
  .ab-hero-h1{font-size:clamp(52px,16vw,96px)!important}
  .ab-hero-photo{width:78vw;margin-left:auto!important}
}
@media (prefers-reduced-motion:reduce){
  .ab-page [data-parallax]{transform:none!important;inset:0!important}
}

/* ---------- catálogo de formações (Amelia) ---------- */
/* 4 cursos por linha no computador, 2 no telemóvel */
.ab-page .am-fcil__items-list{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:20px !important;
  align-items:stretch !important;
}
.ab-page .am-fcil__item{width:auto !important;max-width:none !important;min-width:0 !important;margin:0 !important;flex:none !important}
.ab-page .am-fcil__item-inner{height:100% !important}
/* a caixa do formulário acompanha o fundo da secção */
.ab-page .ab-form-box{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important}
.ab-page .am-cat__form,.ab-page .am-fcil__main,.ab-page .am-cat__content,
.ab-page .am-cat__wrapper,.ab-page .am-fcil{background:transparent !important;border:0 !important;box-shadow:none !important}
@media (max-width:1200px){
  .ab-page .am-fcil__items-list{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}
@media (max-width:900px){
  .ab-page .am-fcil__items-list{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px !important}
}
/* telemóvel: um curso por linha */
@media (max-width:600px){
  .ab-page .am-fcil__items-list{grid-template-columns:1fr !important;gap:14px !important}
}

/* ---------- hero em duas colunas no computador ---------- */
@media (min-width:1025px){
  .ab-page .ab-hero-row{
    display:grid !important;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:clamp(24px,4vw,64px);
  }
  .ab-page .ab-hero-h1{
    font-size:clamp(72px,11.5vw,188px)!important;
    align-self:center;
    justify-self:start;
  }
  .ab-page .ab-hero-photo{
    width:100%!important;
    max-width:520px;
    justify-self:end;
  }
}