/*
 * CONNECT CAMP '27
 * Hotfix visual do ambiente do participante
 * Remove a identidade verde/Intercamp do runtime visual.
 */

:root{
  --ccv-orange:#f36a2d;
  --ccv-magenta:#b3196f;
  --ccv-purple:#5b178b;
  --ccv-blue:#2754c6;
  --ccv-ink:#160f28;
  --ccv-deep:#24133a;
  --ccv-white:#ffffff;
  --ccv-soft:#f7f4fa;
}

/* Base */
html.acampante-html{
  background:var(--ccv-ink)!important;
}

body.acampante-body{
  background:var(--ccv-ink)!important;
}

.acampante-body::before{
  opacity:.34!important;
  background:
    radial-gradient(circle at 8% 4%,rgba(243,106,45,.24),transparent 28%),
    radial-gradient(circle at 96% 14%,rgba(39,84,198,.24),transparent 30%),
    repeating-linear-gradient(
      135deg,
      rgba(255,255,255,.025) 0 1px,
      transparent 1px 112px
    )!important;
}

/* Login / criar conta */
.acampante-login-form-page{
  background:
    linear-gradient(
      120deg,
      rgba(22,15,40,.96) 0%,
      rgba(42,23,71,.90) 38%,
      rgba(91,23,139,.74) 68%,
      rgba(39,84,198,.60) 100%
    ),
    url("../img/connect-camp/source/connect-camp-halftone-bg.png")
      center / cover no-repeat!important;
}

/* Card principal */
.acampante-login-form-page .auth-card{
  background:
    radial-gradient(
      circle at 92% 8%,
      rgba(243,106,45,.20),
      transparent 27%
    ),
    linear-gradient(
      155deg,
      rgba(22,15,40,.96),
      rgba(42,23,71,.95) 58%,
      rgba(91,23,139,.91)
    )!important;

  border:1px solid rgba(243,106,45,.35)!important;
  box-shadow:0 30px 90px rgba(9,4,20,.48)!important;
}

/* Tipografia */
.acampante-login-form-page .auth-card h1,
.acampante-login-form-page .auth-card strong,
.acampante-login-form-page .acamp-form label span{
  color:#fff!important;
}

.acampante-login-form-page .auth-copy,
.acampante-login-form-page .auth-link{
  color:rgba(255,255,255,.75)!important;
}

/* Inputs */
.acampante-login-form-page .acamp-form input,
.acampante-login-form-page .acamp-form select{
  color:#fff!important;
  background:rgba(255,255,255,.085)!important;
  border-color:rgba(255,255,255,.18)!important;
}

.acampante-login-form-page .acamp-form input::placeholder{
  color:rgba(255,255,255,.40)!important;
}

.acampante-login-form-page .acamp-form input:focus,
.acampante-login-form-page .acamp-form select:focus{
  border-color:rgba(243,106,45,.85)!important;
  box-shadow:0 0 0 4px rgba(243,106,45,.13)!important;
}

.acampante-login-form-page .acamp-form select option{
  background:var(--ccv-deep)!important;
  color:#fff!important;
}

/* Avisos */
.acampante-login-form-page .acamp-alert{
  background:linear-gradient(
    100deg,
    rgba(243,106,45,.18),
    rgba(179,25,111,.14)
  )!important;

  border-color:rgba(243,106,45,.38)!important;
  color:#fff!important;
}

/* Foto obrigatória */
.acampante-login-form-page .required-photo-card{
  background:
    linear-gradient(
      125deg,
      rgba(243,106,45,.19),
      rgba(179,25,111,.13),
      rgba(91,23,139,.18)
    )!important;

  border-color:rgba(243,106,45,.42)!important;
}

.acampante-login-form-page .required-photo-card p{
  color:rgba(255,255,255,.72)!important;
}

.acampante-login-form-page .required-photo-preview{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
}

/* Botão principal Connect */
.acampante-login-form-page .acamp-btn.primary{
  background:
    linear-gradient(
      105deg,
      var(--ccv-orange),
      var(--ccv-magenta) 48%,
      var(--ccv-purple) 72%,
      var(--ccv-blue)
    )!important;

  box-shadow:0 16px 38px rgba(91,23,139,.30)!important;
}

/* Shell legado ainda utilizado em algumas telas do participante */
.app-shell{
  background:
    radial-gradient(
      circle at 10% 0%,
      rgba(243,106,45,.17),
      transparent 28%
    ),
    radial-gradient(
      circle at 100% 8%,
      rgba(39,84,198,.18),
      transparent 30%
    ),
    linear-gradient(
      180deg,
      #160f28,
      #25143f 55%,
      #160f28
    )!important;
}

.welcome-panel,
.event-mini-card,
.status-grid article,
.pay-panel,
.qr-panel{
  background:
    linear-gradient(
      145deg,
      rgba(42,23,71,.96),
      rgba(91,23,139,.88)
    )!important;

  border-color:rgba(243,106,45,.25)!important;
}

/* Login/home exact também ficam no Connect */
.exact-login-hero .exact-bg,
.acampante-home-exact .exact-bg{
  background:
    linear-gradient(
      rgba(22,15,40,.40),
      rgba(22,15,40,.65)
    ),
    url("../img/connect-camp/source/connect-camp-halftone-bg.png")
      center / cover no-repeat!important;
}

@media(max-width:700px){
  .acampante-login-form-page{
    background-position:center!important;
  }

  .acampante-login-form-page .auth-card{
    border-radius:28px!important;
  }
}

/* =========================================================
   CONNECT CAMP '27 — HOTFIX ESPECÍFICO DA TELA DE LOGIN
   ========================================================= */

/* Fundo geral do login/landing */
.acampante-home-exact,
.exact-login-hero,
.login-landing,
.login-hero,
.hero-stage,
.exact-bg {
  background:
    radial-gradient(circle at 12% 8%, rgba(243,106,45,.18), transparent 28%),
    radial-gradient(circle at 90% 12%, rgba(39,84,198,.20), transparent 30%),
    linear-gradient(135deg, rgba(22,15,40,.96), rgba(42,23,71,.92), rgba(91,23,139,.88)),
    url("../img/connect-camp/source/connect-camp-halftone-bg.png") center/cover no-repeat !important;
}

/* Cartão / mockup do hero */
.phone-frame,
.hero-phone,
.hero-card,
.login-showcase,
.exact-phone,
.exact-login-card {
  background:
    linear-gradient(180deg, rgba(22,15,40,.88), rgba(42,23,71,.82), rgba(91,23,139,.78)) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 28px 80px rgba(0,0,0,.42) !important;
  backdrop-filter: blur(8px);
}

/* Esconde imagem legada do Intercamp caso esteja no hero */
.hero-phone img[src*="intercamp"],
.exact-phone img[src*="intercamp"],
.login-showcase img[src*="intercamp"],
.phone-frame img[src*="intercamp"] {
  display: none !important;
}

/* Tipografia principal */
.hero-title,
.exact-title,
.login-title,
.login-showcase h1,
.login-showcase h2 {
  color: #ffffff !important;
  text-shadow: 0 6px 18px rgba(0,0,0,.28);
}

.hero-subtitle,
.exact-subtitle,
.login-subtitle,
.login-showcase p {
  color: rgba(255,255,255,.76) !important;
}

/* Data / legenda */
.hero-date,
.exact-date,
.login-date,
.login-showcase .date,
.login-showcase .caption {
  color: #ffffff !important;
}

/* CTA principal */
.hero-actions .primary,
.acampante-home-exact .primary,
.login-showcase .btn-primary,
.login-showcase a.primary,
.login-showcase button.primary {
  background: linear-gradient(105deg, #f36a2d, #b3196f 48%, #5b178b 72%, #2754c6) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 16px 34px rgba(91,23,139,.30) !important;
}

/* CTA secundário */
.hero-actions .secondary,
.acampante-home-exact .secondary,
.login-showcase .btn-secondary,
.login-showcase a.secondary,
.login-showcase button.secondary {
  background: rgba(255,255,255,.03) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.18) !important;
}

/* Link saiba mais */
.login-showcase .saiba-mais,
.login-showcase .more-link,
.hero-actions .more-link {
  color: #f36a2d !important;
}


/* =========================================================
   CONNECT CAMP '27 — LOGIN PARTICIPANTE / VISUAL V2
   Override definitivo sobre o legado Intercamp.
   ========================================================= */

html.acampante-html body.acampante-home-body{
  background:#160f28!important;
  background-color:#160f28!important;
}

/* Container inteiro */
html.acampante-html
body.acampante-home-body
main.acampante-home.acampante-home-exact
section.home-hero.exact-login-hero{
  background:#160f28!important;
  background-color:#160f28!important;
}

/* Mata definitivamente todas as imagens antigas de mochila/Intercamp */
html.acampante-html
body.acampante-home-body
main.acampante-home.acampante-home-exact
section.home-hero.exact-login-hero
.exact-bg{
  background-image:
    radial-gradient(
      circle at 12% 5%,
      rgba(243,106,45,.20),
      transparent 30%
    ),
    radial-gradient(
      circle at 92% 14%,
      rgba(39,84,198,.24),
      transparent 31%
    ),
    linear-gradient(
      135deg,
      rgba(22,15,40,.93) 0%,
      rgba(42,23,71,.88) 42%,
      rgba(91,23,139,.78) 72%,
      rgba(39,84,198,.62) 100%
    ),
    url("../img/connect-camp/source/connect-camp-halftone-bg.png")!important;

  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;

  filter:none!important;
  transform:none!important;
  opacity:1!important;
}

/* Vignette agora pertence à paleta Connect */
html.acampante-html
body.acampante-home-body
main.acampante-home.acampante-home-exact
section.home-hero.exact-login-hero
.exact-vignette{
  background:
    radial-gradient(
      circle at 50% 35%,
      rgba(243,106,45,.07),
      transparent 34%
    ),
    linear-gradient(
      90deg,
      rgba(22,15,40,.25),
      rgba(22,15,40,.01) 48%,
      rgba(22,15,40,.25)
    ),
    linear-gradient(
      180deg,
      rgba(22,15,40,.02),
      rgba(22,15,40,.44) 88%
    )!important;
}

/* Mobile: conteúdo transparente sobre o novo fundo */
html.acampante-html
body.acampante-home-body
.exact-home-content{
  background:transparent!important;
}

/* Logo Connect */
html.acampante-html
body.acampante-home-body
.exact-main-logo{
  object-fit:contain!important;
  filter:
    drop-shadow(0 20px 32px rgba(0,0,0,.32))
    drop-shadow(0 0 18px rgba(243,106,45,.10))!important;
}

html.acampante-html
body.acampante-home-body
.exact-logo-caption{
  color:rgba(255,255,255,.80)!important;
}

/* Data */
html.acampante-html
body.acampante-home-body
.exact-title-block h1{
  color:#fff!important;
  text-shadow:0 12px 30px rgba(0,0,0,.28)!important;
}

/* Acampamento Pentecostes */
html.acampante-html
body.acampante-home-body
.exact-title-block strong{
  color:#f36a2d!important;
}

/* Barrinha */
html.acampante-html
body.acampante-home-body
.exact-title-block i{
  background:linear-gradient(
    90deg,
    #f36a2d,
    #b3196f,
    #5b178b
  )!important;

  box-shadow:0 0 22px rgba(179,25,111,.35)!important;
}

/* Entrar */
html.acampante-html
body.acampante-home-body
.exact-actions .primary{
  background:linear-gradient(
    105deg,
    #f36a2d 0%,
    #df365e 32%,
    #b3196f 53%,
    #5b178b 75%,
    #2754c6 100%
  )!important;

  color:#fff!important;
  border:0!important;

  box-shadow:
    0 15px 36px rgba(91,23,139,.28),
    0 4px 14px rgba(243,106,45,.14)!important;
}

/* Criar conta */
html.acampante-html
body.acampante-home-body
.exact-actions .secondary{
  background:rgba(22,15,40,.46)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.28)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}

/* Saiba mais */
html.acampante-html
body.acampante-home-body
.exact-more{
  color:#fff!important;
}

html.acampante-html
body.acampante-home-body
.exact-more span{
  color:#f36a2d!important;
}


/* Desktop: card central também perde totalmente a mochila antiga */
@media (min-width:700px){

  html.acampante-html
  body.acampante-home-body
  main.acampante-home.acampante-home-exact
  section.home-hero.exact-login-hero
  .exact-home-content{

    background:
      radial-gradient(
        circle at 92% 6%,
        rgba(243,106,45,.18),
        transparent 28%
      ),
      radial-gradient(
        circle at 5% 95%,
        rgba(39,84,198,.15),
        transparent 32%
      ),
      linear-gradient(
        155deg,
        rgba(22,15,40,.91),
        rgba(42,23,71,.91) 52%,
        rgba(91,23,139,.84)
      ),
      url("../img/connect-camp/source/connect-camp-halftone-bg.png")
        center / cover no-repeat!important;

    border-color:rgba(255,255,255,.16)!important;

    box-shadow:
      0 38px 110px rgba(0,0,0,.40),
      0 0 0 1px rgba(243,106,45,.10)!important;
  }
}


/* Mobile Connect */
@media (max-width:699px){

  html.acampante-html
  body.acampante-home-body
  main.acampante-home.acampante-home-exact
  section.home-hero.exact-login-hero
  .exact-bg{

    background-image:
      radial-gradient(
        circle at 10% 4%,
        rgba(243,106,45,.18),
        transparent 31%
      ),
      radial-gradient(
        circle at 95% 18%,
        rgba(39,84,198,.24),
        transparent 32%
      ),
      linear-gradient(
        150deg,
        rgba(22,15,40,.95),
        rgba(62,24,91,.86) 56%,
        rgba(39,84,198,.68)
      ),
      url("../img/connect-camp/source/connect-camp-halftone-bg.png")!important;

    background-position:center!important;
    background-size:cover!important;
  }
}

/* =========================================================
   CONNECT CAMP '27 — HOTFIX MOBILE DO TÍTULO DA DATA
   Corrige corte do texto no login mobile
   ========================================================= */
@media (max-width:699px){

  html.acampante-html
  body.acampante-home-body
  .exact-title-block{
    width:100%!important;
    max-width:100%!important;
    padding:0 18px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  html.acampante-html
  body.acampante-home-body
  .exact-title-block h1{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;

    font-size:clamp(28px,7.2vw,42px)!important;
    line-height:1.08!important;
    letter-spacing:-0.02em!important;

    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    text-wrap:balance!important;

    text-align:center!important;
  }

  html.acampante-html
  body.acampante-home-body
  .exact-title-block strong{
    display:block!important;
    margin-top:10px!important;
    text-align:center!important;
  }
}

/* =========================================================
   CONNECT CAMP '27 — REMOVE DATA BRANCA DO LOGIN MOBILE
   ========================================================= */
@media (max-width:699px){

  html.acampante-html
  body.acampante-home-body
  .exact-title-block h1{
    display:none!important;
  }

  html.acampante-html
  body.acampante-home-body
  .exact-title-block{
    gap:10px!important;
    margin-top:6px!important;
  }

  html.acampante-html
  body.acampante-home-body
  .exact-title-block strong{
    display:block!important;
    margin-top:0!important;
    text-align:center!important;
  }

  html.acampante-html
  body.acampante-home-body
  .exact-title-block i{
    margin-top:8px!important;
  }
}


/* =========================================================
   CONNECT CAMP '27
   PAINEL DO ACAMPANTE — VISUAL V5
   ========================================================= */

body.acampante-app-body{
  --cc-app-orange:#f36a2d;
  --cc-app-magenta:#b3196f;
  --cc-app-purple:#5b178b;
  --cc-app-blue:#2754c6;
  --cc-app-ink:#160f28;
  --cc-app-deep:#24133a;
  --cc-app-soft:#f7f2fb;

  background:
    radial-gradient(circle at 8% 0%,rgba(243,106,45,.17),transparent 28%),
    radial-gradient(circle at 96% 8%,rgba(39,84,198,.22),transparent 32%),
    linear-gradient(150deg,#160f28 0%,#281440 55%,#160f28 100%)!important;

  color:#fff!important;
}


/* Shell principal */
body.acampante-app-body .camper-app-shell{
  background:
    radial-gradient(circle at 92% 5%,rgba(91,23,139,.20),transparent 28%),
    linear-gradient(180deg,#211236 0%,#160f28 100%)!important;

  color:#fff!important;
}


/* =========================================================
   TOPO / SAUDAÇÃO
   ========================================================= */

body.acampante-app-body .camper-app-top{
  color:#fff!important;
}

body.acampante-app-body .camper-hello,
body.acampante-app-body .camper-hello strong,
body.acampante-app-body .camper-hello h1,
body.acampante-app-body .camper-hello h2{
  color:#fff!important;
}

body.acampante-app-body .camper-hello p,
body.acampante-app-body .camper-hello span{
  color:rgba(255,255,255,.68)!important;
}


/* Sino */
body.acampante-app-body .camper-bell{
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  color:#fff!important;

  box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
}

body.acampante-app-body .camper-bell.has-notifications{
  border-color:rgba(243,106,45,.55)!important;
}


/* =========================================================
   CARD DO PRÓXIMO EVENTO
   ========================================================= */

body.acampante-app-body .camper-event-card{
  position:relative!important;
  overflow:hidden!important;

  background:
    radial-gradient(circle at 96% 2%,rgba(243,106,45,.20),transparent 27%),
    radial-gradient(circle at 5% 96%,rgba(39,84,198,.18),transparent 32%),
    linear-gradient(
      145deg,
      rgba(42,23,71,.98),
      rgba(91,23,139,.91) 58%,
      rgba(39,84,198,.82)
    )!important;

  border:1px solid rgba(255,255,255,.14)!important;

  box-shadow:
    0 26px 70px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.06)!important;
}


/* Remove decoração visual antiga que possa vir do legado */
body.acampante-app-body .camper-event-card::before,
body.acampante-app-body .camper-event-card::after{
  opacity:.10!important;
  filter:none!important;
}


/* Título evento */
body.acampante-app-body .camper-event-card h1,
body.acampante-app-body .camper-event-card h2,
body.acampante-app-body .camper-event-card h3{
  color:#fff!important;
  text-shadow:0 9px 22px rgba(0,0,0,.20)!important;
}


/* Data */
body.acampante-app-body .camper-event-date{
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.12)!important;
}

body.acampante-app-body .camper-event-date strong,
body.acampante-app-body .camper-event-date b{
  color:#f36a2d!important;
}

body.acampante-app-body .camper-event-date span,
body.acampante-app-body .camper-event-date small{
  color:rgba(255,255,255,.72)!important;
}


/* =========================================================
   CONTADOR
   ========================================================= */

body.acampante-app-body .camper-event-countdown{
  background:rgba(22,15,40,.30)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}

body.acampante-app-body .camper-event-countdown > *{
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.10)!important;
}

body.acampante-app-body .camper-event-countdown strong,
body.acampante-app-body .camper-event-countdown b{
  color:#fff!important;
}

body.acampante-app-body .camper-event-countdown span,
body.acampante-app-body .camper-event-countdown small{
  color:rgba(255,255,255,.62)!important;
}


/* =========================================================
   BOTÕES PRINCIPAIS
   ========================================================= */

body.acampante-app-body .acamp-btn.primary{
  background:
    linear-gradient(
      105deg,
      var(--cc-app-orange),
      #df365e 34%,
      var(--cc-app-magenta) 54%,
      var(--cc-app-purple) 76%,
      var(--cc-app-blue)
    )!important;

  color:#fff!important;
  border:0!important;

  box-shadow:
    0 15px 36px rgba(91,23,139,.28),
    0 4px 14px rgba(243,106,45,.14)!important;
}


/* =========================================================
   ACESSO RÁPIDO
   ========================================================= */

body.acampante-app-body .camper-quick{
  color:#fff!important;
}

body.acampante-app-body .camper-quick > h2,
body.acampante-app-body .camper-quick > h3,
body.acampante-app-body .camper-quick > strong{
  color:#fff!important;
}


body.acampante-app-body .camper-quick-grid{
  gap:12px!important;
}


body.acampante-app-body .camper-action-card{
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.96),
      rgba(246,239,250,.94)
    )!important;

  border:1px solid rgba(91,23,139,.12)!important;
  color:#2b183e!important;

  box-shadow:
    0 14px 34px rgba(10,5,18,.14)!important;
}


body.acampante-app-body .camper-action-card:hover{
  border-color:rgba(243,106,45,.28)!important;
}


body.acampante-app-body .camper-action-card strong,
body.acampante-app-body .camper-action-card span,
body.acampante-app-body .camper-action-card p{
  color:#2b183e!important;
}


/* ícones */
body.acampante-app-body .camper-action-card [class^="ico-"],
body.acampante-app-body .camper-action-card [class*=" ico-"]{
  color:#5b178b!important;
}


/* =========================================================
   STATUS
   ========================================================= */

body.acampante-app-body .camper-status-strip{
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  color:#fff!important;
}

body.acampante-app-body .camper-status-strip .ok{
  color:#71e4b4!important;
}

body.acampante-app-body .camper-status-strip .pending{
  color:#ffc673!important;
}


/* =========================================================
   CARD INSTALAR APP / TRIBES
   ========================================================= */

body.acampante-app-body .camper-tribes-card{
  background:
    radial-gradient(circle at 92% 6%,rgba(243,106,45,.17),transparent 28%),
    linear-gradient(
      145deg,
      rgba(42,23,71,.98),
      rgba(91,23,139,.90)
    )!important;

  border:1px solid rgba(255,255,255,.13)!important;

  box-shadow:
    0 22px 60px rgba(0,0,0,.24)!important;
}

body.acampante-app-body .camper-tribes-card h1,
body.acampante-app-body .camper-tribes-card h2,
body.acampante-app-body .camper-tribes-card h3,
body.acampante-app-body .tribes-copy strong{
  color:#fff!important;
}


body.acampante-app-body .camper-tribes-card p,
body.acampante-app-body .tribes-copy p,
body.acampante-app-body .tribes-copy span{
  color:rgba(255,255,255,.72)!important;
}


body.acampante-app-body .tribes-locked-btn{
  background:rgba(255,255,255,.09)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.16)!important;
}


/* =========================================================
   NAVEGAÇÃO INFERIOR
   ========================================================= */

body.acampante-app-body .camper-tabbar{
  background:
    linear-gradient(
      180deg,
      rgba(30,16,48,.94),
      rgba(22,15,40,.98)
    )!important;

  border:1px solid rgba(255,255,255,.13)!important;

  box-shadow:
    0 -6px 30px rgba(0,0,0,.28),
    0 18px 50px rgba(0,0,0,.30)!important;

  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}


/* labels */
body.acampante-app-body .camper-tabbar a,
body.acampante-app-body .camper-tabbar button,
body.acampante-app-body .tab-label{
  color:rgba(255,255,255,.66)!important;
}


/* Aba ativa */
body.acampante-app-body .camper-tabbar .active,
body.acampante-app-body .camper-tabbar .tab-home.active,
body.acampante-app-body .camper-tabbar .tab-cal.active,
body.acampante-app-body .camper-tabbar .tab-check.active,
body.acampante-app-body .camper-tabbar .tab-user.active{
  color:#fff!important;
}


/* botão central */
body.acampante-app-body .tab-star-orb{
  background:
    linear-gradient(
      135deg,
      #f36a2d,
      #b3196f 58%,
      #5b178b
    )!important;

  border-color:rgba(255,255,255,.18)!important;

  box-shadow:
    0 10px 30px rgba(179,25,111,.36)!important;
}


/* =========================================================
   DRAWER / MENU
   ========================================================= */

body.acampante-app-body .drawer-panel{
  background:
    linear-gradient(
      180deg,
      #281440,
      #160f28
    )!important;

  color:#fff!important;
}

body.acampante-app-body .drawer-panel a{
  color:#fff!important;
}

body.acampante-app-body .drawer-backdrop{
  background:rgba(10,4,18,.72)!important;
}


/* =========================================================
   MODAIS
   ========================================================= */

body.acampante-app-body .notification-box,
body.acampante-app-body .camper-share-card{
  background:
    linear-gradient(
      145deg,
      #281440,
      #3b1c5a
    )!important;

  color:#fff!important;

  border:1px solid rgba(255,255,255,.13)!important;
}


body.acampante-app-body .notification-backdrop{
  background:rgba(10,4,18,.72)!important;
}


/* =========================================================
   MOBILE FIRST
   ========================================================= */

@media(max-width:699px){

  body.acampante-app-body .camper-app-shell{
    width:100%!important;
    max-width:none!important;
  }

  body.acampante-app-body .camper-event-card{
    border-radius:28px!important;
  }

  body.acampante-app-body .camper-action-card{
    border-radius:22px!important;
  }

  body.acampante-app-body .camper-tabbar{
    border-radius:26px!important;
  }
}


/* =========================================================
   CONNECT CAMP '27
   PAINEL DO ACAMPANTE — VISUAL V5
   ========================================================= */

body.acampante-app-body{
  --cc-app-orange:#f36a2d;
  --cc-app-magenta:#b3196f;
  --cc-app-purple:#5b178b;
  --cc-app-blue:#2754c6;
  --cc-app-ink:#160f28;
  --cc-app-deep:#24133a;
  --cc-app-soft:#f7f2fb;

  background:
    radial-gradient(circle at 8% 0%,rgba(243,106,45,.17),transparent 28%),
    radial-gradient(circle at 96% 8%,rgba(39,84,198,.22),transparent 32%),
    linear-gradient(150deg,#160f28 0%,#281440 55%,#160f28 100%)!important;

  color:#fff!important;
}


/* Shell principal */
body.acampante-app-body .camper-app-shell{
  background:
    radial-gradient(circle at 92% 5%,rgba(91,23,139,.20),transparent 28%),
    linear-gradient(180deg,#211236 0%,#160f28 100%)!important;

  color:#fff!important;
}


/* =========================================================
   TOPO / SAUDAÇÃO
   ========================================================= */

body.acampante-app-body .camper-app-top{
  color:#fff!important;
}

body.acampante-app-body .camper-hello,
body.acampante-app-body .camper-hello strong,
body.acampante-app-body .camper-hello h1,
body.acampante-app-body .camper-hello h2{
  color:#fff!important;
}

body.acampante-app-body .camper-hello p,
body.acampante-app-body .camper-hello span{
  color:rgba(255,255,255,.68)!important;
}


/* Sino */
body.acampante-app-body .camper-bell{
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  color:#fff!important;

  box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
}

body.acampante-app-body .camper-bell.has-notifications{
  border-color:rgba(243,106,45,.55)!important;
}


/* =========================================================
   CARD DO PRÓXIMO EVENTO
   ========================================================= */

body.acampante-app-body .camper-event-card{
  position:relative!important;
  overflow:hidden!important;

  background:
    radial-gradient(circle at 96% 2%,rgba(243,106,45,.20),transparent 27%),
    radial-gradient(circle at 5% 96%,rgba(39,84,198,.18),transparent 32%),
    linear-gradient(
      145deg,
      rgba(42,23,71,.98),
      rgba(91,23,139,.91) 58%,
      rgba(39,84,198,.82)
    )!important;

  border:1px solid rgba(255,255,255,.14)!important;

  box-shadow:
    0 26px 70px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.06)!important;
}


/* Remove decoração visual antiga que possa vir do legado */
body.acampante-app-body .camper-event-card::before,
body.acampante-app-body .camper-event-card::after{
  opacity:.10!important;
  filter:none!important;
}


/* Título evento */
body.acampante-app-body .camper-event-card h1,
body.acampante-app-body .camper-event-card h2,
body.acampante-app-body .camper-event-card h3{
  color:#fff!important;
  text-shadow:0 9px 22px rgba(0,0,0,.20)!important;
}


/* Data */
body.acampante-app-body .camper-event-date{
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.12)!important;
}

body.acampante-app-body .camper-event-date strong,
body.acampante-app-body .camper-event-date b{
  color:#f36a2d!important;
}

body.acampante-app-body .camper-event-date span,
body.acampante-app-body .camper-event-date small{
  color:rgba(255,255,255,.72)!important;
}


/* =========================================================
   CONTADOR
   ========================================================= */

body.acampante-app-body .camper-event-countdown{
  background:rgba(22,15,40,.30)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}

body.acampante-app-body .camper-event-countdown > *{
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.10)!important;
}

body.acampante-app-body .camper-event-countdown strong,
body.acampante-app-body .camper-event-countdown b{
  color:#fff!important;
}

body.acampante-app-body .camper-event-countdown span,
body.acampante-app-body .camper-event-countdown small{
  color:rgba(255,255,255,.62)!important;
}


/* =========================================================
   BOTÕES PRINCIPAIS
   ========================================================= */

body.acampante-app-body .acamp-btn.primary{
  background:
    linear-gradient(
      105deg,
      var(--cc-app-orange),
      #df365e 34%,
      var(--cc-app-magenta) 54%,
      var(--cc-app-purple) 76%,
      var(--cc-app-blue)
    )!important;

  color:#fff!important;
  border:0!important;

  box-shadow:
    0 15px 36px rgba(91,23,139,.28),
    0 4px 14px rgba(243,106,45,.14)!important;
}


/* =========================================================
   ACESSO RÁPIDO
   ========================================================= */

body.acampante-app-body .camper-quick{
  color:#fff!important;
}

body.acampante-app-body .camper-quick > h2,
body.acampante-app-body .camper-quick > h3,
body.acampante-app-body .camper-quick > strong{
  color:#fff!important;
}


body.acampante-app-body .camper-quick-grid{
  gap:12px!important;
}


body.acampante-app-body .camper-action-card{
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.96),
      rgba(246,239,250,.94)
    )!important;

  border:1px solid rgba(91,23,139,.12)!important;
  color:#2b183e!important;

  box-shadow:
    0 14px 34px rgba(10,5,18,.14)!important;
}


body.acampante-app-body .camper-action-card:hover{
  border-color:rgba(243,106,45,.28)!important;
}


body.acampante-app-body .camper-action-card strong,
body.acampante-app-body .camper-action-card span,
body.acampante-app-body .camper-action-card p{
  color:#2b183e!important;
}


/* ícones */
body.acampante-app-body .camper-action-card [class^="ico-"],
body.acampante-app-body .camper-action-card [class*=" ico-"]{
  color:#5b178b!important;
}


/* =========================================================
   STATUS
   ========================================================= */

body.acampante-app-body .camper-status-strip{
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  color:#fff!important;
}

body.acampante-app-body .camper-status-strip .ok{
  color:#71e4b4!important;
}

body.acampante-app-body .camper-status-strip .pending{
  color:#ffc673!important;
}


/* =========================================================
   CARD INSTALAR APP / TRIBES
   ========================================================= */

body.acampante-app-body .camper-tribes-card{
  background:
    radial-gradient(circle at 92% 6%,rgba(243,106,45,.17),transparent 28%),
    linear-gradient(
      145deg,
      rgba(42,23,71,.98),
      rgba(91,23,139,.90)
    )!important;

  border:1px solid rgba(255,255,255,.13)!important;

  box-shadow:
    0 22px 60px rgba(0,0,0,.24)!important;
}

body.acampante-app-body .camper-tribes-card h1,
body.acampante-app-body .camper-tribes-card h2,
body.acampante-app-body .camper-tribes-card h3,
body.acampante-app-body .tribes-copy strong{
  color:#fff!important;
}


body.acampante-app-body .camper-tribes-card p,
body.acampante-app-body .tribes-copy p,
body.acampante-app-body .tribes-copy span{
  color:rgba(255,255,255,.72)!important;
}


body.acampante-app-body .tribes-locked-btn{
  background:rgba(255,255,255,.09)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.16)!important;
}


/* =========================================================
   NAVEGAÇÃO INFERIOR
   ========================================================= */

body.acampante-app-body .camper-tabbar{
  background:
    linear-gradient(
      180deg,
      rgba(30,16,48,.94),
      rgba(22,15,40,.98)
    )!important;

  border:1px solid rgba(255,255,255,.13)!important;

  box-shadow:
    0 -6px 30px rgba(0,0,0,.28),
    0 18px 50px rgba(0,0,0,.30)!important;

  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}


/* labels */
body.acampante-app-body .camper-tabbar a,
body.acampante-app-body .camper-tabbar button,
body.acampante-app-body .tab-label{
  color:rgba(255,255,255,.66)!important;
}


/* Aba ativa */
body.acampante-app-body .camper-tabbar .active,
body.acampante-app-body .camper-tabbar .tab-home.active,
body.acampante-app-body .camper-tabbar .tab-cal.active,
body.acampante-app-body .camper-tabbar .tab-check.active,
body.acampante-app-body .camper-tabbar .tab-user.active{
  color:#fff!important;
}


/* botão central */
body.acampante-app-body .tab-star-orb{
  background:
    linear-gradient(
      135deg,
      #f36a2d,
      #b3196f 58%,
      #5b178b
    )!important;

  border-color:rgba(255,255,255,.18)!important;

  box-shadow:
    0 10px 30px rgba(179,25,111,.36)!important;
}


/* =========================================================
   DRAWER / MENU
   ========================================================= */

body.acampante-app-body .drawer-panel{
  background:
    linear-gradient(
      180deg,
      #281440,
      #160f28
    )!important;

  color:#fff!important;
}

body.acampante-app-body .drawer-panel a{
  color:#fff!important;
}

body.acampante-app-body .drawer-backdrop{
  background:rgba(10,4,18,.72)!important;
}


/* =========================================================
   MODAIS
   ========================================================= */

body.acampante-app-body .notification-box,
body.acampante-app-body .camper-share-card{
  background:
    linear-gradient(
      145deg,
      #281440,
      #3b1c5a
    )!important;

  color:#fff!important;

  border:1px solid rgba(255,255,255,.13)!important;
}


body.acampante-app-body .notification-backdrop{
  background:rgba(10,4,18,.72)!important;
}


/* =========================================================
   MOBILE FIRST
   ========================================================= */

@media(max-width:699px){

  body.acampante-app-body .camper-app-shell{
    width:100%!important;
    max-width:none!important;
  }

  body.acampante-app-body .camper-event-card{
    border-radius:28px!important;
  }

  body.acampante-app-body .camper-action-card{
    border-radius:22px!important;
  }

  body.acampante-app-body .camper-tabbar{
    border-radius:26px!important;
  }
}