/*
Theme Name: Guia Comercial Barra Alerta
Theme URI: https://barraalerta.com.br
Author: Barra Alerta
Author URI: https://barraalerta.com.br
Description: Tema WordPress do Guia Comercial do Barra Alerta
Version: 1.5
License: GPL v2 or later
Text Domain: barra-alerta
*/

:root {
    --ba-red: #e31a1a;
    --ba-red-dark: #b31414;
    --ba-gray: #f8f9fa;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--ba-gray);
    scroll-behavior: smooth;
}

.ba-bg-red { background-color: var(--ba-red); }
.ba-text-red { color: var(--ba-red); }
.ba-border-red { border-color: var(--ba-red); }

.search-hero {
    background: linear-gradient(rgba(227, 26, 26, 0.95), rgba(179, 20, 20, 0.85)),
    url('https://images.unsplash.com/photo-1577416416829-d441e0e85ff9?auto=format&fit=crop&q=80&w=1200');
    background-size: cover;
    background-position: center;
}

.category-card {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.category-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 25px -5px rgba(227, 26, 26, 0.2);
    border-bottom: 4px solid var(--ba-red);
}

.sub-scroll::-webkit-scrollbar {
    height: 5px;
}
.sub-scroll::-webkit-scrollbar-thumb {
    background: #e2e8f0;
    border-radius: 10px;
}
.sub-scroll::-webkit-scrollbar-thumb:hover {
    background: var(--ba-red);
}

.pulse-red {
    animation: pulse-red 2s infinite;
}

@keyframes pulse-red {
    0% { box-shadow: 0 0 0 0 rgba(227, 26, 26, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(227, 26, 26, 0); }
    100% { box-shadow: 0 0 0 0 rgba(227, 26, 26, 0); }
}





/* Espaçamento do conteúdo das empresas */
.prose p {
    margin-bottom: 1.25rem;
}

.prose ul,
.prose ol {
    margin: 1.25rem 0;
    padding-left: 1.25rem;
}

.prose li {
    margin-bottom: 0.5rem;
}