/*
 * LOCALIZAÇÃO: /public_html/assets/site/doar-agora/portal-secondary.css
 * VERSÃO: 19.05.2026 v1.9
 */
:root{
  --portal-secondary-bg:#F8F6EF;
  --portal-secondary-surface:#FAF8F3;
  --portal-secondary-green:#123D24;
  --portal-secondary-green-dark:#0B2A18;
  --portal-secondary-muted:#667067;
  --portal-secondary-gold:#B89448;
  --portal-secondary-border:rgba(49,76,57,.12);
  --portal-secondary-shadow:0 26px 72px rgba(35,45,35,.12);
}
body{
  background:
    radial-gradient(circle at 8% 6%, rgba(126,156,136,.16), transparent 30%),
    radial-gradient(circle at 94% 3%, rgba(205,184,150,.20), transparent 31%),
    var(--portal-secondary-bg)!important;
}
.portal-secondary-page{
  align-items:flex-start!important;
  justify-content:center!important;
  padding:clamp(10px,1.8svh,20px) clamp(10px,1.6vw,24px) clamp(28px,6svh,72px)!important;
  min-height:100svh!important;
  min-height:100dvh!important;
  height:auto!important;
  overflow:visible!important;
}
.portal-secondary-page .shell{
  width:min(1040px,calc(100vw - 24px))!important;
  max-width:1040px!important;
  min-height:0!important;
  max-height:none!important;
  display:block!important;
  grid-template-columns:none!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:rgba(250,248,243,.97)!important;
  border:1px solid rgba(255,255,255,.78)!important;
  box-shadow:var(--portal-secondary-shadow)!important;
}
.portal-secondary-page .form-side,
.portal-secondary-page .hero,
.portal-secondary-page .content{
  position:relative!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  padding:0 clamp(20px,3.2vw,36px) clamp(18px,2.4svh,28px)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.portal-secondary-page .visual{display:none!important;}
.portal-secondary-topbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-height:56px!important;
  padding:8px 0 7px!important;
  margin:0!important;
}
.portal-secondary-logo{
  display:inline-flex!important;
  align-items:center!important;
  width:min(44vw,178px)!important;
  min-width:132px!important;
  text-decoration:none!important;
}
.portal-secondary-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:42px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.portal-secondary-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex:0 0 auto!important;
}
.portal-secondary-actions .portal-back-icon,
.portal-secondary-actions .portal-lang-toggle{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  height:38px!important;
  min-height:38px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.86)!important;
  border:1px solid rgba(49,76,57,.12)!important;
  color:var(--portal-secondary-green-dark)!important;
  box-shadow:0 10px 22px rgba(35,45,35,.07)!important;
}
.portal-secondary-actions .portal-back-icon{
  padding:0!important;
  text-decoration:none!important;
  line-height:1!important;
  width:38px!important;
  min-width:38px!important;
}
.portal-secondary-actions .portal-lang-toggle{
  text-decoration:none!important;
  padding:0 11px!important;
  font-size:11.5px!important;
  font-weight:900!important;
}
.portal-secondary-actions .portal-lang-toggle i{color:var(--portal-secondary-gold)!important;}
.portal-secondary-actions .portal-back-icon span{display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.portal-secondary-actions .portal-back-icon i{font-size:16px!important;line-height:1!important;}
.portal-secondary-hero{
  position:relative!important;
  min-height:clamp(148px,22svh,235px)!important;
  margin:0 0 clamp(18px,2.4svh,26px)!important;
  border-radius:0 0 20px 20px!important;
  overflow:hidden!important;
  background-color:#0b1b12!important;
  background-image:
    linear-gradient(90deg, rgba(5,24,13,.92), rgba(5,24,13,.68) 42%, rgba(5,24,13,.20) 78%),
    var(--secondary-hero-image, linear-gradient(135deg,#314C39,#7E9C88))!important;
  background-size:cover!important;
  background-position:center center!important;
  box-shadow:inset 0 -80px 92px rgba(5,24,13,.25)!important;
}
.portal-secondary-hero__content{
  position:absolute!important;
  left:clamp(20px,3.4vw,40px)!important;
  right:clamp(16px,3vw,34px)!important;
  bottom:clamp(18px,2.6svh,30px)!important;
  display:grid!important;
  justify-items:start!important;
  gap:8px!important;
}
.portal-secondary-badge{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:30px!important;
  padding:0 11px!important;
  border-radius:9px!important;
  background:rgba(120,104,65,.86)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:0 12px 22px rgba(0,0,0,.12)!important;
}
.portal-secondary-badge__icon{display:inline-flex!important;width:15px!important;height:15px!important;color:#fff!important;}
.portal-secondary-badge__icon svg{width:15px!important;height:15px!important;stroke:currentColor!important;}
.portal-secondary-hero__name{
  display:block!important;
  max-width:min(620px,82%)!important;
  color:#fff!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:clamp(29px,4.2vw,48px)!important;
  font-weight:800!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
  text-shadow:0 3px 18px rgba(0,0,0,.34)!important;
}
.portal-secondary-page .intro{
  text-align:left!important;
  margin:0 0 clamp(12px,1.8svh,18px)!important;
  padding-top:0!important;
}
.portal-secondary-page .page-kicker{
  margin:0 0 6px!important;
  color:var(--portal-secondary-gold)!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
.portal-secondary-page .brand-header,
.portal-secondary-page .brand{display:none!important;}
.portal-secondary-page .title{
  margin:0 0 6px!important;
  color:var(--portal-secondary-green-dark)!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:clamp(29px,3.2vw,40px)!important;
  line-height:1.03!important;
  letter-spacing:-.045em!important;
  text-align:left!important;
}
.portal-secondary-page .desc{
  margin:0!important;
  max-width:680px!important;
  color:var(--portal-secondary-muted)!important;
  font-size:clamp(13.5px,1.1vw,16px)!important;
  line-height:1.45!important;
  text-align:left!important;
}
.portal-secondary-page .intro::after,
.portal-secondary-page .content>.desc::after{
  content:"";
  display:block;
  width:38px;
  height:2px;
  margin-top:10px;
  border-radius:999px;
  background:var(--portal-secondary-gold);
}
.portal-secondary-page .card,
.portal-secondary-page .hero-panel,
.portal-secondary-page .day-block,
.portal-secondary-page .empty,
.portal-secondary-page .empty-main{
  border-color:var(--portal-secondary-border)!important;
  background:#fff!important;
  box-shadow:0 18px 40px rgba(35,45,35,.07)!important;
}
.portal-secondary-page .btn--primary,
.portal-secondary-page .btn--support,
.portal-secondary-page .btn,
.portal-secondary-page button[type="submit"]{
  border-radius:15px!important;
}
.portal-secondary-secure{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  margin:clamp(14px,2svh,22px) auto 0!important;
  color:var(--portal-secondary-muted)!important;
  text-align:left!important;
  line-height:1.18!important;
}
.portal-secondary-secure__icon{
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
  color:var(--portal-secondary-gold)!important;
}
.portal-secondary-secure__icon svg{
  display:block!important;
  width:28px!important;
  height:28px!important;
  stroke:currentColor!important;
}
.portal-secondary-secure__text{display:grid!important;gap:2px!important;}
.portal-secondary-secure__text span{
  display:block!important;
  color:var(--portal-secondary-muted)!important;
  font-size:13px!important;
}
.portal-secondary-secure__text strong{
  display:block!important;
  color:var(--portal-secondary-green-dark)!important;
  font-size:13.5px!important;
  font-weight:900!important;
}

.portal-secondary-page .form-side>.portal-lang-row,
.portal-secondary-page .content>.portal-lang-row{display:none!important;}
.portal-secondary-page .intro .portal-secondary-hero{margin-top:0!important;}

@media(min-width:981px) and (max-height:820px){
  .portal-secondary-page{padding-top:8px!important;padding-bottom:34px!important;}
  .portal-secondary-topbar{min-height:48px!important;padding-top:6px!important;padding-bottom:6px!important;}
  .portal-secondary-hero{min-height:clamp(132px,20svh,178px)!important;margin-bottom:16px!important;}
  .portal-secondary-hero__name{font-size:clamp(28px,3.6vw,40px)!important;}
  .portal-secondary-page .title{font-size:clamp(27px,2.7vw,34px)!important;}
}
@media(max-width:980px){
  .portal-secondary-page{
    display:block!important;
    padding:0!important;
    min-height:100svh!important;
    min-height:100dvh!important;
    background:var(--portal-secondary-bg)!important;
  }
  .portal-secondary-page .shell{
    width:100%!important;
    max-width:none!important;
    border-radius:0!important;
    border:0!important;
    box-shadow:none!important;
    background:rgba(250,248,243,.98)!important;
  }
  .portal-secondary-page .form-side,
  .portal-secondary-page .hero,
  .portal-secondary-page .content{
    margin:0!important;
    padding:0 12px max(18px,env(safe-area-inset-bottom))!important;
    border-radius:0!important;
    background:transparent!important;
  }
  .portal-secondary-topbar{
    min-height:50px!important;
    padding:8px 0 7px!important;
  }
  .portal-secondary-logo{width:min(43vw,156px)!important;min-width:126px!important;}
  .portal-secondary-logo img{max-height:38px!important;}
  .portal-secondary-actions{gap:7px!important;}
  .portal-secondary-actions .portal-back-icon,
  .portal-secondary-actions .portal-lang-toggle{height:34px!important;min-height:34px!important;border-radius:13px!important;}
  .portal-secondary-actions .portal-back-icon{width:34px!important;min-width:34px!important;}
  .portal-secondary-actions .portal-lang-toggle{padding:0 10px!important;font-size:11px!important;}
  .portal-secondary-hero{
    min-height:clamp(150px,24svh,220px)!important;
    margin-left:-12px!important;
    margin-right:-12px!important;
    margin-bottom:16px!important;
    border-radius:0!important;
    background-image:
      linear-gradient(90deg, rgba(5,24,13,.90), rgba(5,24,13,.58) 48%, rgba(5,24,13,.14) 86%),
      var(--secondary-hero-mobile-image, var(--secondary-hero-image, linear-gradient(135deg,#314C39,#7E9C88)))!important;
    background-position:center right!important;
  }
  .portal-secondary-hero__content{left:18px!important;right:12px!important;bottom:16px!important;gap:7px!important;}
  .portal-secondary-hero__name{font-size:clamp(27px,7.9vw,36px)!important;max-width:86%!important;}
  .portal-secondary-badge{min-height:28px!important;font-size:11.5px!important;padding:0 10px!important;}
  .portal-secondary-page .intro{margin-bottom:12px!important;padding-top:0!important;}
  .portal-secondary-page .title{font-size:clamp(27px,7.4vw,34px)!important;line-height:1.03!important;}
  .portal-secondary-page .desc{font-size:13.5px!important;line-height:1.38!important;}
  .portal-secondary-page .card,
  .portal-secondary-page .hero-panel,
  .portal-secondary-page .day-block,
  .portal-secondary-page .empty,
  .portal-secondary-page .empty-main{border-radius:18px!important;}
  .portal-secondary-secure{gap:9px!important;margin-top:14px!important;}
  .portal-secondary-secure__icon{width:24px!important;height:24px!important;flex-basis:24px!important;}
  .portal-secondary-secure__icon svg{width:24px!important;height:24px!important;}
  .portal-secondary-secure__text span{font-size:11.5px!important;}
  .portal-secondary-secure__text strong{font-size:12px!important;}
}
@media(max-width:380px){
  .portal-secondary-hero{min-height:142px!important;}
  .portal-secondary-hero__name{font-size:26px!important;}
  .portal-secondary-page .title{font-size:26px!important;}
}

/* Ajuste global dos botões para o novo verde institucional. */
:root{
  --portal-secondary-green:#0B4A2B;
  --portal-secondary-green-dark:#07391F;
  --portal-secondary-button-green:#0B4A2B;
  --portal-secondary-button-green-2:#0E5A33;
  --portal-secondary-button-shadow:0 16px 34px rgba(11,74,43,.22);
}
.portal-secondary-page .btn--primary,
.portal-secondary-page .btn--pix-action,
.portal-secondary-page .btn--success,
.portal-secondary-page .actions .btn--primary,
.portal-secondary-page a.btn--primary,
.portal-secondary-page button.btn--primary,
.portal-secondary-page button[type="submit"].btn--primary{
  background:linear-gradient(135deg,var(--portal-secondary-button-green),var(--portal-secondary-button-green-2))!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:var(--portal-secondary-button-shadow)!important;
}
.portal-secondary-page .btn--primary:hover,
.portal-secondary-page .btn--pix-action:hover,
.portal-secondary-page a.btn--primary:hover,
.portal-secondary-page button.btn--primary:hover{
  filter:brightness(1.03)!important;
  transform:translateY(-1px);
}
.portal-secondary-page .btn--secondary,
.portal-secondary-page .btn--ghost,
.portal-secondary-page .btn--support,
.portal-secondary-page .modal-actions .btn:not(.btn--primary):not(.btn--pix-action),
.portal-secondary-page .actions .btn:not(.btn--primary):not(.btn--pix-action){
  background:#fff!important;
  color:var(--portal-secondary-button-green)!important;
  border:1px solid rgba(11,74,43,.28)!important;
  box-shadow:0 12px 26px rgba(11,74,43,.08)!important;
}
.portal-secondary-page .btn--support svg,
.portal-secondary-page .btn--support i,
.portal-secondary-page .btn--secondary svg,
.portal-secondary-page .btn--secondary i,
.portal-secondary-page .btn--ghost svg,
.portal-secondary-page .btn--ghost i{color:var(--portal-secondary-button-green)!important;fill:currentColor!important;}
.portal-secondary-page .amount-btn.is-active,
.portal-secondary-page .wizard-pill.is-active,
.portal-secondary-page .mode-card.is-active,
.portal-secondary-page .weekday-btn.is-active,
.portal-secondary-page .advance-month-btn.is-active,
.portal-secondary-page .summary__quantity-btn:hover,
.portal-secondary-page .tab.is-active,
.portal-secondary-page .filter-chip.is-active{
  background:linear-gradient(135deg,var(--portal-secondary-button-green),var(--portal-secondary-button-green-2))!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 12px 24px rgba(11,74,43,.18)!important;
}
.portal-secondary-page .whatsapp-access-button{
  background:linear-gradient(135deg,var(--portal-secondary-button-green),var(--portal-secondary-button-green-2))!important;
  box-shadow:0 10px 20px rgba(11,74,43,.20)!important;
}
.portal-secondary-page input:focus,
.portal-secondary-page textarea:focus,
.portal-secondary-page select:focus{
  border-color:rgba(11,74,43,.45)!important;
  box-shadow:0 0 0 3px rgba(11,74,43,.13)!important;
}

/* Padronização com a home pública - 19.05.2026 v1.3
   Mantém as páginas internas com a mesma largura útil e o mesmo corte da capa da igreja no desktop. */
html,
body{
  overflow-x:hidden!important;
}
.portal-secondary-page,
.portal-secondary-page *,
.portal-secondary-page *::before,
.portal-secondary-page *::after{
  box-sizing:border-box!important;
}
.portal-secondary-page{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
.portal-secondary-page .shell{
  width:min(1040px,100%)!important;
  max-width:1040px!important;
  min-width:0!important;
}
.portal-secondary-page .form-side,
.portal-secondary-page .hero,
.portal-secondary-page .content,
.portal-secondary-page .card,
.portal-secondary-page .hero-panel,
.portal-secondary-page .agenda-card,
.portal-secondary-page .campaign-card,
.portal-secondary-page .campaign-detail,
.portal-secondary-page .payment-panel{
  min-width:0!important;
  max-width:100%!important;
}
.portal-secondary-page img,
.portal-secondary-page svg,
.portal-secondary-page video,
.portal-secondary-page canvas{
  max-width:100%!important;
}
@media(min-width:701px){
  .portal-secondary-page{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    padding:clamp(9px,1.55svh,18px) clamp(12px,1.4vw,22px) clamp(16px,3.2svh,38px)!important;
  }
  .portal-secondary-page .shell{
    border-radius:31px!important;
    overflow:hidden!important;
  }
  .portal-secondary-page .form-side,
  .portal-secondary-page .hero,
  .portal-secondary-page .content{
    padding:clamp(16px,2svh,26px) clamp(22px,2.7vw,32px) clamp(14px,2.2svh,24px)!important;
  }
  .portal-secondary-topbar{
    min-height:44px!important;
    padding:clamp(8px,1.2svh,12px) clamp(24px,3.2vw,38px)!important;
    background:transparent!important;
    background-color:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .portal-secondary-logo{
    width:auto!important;
    min-width:0!important;
  }
  .portal-secondary-logo img{
    width:clamp(142px,9.8vw,172px)!important;
    max-width:52vw!important;
    max-height:58px!important;
  }
  .portal-secondary-hero{
    height:clamp(260px,34svh,390px)!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 clamp(24px,3.2vw,38px) clamp(18px,2.4svh,26px)!important;
    border-radius:0 0 25px 25px!important;
    background-size:cover,cover!important;
    background-position:center bottom,right bottom!important;
    background-repeat:no-repeat,no-repeat!important;
    box-shadow:inset 0 -80px 100px rgba(8,30,17,.24),0 16px 35px rgba(35,45,35,.08)!important;
  }
  .portal-secondary-hero__content{
    left:clamp(26px,3.2vw,40px)!important;
    right:clamp(20px,3vw,34px)!important;
    bottom:clamp(22px,3svh,34px)!important;
    gap:clamp(7px,1svh,10px)!important;
  }
  .portal-secondary-hero__name{
    max-width:min(680px,78%)!important;
    font-size:clamp(31px,3.2vw,42px)!important;
    line-height:1.01!important;
  }
  .portal-secondary-badge{
    min-height:31px!important;
    padding:0 11px!important;
    border-radius:9px!important;
    font-size:12.5px!important;
    background:rgba(117,103,64,.82)!important;
  }
  .portal-secondary-page .intro{
    margin:0 0 clamp(16px,2svh,24px)!important;
  }
  .portal-secondary-page .title,
  .portal-secondary-page .page-title,
  .portal-secondary-page .agenda-title{
    font-size:clamp(30px,3.1vw,40px)!important;
    line-height:1.03!important;
  }
}
@media(min-width:981px) and (min-height:860px){
  .portal-secondary-page .shell{
    width:min(1000px,100%)!important;
    max-width:1000px!important;
  }
  .portal-secondary-hero{
    height:clamp(285px,33svh,410px)!important;
  }
}
@media(min-width:701px) and (max-height:760px){
  .portal-secondary-hero{
    height:clamp(225px,32svh,285px)!important;
    background-position:center bottom,right bottom!important;
  }
  .portal-secondary-page .form-side,
  .portal-secondary-page .hero,
  .portal-secondary-page .content{
    padding-top:clamp(10px,1.4svh,16px)!important;
    padding-bottom:clamp(10px,1.6svh,18px)!important;
  }
}
@media(max-width:700px){
  .portal-secondary-page,
  .portal-secondary-page .shell{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  .portal-secondary-page .form-side,
  .portal-secondary-page .hero,
  .portal-secondary-page .content{
    padding:0 0 max(14px,env(safe-area-inset-bottom))!important;
  }
  .portal-secondary-topbar{
    min-height:48px!important;
    padding:8px 12px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .portal-secondary-logo img{
    width:min(42vw,150px)!important;
    max-width:46vw!important;
    max-height:54px!important;
  }
  .portal-secondary-hero{
    height:clamp(184px,28svh,248px)!important;
    min-height:0!important;
    margin:0 0 clamp(14px,2svh,18px)!important;
    border-radius:0!important;
    background-size:cover,cover!important;
    background-position:center right,right bottom!important;
  }
  .portal-secondary-hero__content{
    left:16px!important;
    right:12px!important;
    bottom:16px!important;
    gap:6px!important;
  }
  .portal-secondary-hero__name{
    font-size:clamp(28px,8vw,38px)!important;
    max-width:86%!important;
    line-height:1.02!important;
  }
  .portal-secondary-badge{
    min-height:28px!important;
    font-size:11.5px!important;
    padding:0 10px!important;
  }
  .portal-secondary-page .intro,
  .portal-secondary-page .content>.intro{
    padding:0 12px!important;
  }
  .portal-secondary-page .card,
  .portal-secondary-page .hero-panel,
  .portal-secondary-page .agenda-card,
  .portal-secondary-page .campaign-grid,
  .portal-secondary-page .campaign-detail,
  .portal-secondary-page .empty,
  .portal-secondary-page .empty-main{
    margin-left:12px!important;
    margin-right:12px!important;
    width:auto!important;
  }
}


/* Ajuste mobile complementar - 19.05.2026 v1.3
   Mantém a capa encostada nas bordas no celular e preserva respiro no conteúdo abaixo. */
@media(max-width:700px){
  .portal-secondary-page .intro,
  .portal-secondary-page .content>.intro{
    padding:0!important;
  }
  .portal-secondary-page .intro>.title,
  .portal-secondary-page .intro>.desc,
  .portal-secondary-page .intro>.page-kicker,
  .portal-secondary-page .content>.title,
  .portal-secondary-page .content>.desc{
    margin-left:12px!important;
    margin-right:12px!important;
  }
}


/* Padronização final dos títulos, grade da doação, cadastro e formulário de campanha - 19.05.2026 v1.6
   Mantém todos os títulos abaixo da capa com o mesmo padrão visual da tela de cadastro
   e compacta formulários no desktop para evitar corte no rodapé. */
.portal-secondary-page .intro>.page-kicker,
.portal-secondary-page .content>.page-kicker{
  display:block!important;
  margin:0 0 6px!important;
  padding:0!important;
  color:var(--portal-secondary-gold)!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  text-align:left!important;
}
.portal-secondary-page .intro>.title,
.portal-secondary-page .content>.title,
.portal-secondary-page .agenda-title{
  display:block!important;
  margin:0 0 6px!important;
  color:var(--portal-secondary-green-dark)!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:clamp(30px,3.1vw,40px)!important;
  line-height:1.03!important;
  letter-spacing:-.045em!important;
  font-weight:800!important;
  text-align:left!important;
}
.portal-secondary-page .intro>.desc,
.portal-secondary-page .content>.desc,
.portal-secondary-page .agenda-description{
  display:block!important;
  margin:0!important;
  max-width:680px!important;
  color:var(--portal-secondary-muted)!important;
  font-size:clamp(13.5px,1.1vw,16px)!important;
  line-height:1.45!important;
  font-weight:400!important;
  text-align:left!important;
}
.portal-secondary-page .agenda-head{
  margin:0 0 clamp(16px,2svh,24px)!important;
  padding:0!important;
}
.portal-secondary-page .agenda-description::after{
  content:"";
  display:block;
  width:38px;
  height:2px;
  margin-top:10px;
  border-radius:999px;
  background:var(--portal-secondary-gold);
}


/* Ajuste específico do cadastro em uma única grade - 19.05.2026 v1.6 */
.portal-secondary-page .grid.grid--cadastro{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-areas:"nome nome" "data pastoral" "whatsapp whatsapp" "numero valor"!important;
  gap:12px!important;
}
.portal-secondary-page .grid.grid--cadastro>.field--nome{grid-area:nome!important;}
.portal-secondary-page .grid.grid--cadastro>.field--data{grid-area:data!important;}
.portal-secondary-page .grid.grid--cadastro>.field--pastoral{grid-area:pastoral!important;}
.portal-secondary-page .grid.grid--cadastro>.field--whatsapp{grid-area:whatsapp!important;}
.portal-secondary-page .grid.grid--cadastro>.field--numero{grid-area:numero!important;}
.portal-secondary-page .grid.grid--cadastro>.field--valor-inicial{grid-area:valor!important;}
@media(max-width:420px){
  .portal-secondary-page .grid.grid--cadastro{
    grid-template-areas:"nome nome" "data pastoral" "whatsapp whatsapp" "numero numero" "valor valor"!important;
  }
}

@media(min-width:981px){
  .portal-secondary-page .donor-grid.donor-grid--after-amount{
    grid-template-columns:minmax(0,1.28fr) minmax(0,.82fr) minmax(0,1.08fr)!important;
    align-items:start!important;
    gap:10px!important;
    margin-top:14px!important;
    margin-bottom:12px!important;
  }
  .portal-secondary-page .donor-grid.donor-grid--after-amount>.field--full{
    grid-column:auto!important;
  }
  .portal-secondary-page .donor-grid.donor-grid--after-amount .field label{
    white-space:nowrap!important;
  }
  .portal-secondary-page .grid.grid--cadastro{
    grid-template-columns:minmax(0,1.30fr) minmax(0,.86fr) minmax(0,1.04fr)!important;
    grid-template-areas:"nome data pastoral" "whatsapp numero valor"!important;
    gap:10px!important;
    align-items:start!important;
  }
  .portal-secondary-page .grid.grid--cadastro>.field--nome{grid-area:nome!important;}
  .portal-secondary-page .grid.grid--cadastro>.field--data{grid-area:data!important;}
  .portal-secondary-page .grid.grid--cadastro>.field--pastoral{grid-area:pastoral!important;}
  .portal-secondary-page .grid.grid--cadastro>.field--whatsapp{grid-area:whatsapp!important;}
  .portal-secondary-page .grid.grid--cadastro>.field--numero{grid-area:numero!important;}
  .portal-secondary-page .grid.grid--cadastro>.field--valor-inicial{grid-area:valor!important;}
  .portal-secondary-page .grid.grid--cadastro .field label{
    white-space:nowrap!important;
  }
  .portal-secondary-page .campaign-public-grid{
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    gap:9px!important;
    align-items:start!important;
  }
  .portal-secondary-page .campaign-public-grid>.field.full:first-child{
    grid-column:1 / span 3!important;
  }
  .portal-secondary-page .campaign-public-grid>.field--whatsapp{
    grid-column:4 / span 4!important;
  }
  .portal-secondary-page .campaign-public-grid>.field--cep{
    grid-column:8 / span 1!important;
  }
  .portal-secondary-page .campaign-public-grid>.field--logradouro{
    grid-column:9 / span 4!important;
  }
  .portal-secondary-page .campaign-public-grid>.field--numero{
    grid-column:1 / span 2!important;
  }
  .portal-secondary-page .campaign-public-grid>.field--bairro{
    grid-column:3 / span 3!important;
  }
  .portal-secondary-page .campaign-public-grid>.field--cidade{
    grid-column:6 / span 5!important;
  }
  .portal-secondary-page .campaign-public-grid>.field--uf{
    grid-column:11 / span 2!important;
  }
  .portal-secondary-page .campaign-public-grid>.full:not(:first-child){
    grid-column:1 / -1!important;
  }
  .portal-secondary-page .campaign-public-grid>.span-2{
    grid-column:span 4!important;
  }
  .portal-secondary-page .campaign-public-grid>.field:not(.full):not([class*="field--"]){
    grid-column:span 4!important;
  }
  .portal-secondary-page .campaign-public-grid .field label{
    white-space:nowrap!important;
  }
}
@media(min-width:981px) and (max-height:780px){
  .portal-secondary-page .donor-grid.donor-grid--after-amount{
    gap:8px!important;
    margin-top:10px!important;
    margin-bottom:10px!important;
  }
  .portal-secondary-page .donor-grid.donor-grid--after-amount .field label,
  .portal-secondary-page .campaign-public-grid .field label{
    font-size:12.8px!important;
    margin-bottom:5px!important;
  }
  .portal-secondary-page .donor-grid.donor-grid--after-amount .field input,
  .portal-secondary-page .campaign-public-grid .field input{
    min-height:40px!important;
  }
}
@media(max-width:700px){
  .portal-secondary-page .intro>.page-kicker,
  .portal-secondary-page .content>.page-kicker{
    font-size:11.5px!important;
    margin-bottom:5px!important;
    text-align:left!important;
  }
  .portal-secondary-page .intro>.title,
  .portal-secondary-page .content>.title,
  .portal-secondary-page .agenda-title{
    font-size:clamp(27px,7.4vw,34px)!important;
    line-height:1.03!important;
  }
  .portal-secondary-page .intro>.desc,
  .portal-secondary-page .content>.desc,
  .portal-secondary-page .agenda-description{
    font-size:13.5px!important;
    line-height:1.38!important;
  }
}

/* Alinhamento desktop dos blocos abaixo da capa - 19.05.2026 v1.7
   Usa o mesmo trilho horizontal da capa e da logo para títulos, cards e listas. */
@media(min-width:701px){
  .portal-secondary-page .content,
  .portal-secondary-page .form-side,
  .portal-secondary-page .hero{
    --portal-secondary-desktop-gutter:clamp(24px,3.2vw,38px);
  }
  .portal-secondary-page .content>.intro,
  .portal-secondary-page .form-side>.portal-secondary-hero+.intro,
  .portal-secondary-page .content>.page-kicker,
  .portal-secondary-page .content>.title,
  .portal-secondary-page .content>.desc{
    margin-left:var(--portal-secondary-desktop-gutter)!important;
    margin-right:var(--portal-secondary-desktop-gutter)!important;
    width:auto!important;
  }
  .portal-secondary-page .form-side>.intro>.portal-secondary-hero~.page-kicker,
  .portal-secondary-page .form-side>.intro>.portal-secondary-hero~.title,
  .portal-secondary-page .form-side>.intro>.portal-secondary-hero~.desc,
  .portal-secondary-page .hero>.intro>.portal-secondary-hero~.page-kicker,
  .portal-secondary-page .hero>.intro>.portal-secondary-hero~.title,
  .portal-secondary-page .hero>.intro>.portal-secondary-hero~.desc{
    margin-left:var(--portal-secondary-desktop-gutter)!important;
    margin-right:var(--portal-secondary-desktop-gutter)!important;
  }
  .portal-secondary-page .form-side>.intro::after,
  .portal-secondary-page .hero>.intro::after{
    margin-left:var(--portal-secondary-desktop-gutter)!important;
  }
  .portal-secondary-page .content>.intro::after,
  .portal-secondary-page .form-side>.portal-secondary-hero+.intro::after{
    margin-left:0!important;
  }
  .portal-secondary-page .content>.card,
  .portal-secondary-page .content>form.card,
  .portal-secondary-page .content>.hero-panel,
  .portal-secondary-page .content>.support,
  .portal-secondary-page .content>.alert,
  .portal-secondary-page .content>.notice,
  .portal-secondary-page .content>.empty,
  .portal-secondary-page .content>.empty-main,
  .portal-secondary-page .content>.agenda-card,
  .portal-secondary-page .content>.campaign-grid,
  .portal-secondary-page .content>.campaign-detail,
  .portal-secondary-page .content>.list,
  .portal-secondary-page .form-side>.card,
  .portal-secondary-page .form-side>form.card,
  .portal-secondary-page .form-side>.hero-panel,
  .portal-secondary-page .form-side>.support,
  .portal-secondary-page .form-side>.alert,
  .portal-secondary-page .form-side>.notice,
  .portal-secondary-page .form-side>.empty,
  .portal-secondary-page .form-side>.empty-main,
  .portal-secondary-page .hero>.card,
  .portal-secondary-page .hero>form.card,
  .portal-secondary-page .hero>.hero-panel,
  .portal-secondary-page .hero>.support,
  .portal-secondary-page .hero>.alert,
  .portal-secondary-page .hero>.notice,
  .portal-secondary-page .hero>.empty,
  .portal-secondary-page .hero>.empty-main{
    margin-left:var(--portal-secondary-desktop-gutter)!important;
    margin-right:var(--portal-secondary-desktop-gutter)!important;
    width:auto!important;
  }
}

/* Alinhamento mobile dos textos abaixo da capa - 19.05.2026 v1.8
   Mantém título, descrição e filete no mesmo eixo dos cards no celular. */
@media(max-width:700px){
  .portal-secondary-page .form-side>.intro,
  .portal-secondary-page .hero>.intro,
  .portal-secondary-page .content>.intro{
    padding-left:0!important;
    padding-right:0!important;
  }
  .portal-secondary-page .form-side>.intro>.portal-secondary-hero~.page-kicker,
  .portal-secondary-page .form-side>.intro>.portal-secondary-hero~.title,
  .portal-secondary-page .form-side>.intro>.portal-secondary-hero~.desc,
  .portal-secondary-page .hero>.intro>.portal-secondary-hero~.page-kicker,
  .portal-secondary-page .hero>.intro>.portal-secondary-hero~.title,
  .portal-secondary-page .hero>.intro>.portal-secondary-hero~.desc,
  .portal-secondary-page .content>.intro>.portal-secondary-hero~.page-kicker,
  .portal-secondary-page .content>.intro>.portal-secondary-hero~.title,
  .portal-secondary-page .content>.intro>.portal-secondary-hero~.desc,
  .portal-secondary-page .content>.page-kicker,
  .portal-secondary-page .content>.title,
  .portal-secondary-page .content>.desc{
    margin-left:12px!important;
    margin-right:12px!important;
    width:auto!important;
    max-width:calc(100% - 24px)!important;
  }
  .portal-secondary-page .form-side>.intro::after,
  .portal-secondary-page .hero>.intro::after,
  .portal-secondary-page .content>.intro::after,
  .portal-secondary-page .content>.desc::after,
  .portal-secondary-page .agenda-description::after{
    margin-left:12px!important;
  }
}

/* Ajuste final dos títulos em páginas com capa antes do bloco intro - 19.05.2026 v1.9
   Corrige o alinhamento mobile de portal/campanha.php, mantendo o texto no mesmo eixo do card. */
@media(max-width:700px){
  .portal-secondary-page .content>.portal-secondary-hero+.intro{
    padding-left:0!important;
    padding-right:0!important;
    margin-left:0!important;
    margin-right:0!important;
    width:auto!important;
    max-width:100%!important;
  }
  .portal-secondary-page .content>.portal-secondary-hero+.intro>.page-kicker,
  .portal-secondary-page .content>.portal-secondary-hero+.intro>.title,
  .portal-secondary-page .content>.portal-secondary-hero+.intro>.desc{
    margin-left:12px!important;
    margin-right:12px!important;
    width:auto!important;
    max-width:calc(100% - 24px)!important;
  }
  .portal-secondary-page .content>.portal-secondary-hero+.intro::after{
    margin-left:12px!important;
  }
}
