:root { --accent: #139ce0; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2); } 25% { box-shadow: -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1); } 50% { box-shadow: -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2); } 75% { box-shadow: 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #f4f4f4 }/* 1. REMOVER ESTRUTURAS INDESEJADAS (Abas e Fundo Branco) */ .elementor-widget-case27-basic-search-widget .featured-search .fs-tabs ul.nav.nav-tabs { display: none !important; /* Remove a barra 'Livros' */ } .elementor-widget-case27-basic-search-widget .featured-search .tab-content, .elementor-widget-case27-basic-search-widget .featured-search .tab-pane { background: transparent !important; /* Remove fundo card branco */ } /* 2. ESTILIZAR TEXTOS E LABELS PARA BRANCO */ /* Adicionado .ml-basicform-summary para pintar o "Clássicos da Literatura" de branco dentro da caixa */ .elementor-widget-case27-basic-search-widget label, .elementor-widget-case27-basic-search-widget input[type="text"], .elementor-widget-case27-basic-search-widget .select2-search__field, .elementor-widget-case27-basic-search-widget .ml-basicform-summary, .elementor-widget-case27-basic-search-widget .select2-selection__rendered { color: #ffffff !important; } /* Fundo Laranja e Texto Branco */ .header-button .buttons.button-1 { background-color: #f17626 !important; /* Laranja da marca */ color: #ffffff !important; /* Texto branco */ border-color: #f17626 !important; /* Borda da mesma cor para não ficar estranho */ } /* Garante que o ícone também fique branco */ .header-button .buttons.button-1 i { color: #ffffff !important; } /* 1. Definir altura fixa para a ÁREA da imagem */ .lf-item-container.type-livros .pc-slider, .lf-item-container.type-livros .pc-slides { height: 380px !important; /* Ajuste este valor conforme o tamanho desejado */ overflow: hidden !important; /* Garante que nada saia da área */ } /* 2. Ajuste da Imagem - Manter inteira (contain) ou preencher (cover) */ .lf-item-container.type-livros .pc-slides img { height: 100% !important; width: 100% !important; /* OPÇÃO A: 'contain' (Recomendado para livros) */ object-fit: contain !important; object-position: center center !important; /* Fundo para preencher o espaço vazio se usar 'contain' */ background-color: #f4f4f4; } /* 3. Uniformizar o Card inteiro */ .lf-item-container.type-livros .lf-item-default { height: 100% !important; /* Força o card a ocupar toda altura disponível na grid */ display: flex; flex-direction: column; } /* Garante que o conteúdo de texto ocupe o resto e alinhe o rodapé se precisar */ .lf-item-container.type-livros .lf-item-info { flex-grow: 1; } /* 1. Centralizar o container do preço (sem mexer no título) */ .lf-item-container.type-livros .lf-item-info .lf-contact { text-align: center !important; /* Centraliza o conteúdo da lista */ width: 100% !important; margin-top: 5px !important; } /* Pílula de Preço: Fundo Claro e Limpo */ .lf-item-container.type-livros .lf-item-info .lf-contact li { font-size: 22px !important; font-weight: 800 !important; color: #139ce0 !important; /* Azul da marca */ background-color: #ffffff !important; /* Fundo Branco Sólido */ border-radius: 50px !important; /* Redondo */ padding: 8px 24px !important; display: inline-block !important; /* Sombra leve para destacar do fundo do livro */ box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important; } .lf-item-container.type-livros .lf-item-info .listing-preview-title { text-align: center !important; width: 100% !important; }