/* RedBlack V7 · Revisão orientada à conversão, mobile-first.
   Preserva o design aprovado, as rotas, o vídeo e o formulário funcional. */
:root{--redblack-accent:#f22a45;--redblack-accent2:#ff475f}

/* Identidade de ação: ícones de apps terceiros não competem com a marca. */
.contact-actions-v7{gap:12px;align-items:stretch;max-width:680px}
.contact-actions-v7 .cta-brand{
  position:relative;display:flex;justify-content:flex-start;align-items:center;
  gap:12px;min-height:72px;padding:12px 15px!important;white-space:normal!important;
  border-radius:13px!important;text-align:left;overflow:hidden;isolation:isolate;
  box-shadow:none!important;transition:transform .25s ease,border .25s ease,background .25s ease,box-shadow .25s ease;
}
.contact-actions-v7 .cta-brand::before{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(130deg,transparent 45%,rgba(255,255,255,.075) 84%,transparent 100%);
}
.contact-actions-v7 .cta-brand::after{opacity:.34}
.contact-actions-v7 .cta-brand-primary{
  color:#fff;border:1px solid #ff5268;
  background:linear-gradient(120deg,#bc142d 0%,#ea2442 72%,#d21535 100%);
  box-shadow:inset 0 1px rgba(255,255,255,.22),0 12px 28px rgba(171,12,37,.18)!important;
}
.contact-actions-v7 .cta-brand-outline{
  color:#fff;background:linear-gradient(115deg,#19141b 0%,#110e13 80%);
  border:1px solid rgba(246,73,98,.48);
  box-shadow:inset 0 1px rgba(255,255,255,.05)!important;
}
.contact-actions-v7 .cta-edge-mark{
  display:grid;place-items:center;flex:0 0 37px;height:37px;
  border-radius:9px;border:1px solid #ffffff54;background:#ffffff16;
  font:900 12px/1 'Manrope',sans-serif;letter-spacing:-.07em;color:#fff;
  box-shadow:inset 0 1px #ffffff27;
}
.contact-actions-v7 .cta-edge-outline{border-color:#bb354d;background:#fa32401a;color:#f65872}
.contact-actions-v7 .cta-copy{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}
.contact-actions-v7 .cta-copy small{font:800 8px/1.35 'Manrope',sans-serif;letter-spacing:.17em;color:#ffecf0;opacity:.77}
.contact-actions-v7 .cta-copy strong{font:800 14px/1.3 'Manrope',sans-serif;letter-spacing:-.02em;color:#fff}
.contact-actions-v7 .cta-end{
  display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:50%;
  border:1px solid #ffffff50;background:#ffffff16;color:#fff;font:500 20px/1 'DM Sans',sans-serif;
  transition:transform .24s,background .24s;
}
.contact-actions-v7 .cta-brand-outline .cta-end{border-color:#8b3046;background:#ffffff08;color:#ff7187}
.contact-actions-v7 .cta-brand:hover{transform:translateY(-2px);filter:none}
.contact-actions-v7 .cta-brand:hover .cta-end{transform:translate(2px,-2px);background:#ffffff28}
.contact-actions-v7 .cta-brand:focus-visible{outline:2px solid #fff;outline-offset:4px}
.low-banner .contact-actions-v7{width:min(100%,335px)}
.low-banner .cta-brand{width:100%}

/* Rodapé com a assinatura gráfica oficial da RedBlack. */
.footer .footer-brand-mark{width:205px;height:auto;max-width:100%;display:block;object-fit:contain;margin-bottom:10px}
.footer>div:first-child{min-width:185px}
.footer p{max-width:295px;line-height:1.6}
.footer .footer-links a{transition:color .2s}
.footer .footer-links a:hover{color:#ff7489}

/* Retrato: composição com respiro, sem cortar testa e cabelo. O fundo
   escuro já está integrado à própria fotografia e não depende de recorte CSS. */
.specialist-card{background:linear-gradient(160deg,#181017 0%,#0d0d12 73%);border-color:#542132}
.specialist-photo{background:#0e0e13!important;isolation:isolate}
.specialist-photo img{
  width:100%;height:100%;object-fit:cover;object-position:50% 50%!important;
  filter:none;display:block;transform:none!important;
}
.specialist-photo:after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(0deg,#110d15cc 0%,transparent 21%)!important;
}
.specialist-action{border-radius:12px;background:linear-gradient(115deg,#a4152626,#1d1118);border-color:#a5354f}
.specialist-details p{color:#c7c2ca}
.specialist-details li{color:#d2c6d0}

/* Melhor foco na apresentação audiovisual. */
#video{scroll-margin-top:95px}
#video .section-heading{margin-bottom:26px}
#video .video-frame{border-radius:19px;overflow:hidden;box-shadow:0 21px 60px #0008}
.page-one .app-wrap{overflow:clip}

/* Som é um recurso opcional, não um botão de compra. */
.sound-control{border-color:#603040;background:#171017e3;box-shadow:0 8px 20px #0008}

/* As animações valorizam a leitura, mas nunca impedem o conteúdo de aparecer. */
@media (prefers-reduced-motion:reduce){
  .contact-actions-v7 .cta-brand,.contact-actions-v7 .cta-end{transition:none!important}
}

@media(min-width:751px){
  .contact-actions-v7 .cta-brand{flex:1 1 290px;max-width:340px}
  .hello-row .contact-actions-v7{margin-top:29px}
  .specialist-photo img{object-position:50% 45%!important}
  .specialist-photo:after{background:linear-gradient(0deg,#130d14b0,transparent 24%)!important}
}

@media(max-width:750px){
  /* Ordem editorial mobile: cabeçalho, mensagem, sonhos, vídeo.
     Nenhum CTA antes da prova audiovisual. */
  .hello-row .contact-actions-v7{display:none!important}
  .hello-row .hello-badge{display:none!important}
  .hello-row{padding-bottom:0!important;margin-bottom:18px!important;min-height:0!important}
  .hello-row h1{line-height:1.11;letter-spacing:-.052em}
  .hello-row p{font-size:13px;line-height:1.75;margin-bottom:0!important}
  .one-spotlight{margin-top:20px!important;margin-bottom:44px!important;border-radius:20px}
  .one-spotlight .spotlight-content{padding-bottom:38px}
  .one-spotlight .spotlight-content h2{line-height:1.18}
  .one-spotlight .spotlight-seal{opacity:.38}
  #video{margin-top:0!important;padding-top:0!important}
  #video .section-heading{margin-bottom:17px!important}
  #video .section-heading h2{font-size:clamp(24px,7.3vw,35px)}
  #video .section-heading p{margin-top:8px!important;font-size:12px}
  .specialist-card{display:grid;grid-template-columns:1fr!important;min-height:0!important}
  .specialist-photo{min-height:0!important;height:auto!important;aspect-ratio:1.32/1}
  .specialist-photo img{object-fit:cover;object-position:50% 50%!important}
  .specialist-details{min-height:0!important;padding:24px 24px 26px}
  .specialist-details p{font-size:12px;line-height:1.65}
  .specialists-grid{gap:20px}
  .contact-actions-v7 .cta-brand{width:100%;min-height:70px!important}
  .low-banner .contact-actions-v7{width:100%;max-width:none;min-width:0;margin-top:15px}
  .footer .footer-brand-mark{width:192px}
  .sound-control{bottom:calc(83px + env(safe-area-inset-bottom));right:11px;padding:6px 8px;font-size:9px}
  .sound-control-icon{width:22px;height:22px}
}
@media(max-width:430px){
  .one-spotlight{min-height:440px}
  .one-spotlight .spotlight-content{padding-left:24px;padding-right:24px}
  .specialist-photo{aspect-ratio:1.24/1}
  .specialist-details h3{font-size:29px}
  .footer{padding-bottom:calc(105px + env(safe-area-inset-bottom))!important}
  .low-banner .contact-actions-v7 .cta-copy strong{font-size:13px}
}
@media(max-width:350px){
  .contact-actions-v7 .cta-brand{padding:11px!important;gap:8px}
  .contact-actions-v7 .cta-edge-mark{flex-basis:32px;height:32px}
  .contact-actions-v7 .cta-copy strong{font-size:12px}
  .contact-actions-v7 .cta-copy small{font-size:7px}
}
/* Mobile: floating music is a discreet optional control, never a content overlay. */
@media(max-width:750px){
 .sound-control{width:39px;height:39px;padding:0!important;justify-content:center;border-radius:50%;bottom:calc(82px + env(safe-area-inset-bottom));right:13px}
 .sound-control .sound-control-label{display:none}
 .sound-control-icon{background:transparent;width:28px;height:28px}
}