*
Theme Name: Alef Criativa
Theme URI: https://alefcriativa.com.br
Author: Alef Criativa
Author URI: https://alefcriativa.com.br
Description: Landing Page de Alta Conversão para a Alef Criativa.
Version: 1.0.3
*/

/* Reset básico */
*, *::before, *::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
}

/* * =================================================================
 * CORREÇÃO FORÇADA DA LOGO
 * =================================================================
 */

/* 1. Destrava o CONTAINER (a caixa em volta da logo) */
header a:has(img[src*="logo"]),
header div:has(img[src*="logo"]),
header a:has(svg),
header div:has(svg) {
    height: auto !important;
    max-height: none !important;
    width: auto !important;
    /* Permite que a caixa cresça para os lados se a logo for larga */
    max-width: none !important; 
    min-height: 80px !important;
    display: flex !important;
    align-items: center !important;
}

/* 2. Aumenta a IMAGEM da Logo */
header img, 
header svg,
img[src*="logo"], 
[class*="Logo"] img {
    /* Desktop: Logo bem grande */
    height: 120px !important; 
    
    /* Garante que a largura acompanhe e não achate a imagem */
    width: auto !important;
    min-width: 100px !important; /* Evita que ela suma */
    
    /* Remove travas de tamanho máximo */
    max-width: none !important; 
    max-height: none !important;
    
    /* Garante que a imagem não fique esticada */
    object-fit: contain !important;
}

/* 3. Ajuste para Celulares/Tablets */
@media (max-width: 768px) {
    header img, 
    header svg,
    img[src*="logo"],
    [class*="Logo"] img {
        /* Mobile: Aumentei de 60px para 90px para não ficar minúscula */
        height: 80px !important;
    }
}