/* Estilos dos acordeões extraídos de style.css; carregado após a folha principal. */

.accordion {
  display: grid;
  gap: 14px;
  width: 100%;
  margin-top: 14px;
  text-align: left;
}

.accordion-item {
  overflow: hidden;
  border: 1px solid rgba(108, 200, 180, 0.35);
  border-radius: 10px;
  background: #15232d;
}

.accordion-trigger {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  width: 100%;
  padding: 22px clamp(18px, 3vw, 30px);
  border: 0;
  background: transparent;
  color: #fff;
  text-align: left;
  cursor: pointer;
}

.accordion-trigger:hover,
.accordion-trigger[aria-expanded="true"] {
  background: rgba(81, 187, 166, 0.12);
}

.accordion-chevron {
  flex: 0 0 auto;
  width: 11px;
  height: 11px;
  border-right: 2px solid #7ad6c1;
  border-bottom: 2px solid #7ad6c1;
  transform: rotate(-45deg);
  transition: transform 200ms ease;
}

.accordion-trigger[aria-expanded="true"] .accordion-chevron {
  transform: rotate(45deg);
}

.accordion-label { flex: 1; }

.accordion-content {
  padding: clamp(20px, 3vw, 30px);
  border-top: 1px solid rgba(108, 200, 180, 0.2);
}

.accordion-content li + li {
  margin-top: 14px;
}

.accordion-content h4 {
  color: #7ad6c1;
  margin-bottom: 4px;
}

@media (max-width: 767px) {
.accordion-trigger { padding: 20px 18px; }
}

@media (max-width: 767px) {
.accordion-content { padding: 18px; }
}

.panel-content > div:not(.accordion):not(.hero-actions) { width: 100%; }

.panel-content > div:not(.accordion):not(.hero-actions) > * + * { margin-top: 12px; }

.accordion-content ul { list-style: none; padding: 0; margin: 0; }

.accordion-content li { padding: 4px 0; }

.panel-1 .accordion-content .accordion-boxes {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(12px, 2vw, 18px);
  width: 100%;
}

.panel-1 .accordion-content .accordion-info-box {
  min-width: 0;
  padding: clamp(18px, 2.6vw, 26px);
  border: 1px solid rgba(122, 214, 193, .23);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(38, 72, 76, .54), rgba(9, 24, 34, .72));
  box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
}

.panel-1 .accordion-content .accordion-info-box > * + * { margin-top: 10px; }

.panel-1 .accordion-content .accordion-info-box h2 { font-size: clamp(1.5rem, 3vw, 2rem); line-height: 1.2; }

.panel-1 .accordion-content .accordion-info-box h3 { font-size: clamp(1.3rem, 2.4vw, 1.65rem); line-height: 1.3; }

.panel-1 .accordion-content .accordion-info-box h4 { font-size: clamp(1.1rem, 2vw, 1.35rem); line-height: 1.35; color: #7ad6c1; margin-bottom: 0; }

.panel-1 .accordion-content .accordion-info-box p { font-size: clamp(.98rem, 1.4vw, 1.1rem); line-height: 1.7; overflow-wrap: anywhere; }

@media (max-width: 767px) {
.panel-1 .accordion-content { padding: 14px; }
}

@media (max-width: 767px) {
.panel-1 .accordion-content .accordion-info-box { padding: 18px; }
}

.panel-2 .accordion-boxes {display:grid;gap:14px}

.panel-2 .accordion-info-box {padding:clamp(16px,2.4vw,26px);border:1px solid rgba(108,200,180,.25);border-radius:12px;background:rgba(25,52,59,.82);overflow-wrap:anywhere}

.panel-2 .accordion-info-box h4 {font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.35;color:#7ad6c1}

.panel-2 .accordion-info-box p,.panel-2 .accordion-info-box li {font-size:clamp(.98rem,1.4vw,1.1rem);line-height:1.7}

.panel-2 .accordion-info-box ul {list-style:none;padding:0;margin:0}

.panel-2 .accordion-content[hidden] {display:none}

#FAQ .accordion {width:100%;}

#FAQ .accordion-content[hidden] {display:none;}