/*
Theme Name: Floka Child
Theme URI: https://floka.casethemes.net/
Author: Case-Themes
Author URI: https://themeforest.net/user/case-themes/
Description: Floka  is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Version: 1.0.2
License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: floka
Text Domain: floka-child
Tags: Blog, E-Commerce, Portfolio, Grid Layout, One Column, Two Columns, Three Columns, Four Columns, Left Sidebar, Right Sidebar, Custom Background, Custom Colors, Custom Header, Custom Logo, custom-menu, Editor Style, Featured Image Header, Featured Images, flexible-header, Footer Widgets, Full Width Template, microformats, Post Formats, Sticky Post, Theme Options, threaded-comments, translation-ready, Block Editor Styles, Wide Blocks
Requires at least: 5.8 or Higher
Requires PHP: 7.4 or Higher
Tested up to: 6.4
*/


/* Ajuste: logos de parceiros no marquee (widget 3daa0fa) - evita corte quadrado das logos */
.elementor-element-3daa0fa .pxl-item--img img {
	object-fit: contain !important;
	width: auto !important;
	height: 48px !important;
	max-width: 150px !important;
}
.elementor-element-3daa0fa .pxl-single--inner {
	width: auto !important;
	min-width: 150px !important;
	padding: 0 20px !important;
}

/* Ajuste: imagem de fundo do Hero (widget 65bb325) - aumentar no mobile ate o degrade encostar no contador */
@media (max-width: 767px) {
	.elementor-element-65bb325 {
		background-size: auto 520px !important;
		background-position: top center !important;
	}
}

/* Ajuste: imagem da Anatel (widget 848dc41) - preencher todo o espaco do container */
.elementor-element-848dc41 .pxl-image-single img {
	width: 100% !important;
	height: 100% !important;
	max-height: none !important;
	min-height: 100% !important;
	object-fit: cover !important;
}
.elementor-element-848dc41 .pxl-image-single,
.elementor-element-848dc41 .pxl-image-single .pxl-item--bg {
	height: 100% !important;
}
.elementor-element-848dc41 {
	height: 100% !important;
}

/* Ajuste 2: fechar a cadeia de altura ate a img (pxl-item--inner e pxl-item--image) */
.elementor-element-848dc41 .pxl-item--inner,
.elementor-element-848dc41 .pxl-item--image {
	height: 100% !important;
}

/* Ajuste 2: fechar a cadeia de altura ate a img (pxl-item--inner e pxl-item--image) */
.elementor-element-848dc41 .pxl-item--inner,
.elementor-element-848dc41 .pxl-item--image {
	height: 100% !important;
}

/* Ajuste Hero (tablet + desktop >=768px): titulo centralizado (fonte fluida), barra de icones em composicao deitada responsiva */
@media (min-width: 768px) {
	.elementor-element-215fc5c {
		flex-direction: column !important;
		align-items: center !important;
		row-gap: 30px !important;
	}
	.elementor-element-9fc4990 {
		order: 1 !important;
		width: 100% !important;
		max-width: 1245px !important;
		text-align: center !important;
	}
	.elementor-element-9fc4990 .pxl-heading--inner {
		width: 100% !important;
		max-width: 100% !important;
		text-align: center !important;
	}
	.elementor-element-9fc4990 .pxl-item--title {
		white-space: nowrap !important;
		font-size: clamp(28px, 4vw, 56px) !important;
		text-align: center !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	.elementor-element-e566b19 {
		order: 2 !important;
		width: 60% !important;
		max-width: 740px !important;
		aspect-ratio: 2560 / 393 !important;
		height: auto !important;
		border-radius: 20px !important;
		overflow: hidden !important;
		background-image: url('https://fortuna1.fuzzy.dev.br/wp-content/uploads/2026/08/tag-home-2-desktop-2-scaled-1.webp') !important;
		background-size: contain !important;
		background-position: center !important;
		background-repeat: no-repeat !important;
	}
	.elementor-element-e566b19 img {
		display: none !important;
	}
	.elementor-element-f20a669 {
		display: none !important;
	}
}

/* Ajuste Hero (somente celular <=767px): texto em cima, imagem de icones mobile embaixo */
@media (max-width: 767px) {
	.elementor-element-215fc5c {
		flex-direction: column !important;
	}
	.elementor-element-9fc4990 {
		order: 1 !important;
	}
	.elementor-element-e566b19 {
		order: 2 !important;
	}
}

/* Ajuste Hero (apenas mobile/tablet <=1024px): cabecalho sobrepondo a imagem de fundo, sem espaco reservado */
@media (max-width: 1024px) {
	#pxl-header-elementor {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		background: #ffffff !important;
		z-index: 100 !important;
	}
	.elementor-element-215fc5c {
		padding-top: 80px !important;
	}
}


/* Reduzir imagem de icones do Hero em 25% (somente celular <=767px) */
@media (max-width: 767px) {
	.elementor-element-e566b19 img {
		width: 75% !important;
		display: block !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.elementor-element-e566b19 .pxl-item--inner,
	.elementor-element-e566b19 .pxl-image-single {
		display: flex !important;
		justify-content: center !important;
	}
}

/* Corrigir duplicacao da lista do menu no painel mobile (bug do tema: renderiza 2x o mesmo <ul>) */
.pxl-header-nav ul.pxl-menu-primary:nth-of-type(2) {
	display: none !important;
}

/* Fale Conosco: todos os campos com o mesmo fundo cinza (um pouco mais forte) do campo Celular */
.elementor-element-4e2555d .contact--form.contact-form2 input[type="text"],
.elementor-element-4e2555d .contact--form.contact-form2 input[type="email"],
.elementor-element-4e2555d .contact--form.contact-form2 input[type="tel"],
.elementor-element-4e2555d .contact--form.contact-form2 textarea {
	background: #ECECEC !important;
	border-radius: 10px !important;
	border: none !important;
	padding: 18px !important;
	margin-bottom: 20px !important;
}