/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Tags: translation-ready,accessibility-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.4.3.1780053273
Updated: 2026-05-29 11:14:33

*/

/* RedQuimica product sheet
--------------------------------------------- */
:root {
	--rq-product-bg: #07111d;
	--rq-product-panel: #0a1726;
	--rq-product-panel-soft: #0f2136;
	--rq-product-border: rgba(114, 165, 220, 0.2);
	--rq-product-border-strong: rgba(64, 153, 255, 0.38);
	--rq-product-text: #f6f8fb;
	--rq-product-muted: #b8c6d8;
	--rq-product-blue: #2f97ff;
	--rq-product-blue-dark: #173d7c;
	--rq-product-red: #d92d20;
	--rq-product-red-dark: #a81f16;
	--rq-product-green: #27ae60;
	--rq-product-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
}

.rq-product-page {
	color: var(--rq-product-text);
	background:
		radial-gradient(circle at 18% 8%, rgba(47, 151, 255, 0.18), transparent 34rem),
		linear-gradient(180deg, #081522 0%, #050b13 100%);
	border: 1px solid var(--rq-product-border);
	border-radius: 8px;
	box-shadow: var(--rq-product-shadow);
	overflow: hidden;
}

.rq-product-page a {
	color: inherit;
}

.rq-product-hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, 1.15fr);
	gap: clamp(1.5rem, 4vw, 3rem);
	align-items: stretch;
	padding: clamp(1.5rem, 4vw, 3rem);
	background:
		linear-gradient(90deg, rgba(4, 12, 21, 0.96) 0%, rgba(8, 22, 37, 0.86) 48%, rgba(10, 22, 36, 0.6) 100%);
}

.rq-product-hero-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 1.25rem;
	min-width: 0;
}

.rq-product-eyebrow {
	width: fit-content;
	padding: 0.35rem 0.7rem;
	color: #9fd0ff;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: uppercase;
	background: rgba(47, 151, 255, 0.12);
	border: 1px solid rgba(47, 151, 255, 0.32);
	border-radius: 999px;
}

.rq-product-title {
	margin: 0;
	color: var(--rq-product-text);
	font-size: clamp(2.35rem, 5vw, 4.8rem);
	line-height: 0.95;
	font-weight: 800;
	letter-spacing: 0;
}

.rq-product-summary {
	max-width: 42rem;
	margin: 0;
	color: var(--rq-product-muted);
	font-size: clamp(1rem, 1.2vw, 1.15rem);
	line-height: 1.65;
}

.rq-product-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem;
	margin-top: 0.3rem;
}

.rq-product-button,
.rq-product-button-secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.55rem;
	min-height: 3rem;
	padding: 0.85rem 1.2rem;
	color: #fff;
	font-weight: 800;
	text-decoration: none;
	border-radius: 6px;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.26);
	transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.rq-product-button {
	background: linear-gradient(180deg, #ef3b2d 0%, var(--rq-product-red) 100%);
	border: 1px solid rgba(255, 116, 102, 0.46);
}

.rq-product-button-secondary {
	background: linear-gradient(180deg, #214b91 0%, var(--rq-product-blue-dark) 100%);
	border: 1px solid rgba(107, 163, 255, 0.46);
}

.rq-product-button:hover,
.rq-product-button-secondary:hover {
	color: #fff;
	transform: translateY(-1px);
}

.rq-product-featured-image {
	position: relative;
	min-height: 340px;
	border-radius: 8px;
	overflow: hidden;
	background: #08131f;
	border: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
}

.rq-product-featured-image img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 340px;
	object-fit: cover;
}

.rq-product-image-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	min-height: 340px;
	color: rgba(255, 255, 255, 0.9);
	font-size: clamp(3rem, 8vw, 7rem);
	font-weight: 800;
	background:
		radial-gradient(circle at 50% 38%, rgba(47, 151, 255, 0.22), transparent 18rem),
		linear-gradient(135deg, rgba(14, 34, 56, 0.96), rgba(4, 11, 19, 0.98));
}

.rq-product-data-bar {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.75rem;
	margin-top: 1rem;
}

.rq-product-data-card {
	min-height: 6.1rem;
	padding: 1rem;
	text-align: center;
	background: rgba(14, 31, 50, 0.82);
	border: 1px solid var(--rq-product-border);
	border-radius: 7px;
}

.rq-product-data-label {
	display: block;
	margin-bottom: 0.45rem;
	color: #8fb8e3;
	font-size: 0.82rem;
}

.rq-product-data-value {
	display: block;
	color: #fff;
	font-size: 1rem;
	font-weight: 800;
	line-height: 1.25;
}

.rq-product-nav {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(0.5rem, 2vw, 1.75rem);
	align-items: center;
	padding: 0.9rem clamp(1.25rem, 4vw, 3rem);
	background: rgba(11, 27, 45, 0.94);
	border-top: 1px solid rgba(255, 255, 255, 0.05);
	border-bottom: 1px solid var(--rq-product-border);
}

.rq-product-nav a {
	position: relative;
	padding: 0.75rem 0.35rem;
	color: #d9e5f5;
	font-weight: 700;
	text-decoration: none;
}

.rq-product-nav a:hover,
.rq-product-nav a:focus {
	color: #fff;
}

.rq-product-nav a::after {
	content: "";
	position: absolute;
	left: 0.35rem;
	right: 0.35rem;
	bottom: 0;
	height: 2px;
	background: var(--rq-product-blue);
	opacity: 0;
	transform: scaleX(0.7);
	transition: opacity 180ms ease, transform 180ms ease;
}

.rq-product-nav a:hover::after,
.rq-product-nav a:focus::after {
	opacity: 1;
	transform: scaleX(1);
}

.rq-product-content {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.85rem;
	padding: clamp(1rem, 3vw, 1.6rem);
	background: rgba(5, 12, 21, 0.72);
}

.rq-product-section,
.rq-product-tech-card,
.rq-product-benefits,
.rq-product-safety-box,
.rq-product-contact {
	background:
		linear-gradient(180deg, rgba(15, 33, 54, 0.9), rgba(8, 20, 34, 0.94));
	border: 1px solid var(--rq-product-border);
	border-radius: 8px;
}

.rq-product-section,
.rq-product-tech-card,
.rq-product-benefits,
.rq-product-safety-box {
	padding: clamp(1rem, 2vw, 1.45rem);
}

.rq-product-section h2,
.rq-product-section h3,
.rq-product-tech-card h3,
.rq-product-benefits h3,
.rq-product-safety-box h3,
.rq-product-contact h2,
.rq-product-contact h3 {
	margin-top: 0;
	color: #fff;
	letter-spacing: 0;
}

.rq-product-section p,
.rq-product-tech-card p,
.rq-product-benefits p,
.rq-product-safety-box p,
.rq-product-contact p {
	color: #d8e0ea;
	line-height: 1.7;
}

.rq-product-tech-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.75rem;
}

.rq-product-tech-card {
	min-height: 8rem;
}

.rq-product-app-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.8rem;
}

.rq-product-app-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.7rem;
	min-height: 8.5rem;
	padding: 1rem;
	color: #eef5ff;
	text-align: center;
	background: rgba(10, 24, 39, 0.74);
	border: 1px solid var(--rq-product-border);
	border-radius: 8px;
}

.rq-product-app-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	color: var(--rq-product-blue);
	font-size: 2rem;
}

.rq-product-benefit-list {
	display: grid;
	gap: 0.75rem;
	padding: 0;
	margin: 0;
	list-style: none;
}

.rq-product-benefit-list li {
	position: relative;
	padding-left: 1.7rem;
	color: #eef5ff;
	line-height: 1.5;
}

.rq-product-benefit-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.35rem;
	width: 0.85rem;
	height: 0.45rem;
	border-left: 3px solid var(--rq-product-blue);
	border-bottom: 3px solid var(--rq-product-blue);
	transform: rotate(-45deg);
}

.rq-product-safety-box {
	border-color: rgba(255, 190, 70, 0.34);
}

.rq-product-safety-layout {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 1.1rem;
	align-items: center;
}

.rq-product-safety-symbols {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
	align-items: center;
}

.rq-product-safety-symbols img {
	width: auto;
	max-width: 6.5rem;
	max-height: 6.5rem;
	object-fit: contain;
}

.rq-product-safety-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 4.5rem;
	min-height: 4.5rem;
	padding: 0.65rem;
	color: #fff;
	font-weight: 900;
	text-align: center;
	background: linear-gradient(180deg, rgba(217, 45, 32, 0.94), rgba(114, 22, 18, 0.94));
	border: 1px solid rgba(255, 190, 70, 0.46);
	border-radius: 7px;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.rq-product-contact {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 1.1rem;
	align-items: center;
	padding: clamp(1rem, 2vw, 1.35rem);
	background:
		linear-gradient(90deg, rgba(24, 67, 125, 0.92), rgba(13, 40, 75, 0.92));
	border-color: rgba(73, 151, 255, 0.36);
}

.rq-product-contact-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3.25rem;
	height: 3.25rem;
	color: #bcdcff;
	font-size: 2rem;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 7px;
}

.rq-product-contact h2,
.rq-product-contact h3,
.rq-product-contact p {
	margin-bottom: 0;
}

.rq-product-span-all {
	grid-column: 1 / -1;
}

@media (max-width: 1024px) {
	.rq-product-hero,
	.rq-product-content {
		grid-template-columns: 1fr;
	}

	.rq-product-data-bar,
	.rq-product-tech-grid,
	.rq-product-app-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.rq-product-page {
		border-radius: 0;
	}

	.rq-product-hero {
		padding: 1.2rem;
	}

	.rq-product-title {
		font-size: clamp(2.1rem, 14vw, 3.2rem);
	}

	.rq-product-actions,
	.rq-product-nav {
		flex-direction: column;
		align-items: stretch;
	}

	.rq-product-button,
	.rq-product-button-secondary {
		width: 100%;
	}

	.rq-product-featured-image,
	.rq-product-featured-image img,
	.rq-product-image-placeholder {
		min-height: 240px;
	}

	.rq-product-data-bar,
	.rq-product-tech-grid,
	.rq-product-app-grid,
	.rq-product-safety-layout,
	.rq-product-contact {
		grid-template-columns: 1fr;
	}

	.rq-product-contact {
		text-align: left;
	}
}