/* =====================================================================
   complemento-v5.css · 24por7 · Raio-X, Perguntas e rodapé institucional
   Só ACRESCENTA: nenhuma regra existente é alterada. Carregar depois de cenas-v5.css.
   ===================================================================== */

/* ---------- Raio-X ---------- */
.raiox__grade { display: grid; gap: var(--esp-48); align-items: center; }
@media (min-width: 1024px) { .raiox__grade { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: var(--esp-64); } }
.raiox__texto { display: flex; flex-direction: column; gap: var(--esp-24); }
.raiox__texto .s-h2 { margin: 0; max-width: 16ch; }
.raiox__texto .s-p { max-width: 44ch; }
.raiox__tags { display: flex; flex-wrap: wrap; gap: var(--esp-8); }
.raiox__lista { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--esp-12); }
.raiox__lista li { display: flex; align-items: center; gap: var(--esp-12); font-size: var(--t-pequeno); font-weight: var(--peso-forte); color: var(--texto); }
.raiox__lista svg { width: 1.25em; height: 1.25em; flex: none; color: var(--acento); }
.raiox__qualifica { padding-top: var(--esp-16); border-top: var(--borda) solid var(--linha); color: var(--texto-2); }

.raiox__form { display: flex; flex-direction: column; gap: var(--esp-24); }
.raiox__form > * + * { margin-top: 0; }
.raiox__campos { display: grid; gap: var(--esp-16) var(--esp-24); }
@media (min-width: 640px) { .raiox__campos { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.raiox__campo { margin: 0; min-width: 0; align-content: start; }
fieldset.raiox__campo { border: 0; padding: 0; }
fieldset.raiox__campo legend { padding: 0; margin-bottom: var(--esp-8); }
.raiox__select { appearance: none; -webkit-appearance: none; padding-right: var(--esp-48); cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4f7f5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right var(--esp-16) center; background-size: 18px; }
.raiox__select option { color: #0b1f1a; background: #f4f7f5; }
.raiox__chips { display: flex; flex-wrap: wrap; gap: var(--esp-8); }
.raiox__chip { display: inline-flex; align-items: center; gap: var(--esp-8); min-height: var(--alvo-toque); padding: 0 var(--esp-16);
  border: var(--borda) solid var(--vidro-borda); border-radius: var(--raio-pilula); background: var(--vidro);
  font-size: var(--t-pequeno); font-weight: var(--peso-forte); color: var(--texto); cursor: pointer;
  transition: border-color var(--dur-curta) var(--suave), background-color var(--dur-curta) var(--suave); }
.raiox__chip input, .raiox__naosei input { accent-color: var(--acento); width: 16px; height: 16px; margin: 0; }
.raiox__chip:has(input:checked) { border-color: var(--acento); background: color-mix(in srgb, var(--acento) 14%, transparent); }
.raiox__chip:has(input:focus-visible) { outline: var(--foco-largura) solid var(--foco); outline-offset: var(--foco-offset); }
.raiox__naosei { display: inline-flex; align-items: center; gap: var(--esp-8); font-size: var(--t-legenda); color: var(--texto-2); cursor: pointer; min-height: 32px; }
.raiox__envio { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-16) var(--esp-24); }
.raiox__envio .s-legenda { color: var(--texto-2); }
.raiox__ok { margin: 0; font-size: var(--t-pequeno); font-weight: var(--peso-forte); color: var(--acento); }
.raiox__ok:empty { display: none; }
.raiox__agenda { color: var(--acento); }
.raiox__form .s-legenda { color: var(--texto-2); }

/* o feixe do Raio-X: uma linha de luz que varre o formulário uma vez ao entrar (só transform) */
.raiox__scan { position: absolute; left: 0; right: 0; top: 0; height: 120px; z-index: 3; pointer-events: none; opacity: 0;
  background: linear-gradient(to bottom, transparent, color-mix(in srgb, var(--acento) 10%, transparent) 85%, transparent);
  transform: translate3d(0, -130px, 0); will-change: transform, opacity; }
.raiox__scan::after { content: ""; position: absolute; left: 0; right: 0; bottom: 14px; height: 2px;
  background: linear-gradient(90deg, transparent, var(--acento) 15%, #fff 50%, var(--acento) 85%, transparent); box-shadow: 0 0 14px var(--acento); }
.raiox__form > :not(.raiox__scan) { position: relative; z-index: 1; }

/* a areia de Soluções se recolhe para cima, como uma persiana (placa movida só por transform) */
.cortina--areia { background: #efe8dc !important; }
[data-tema="noite"] .cortina--areia { background: #efe8dc !important; }

/* ---------- Perguntas: folha de areia que sobe por cima do Raio-X ---------- */
#raio-x { padding-bottom: calc(var(--secao-y) / 2 + 56px); }
#perguntas { z-index: calc(var(--z-conteudo) + 1); margin-top: -56px; box-shadow: 0 -30px 60px -30px rgba(0,0,0,.55); }
.faq__grade { display: grid; gap: var(--esp-32); align-items: start; }
@media (min-width: 1024px) { .faq__grade { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: var(--esp-64); } }
.faq__cabecalho { margin-bottom: 0; }
.faq__lista { display: flex; flex-direction: column; border-bottom: var(--borda) solid var(--linha); }
.faq__item { border-top: var(--borda) solid var(--linha); }
.faq__item summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: var(--esp-24);
  min-height: 72px; cursor: pointer; font-size: var(--t-sub); font-weight: var(--peso-forte); line-height: var(--lh-sub); color: var(--texto); }
.faq__item summary::-webkit-details-marker { display: none; }
.faq__item summary:focus-visible { outline: var(--foco-largura) solid var(--foco); outline-offset: var(--foco-offset); border-radius: var(--raio-s); }
.faq__mais { position: relative; flex: none; width: 22px; height: 22px; transition: transform var(--dur-media) var(--suave); }
.faq__mais::before, .faq__mais::after { content: ""; position: absolute; left: 50%; top: 50%; width: 16px; height: 2px; margin: -1px 0 0 -8px; border-radius: var(--raio-pilula); background: var(--acento); }
.faq__mais::after { transform: rotate(90deg); }
.faq__item[open] .faq__mais { transform: rotate(45deg); }
.faq__item > .s-p { margin: 0 0 var(--esp-24); max-width: 58ch; }

/* ---------- Rodapé: linha institucional ---------- */
.rodape__legal { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--esp-8) var(--esp-24);
  margin-top: var(--esp-32); padding-top: var(--esp-24); border-top: var(--borda) solid var(--linha); }
.rodape__legal .s-legenda { color: var(--texto-2); }

@media (prefers-reduced-motion: reduce) { .raiox__scan { display: none; } .faq__mais { transition: none; } }

/* honeypot anti-spam: depois de todas as regras do form para vencer o ".raiox__form > :not(.raiox__scan)" */
.raiox__form > .raiox__hp { position: absolute; left: -9999px; top: 0; width: 1px; height: 1px; padding: 0; border: 0; margin: 0; opacity: 0; pointer-events: none; background: transparent; color: transparent; }