/* RCP Saúde V1 - base visual derivada da V15 e adaptada à área da saúde */

/* WhatsApp flutuante: uma única implementação, à esquerda, sem competir com cookies */
.floating-whatsapp{
  position:fixed;
  z-index:1220;
  left:24px;
  right:auto;
  bottom:24px;
  min-width:220px;
  min-height:60px;
  padding:10px 20px 10px 10px;
  display:flex;
  align-items:center;
  gap:12px;
  grid-template-columns:none;
  grid-template-rows:none;
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  color:#fff;
  text-decoration:none;
  overflow:visible;
  transition:transform .2s ease,box-shadow .2s ease;
  background:linear-gradient(180deg,#31d66a 0%,#19b952 100%);
  box-shadow:0 18px 42px rgba(24,168,78,.34),0 0 0 6px rgba(37,211,102,.13);
  animation:waFloatV9 2.8s ease-in-out infinite;
}
.floating-whatsapp:hover{
  transform:translateY(-3px) scale(1.015);
  box-shadow:0 22px 48px rgba(24,168,78,.42),0 0 0 8px rgba(37,211,102,.16);
}
.floating-whatsapp .wa-icon{
  grid-row:auto;
  width:42px;
  height:42px;
  flex:0 0 42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.16);
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28);
}
.floating-whatsapp .wa-icon svg{width:25px;height:25px}
.floating-whatsapp strong{font-size:15px;line-height:1.1;white-space:nowrap}
.floating-whatsapp small{display:none}
.floating-whatsapp .wa-pulse{
  left:4px;
  top:4px;
  width:54px;
  height:54px;
  border-color:rgba(37,211,102,.55);
  animation:waPulseV9 1.9s ease-out infinite;
}
@keyframes waPulseV9{0%{transform:scale(.82);opacity:.75}100%{transform:scale(1.85);opacity:0}}
@keyframes waFloatV9{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

/* Cookies permanecem no canto direito */
.cookie-banner{left:auto!important;right:22px!important;bottom:92px!important}

/* Simulador */
.simulator-layout{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:64px;
  align-items:start;
}
.simulator-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:26px;
  padding:30px;
  box-shadow:var(--shadow);
}
.simulator-form .form-grid{margin-bottom:18px}
.simulator-notice{
  margin-top:26px;
  padding:18px;
  border-radius:18px;
  background:#fff;
  border:1px solid var(--line);
}
.simulator-notice strong,.simulator-notice span{display:block}
.simulator-notice strong{color:var(--theme);margin-bottom:6px}
.simulator-notice span{color:var(--muted);font-size:14px}
.simulator-result{
  margin-top:24px;
  padding:24px;
  border-radius:22px;
  border:1px solid color-mix(in srgb,var(--theme) 18%,var(--line));
  background:linear-gradient(180deg,var(--theme-soft),#fff);
}
.simulator-level{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:8px 14px;
  margin:8px 0 16px;
  border-radius:999px;
  background:var(--theme);
  color:#fff;
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.simulator-result h3{font-size:28px;margin-bottom:10px}
.simulator-result>p{color:var(--muted)}
.simulator-result-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:20px 0;
}
.simulator-result-grid>div{
  padding:16px;
  border-radius:16px;
  background:#fff;
  border:1px solid var(--line);
}
.simulator-result-grid small,.simulator-result-grid strong{display:block}
.simulator-result-grid small{color:var(--muted);font-size:12px;margin-bottom:5px}
.simulator-result-grid strong{font-size:16px}
.simulator-disclaimer{font-size:12px!important}
.simulator-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}

/* Comparativo */
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.compare-card{
  padding:30px;
  border-radius:24px;
  border:1px solid var(--line);
}
.compare-card>span{
  display:inline-flex;
  padding:7px 11px;
  border-radius:999px;
  font-size:11px;
  font-weight:950;
  letter-spacing:.1em;
  margin-bottom:16px;
}
.compare-card h3{font-size:28px}
.compare-card .check-list{margin-bottom:0}
.compare-negative{background:#fff}
.compare-negative>span{background:#f3eaed;color:#705e65}
.compare-positive{background:linear-gradient(145deg,var(--theme-soft),#fff)}
.compare-positive>span{background:var(--theme);color:#fff}

/* Blocos adicionais das páginas por profissão */
.risk-detail-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-top:22px;
}
.risk-detail-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  padding:22px;
  box-shadow:0 12px 30px rgba(45,19,28,.05);
}
.risk-detail-card h3{font-size:19px;margin-bottom:10px}
.risk-detail-card p{font-size:14px;color:var(--muted)}
.risk-detail-card strong,.risk-detail-card span{display:block}
.risk-detail-card strong{font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}
.risk-detail-card span{color:var(--theme);font-size:13px;font-weight:850}

.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.case-grid article{
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:24px;
  box-shadow:0 14px 34px rgba(45,19,28,.06);
}
.case-grid article>span{
  display:inline-flex;
  color:var(--theme);
  font-size:11px;
  font-weight:950;
  letter-spacing:.12em;
  margin-bottom:12px;
}
.case-grid h3{font-size:20px}
.case-grid p{margin:0;color:var(--muted);font-size:14px}

.contracting-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}
.contracting-grid article{
  padding:22px;
  border-radius:20px;
  border:1px solid var(--line);
  background:#fff;
}
.contracting-grid article>span{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  padding:7px 11px;
  border-radius:999px;
  background:var(--theme-soft);
  color:var(--theme);
  font-size:12px;
  font-weight:950;
  margin-bottom:14px;
}
.contracting-grid h3{font-size:19px}
.contracting-grid p{margin:0;color:var(--muted);font-size:14px}

.broker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.broker-grid article{
  padding:22px;
  border-radius:20px;
  border:1px solid var(--line);
  background:#fff;
  box-shadow:0 12px 30px rgba(45,19,28,.05);
}
.broker-grid article>strong{
  width:42px;
  height:42px;
  border-radius:13px;
  display:grid;
  place-items:center;
  background:var(--theme-soft);
  color:var(--theme);
  margin-bottom:16px;
}
.broker-grid h3{font-size:19px}
.broker-grid p{margin:0;color:var(--muted);font-size:14px}

.glossary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.glossary-grid article{
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  padding:22px;
}
.glossary-grid h3{font-size:18px;color:var(--theme)}
.glossary-grid p{margin:0;color:var(--muted);font-size:14px}

/* Responsividade */
@media(max-width:980px){
  .simulator-layout{grid-template-columns:1fr;gap:34px}
  .risk-detail-grid{grid-template-columns:repeat(2,1fr)}
  .case-grid,.broker-grid{grid-template-columns:1fr}
  .glossary-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:720px){
  .floating-whatsapp{
    left:12px;
    right:auto;
    bottom:14px;
    min-width:auto;
    width:auto;
    height:auto;
    padding:8px 14px 8px 8px;
    display:flex;
    border-radius:999px;
  }
  .floating-whatsapp .wa-icon{width:38px;height:38px;flex-basis:38px}
  .floating-whatsapp .wa-icon svg{width:23px;height:23px}
  .floating-whatsapp strong{display:block;font-size:13px}
  .floating-whatsapp .wa-pulse{left:1px;top:1px;width:50px;height:50px}
  .cookie-banner{left:10px!important;right:10px!important;bottom:82px!important;width:auto!important}
  .simulator-card{padding:22px}
  .simulator-result-grid,.compare-grid,.risk-detail-grid,.case-grid,.contracting-grid,.broker-grid,.glossary-grid{grid-template-columns:1fr}
  .simulator-actions{display:grid}
  .simulator-actions .btn{width:100%}
}
.floating-whatsapp .wa-pulse{position:absolute;border:2px solid rgba(37,211,102,.55);border-radius:50%;z-index:-1;pointer-events:none}

/* =========================================================
   V10 - CORREÇÃO COMPATÍVEL DOS HEROS INTERNOS
   A declaração original utilizava color-mix(), que fazia o
   navegador ignorar todo o background-image em alguns ambientes.
   ========================================================= */
.profession-page .hero-profession::before{
  background-image:
    linear-gradient(
      90deg,
      rgba(4, 19, 34, .94) 0%,
      rgba(4, 19, 34, .88) 31%,
      rgba(4, 19, 34, .58) 52%,
      rgba(4, 19, 34, .12) 78%,
      rgba(4, 19, 34, .04) 100%
    ),
    var(--hero-image) !important;
  background-size:cover !important;
  background-position:center right !important;
  background-repeat:no-repeat !important;
}

/* O gradiente acompanha a identidade de cada página sem depender
   de funções CSS experimentais. */
.profession-page[data-theme="medical"] .hero-profession::before{
  background-image:linear-gradient(90deg,rgba(7,82,126,.96) 0%,rgba(7,82,126,.88) 34%,rgba(7,82,126,.54) 56%,rgba(7,82,126,.08) 82%),url('../img/hero-medicos.jpg') !important;
}
.profession-page[data-theme="dental"] .hero-profession::before{
  background-image:linear-gradient(90deg,rgba(4,93,89,.96) 0%,rgba(4,93,89,.88) 34%,rgba(4,93,89,.54) 56%,rgba(4,93,89,.08) 82%),url('../img/hero-dentistas.jpg') !important;
}
.profession-page[data-theme="health"] .hero-profession::before{
  background-image:linear-gradient(90deg,rgba(47,109,50,.96) 0%,rgba(47,109,50,.88) 34%,rgba(47,109,50,.54) 56%,rgba(47,109,50,.08) 82%),url('../img/hero-saude.jpg') !important;
}

@media(max-width:720px){
  .profession-page .hero-profession::before{
    background-position:center top !important;
    background-size:auto 58%,auto 58% !important;
    background-repeat:no-repeat !important;
    background-color:var(--theme-deep) !important;
  }
  .profession-page[data-theme="medical"] .hero-profession::before{
    background-image:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(7,82,126,.20) 35%,rgba(7,82,126,.96) 64%,rgba(7,82,126,1) 100%),url('../img/hero-medicos.jpg') !important;
  }
  .profession-page[data-theme="dental"] .hero-profession::before{
    background-image:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(4,93,89,.20) 35%,rgba(4,93,89,.96) 64%,rgba(4,93,89,1) 100%),url('../img/hero-dentistas.jpg') !important;
  }
  .profession-page[data-theme="health"] .hero-profession::before{
    background-image:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(47,109,50,.20) 35%,rgba(47,109,50,.96) 64%,rgba(47,109,50,1) 100%),url('../img/hero-saude.jpg') !important;
  }
  
  
  
}


/* =========================================================
   RCP SAÚDE V1 - BENEFÍCIOS, CENÁRIO E RESULTADO DO SIMULADOR
   ========================================================= */
.benefit-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:36px;
}
.benefit-grid article{
  min-height:210px;
  padding:26px;
  border:1px solid var(--line);
  border-radius:22px;
  background:#fff;
  box-shadow:0 14px 34px rgba(45,19,28,.055);
}
.benefit-grid article>span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:38px;
  min-height:30px;
  padding:5px 10px;
  margin-bottom:16px;
  border-radius:999px;
  background:var(--theme-soft);
  color:var(--theme);
  font-size:12px;
  font-weight:950;
  letter-spacing:.08em;
}
.benefit-grid h3{font-size:22px;margin-bottom:10px}
.benefit-grid p{margin:0;color:var(--muted);font-size:15px}

.market-context-section{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#fff 0%,#fff8fa 100%);
}
.market-context-section::before{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  right:-170px;
  top:-150px;
  border-radius:50%;
  background:var(--theme-soft);
  opacity:.7;
}
.market-context-grid{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.market-context-grid article{
  padding:28px;
  border:1px solid var(--line);
  border-radius:24px;
  background:rgba(255,255,255,.94);
  box-shadow:0 16px 38px rgba(45,19,28,.06);
}
.market-context-grid article>strong{
  display:block;
  margin-bottom:14px;
  color:var(--theme);
  font-size:30px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.04em;
}
.market-context-grid h3{font-size:22px;margin-bottom:10px}
.market-context-grid p{margin:0;color:var(--muted);font-size:14px}
.market-sources{
  position:relative;
  margin:20px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.65;
}
.market-sources a{color:var(--theme);font-weight:800;text-decoration:underline;text-underline-offset:3px}

.simulator-next-step{
  margin:16px 0 0!important;
  padding:14px 16px;
  border-left:4px solid var(--theme);
  border-radius:12px;
  background:#fff;
  color:var(--text)!important;
  font-size:14px!important;
  line-height:1.55;
}
.simulator-next-step strong{color:var(--theme)}

@media(max-width:980px){
  .benefit-grid,.market-context-grid{grid-template-columns:1fr 1fr}
  .market-context-grid article:last-child{grid-column:1/-1}
}
@media(max-width:720px){
  .benefit-grid,.market-context-grid{grid-template-columns:1fr}
  .market-context-grid article:last-child{grid-column:auto}
  .benefit-grid article{min-height:0}
  .market-context-grid article,.benefit-grid article{padding:22px}
  .market-context-grid article>strong{font-size:26px}
}


/* V15 - identificação antes do WhatsApp do simulador */
.sim-contact-dialog{position:relative;width:min(620px,100%);background:#fff;border-radius:26px;padding:34px;box-shadow:0 28px 80px rgba(37,10,18,.28)}
.sim-contact-dialog h2{font-size:32px;line-height:1.12;margin:8px 54px 10px 0;color:var(--ink)}
.sim-contact-dialog>p{color:var(--muted);margin:0 0 24px;line-height:1.6}
.sim-contact-dialog .form-grid{margin-bottom:10px}
.sim-contact-note{font-size:12px;color:var(--muted);margin:12px 0 18px;line-height:1.5}
#simWhatsAppLink{font:inherit;cursor:pointer}
@media(max-width:720px){.sim-contact-dialog{padding:28px 20px 22px;border-radius:22px}.sim-contact-dialog h2{font-size:27px}.sim-contact-dialog .form-grid.two{grid-template-columns:1fr}}

/* =========================================================
   RCP SAÚDE V1 - HOME, VÍDEO E GUIA DE PROFISSÕES
   ========================================================= */
.health-portal .hero-portal::before{
  background-image:
    linear-gradient(90deg,rgba(7,62,75,.99) 0%,rgba(7,62,75,.95) 30%,rgba(7,62,75,.72) 49%,rgba(7,62,75,.24) 69%,rgba(7,62,75,.04) 100%),
    url('../img/hero-saude-home.jpg') !important;
  background-position:center right !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}
.health-portal .hero-copy{width:min(660px,58%)}
.health-portal .hero-copy h1{max-width:650px}
.health-portal .hero .btn-primary,
.health-portal .video-section .btn-primary{background:var(--health-accent);box-shadow:0 14px 34px rgba(184,117,61,.28)}
.health-portal .hero .btn-primary:hover,
.health-portal .video-section .btn-primary:hover{background:#a76532}
.health-portal .profession-card{min-height:280px}
.health-portal .profession-card strong{font-size:24px}

.video-section{background:linear-gradient(180deg,#fff 0%,#f5fafb 100%)}
.video-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:62px;align-items:center}
.video-layout .section-title{margin:0}
.video-layout .section-title .btn{margin-top:22px}
.video-preview{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  padding:0;
  border:0;
  border-radius:28px;
  overflow:hidden;
  background:#082f39;
  box-shadow:0 28px 70px rgba(7,62,75,.22);
  isolation:isolate;
}
.video-preview::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(3,35,43,.68));z-index:1}
.video-preview img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.video-preview:hover img{transform:scale(1.035)}
.video-play{
  position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%);
  width:82px;height:82px;border-radius:50%;display:grid;place-items:center;padding-left:5px;
  background:#fff;color:#0B6170;font-size:28px;box-shadow:0 16px 44px rgba(0,0,0,.28)
}
.video-caption{position:absolute;left:26px;right:26px;bottom:22px;z-index:3;text-align:left;color:#fff}
.video-caption strong,.video-caption small{display:block}
.video-caption strong{font-size:20px}.video-caption small{opacity:.78;margin-top:3px}

.video-dialog{width:min(1100px,100%);background:#fff;border-radius:26px;padding:28px;position:relative;box-shadow:0 32px 100px rgba(0,0,0,.35)}
.video-dialog-heading{padding-right:58px;margin-bottom:18px}
.video-dialog-heading h2{font-size:clamp(28px,3vw,42px);margin:8px 0 0}
.video-frame{width:100%;aspect-ratio:16/9;background:#071d23;border-radius:18px;overflow:hidden}
.video-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#071d23}

.profession-guide-dialog{width:min(980px,100%);background:#fff;border-radius:28px;padding:42px;position:relative;box-shadow:0 30px 100px rgba(0,0,0,.34)}
.profession-guide-dialog>p{max-width:720px;color:var(--muted);font-size:17px}
.profession-guide-dialog h2{font-size:clamp(36px,4vw,54px);margin:10px 0 12px}
.profession-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.profession-guide-grid a{
  min-height:245px;padding:24px;border:1px solid var(--line);border-radius:22px;text-decoration:none;color:var(--ink);
  display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(145deg,var(--guide-soft),#fff 68%);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease
}
.profession-guide-grid a:hover{transform:translateY(-5px);border-color:var(--guide-color);box-shadow:0 20px 45px rgba(7,62,75,.13)}
.profession-guide-grid a>span{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:var(--guide-color);font-size:25px;margin-bottom:20px}
.profession-guide-grid strong{font-size:21px;line-height:1.15;margin-bottom:9px}
.profession-guide-grid small{color:var(--muted);font-size:13px}
.profession-guide-grid em{margin-top:auto;padding-top:20px;color:var(--guide-color);font-style:normal;font-weight:900;font-size:13px}

/* A página da saúde mantém unidade, mas cada área conserva sua identidade própria. */
.profession-page[data-theme="medical"] .site-header,
.profession-page[data-theme="medical"] .site-footer{background:#07527E}
.profession-page[data-theme="dental"] .site-header,
.profession-page[data-theme="dental"] .site-footer{background:#045D59}
.profession-page[data-theme="health"] .site-header,
.profession-page[data-theme="health"] .site-footer{background:#2F6D32}

@media(max-width:980px){
  .video-layout{grid-template-columns:1fr;gap:34px}
  .profession-guide-grid{grid-template-columns:1fr}
  .profession-guide-grid a{min-height:190px}
}

@media(max-width:720px){
  .health-portal .hero-portal::before{
    background-image:
      linear-gradient(180deg,rgba(7,62,75,.08) 0%,rgba(7,62,75,.28) 34%,rgba(7,62,75,.96) 64%,rgba(7,62,75,1) 100%),
      url('../img/hero-saude-home.jpg') !important;
    background-position:67% top !important;
    background-size:auto 58% !important;
    background-repeat:no-repeat !important;
    background-color:#073E4B !important;
  }
  .health-portal .hero-copy{width:100%}
  .video-preview{border-radius:20px}
  .video-play{width:66px;height:66px;font-size:23px}
  .video-caption{left:18px;right:18px;bottom:16px}
  .video-caption strong{font-size:17px}
  .video-dialog{margin:8px 0;padding:16px;border-radius:19px}
  .video-dialog-heading{padding:10px 48px 0 2px}
  .video-dialog-heading h2{font-size:27px}
  .profession-guide-dialog{margin:8px 0;padding:28px 18px;border-radius:20px}
  .profession-guide-dialog h2{font-size:36px;padding-right:38px}
  .profession-guide-grid a{min-height:185px}
}
