/*
Theme Name: Astra Child Project
Theme URI: https://wpastra.com/
Template: astra
Author: Dev Team
Author URI: http://wpastra.com/about/
Description: Tema filho exclusivo para o projeto, otimizado e estruturado para performance.
Version: 1.0.0
Text Domain: cdi
*/

@keyframes cdi-page-enter {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes cdi-header-enter {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes cdi-faq-answer-enter {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

main {
    animation: cdi-page-enter 600ms ease-out both;
}

body > header {
    animation: cdi-header-enter 450ms ease-out both;
}

main a[class*="rounded"]:hover,
footer a:hover {
    transform: translateY(-1px);
}

main details,
main details summary,
main .group[class*="rounded"] {
    transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
}

main details:hover,
main .group[class*="rounded"]:hover {
    transform: translateY(-2px);
}

main img {
    transition: filter 250ms ease, transform 350ms ease;
}

.cdi-motion-ready main .cdi-reveal {
    opacity: 0;
    translate: 0 12px;
    transition: opacity 500ms ease, translate 500ms ease;
}

.cdi-motion-ready main .cdi-reveal.cdi-is-visible {
    opacity: 1;
    translate: 0 0;
}

main details[open] > .faq-answer {
    animation: cdi-faq-answer-enter 260ms ease-out both;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        translate: none !important;
    }

    .cdi-motion-ready main .cdi-reveal {
        opacity: 1;
    }
}