/* Ajustes de compatibilidade para navegadores móveis e in-app (WhatsApp/Instagram). */
html {
    width: 100%;
    min-height: 100%;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    width: 100%;
    min-height: 100%;
    margin: 0;
    overflow-x: hidden;
    overscroll-behavior-x: none;
}

#root {
    width: 100%;
    min-width: 0;
    min-height: 100vh;
    overflow-x: hidden;
}

@supports (min-height: 100dvh) {
    #root,
    .min-h-screen {
        min-height: 100dvh !important;
    }
}

*,
*::before,
*::after {
    min-width: 0;
}

img,
video,
canvas,
iframe,
svg {
    max-width: 100%;
}

button,
a,
[role="button"] {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

input,
textarea,
select {
    max-width: 100%;
}

input[type="file"] {
    width: 100%;
    overflow: hidden;
}

p,
h1,
h2,
h3,
h4,
span,
button,
a {
    overflow-wrap: break-word;
}

.fixed.bottom-0.left-0.right-0 {
    padding-bottom: max(1.25rem, env(safe-area-inset-bottom)) !important;
}

.fixed.inset-0[class*="items-end"] {
    padding-bottom: max(.75rem, env(safe-area-inset-bottom)) !important;
}

@supports (max-height: 100dvh) {
    .max-h-\[92vh\] {
        max-height: calc(100dvh - 1.5rem) !important;
    }
}

@media (max-width: 640px) {
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
    textarea,
    select {
        font-size: 16px !important;
    }

    .max-w-md,
    .max-w-sm,
    .max-w-xs {
        width: 100%;
    }

    .grid > *,
    .flex > * {
        min-width: 0;
    }
}

@media (max-width: 374px) {
    .px-8,
    .px-7,
    .px-6 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .px-5 {
        padding-left: .875rem !important;
        padding-right: .875rem !important;
    }

    .gap-3 {
        gap: .625rem !important;
    }

    .text-\[30px\],
    .text-\[29px\] {
        font-size: 1.625rem !important;
    }

    .text-\[1\.7rem\] {
        font-size: 1.5rem !important;
    }
}

@media (orientation: landscape) and (max-height: 500px) {
    .fixed.inset-0[class*="overflow-y-auto"],
    .fixed.inset-0[class*="items-end"] {
        overflow-y: auto;
        align-items: flex-start !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}