/* ==========================================================================
   RESET & TRAVA DE OVERFLOW GLOBAL
   ========================================================================== */
html,
body {
    max-width: 100vw;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

/* ==========================================================================
   TIPOGRAFIA RESPONSIVA FLUIDA
   ========================================================================== */
h1 {
    font-size: clamp(2rem, 5vw + 0.5rem, 3.75rem);
    hyphens: manual;
    word-break: normal;
    overflow-wrap: break-word;
}

/* ==========================================================================
   DASHBOARD 3D - DESKTOP E NOTEBOOKS
   ========================================================================== */
@media (min-width: 1024px) {
    .dash-3d-float {
        animation: floatDesktop 6s ease-in-out infinite !important;
        box-shadow: -20px 30px 50px -10px rgba(0, 0, 0, 0.15) !important;
    }

    @keyframes floatDesktop {
        0% { transform: rotateY(-18deg) rotateX(12deg) rotateZ(-2deg) translateY(0px); }
        50% { transform: rotateY(-18deg) rotateX(12deg) rotateZ(-2deg) translateY(-14px); }
        100% { transform: rotateY(-18deg) rotateX(12deg) rotateZ(-2deg) translateY(0px); }
    }
}

/* ==========================================================================
   DASHBOARD 3D - MOBILE E TABLET (TELA PEQUENA)
   ========================================================================== */
@media (max-width: 1023px) {
    .dash-3d-wrapper {
        perspective: 800px !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        padding: 1.5rem 0.5rem !important;
        overflow: visible !important;
    }

    .dash-3d-float {
        width: 100% !important;
        max-width: 340px !important;
        transform-origin: center center !important;
        animation: floatMobile 5s ease-in-out infinite !important;
        box-shadow: -10px 18px 30px -6px rgba(0, 0, 0, 0.16) !important;
    }

    @keyframes floatMobile {
        0% { transform: rotateY(-14deg) rotateX(10deg) rotateZ(-2deg) scale(0.92) translateY(0px); }
        50% { transform: rotateY(-14deg) rotateX(10deg) rotateZ(-2deg) scale(0.92) translateY(-8px); }
        100% { transform: rotateY(-14deg) rotateX(10deg) rotateZ(-2deg) scale(0.92) translateY(0px); }
    }
}

/* SMARTPHONES PEQUENOS */
@media (max-width: 380px) {
    .dash-3d-float {
        max-width: 300px !important;
        transform: rotateY(-12deg) rotateX(8deg) rotateZ(-2deg) scale(0.85) !important;
    }
}

/* ==========================================================================
   BOTÃO FLUTUANTE DO WHATSAPP E TOUCH
   ========================================================================== */
@media (max-width: 640px) {
    a[aria-label="Falar no WhatsApp"] {
        bottom: 1.25rem !important;
        right: 1.25rem !important;
        padding: 0.75rem !important;
    }

    a[aria-label="Falar no WhatsApp"] svg {
        width: 1.5rem !important;
        height: 1.5rem !important;
    }
}

img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 768px) {
    header a,
    footer a,
    button {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
    }
}