/* --- BRUTALIST STYLE CSS --- */
body {
    background-color: #0a0a0a;
    color: #e5e5e5;
    overflow-x: hidden;
    padding-bottom: 80px; /* Espaço para o footer não cortar em mobile antigo */
}

/* Scrollbar Customizada (Minimalista) */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #0a0a0a; }
::-webkit-scrollbar-thumb { background: #333; }

/* Botão Brutalista (Com lógica de toque corrigida) */
.btn-brutal {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); /* Retângulo perfeito */
    position: relative;
    font-weight: 700;
    letter-spacing: 0.05em;
    border: 1px solid transparent;
    transition: transform 0.1s, box-shadow 0.1s;
}

/* O efeito de "levantar" e sombra branca só acontece se o dispositivo tiver mouse */
@media (hover: hover) {
    .btn-brutal:hover {
        transform: translate(-2px, -2px);
        /* A sombra é definida via Tailwind ou inline, mas aqui reforçamos o padrão */
    }
}

/* No mobile, o feedback visual é apenas ao pressionar */
.btn-brutal:active {
    transform: translate(0, 0);
    box-shadow: none !important; 
    background-color: #fff !important; 
    color: #000 !important;
}

/* Range Slider Customizado (Estilo Industrial + Mobile Friendly) */
.range-brutal {
    -webkit-appearance: none;
    width: 100%;
    height: 4px;
    background: #e5e5e5;
    border-radius: 0;
    outline: none;
    cursor: pointer;
    margin: 20px 0;
}

/* Estilo do Thumb (Bolinha) para Chrome/Safari/Edge */
.range-brutal::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 32px; /* Área de toque otimizada */
    height: 32px;
    background: #000;
    border: 2px solid #D4FF00;
    border-radius: 0; 
    cursor: grab;
    margin-top: -14px; 
    transition: box-shadow 0.2s ease, transform 0.1s;
}

.range-brutal::-webkit-slider-thumb:active {
    cursor: grabbing;
    background: #D4FF00;
    border-color: #000;
    transform: scale(1.1);
}

/* Estilo do Thumb para Firefox */
.range-brutal::-moz-range-thumb {
    width: 32px;
    height: 32px;
    background: #000;
    border: 2px solid #D4FF00;
    border-radius: 0;
    cursor: grab;
    transition: transform 0.1s;
}

.range-brutal::-moz-range-thumb:active {
    cursor: grabbing;
    background: #D4FF00;
    border-color: #000;
    transform: scale(1.1);
}

/* Mobile Sticky Logic (Com proteção para iPhone/Safe Area) */
.mobile-sticky {
    transform: translateY(100%);
    transition: transform 0.3s ease-out;
    /* Adiciona padding extra em baixo para telas com "notch" ou barra home */
    padding-bottom: env(safe-area-inset-bottom, 20px); 
}

.mobile-sticky.visible {
    transform: translateY(0);
}

/* Remover seleção azul padrão */
::selection {
    background: #D4FF00;
    color: #000;
}

/* Ajustes de Tipografia */
.font-display { text-transform: uppercase; }