/*
Theme Name: XXX Safety Prevention
Theme URI: https://example.com/xxx-safety-prevention
Author: Equipe XXX Safety
Author URI: https://example.com
Description: Tema WordPress clássico premium para Segurança & Prevenção, com foco em extintores, AVCB, consultoria e equipamentos de combate a incêndio, com suporte WooCommerce.
Version: 1.0.1
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: xxx-safety-prevention
Tags: custom-logo, custom-menu, ecommerce, one-column, two-columns, featured-images, full-width-template
*/

/* Estilos principais em assets/css/main.css */

/* Critical fallback for the cinematic Home hero.
   Keeps product images layered if front-page.css is stale in production cache. */
.fire-home .fire-hero__visual {
	position: relative;
}

.fire-home .fire-hero__stage {
	position: relative;
	display: block;
	width: min(100%, 760px);
	height: clamp(520px, 72vh, 820px);
	min-height: 420px;
	transform-style: preserve-3d;
}

.fire-home .fire-hero__stage > figure {
	margin: 0;
}

.fire-home .fire-hero__product {
	position: absolute;
	overflow: hidden;
	border-radius: 30px;
	background: #05080b;
	box-shadow: 0 44px 110px rgba(0, 0, 0, .58), 0 0 72px rgba(196, 30, 58, .16);
}

.fire-home .fire-hero__product img {
	display: block;
	width: 100%;
	height: 100%;
	max-height: none;
	object-fit: cover;
	border-radius: inherit;
	box-shadow: none;
}

.fire-home .fire-hero__product--rear {
	left: 0;
	top: 18%;
	z-index: 2;
	width: 35%;
	height: 54%;
	opacity: .66;
	transform: rotate(-7deg);
}

.fire-home .fire-hero__product--main {
	right: 17%;
	bottom: 3%;
	z-index: 5;
	width: min(56%, 420px);
	height: 88%;
	transform: rotate(-1.2deg);
}

.fire-home .fire-hero__product--detail {
	right: 0;
	top: 9%;
	z-index: 4;
	width: 31%;
	height: 34%;
	opacity: .84;
	transform: rotate(5deg);
}

.fire-home .fire-hero__glass {
	position: absolute;
	z-index: 8;
}

.fire-home .fire-hero__stage .fire-hero__seal {
	right: 2%;
	bottom: 18%;
	width: min(270px, 44%);
}

.fire-home .fire-hero__mini--pressure {
	left: 2%;
	bottom: 18%;
}

.fire-home .fire-hero__mini--response {
	right: 10%;
	top: 1%;
}

@media (max-width: 720px) {
	.fire-home .fire-hero__stage {
		height: clamp(430px, 68vh, 560px);
	}

	.fire-home .fire-hero__product--main {
		right: 18%;
		width: 62%;
	}

	.fire-home .fire-hero__product--detail {
		right: -2%;
		width: 34%;
	}
}