/**
 * Tailwind CSS - MamaoFy
 *
 * Build: npm run dev / npm run production
 * Config: tailwind.config.js
 *
 * IMPORTANTE: Todas as classes Tailwind usam prefixo 'tw-' para evitar
 * conflitos com Bootstrap. Ex: tw-flex, tw-bg-primary-500, etc.
 */

*, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x:  ; --tw-pan-y:  ; --tw-pinch-zoom:  ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position:  ; --tw-gradient-via-position:  ; --tw-gradient-to-position:  ; --tw-ordinal:  ; --tw-slashed-zero:  ; --tw-numeric-figure:  ; --tw-numeric-spacing:  ; --tw-numeric-fraction:  ; --tw-ring-inset:  ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur:  ; --tw-brightness:  ; --tw-contrast:  ; --tw-grayscale:  ; --tw-hue-rotate:  ; --tw-invert:  ; --tw-saturate:  ; --tw-sepia:  ; --tw-drop-shadow:  ; --tw-backdrop-blur:  ; --tw-backdrop-brightness:  ; --tw-backdrop-contrast:  ; --tw-backdrop-grayscale:  ; --tw-backdrop-hue-rotate:  ; --tw-backdrop-invert:  ; --tw-backdrop-opacity:  ; --tw-backdrop-saturate:  ; --tw-backdrop-sepia:  ; --tw-contain-size:  ; --tw-contain-layout:  ; --tw-contain-paint:  ; --tw-contain-style:  ; }

::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x:  ; --tw-pan-y:  ; --tw-pinch-zoom:  ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position:  ; --tw-gradient-via-position:  ; --tw-gradient-to-position:  ; --tw-ordinal:  ; --tw-slashed-zero:  ; --tw-numeric-figure:  ; --tw-numeric-spacing:  ; --tw-numeric-fraction:  ; --tw-ring-inset:  ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur:  ; --tw-brightness:  ; --tw-contrast:  ; --tw-grayscale:  ; --tw-hue-rotate:  ; --tw-invert:  ; --tw-saturate:  ; --tw-sepia:  ; --tw-drop-shadow:  ; --tw-backdrop-blur:  ; --tw-backdrop-brightness:  ; --tw-backdrop-contrast:  ; --tw-backdrop-grayscale:  ; --tw-backdrop-hue-rotate:  ; --tw-backdrop-invert:  ; --tw-backdrop-opacity:  ; --tw-backdrop-saturate:  ; --tw-backdrop-sepia:  ; --tw-contain-size:  ; --tw-contain-layout:  ; --tw-contain-paint:  ; --tw-contain-style:  ; }

input:where([type='text']),input:where(:not([type])),input:where([type='email']),input:where([type='url']),input:where([type='password']),input:where([type='number']),input:where([type='date']),input:where([type='datetime-local']),input:where([type='month']),input:where([type='search']),input:where([type='tel']),input:where([type='time']),input:where([type='week']),select:where([multiple]),textarea,select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-color: #6b7280; border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; }

input:where([type='text']):focus, input:where(:not([type])):focus, input:where([type='email']):focus, input:where([type='url']):focus, input:where([type='password']):focus, input:where([type='number']):focus, input:where([type='date']):focus, input:where([type='datetime-local']):focus, input:where([type='month']):focus, input:where([type='search']):focus, input:where([type='tel']):focus, input:where([type='time']):focus, input:where([type='week']):focus, select:where([multiple]):focus, textarea:focus, select:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: #2563eb; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #6b7280; opacity: 1; }

input::placeholder,textarea::placeholder { color: #6b7280; opacity: 1; }

::-webkit-datetime-edit-fields-wrapper { padding: 0; }

::-webkit-date-and-time-value { min-height: 1.5em; text-align: inherit; }

::-webkit-datetime-edit { display: inline-flex; }

::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field { padding-top: 0; padding-bottom: 0; }

select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; -webkit-print-color-adjust: exact; print-color-adjust: exact; }

select:where([multiple]),select:where([size]:not([size="1"])) { background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; padding-right: 0.75rem; -webkit-print-color-adjust: unset; print-color-adjust: unset; }

input:where([type='checkbox']),input:where([type='radio']) { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; -webkit-print-color-adjust: exact; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: #2563eb; background-color: #fff; border-color: #6b7280; border-width: 1px; --tw-shadow: 0 0 #0000; }

input:where([type='checkbox']) { border-radius: 0px; }

input:where([type='radio']) { border-radius: 100%; }

input:where([type='checkbox']):focus,input:where([type='radio']):focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }

input:where([type='checkbox']):checked,input:where([type='radio']):checked { border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; }

input:where([type='checkbox']):checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); }

@media (forced-colors: active)  {

 input:where([type='checkbox']):checked { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } }

input:where([type='radio']):checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); }

@media (forced-colors: active)  {

 input:where([type='radio']):checked { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } }

input:where([type='checkbox']):checked:hover,input:where([type='checkbox']):checked:focus,input:where([type='radio']):checked:hover,input:where([type='radio']):checked:focus { border-color: transparent; background-color: currentColor; }

input:where([type='checkbox']):indeterminate { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; }

@media (forced-colors: active)  {

 input:where([type='checkbox']):indeterminate { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } }

input:where([type='checkbox']):indeterminate:hover,input:where([type='checkbox']):indeterminate:focus { border-color: transparent; background-color: currentColor; }

input:where([type='file']) { background: unset; border-color: inherit; border-width: 0; border-radius: 0; padding: 0; font-size: unset; line-height: inherit; }

input:where([type='file']):focus { outline: 1px solid ButtonText; outline: 1px auto -webkit-focus-ring-color; }
/* Buttons */
/* Cards */
/* Form Inputs */
/* Labels */
/* Select */
/* Badges */
/* Section Layouts */
/* Container */
/* Tables */
/* Alerts */
/* Dropdown */
/* Modal - Mamaofy Custom (prefixado para nao conflitar com Bootstrap) */
/* Sidebar */
.sidebar-mamaofy-item.active { --tw-bg-opacity: 1; background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1)); font-weight: 500; --tw-text-opacity: 1; color: rgb(234 88 12 / var(--tw-text-opacity, 1)); }
/* Avatar */
/* Skeleton Loading */
/* Divider */
.tw-absolute { position: absolute; }
.tw-relative { position: relative; }
.tw-bottom-0 { bottom: 0px; }
.tw-left-0 { left: 0px; }
.tw-right-0 { right: 0px; }
.tw-top-0 { top: 0px; }
.tw-order-1 { order: 1; }
.tw-order-2 { order: 2; }
.tw-mx-auto { margin-left: auto; margin-right: auto; }
.tw-mb-10 { margin-bottom: 2.5rem; }
.tw-mb-12 { margin-bottom: 3rem; }
.tw-mb-6 { margin-bottom: 1.5rem; }
.tw-flex { display: flex; }
.tw-inline-flex { display: inline-flex; }
.tw-h-3 { height: 0.75rem; }
.tw-h-5 { height: 1.25rem; }
.tw-h-64 { height: 16rem; }
.tw-h-96 { height: 24rem; }
.tw-h-\[300px\] { height: 300px; }
.tw-max-h-\[300px\] { max-height: 300px; }
.tw-w-3 { width: 0.75rem; }
.tw-w-5 { width: 1.25rem; }
.tw-w-64 { width: 16rem; }
.tw-w-96 { width: 24rem; }
.tw-w-auto { width: auto; }
.tw-w-full { width: 100%; }
.tw-flex-shrink-0 { flex-shrink: 0; }
@keyframes tw-pulse {

 50% { opacity: .5; } }
.tw-animate-pulse { animation: tw-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
.tw-flex-col { flex-direction: column; }
.tw-flex-wrap { flex-wrap: wrap; }
.tw-items-center { align-items: center; }
.tw-justify-center { justify-content: center; }
.tw-gap-4 { gap: 1rem; }
.tw-overflow-hidden { overflow: hidden; }
.tw-rounded-full { border-radius: 9999px; }
.tw-rounded-xl { border-radius: 0.75rem; }
.tw-bg-amber-200 { --tw-bg-opacity: 1; background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1)); }
.tw-bg-orange-200 { --tw-bg-opacity: 1; background-color: rgb(254 215 170 / var(--tw-bg-opacity, 1)); }
.tw-object-contain { -o-object-fit: contain; object-fit: contain; }
.tw-px-4 { padding-left: 1rem; padding-right: 1rem; }
.tw-px-8 { padding-left: 2rem; padding-right: 2rem; }
.tw-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.tw-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.tw-font-bold { font-weight: 700; }
.tw-text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.tw-opacity-15 { opacity: 0.15; }
.tw-opacity-20 { opacity: 0.2; }
.tw-shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.tw-blur-2xl { --tw-blur: blur(40px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.tw-blur-3xl { --tw-blur: blur(64px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.tw-transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
/* Animations */
/* Text utilities */
/* Scrollbar styling */
/* Gradients */
/* Line clamp - usando prefixo tw- */

/* ================================================
   Custom Components - MamaoFy Design System
   NOTA: Usam prefixo tw- nas diretivas @apply
   ================================================ */

/* ================================================
   Custom Utilities
   ================================================ */

/* ================================================
   Sidebar Icon Utilities (safelist)
   Usadas na sidebar do panel e precisam estar disponíveis
   ================================================ */

.tw-w-3 { width: 0.75rem; }
.tw-h-3 { height: 0.75rem; }
.tw-w-5 { width: 1.25rem; }
.tw-h-5 { height: 1.25rem; }
.tw-flex-shrink-0 { flex-shrink: 0; }

/* ================================================
   Keyframes
   ================================================ */

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.hover\:tw-scale-105:hover { --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

@media (min-width: 640px) {

 .sm\:tw-flex-row { flex-direction: row; } }

@media (min-width: 1024px) {

 .lg\:tw-order-1 { order: 1; }

 .lg\:tw-order-2 { order: 2; }

 .lg\:tw-mb-0 { margin-bottom: 0px; }

 .lg\:tw-w-1\/2 { width: 50%; }

 .lg\:tw-py-20 { padding-top: 5rem; padding-bottom: 5rem; } }


/*# sourceMappingURL=tailwind.css.map*/