/* Dra. Marcia Lima · HOTFIX 1.0.19
   Hero Session · Desktop
   - CTA principal passa a seguir a linguagem visual do mobile.
   - CTA secundário transparente, com borda branca e texto branco.
   - "Agendar Atendimento" em caixa alta.
   - Dois pontos de luz percorrem SOMENTE a borda do CTA principal,
     no sentido horário, em posições opostas, sem se tocar. */

/* Caixa alta para o CTA principal em qualquer viewport. */
.page-type-home .hero-video .hero-actions .button:not(.ghost){
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
}

@media (min-width: 761px){
  .page-type-home .hero-video .hero-actions{
    display:flex!important;
    gap:14px!important;
    flex-wrap:wrap!important;
    align-items:center!important;
  }

  .page-type-home .hero-video .hero-actions .button{
    min-height:54px!important;
    padding:0 24px!important;
    border-radius:999px!important;
    font-size:.98rem!important;
    line-height:1!important;
    font-weight:800!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transition:background-color .24s ease,border-color .24s ease,color .24s ease,transform .24s ease!important;
  }

  /* CTA principal: translúcido, escuro, sem blur. */
  .page-type-home .hero-video .hero-actions .button:not(.ghost){
    position:relative!important;
    isolation:isolate!important;
    overflow:hidden!important;
    background:rgba(22,49,14,.58)!important;
    background-color:rgba(22,49,14,.58)!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.34)!important;
  }

  /* Dois orbitais independentes, mascarados na borda para não vazar para dentro. */
  .page-type-home .hero-video .hero-actions .button:not(.ghost)::before,
  .page-type-home .hero-video .hero-actions .button:not(.ghost)::after{
    content:""!important;
    position:absolute!important;
    inset:-1px!important;
    border-radius:inherit!important;
    padding:1.5px!important;
    background:
      conic-gradient(
        from 0deg,
        transparent 0deg 352deg,
        rgba(255,255,255,0) 352deg,
        rgba(255,255,255,.95) 356deg,
        rgba(255,255,255,0) 360deg
      )!important;
    -webkit-mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0)!important;
    -webkit-mask-composite:xor!important;
            mask-composite:exclude!important;
    pointer-events:none!important;
    animation:cspMarciaHeroBorderOrbit 5.2s linear infinite!important;
    filter:drop-shadow(0 0 3px rgba(255,255,255,.92)) drop-shadow(0 0 6px rgba(255,255,255,.58))!important;
  }

  .page-type-home .hero-video .hero-actions .button:not(.ghost)::after{
    transform:rotate(180deg)!important;
    animation-delay:-2.6s!important;
  }

  .page-type-home .hero-video .hero-actions .button:not(.ghost):hover,
  .page-type-home .hero-video .hero-actions .button:not(.ghost):focus-visible{
    background:rgba(22,49,14,.70)!important;
    background-color:rgba(22,49,14,.70)!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.48)!important;
    transform:translateY(-1px)!important;
  }

  /* CTA secundário: transparente, com borda e fonte brancas. */
  .page-type-home .hero-video .hero-actions .button.ghost{
    background:transparent!important;
    background-color:transparent!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.38)!important;
  }

  .page-type-home .hero-video .hero-actions .button.ghost:hover,
  .page-type-home .hero-video .hero-actions .button.ghost:focus-visible{
    background:rgba(255,255,255,.06)!important;
    background-color:rgba(255,255,255,.06)!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.54)!important;
    transform:translateY(-1px)!important;
  }
}

@keyframes cspMarciaHeroBorderOrbit{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}