/*__TESTEMUNHOS_3_IMAGENS_OVERRIDES_START__*/
/* Override cirúrgico: mantém layout; só força imagem por card */
#relatos .ich-testimonials__grid > *:nth-child(1) img,
#relatos .ich-testimonials__grid > *:nth-child(1) .ich-testimonial__image,
#relatos .ich-testimonials__grid > *:nth-child(1) .testimonial-image {
  content: url("assets/testimonials/testemunho-01.jpg");
}
#relatos .ich-testimonials__grid > *:nth-child(2) img,
#relatos .ich-testimonials__grid > *:nth-child(2) .ich-testimonial__image,
#relatos .ich-testimonials__grid > *:nth-child(2) .testimonial-image {
  content: url("assets/testimonials/testemunho-02.jpg");
}
#relatos .ich-testimonials__grid > *:nth-child(3) img,
#relatos .ich-testimonials__grid > *:nth-child(3) .ich-testimonial__image,
#relatos .ich-testimonials__grid > *:nth-child(3) .testimonial-image {
  content: url("assets/testimonials/testemunho-03.jpg");
}
/* Se for background-image (div), força via background */
#relatos .ich-testimonials__grid > *:nth-child(1) [style*="background"],
#relatos .ich-testimonials__grid > *:nth-child(1) .ich-testimonial__media,
#relatos .ich-testimonials__grid > *:nth-child(1) .testimonial-media {
  background-image: url("assets/testimonials/testemunho-01.jpg") !important;
}
#relatos .ich-testimonials__grid > *:nth-child(2) [style*="background"],
#relatos .ich-testimonials__grid > *:nth-child(2) .ich-testimonial__media,
#relatos .ich-testimonials__grid > *:nth-child(2) .testimonial-media {
  background-image: url("assets/testimonials/testemunho-02.jpg") !important;
}
#relatos .ich-testimonials__grid > *:nth-child(3) [style*="background"],
#relatos .ich-testimonials__grid > *:nth-child(3) .ich-testimonial__media,
#relatos .ich-testimonials__grid > *:nth-child(3) .testimonial-media {
  background-image: url("assets/testimonials/testemunho-03.jpg") !important;
}
/*__TESTEMUNHOS_3_IMAGENS_OVERRIDES_END__*/

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

img{
  pointer-events:none;
}

/* ===== PADRÃO INSTITUCIONAL: TOPO + RODAPÉ (SEM LINK) ===== */

.brand-fixed{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}

.brand-fixed img{
  object-fit:contain;
  display:block;
}

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

.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;
}

/* TOPO */
.nav .brand-fixed img{
  width:42px;
  height:42px;
  flex:0 0 42px;
}

.nav .brand-fixed .brand-title{
  font-size:15px;
}

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

/* RODAPÉ */
footer .brand-fixed img{
  width:38px;
  height:38px;
  flex:0 0 38px;
}

footer .brand-fixed .brand-title{
  font-size:16px;
}

footer .brand-fixed .brand-subtitle{
  font-size:12px;
  line-height:1.15;
}

@media (max-width: 720px){

  /* estrutura geral do rodapé */
  .footer .container{
    display: flex !important;
    flex-direction: column !important;
  }

  /* bloco de cima do rodapé vira coluna */
  .footer .container > div:first-child{
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }

  /* marca/logo fica primeiro */
  .footer .container > div:first-child > .brand.brand-fixed{
    order: 1 !important;
  }

  /* bloco dos botões fica no meio */
  .footer-legal-row{
    order: 2 !important;
    width: 100% !important;
    margin-top: 18px !important;
  }

  .footer-legal-center{
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 0 14px !important;
  }

  .footer-legal-center .btn,
  .footer-legal-center .btn.btn-ghost,
  .footer-legal-center a{
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 10px 8px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    border-radius: 12px !important;
    text-align: center !important;
    justify-content: center !important;
    align-items: center !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  /* texto final sai de cima e vai para baixo dos botões */
  .footer .container > div:first-child > div:last-child{
    order: 3 !important;
    width: 100% !important;
    display: block !important;
    margin-top: 18px !important;
    padding: 0 14px !important;
    min-width: 0 !important;
    white-space: normal !important;
    text-align: initial !important;
  }

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

@media (max-width: 720px){
  .nav-inner > a.btn.btn-primary{
    display: none !important;
  }
}

@media (max-width: 720px){

  p,
  li,
  .text,
  .sub,
  .p,
  .mini,
  .faq-a,
  .card p,
  .box p{
    text-align: justify !important;
    text-align-last: left !important;
    text-justify: inter-word !important;
    line-height: 1.55 !important;
    hyphens: auto !important;
  }

}

@media (max-width: 720px){
  .kpi span{
    display: block !important;
    text-align: justify !important;
    text-align-last: left !important;
    text-justify: inter-word !important;
    line-height: 1.55 !important;
    hyphens: auto !important;
  }
}

@media (max-width: 720px){
  .hero-copy .chip{
    display: inline-flex !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    font-size: 0.90rem !important;
    letter-spacing: 0.02em !important;
    padding: 6px 8px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
}

@media (max-width: 720px){
  h1,
  .h2,
  .p1-title,
  .p1-card h3,
  .p1-step h3,
  .p1-faq summary{
    font-size: 1.18rem !important;
    line-height: 1.18 !important;
    letter-spacing: -0.01em !important;
    text-align: justify !important;
    text-align-last: left !important;
    text-justify: inter-word !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: auto !important;
    margin-bottom: 10px !important;
  }
}

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;
}

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;
}