/* camada de modernização sobre o estilo original: hover, profundidade e foco, sem trocar cores, fontes nem tamanhos de letra */
:root{--ease-out:cubic-bezier(.22,1,.36,1);--glow:0 18px 40px -16px rgba(0,167,237,.75)}
html{scroll-behavior:smooth;scroll-padding-top:16px}
:focus-visible{outline:2px solid #69d6ff;outline-offset:3px}

.header__button,.disciplines__button,.price__button,.enrollment-section__button{transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out),filter .35s var(--ease-out)}
.header__button:hover,.disciplines__button:hover,.price__button:hover,.enrollment-section__button:hover{transform:translateY(-2px);box-shadow:var(--glow);filter:brightness(1.08)}
.header__button:active,.disciplines__button:active,.price__button:active,.enrollment-section__button:active{transform:translateY(0)}

.disciplines__skills__cards__item,.ai-comparison__card,.ai-developer__box,.enrollment-section,.faq .accordion .card__data{transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out),border-color .45s var(--ease-out)}
.disciplines__skills__cards__item:hover,.ai-comparison__card:hover{transform:translateY(-4px);box-shadow:0 24px 48px -28px rgba(0,0,0,.85);border-color:rgba(105,214,255,.45)}
.ai-developer__box:hover{transform:translateY(-3px)}

.disciplines__list__item__header{cursor:pointer;transition:border-color .3s,box-shadow .3s,filter .3s}
.disciplines__list__item__header:hover{filter:brightness(1.12);box-shadow:0 0 0 1px rgba(105,214,255,.35)}
.disciplines__list__item__header img{transition:transform .4s var(--ease-out)}
.faq .accordion .card__data{cursor:pointer}
.faq .accordion .card__data:hover h5{color:#98e3ff}
.faq .accordion .collapse{display:block;max-height:0;overflow:hidden;opacity:0;padding-top:0;padding-bottom:0;transition:max-height .5s var(--ease-out),opacity .4s var(--ease-out),padding .4s var(--ease-out)}
.faq .accordion .collapse.show{max-height:2000px;opacity:1;padding-top:8px;padding-bottom:8px}

.ai-developer__news__image{transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out)}
.ai-developer__news__image:hover{transform:scale(1.03) rotate(-.4deg);box-shadow:0 24px 48px -24px rgba(0,0,0,.8)}

/* a janela sai da seção de preço para o <body> (ver site.js) e perde a fonte que herdava de lá */
.modal.custom{font-family:Poppins,sans-serif}
.modal.fade .modal-dialog{transition:transform .35s var(--ease-out),opacity .35s var(--ease-out)}
.modal-backdrop.show{backdrop-filter:blur(3px)}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
}