/* ==========================================
   TEMA GLOBAL - MARIANO MÓVEIS
   ========================================== */

/* Importar as fontes premium do projeto */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800&family=Plus+Jakarta+Sans:wght@400;500;600&display=swap');

/* Variáveis de Cor da Marca Mariano Móveis */
:root {
    --cor-fundo: #09090b;
    --cor-fundo-card: #121216;
    --cor-texto-principal: #ffffff;
    --cor-texto-secundario: #a1a1aa;
    --cor-destaque-vermelho: #ff2e4d;
    --gradiente-botao: linear-gradient(135deg, #e50914, #99000d);
    --borda-suave: 1px solid rgba(255, 255, 255, 0.08);
    --borda-vermelha-suave: 1px solid rgba(229, 9, 20, 0.3);
}

/* 1. Reset de Fundo e Fonte do Site Inteiro */
body, .elementor-page, .elementor-editor-active {
    background-color: var(--cor-fundo) !important;
    color: var(--cor-texto-secundario);
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

/* 2. Estilo Global para todos os Títulos (H1, H2, H3...) */
.elementor-widget-heading h1, 
.elementor-widget-heading h2, 
.elementor-widget-heading h3,
.elementor-widget-heading h4,
.elementor-heading-title {
    font-family: 'Outfit', sans-serif !important;
    color: var(--cor-texto-principal) !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px;
}

/* Truque: Qualquer texto em <span> ou <b> dentro de um título fica vermelho automaticamente */
.elementor-heading-title span, 
.elementor-heading-title b,
.elementor-heading-title strong {
    color: var(--cor-destaque-vermelho) !important;
}

/* 3. Estilo Global para Textos e Parágrafos */
.elementor-widget-text-editor {
    color: var(--cor-texto-secundario) !important;
    font-size: 1.05rem;
    line-height: 1.6;
}

/* 4. Estilo Global para TODOS os botões do Elementor */
.elementor-button {
    background: var(--gradiente-botao) !important;
    border-radius: 9999px !important;
    padding: 16px 36px !important;
    color: #ffffff !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: bold !important;
    font-size: 1.05rem !important;
    box-shadow: 0 10px 30px rgba(229, 9, 20, 0.4) !important;
    border: none !important;
    transition: all 0.3s ease-in-out !important;
}

.elementor-button:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 15px 35px rgba(229, 9, 20, 0.6) !important;
}

/* ==========================================
   CLASSES UTILITÁRIAS (As "Cartas na Manga")
   ========================================== */

/* Caixa escura arredondada para Serviços, Equipe ou Imagens */
.card-premium {
    background: var(--cor-fundo-card) !important;
    border: var(--borda-suave) !important;
    border-radius: 24px !important;
    padding: 30px !important;
    transition: transform 0.3s ease;
    overflow: hidden !important; /* Garante que imagens fiquem dentro da borda redonda */
}

.card-premium:hover {
    transform: translateY(-5px);
    border-color: rgba(229, 9, 20, 0.3) !important;
}

/* Pílula vermelha translúcida para subtítulos ou avisos */
.tag-destaque {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: rgba(229, 9, 20, 0.1) !important;
    border: var(--borda-vermelha-suave) !important;
    color: var(--cor-destaque-vermelho) !important;
    padding: 6px 16px !important;
    border-radius: 9999px !important;
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    width: fit-content;
}

/* Ocultar cabeçalho e rodapé do tema padrão do WordPress */
.site-header, #masthead, .site-footer, #colophon {
    display: none !important;
}
/* Ocultar os créditos do WordPress no rodapé */
.site-info, 
.wp-block-site-info, 
.footer-credit {
    display: none !important;
}