/* ===============================
   BLOCO DE TESTEMUNHOS (institucional)
   =============================== */
.ich-testimonials{
  padding: 64px 0;
  position: relative;
}
.ich-testimonials::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(255,215,130,0.06), rgba(0,0,0,0));
  pointer-events:none;
}
.ich-container{
  width: min(1100px, calc(100% - 32px));
  margin: 0 auto;
}
.ich-testimonials__head{
  margin-bottom: 24px;
}
.ich-testimonials__title{
  margin: 0 0 10px 0;
  font-size: clamp(22px, 2.2vw, 32px);
  letter-spacing: 0.2px;
}
.ich-testimonials__subtitle{
  margin: 0;
  opacity: 0.9;
  line-height: 1.55;
  max-width: 780px;
}
.ich-testimonials__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 22px;
}
@media (max-width: 980px){
  .ich-testimonials__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  .ich-testimonials__grid{ grid-template-columns: 1fr; }
}

.ich-testimonial-card{
  margin: 0;
  border-radius: 18px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(235, 184, 100, 0.45);
  box-shadow: 0 0 0 1px rgba(0,0,0,0.35) inset, 0 10px 30px rgba(0,0,0,0.35);
  overflow: hidden;
}
.ich-testimonial-card__media{
  display: block;
  padding: 14px;
  background: rgba(0,0,0,0.12);
}
.ich-testimonial-card__media img{
  width: 100%;
  height: 320px;
  object-fit: contain;
  border-radius: 12px;
  background: rgba(0,0,0,0.22);
  border: 1px solid rgba(235, 184, 100, 0.35);
}
.ich-testimonial-card__meta{
  padding: 14px 16px 16px;
}
.ich-testimonial-card__name{
  font-weight: 700;
  letter-spacing: 0.2px;
}
.ich-testimonial-card__role{
  opacity: 0.85;
  margin-top: 4px;
  font-size: 0.95rem;
}
.ich-testimonials__note{
  margin-top: 18px;
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(0,0,0,0.18);
  border: 1px solid rgba(235, 184, 100, 0.25);
  line-height: 1.55;
  max-width: 980px;
}

body{
  user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
}

img{
  pointer-events:none;
}

/* Marca institucional */
.brand-fixed{
  display:flex;
  align-items:center;
  gap:14px;
  text-decoration:none;
}

.brand-fixed img{
  width:42px;
  height:42px;
  object-fit:contain;
  display:block;
  flex:0 0 42px;
}

.brand-text{
  display:flex;
  flex-direction:column;
  justify-content:center;
  line-height:1;
}

.brand-title{
  margin:0;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight:700;
  letter-spacing:.2px;
  color:#d4af37;
}

.brand-subtitle{
  margin-top:-1px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight:400;
  color:#d8d0c6;
}

/* Tamanho no topo */
.nav .brand-title{
  font-size:16px;
}

.nav .brand-subtitle{
  font-size:12px;
}

/* Tamanho no rodapé */
footer .brand-title{
  font-size:15px;
}

footer .brand-subtitle{
  font-size:12px;
}

footer .brand-fixed img{
  width:38px;
  height:38px;
}

/* ===============================
   AJUSTE MOBILE FINAL
   =============================== */
@media (max-width: 720px){

  /* todo o site justificado no mobile */
  body,
  p,
  li,
  .p1-sub,
  .sub,
  .p,
  .mini,
  .ich-testimonials__subtitle,
  .ich-testimonials__note,
  .faq-a,
  details p{
    text-align: justify !important;
    text-justify: inter-word !important;
    hyphens: auto !important;
    line-height: 1.58 !important;
  }

  /* título principal do hero: sempre em uma linha */
  .hero-copy h1{
    font-size: 1.90rem !important;
    line-height: 1 !important;
    letter-spacing: -0.035em !important;
    word-spacing: -0.08em !important;
    white-space: nowrap !important;
    text-align: left !important;
    text-align-last: left !important;
    overflow: hidden !important;
    max-width: 100% !important;
  }

  /* títulos menores dentro dos cards */
  .p1-card h3,
  .box h3{
    font-size: 0.90rem !important;
    line-height: 1.14 !important;
    letter-spacing: -0.01em !important;
    word-spacing: -0.01em !important;
    text-align: justify !important;
    text-justify: inter-word !important;
    text-align-last: left !important;
    max-width: 100% !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    hyphens: auto !important;
  }

  /* textos corridos */
  .ich-testimonials__subtitle,
  .ich-testimonials__note,
  .p1-sub,
  .sub,
  .p,
  .mini{
    font-size: 0.96rem !important;
    line-height: 1.58 !important;
  }

  /* marca topo/rodapé */
  .brand-fixed{
    gap:10px !important;
  }

  .brand-fixed img{
    width:36px !important;
    height:36px !important;
    flex:0 0 36px !important;
  }

  .nav .brand-title{
    font-size:13px !important;
    line-height:1 !important;
  }

  .nav .brand-subtitle{
    font-size:10px !important;
    line-height:1.05 !important;
  }

  footer .brand-title{
    font-size:12px !important;
    line-height:1 !important;
  }

  footer .brand-subtitle{
    font-size:10px !important;
    line-height:1.08 !important;
  }
}

@media (max-width: 720px){

  /* HERO continua separado */
  .hero-copy h1{
    font-size: 1.90rem !important;
    line-height: 1 !important;
    letter-spacing: -0.035em !important;
    word-spacing: -0.08em !important;
    white-space: nowrap !important;
    text-align: left !important;
    text-align-last: left !important;
    overflow: hidden !important;
    max-width: 100% !important;
  }

  /* FORÇA os títulos amarelos internos no mobile */
  h2,
  h3,
  .p1-title,
  .h2,
  .box h2,
  .box h3,
  .p1-card h2,
  .p1-card h3,
  .card h2,
  .card h3,
  section h2,
  section h3{
    font-size: 1.75rem !important;
    line-height: 1.12 !important;
    letter-spacing: -0.03em !important;
    word-spacing: -0.02em !important;
    text-align: justify !important;
    text-align-last: left !important;
    text-justify: inter-word !important;
    hyphens: none !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
  }

  /* títulos menores de cards */
  .p1-card h3,
  .box h3,
  .card h3{
    font-size: 1.15rem !important;
    line-height: 1.18 !important;
  }
}

@media (max-width: 720px){
  /* remove botão do topo no mobile */
  .nav a[href="#inscricao"],
  .nav .cta,
  .nav .btn,
  .nav button{
    display: none !important;
  }
}

@media (max-width: 720px){

  /* rodapé inteiro */
  footer,
  .footer,
  .site-footer{
    overflow: hidden !important;
  }

  /* linha institucional do rodapé */
  footer .brand-fixed,
  .footer .brand-fixed,
  .site-footer .brand-fixed{
    align-items: flex-start !important;
    gap: 10px !important;
  }

  footer .brand-fixed img,
  .footer .brand-fixed img,
  .site-footer .brand-fixed img{
    width: 32px !important;
    height: 32px !important;
    flex: 0 0 32px !important;
    margin-top: 2px !important;
  }

  footer .brand-text,
  .footer .brand-text,
  .site-footer .brand-text{
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  footer .brand-title,
  .footer .brand-title,
  .site-footer .brand-title{
    display: block !important;
    font-size: 11px !important;
    line-height: 1.05 !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    margin: 0 0 4px 0 !important;
  }

  footer .brand-subtitle,
  .footer .brand-subtitle,
  .site-footer .brand-subtitle{
    display: block !important;
    font-size: 8px !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    margin: 0 !important;
  }

  /* botões/links legais do rodapé */
  footer a,
  .footer a,
  .site-footer a{
    max-width: 100% !important;
  }

  /* texto final de direitos autorais */
  footer p,
  footer small,
  footer .copyright,
  footer .direitos,
  .footer p,
  .footer small,
  .footer .copyright,
  .footer .direitos,
  .site-footer p,
  .site-footer small,
  .site-footer .copyright,
  .site-footer .direitos{
    font-size: 11px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    text-align: center !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 720px){

  .p1-offerCard{
    padding: 22px 16px !important;
  }

  .p1-offerTop{
    text-align: center !important;
    line-height: 1.28 !important;
  }

  .p1-offerPrice{
    font-size: 3.05rem !important;
    line-height: 1.16 !important;
    margin: 18px 0 16px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .p1-offerPrice span{
    display: block !important;
    font-size: 0.92em !important;
    line-height: 1.18 !important;
    margin-top: 0 !important;
  }

  .p1-offerSub{
    text-align: justify !important;
    text-align-last: left !important;
    text-justify: inter-word !important;
    line-height: 1.62 !important;
    margin: 14px 0 18px !important;
    max-width: 100% !important;
  }

  .p1-offerBar{
    padding: 16px 12px !important;
  }

  .p1-payBadges{
    gap: 8px !important;
  }

  .p1-payBadges span{
    font-size: 12px !important;
  }
}

@media (max-width: 720px){
  .p1-offerPrice span{
    font-size: 0.72em !important;
    line-height: 1.02 !important;
    margin-top: -6px !important;
    display: block !important;
  }
}
@media (max-width: 720px){

  footer > div:last-child{
    margin-top: 18px !important;
    padding: 0 14px !important;
  }

  footer > div:last-child small{
    display: block !important;
    text-align: justify !important;
    text-align-last: left !important;
    text-justify: inter-word !important;
    line-height: 1.55 !important;
    white-space: normal !important;
  }
}

@media (max-width: 720px){

  /* linha de botões do rodapé */
  .footer-links{
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 0 14px !important;
    margin-top: 18px !important;
    white-space: normal !important;
    justify-content: stretch !important;
    align-items: stretch !important;
  }

  .footer-links .btn.btn-ghost{
    width: 100% !important;
    min-width: 0 !important;
    padding: 10px 8px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    border-radius: 12px !important;
    text-align: center !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  /* texto final */
  footer > div:last-child{
    width: 100% !important;
    display: block !important;
    margin-top: 18px !important;
    padding: 0 14px !important;
    text-align: initial !important;
    white-space: normal !important;
    min-width: 0 !important;
  }

  footer > div:last-child small{
    display: block !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
    text-align: justify !important;
    text-align-last: left !important;
    text-justify: inter-word !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }
}

@media (min-width: 981px){
  .hero-copy h1{
    font-size: clamp(2.4rem, 2.6vw, 3rem) !important;
    line-height: 1.05 !important;
    letter-spacing: -0.02em !important;

    text-align: justify !important;
    text-align-last: left !important;

    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }
}

@media (min-width: 981px){

  .p1-sub,
  .p,
  .sub,
  .mini,
  .p1-card p,
  .p1-step .p1-body p,
  .p1-pill,
  .p1-signal p,
  .p1-offerSub,
  .faq p,
  li{
    text-align: justify !important;
    text-justify: inter-word;
  }

}

@media (min-width: 981px){

  .p1-offerSub{
    margin-top: 22px !important;
  }

}

body::after{
  content: "ICH • USO RESTRITO";
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: max-content;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 3px;
  line-height: 1;
  color: rgba(212,175,55,0.18);
  text-shadow: 0 0 2px rgba(0,0,0,0.25);
  white-space: nowrap;
  pointer-events: none;
  z-index: 2147483647;
}

html, body {
  margin: 0;
  padding: 0;
  background: #12030a !important; /* use o tom mais escuro real do site */
  min-height: 100%;
}

body {
  overflow-x: hidden;
}

#app, main, .site-wrap, .page, .page-wrap {
  background: transparent;
}

html {
  overscroll-behavior-y: none;
  overscroll-behavior-x: none;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  background: linear-gradient(180deg, #1a060c 0%, #12030a 100%);
  z-index: -1;
  pointer-events: none;
}

.nav-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 0;
  gap:14px;
  flex-wrap:wrap;
}

.nav-inner .brand{
  width:100%;
}

.nav-inner .btn{
  flex:0 0 auto;
  margin-top:10px;
}