/*
 Theme Name:   Bricks Child Theme (OhMyGlobos)
 Theme URI:    https://ohmyglobos.com/
 Description:  Tema hijo de Bricks para OhMyGlobos (Réplica visual Magento Codazon Fastest + Home V12)
 Author:       OhMyGlobos
 Template:     bricks
 Version:      1.1.0
 Text Domain:  bricks
*/

:root {
	--omg-primary: #DE828F;
	--omg-primary-dark: #c96b78;
	--omg-dark: #282828;
	--omg-teal: #599199;
	--omg-gray-bar: #f0f0f0;
	--omg-menu-text: #797d89;
	--omg-footer-bg: #c7c7c7;
	--omg-border: #e1e1e1;
	--omg-whatsapp: #25D366;
}

/* ==========================================================================
   1. TIPOGRAFÍA Y BASE GLOBAL (PT Sans, #282828)
   ========================================================================== */
body,
html {
	font-family: 'PT Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
	color: #282828;
	background-color: #ffffff;
	font-size: 13.5px;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 26px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 14px;
}

h5, h6 {
	font-size: 13px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'PT Sans', sans-serif !important;
	color: #282828;
	font-weight: 700;
}

a {
	color: #282828;
	text-decoration: none;
	transition: color 0.2s ease;
}

a:hover {
	color: var(--omg-primary);
}

.omg-header-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
	width: 100%;
	box-sizing: border-box;
}

/* Eliminar paddings por defecto de contenedores wrapper de Bricks en cabecera/pie/home */
#brx-header .brxe-shortcode,
#brx-footer .brxe-shortcode,
body.home #brx-content {
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin: 0;
}

/* Ocultar el H1 por defecto del título de página en la Home (el Hero ya tiene su propio H1 estilizado) */
body.home #brx-content > h1:first-child,
body.home .post-34 > h1:first-child {
	display: none !important;
}

/* ==========================================================================
   2. CABECERA MAGENTO (Codazon Fastest OhMyGlobos)
   ========================================================================== */
.omg-site-header {
	background: #ffffff;
	width: 100%;
	position: relative;
	z-index: 1000;
}

/* 2.1 Top Panel (Iniciar sesión / Crear una cuenta) */
.omg-panel-wrapper {
	background-color: #ffffff;
	border-bottom: 1px solid #f0f0f0;
	font-size: 12px;
	padding: 6px 0;
}

.omg-panel-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.omg-header-links {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 18px;
	align-items: center;
}

.omg-header-links li {
	margin: 0;
}

.omg-header-links a {
	color: #282828;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}

.omg-header-links a:hover {
	color: var(--omg-primary);
}

/* 2.2 Middle Row (Search Left | Logo Center | Cart Right) */
.omg-header-middle {
	padding: 16px 0;
	background-color: #f0f0f0;
	border-bottom: 1px solid #e5e5e5;
}

.omg-middle-grid {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 20px;
}

.omg-middle-left {
	display: flex;
	align-items: center;
	gap: 12px;
}

.omg-mobile-toggle {
	display: none;
	background: none;
	border: 1px solid #e1e1e1;
	padding: 8px 11px;
	font-size: 18px;
	color: #282828;
	cursor: pointer;
	border-radius: 3px;
}

.omg-search-form {
	position: relative;
	width: 100%;
	max-width: 280px;
	display: flex;
	align-items: center;
}

.omg-search-input {
	width: 100%;
	height: 38px;
	padding: 6px 38px 6px 14px;
	border: 1px solid #d5d5d5;
	background: #ffffff;
	color: #282828;
	font-size: 13px;
	font-family: 'PT Sans', sans-serif;
	border-radius: 0;
	outline: none;
	transition: border-color 0.2s;
}

.omg-search-input:focus {
	border-color: var(--omg-primary);
}

.omg-search-submit {
	position: absolute;
	right: 0;
	top: 0;
	height: 38px;
	width: 38px;
	border: none;
	background: transparent;
	color: #282828;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
}

.omg-search-submit:hover {
	color: var(--omg-primary);
}

.omg-middle-center {
	text-align: center;
}

.omg-logo-img {
	max-width: 240px;
	height: auto;
	display: block;
	margin: 0 auto;
}

.omg-middle-right {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

/* Mini-cart Trigger & Dropdown */
.omg-header-cart-wrap {
	position: relative;
	display: inline-block;
}

.omg-cart-trigger {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: #282828;
	padding: 6px 10px;
}

.omg-cart-icon-wrap {
	position: relative;
	font-size: 20px;
	color: #282828;
	display: inline-flex;
	align-items: center;
}

.omg-cart-count {
	background: var(--omg-primary);
	color: #ffffff;
	font-size: 11px;
	font-weight: 700;
	min-width: 18px;
	height: 18px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 4px;
	padding: 0 4px;
}

.omg-cart-text {
	display: flex;
	flex-direction: column;
	text-align: left;
	line-height: 1.2;
}

.omg-cart-label {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
	color: #282828;
}

.omg-cart-subtotal {
	font-size: 13px;
	color: var(--omg-primary);
	font-weight: 700;
}

.omg-minicart-dropdown {
	display: none;
	position: absolute;
	right: 0;
	top: 100%;
	width: 370px;
	max-width: 90vw;
	background: #ffffff;
	border: 1px solid #dcdcdc;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
	padding: 16px;
	z-index: 2000;
	border-radius: 4px;
	text-align: left;
}

.omg-header-cart-wrap:hover .omg-minicart-dropdown {
	display: block;
}

/* Lista de productos en mini-carrito */
.omg-minicart-dropdown .woocommerce-mini-cart,
.omg-minicart-dropdown ul.cart_list {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 0 14px 0 !important;
	max-height: 380px;
	overflow-y: auto;
}

.omg-minicart-dropdown .woocommerce-mini-cart-item {
	position: relative !important;
	display: flex !important;
	align-items: flex-start !important;
	padding: 12px 24px 12px 0 !important;
	border-bottom: 1px solid #eeeeee !important;
	margin: 0 !important;
	line-height: 1.4 !important;
	font-size: 13px !important;
}

.omg-minicart-dropdown .woocommerce-mini-cart-item:last-child {
	border-bottom: none !important;
}

.omg-minicart-dropdown .woocommerce-mini-cart-item a.remove {
	position: absolute !important;
	top: 10px !important;
	right: 0 !important;
	width: 20px !important;
	height: 20px !important;
	line-height: 18px !important;
	font-size: 16px !important;
	color: #999999 !important;
	text-align: center !important;
	border-radius: 50% !important;
	border: 1px solid #e0e0e0 !important;
	background: transparent !important;
	transition: all 0.2s ease !important;
}

.omg-minicart-dropdown .woocommerce-mini-cart-item a.remove:hover {
	color: #ffffff !important;
	background: #DE828F !important;
	border-color: #DE828F !important;
}

.omg-minicart-dropdown img,
.widget_shopping_cart img,
.woocommerce-mini-cart-item img {
	width: 55px !important;
	max-width: 55px !important;
	height: 55px !important;
	object-fit: contain !important;
	margin: 0 12px 0 0 !important;
	border: 1px solid #f0f0f0 !important;
	border-radius: 4px !important;
	background: #fafafa !important;
	flex-shrink: 0 !important;
}

/* Metadatos (personalización, colores, caras) en minicarrito */
.omg-minicart-dropdown .woocommerce-mini-cart-item dl.variation {
	margin: 6px 0 0 !important;
	padding: 4px 0 0 !important;
	border-top: 1px dashed #f0f0f0 !important;
	display: grid !important;
	grid-template-columns: auto 1fr !important;
	gap: 2px 8px !important;
	font-size: 11.5px !important;
	color: #666666 !important;
}

.omg-minicart-dropdown .woocommerce-mini-cart-item dl.variation dt {
	font-weight: 700 !important;
	color: #444444 !important;
	margin: 0 !important;
}

.omg-minicart-dropdown .woocommerce-mini-cart-item dl.variation dd {
	margin: 0 !important;
}

.omg-minicart-dropdown .woocommerce-mini-cart-item .quantity {
	display: block !important;
	margin-top: 5px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	color: var(--omg-primary) !important;
}

.omg-minicart-dropdown .woocommerce-mini-cart__total {
	padding: 12px 0 !important;
	border-top: 2px solid #282828 !important;
	margin: 0 0 12px 0 !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	color: #282828 !important;
}

.omg-minicart-dropdown .woocommerce-mini-cart__total .woocommerce-Price-amount {
	color: var(--omg-primary) !important;
	font-size: 16px !important;
}

.omg-minicart-dropdown .woocommerce-mini-cart__buttons {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 10px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.omg-minicart-dropdown .woocommerce-mini-cart__buttons a.button {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 10px 14px !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	border-radius: 3px !important;
	text-align: center !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
}

.omg-minicart-dropdown .woocommerce-mini-cart__buttons a.button:first-child {
	background: #f0f0f0 !important;
	color: #282828 !important;
	border: 1px solid #d5d5d5 !important;
}

.omg-minicart-dropdown .woocommerce-mini-cart__buttons a.button:first-child:hover {
	background: #e2e2e2 !important;
}

.omg-minicart-dropdown .woocommerce-mini-cart__buttons a.button.checkout {
	background: var(--omg-primary) !important;
	color: #ffffff !important;
	border: 1px solid var(--omg-primary) !important;
}

.omg-minicart-dropdown .woocommerce-mini-cart__buttons a.button.checkout:hover {
	background: var(--omg-primary-dark) !important;
}

/* 2.3 Bottom Navigation Bar (#f0f0f0, centrada) */
.omg-header-bottom {
	background-color: #f0f0f0;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #e5e5e5;
}

.omg-main-navigation {
	display: flex;
	justify-content: center;
}

.omg-nav-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.omg-nav-menu > li {
	position: relative;
	margin: 0;
}

.omg-nav-menu > li > a {
	display: block;
	padding: 13px 22px;
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: #797d89;
	letter-spacing: 0.3px;
	transition: background-color 0.2s, color 0.2s;
}

.omg-nav-menu > li.menu-item-has-children > a::after {
	content: "\f107";
	font-family: "FontAwesome";
	margin-left: 6px;
	font-size: 13px;
}

.omg-nav-menu > li:hover > a,
.omg-nav-menu > li.current-menu-item > a,
.omg-nav-menu > li.current-menu-parent > a {
	color: var(--omg-primary);
	background-color: #ffffff;
}

/* Submenú desplegable (groupmenu-drop de Magento) */
.omg-nav-menu .sub-menu {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	min-width: 310px;
	background: #ffffff;
	border: 1px solid #eeeeee;
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
	list-style: none;
	margin: 0;
	padding: 12px 0;
	z-index: 1500;
	text-align: left;
}

.omg-nav-menu > li:hover > .sub-menu {
	display: block;
}

.omg-nav-menu .sub-menu li {
	margin: 0;
}

.omg-nav-menu .sub-menu li a {
	display: block;
	padding: 9px 20px;
	font-size: 14px;
	font-weight: 400;
	color: #444444;
	text-transform: none;
	transition: color 0.15s, background-color 0.15s;
}

.omg-nav-menu .sub-menu li a:hover {
	color: var(--omg-primary);
	background-color: #f9f9f9;
}

/* Breadcrumbs estilo Magento */
.omg-breadcrumbs-bar {
	background: #ffffff;
	padding: 12px 0 6px;
}

.omg-breadcrumbs {
	font-size: 12px;
	color: #777777;
}

.omg-breadcrumbs a {
	color: #282828;
}

.omg-breadcrumbs a:hover {
	color: var(--omg-primary);
}

.omg-bc-sep {
	margin: 0 5px;
	color: #999999;
}

/* Ocultar cualquier breadcrumb duplicado dentro de #brx-content o contenido principal */
#brx-content > .woocommerce-breadcrumb,
.single-product .entry-summary .woocommerce-breadcrumb,
.single-product > .woocommerce-breadcrumb {
	display: none !important;
}

/* ==========================================================================
   3. ESTILOS DE PORTADA HOME V12 (home-ohmyglobos-2026)
   ========================================================================== */
.ohmyglobos-final {
	font-family: 'PT Sans', sans-serif !important;
	font-size: 16px !important;
	line-height: 1.6 !important;
	color: #282828 !important;
	width: 100%;
}

.ohmyglobos-final * {
	box-sizing: border-box;
}

.omg-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	width: 100%;
}

.omg-container-wide {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 20px;
	width: 100%;
}

/* HERO SECTION */
.omg-hero-section {
	background: linear-gradient(rgba(255,255,255,0.05), rgba(255,255,255,0.05)), url('../../uploads/omg-assets/home/ohmyglobos-especialistas-globos-publicitarios-impresos.jpg') #fff;
	background-size: cover;
	background-position: center;
	min-height: 500px;
	display: flex;
	align-items: center;
}

.omg-hero-flex {
	display: flex;
	justify-content: flex-end;
	width: 100%;
}

.omg-hero-content {
	max-width: 560px;
	text-align: left;
	padding: 20px;
}

.omg-hero-content h1 {
	font-size: 40px !important;
	font-weight: 700 !important;
	color: #282828 !important;
	margin: 0 0 20px !important;
	line-height: 1.15 !important;
}

.omg-hero-content p {
	font-size: 19px !important;
	color: #444 !important;
	margin: 0 0 32px !important;
	font-weight: 500 !important;
}

/* BOTONES HERO */
.omg-btn {
	display: inline-block;
	padding: 15px 34px;
	border-radius: 5px;
	font-weight: 700;
	text-decoration: none !important;
	font-size: 15px !important;
	transition: 0.3s;
	margin: 6px 12px 6px 0;
}

.omg-btn.primary {
	background: #DE828F !important;
	color: #fff !important;
}

.omg-btn.secondary {
	background: #282828 !important;
	color: #fff !important;
}

.omg-btn:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}

/* TRUST BAR */
.omg-trust-bar {
	background: #fff !important;
	padding: 55px 0 !important;
	border-bottom: 1px solid #eee;
}

.omg-trust-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.omg-trust-item {
	display: flex;
	align-items: center;
	gap: 15px;
}

.omg-trust-item i {
	font-size: 34px !important;
	color: #DE828F !important;
	width: 50px;
	text-align: center;
}

.omg-trust-text strong {
	display: block !important;
	font-size: 19px !important;
	color: #282828 !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
}

.omg-trust-text span {
	font-size: 14px !important;
	color: #777 !important;
}

/* CATEGORIES GRID */
.omg-title,
.title-v9 {
	text-align: center !important;
	font-size: 32px !important;
	font-weight: 700 !important;
	margin: 40px 0 30px !important;
	color: #282828 !important;
}

.omg-cat-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 28px;
	margin-bottom: 40px;
	align-items: stretch;
}

.omg-cat-card {
	text-decoration: none !important;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 10px;
	overflow: hidden;
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
	display: flex;
	flex-direction: column;
	height: 100%;
	box-sizing: border-box;
}

.omg-cat-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 14px 30px rgba(0,0,0,0.1);
	border-color: #DE828F;
}

.omg-cat-img {
	width: 100%;
	height: 240px;
	overflow: hidden;
	background: #fdfdfd;
	display: flex;
	align-items: center;
	justify-content: center;
}

.omg-cat-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}

.omg-cat-card:hover .omg-cat-img img {
	transform: scale(1.04);
}

.omg-cat-info {
	padding: 22px 20px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-grow: 1;
}

.omg-cat-info h3 {
	font-size: 19px !important;
	font-weight: 700 !important;
	color: #282828 !important;
	margin: 0 0 10px !important;
}

.omg-cat-info p {
	font-size: 14px !important;
	color: #666 !important;
	margin: 0 0 16px !important;
	line-height: 1.45 !important;
	flex-grow: 1;
}

.omg-cat-btn {
	color: #DE828F;
	font-weight: 700;
	font-size: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

/* En pantallas grandes (Desktop): Las 3 primeras ocupan 2 columnas cada una (de 6), las 2 horizontales ocupan 3 columnas cada una */
@media (min-width: 992px) {
	.omg-cat-grid {
		grid-template-columns: repeat(6, 1fr) !important;
	}
	.omg-cat-card:nth-child(1),
	.omg-cat-card:nth-child(2),
	.omg-cat-card:nth-child(3) {
		grid-column: span 2 !important;
	}
	.omg-cat-card:nth-child(4),
	.omg-cat-card:nth-child(5) {
		grid-column: span 3 !important;
	}
	.omg-cat-card.horizontal {
		flex-direction: row !important;
	}
	.omg-cat-card.horizontal .omg-cat-img {
		width: 45% !important;
		height: 100% !important;
		min-height: 200px;
	}
	.omg-cat-card.horizontal .omg-cat-info {
		width: 55% !important;
		text-align: left !important;
		padding: 24px;
	}
	.omg-cat-card.horizontal .omg-cat-btn {
		justify-content: flex-start !important;
	}
}

/* HOW IT WORKS */
.omg-how-it-works {
	background: #f9f9f9 !important;
	margin: 20px 0 !important;
	padding: 20px 0 40px !important;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.omg-how-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
}

.omg-how-item {
	text-align: center;
}

.omg-how-icon {
	font-size: 38px !important;
	color: #DE828F !important;
	margin-bottom: 18px;
}

.omg-how-item h4 {
	font-size: 20px !important;
	font-weight: 700 !important;
	margin: 0 0 14px !important;
}

.omg-how-item p {
	font-size: 15px !important;
	color: #666 !important;
	margin: 0;
}

/* TRUSTIVITY BANNER */
.omg-trustivity-banner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 10px;
	padding: 16px 24px;
	margin: 25px auto;
	max-width: 850px;
	flex-wrap: wrap;
}

.omg-trustivity-stars {
	color: #f59e0b;
	font-size: 18px;
	display: flex;
	align-items: center;
	gap: 4px;
}

.omg-trustivity-stars strong {
	color: #282828;
	margin-left: 8px;
}

.omg-trustivity-brand {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-weight: 700;
	font-size: 15px;
	color: #10b981;
	background: #ecfdf5;
	border: 1px solid #a7f3d0;
	padding: 4px 12px;
	border-radius: 20px;
}

/* CONTACT CTA */
.omg-contact-section {
	padding: 40px 0;
	background: #fff;
}

.omg-contact-box {
	background: #f8f9fa;
	border: 2px dashed #DE828F;
	padding: 40px;
	border-radius: 20px;
	text-align: center;
}

.omg-contact-box h2 {
	font-size: 26px !important;
	font-weight: 700 !important;
	margin: 0 0 12px !important;
}

.omg-contact-box p {
	font-size: 16px !important;
	margin: 0 0 28px !important;
	color: #555;
}

.omg-contact-buttons {
	display: flex;
	justify-content: center;
	gap: 24px;
	flex-wrap: wrap;
}

.omg-cta-btn {
	padding: 14px 30px;
	border-radius: 8px;
	text-decoration: none !important;
	font-weight: 700;
	font-size: 15px !important;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	transition: 0.3s;
}

.omg-cta-btn.email {
	background: #DE828F;
	color: #fff !important;
}

.omg-cta-btn.whatsapp {
	background: #25D366;
	color: #fff !important;
}

.omg-cta-btn:hover {
	transform: scale(1.04);
}

/* SEO ACCORDIONS */
.seo-v9 {
	padding: 30px 20px 80px;
	max-width: 1200px;
	margin: 0 auto;
}

.seo-intro {
	font-size: 16px;
	color: #555;
	text-align: center;
	max-width: 900px;
	margin: 0 auto 40px;
}

.seo-v9-item {
	border-bottom: 1px solid #eee;
	padding: 10px 0;
}

.seo-v9-item summary {
	font-weight: 700;
	font-size: 18px;
	padding: 14px 0;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #282828;
	list-style: none;
}

.seo-v9-item summary::-webkit-details-marker {
	display: none;
}

.seo-v9-item summary::after {
	content: '\f107';
	font-family: 'FontAwesome';
	color: #DE828F;
	font-size: 22px;
}

.seo-v9-body {
	padding: 12px 0 18px;
	font-size: 15px;
	color: #555;
}

.seo-contact-v9 {
	background: #fff;
	border: 1px solid #eee;
	padding: 32px;
	border-radius: 12px;
	margin-top: 45px;
	text-align: center;
}

.contact-links-v9 {
	list-style: none;
	padding: 0;
	margin: 15px 0 0;
	display: flex;
	justify-content: center;
	gap: 35px;
	flex-wrap: wrap;
}

.contact-links-v9 li {
	font-size: 16px;
	color: #282828;
	font-weight: 700;
}

.contact-links-v9 i {
	color: #DE828F;
	margin-right: 8px;
}

/* ==========================================================================
   4. CATÁLOGO Y CATEGORÍAS DE PRODUCTO (5 COLUMNAS COMO MAGENTO)
   ========================================================================== */
.woocommerce .brx-container,
.archive.woocommerce #brx-content,
.single-product #brx-content {
	max-width: 1200px;
	margin: 0 auto;
	padding: 15px 15px 60px;
}

.woocommerce-products-header__title.page-title {
	font-size: 24px;
	font-weight: 700;
	color: #282828;
	margin: 10px 0 20px;
	text-transform: uppercase;
}

.woocommerce ul.products {
	display: grid !important;
	grid-template-columns: repeat(5, 1fr) !important;
	gap: 18px !important;
	margin: 0 0 35px !important;
	padding: 0 !important;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
	display: none !important;
}

.woocommerce ul.products li.product {
	width: 100% !important;
	margin: 0 !important;
	background: #ffffff;
	border: 1px solid #ededed;
	padding: 12px 12px 18px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	transition: box-shadow 0.25s ease, border-color 0.25s ease;
	box-sizing: border-box;
}

.woocommerce ul.products li.product:hover {
	box-shadow: 0 5px 18px rgba(0, 0, 0, 0.08);
	border-color: var(--omg-primary);
}

.woocommerce ul.products li.product a img {
	width: 100%;
	height: 200px;
	object-fit: contain;
	margin: 0 0 12px;
	background: #ffffff;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #282828 !important;
	line-height: 1.35 !important;
	margin: 0 0 8px !important;
	min-height: 38px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title:hover {
	color: var(--omg-primary) !important;
}

.woocommerce ul.products li.product .price {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #282828 !important;
	margin-bottom: 12px !important;
	display: block;
}

.woocommerce ul.products li.product .button {
	background-color: var(--omg-primary) !important;
	color: #ffffff !important;
	border: 1px solid var(--omg-primary) !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	padding: 9px 14px !important;
	border-radius: 0 !important;
	width: 100%;
	box-sizing: border-box;
	transition: all 0.2s ease;
}

.woocommerce ul.products li.product .button:hover {
	background-color: #ffffff !important;
	color: var(--omg-primary) !important;
}

/* Descripción SEO de categoría situada debajo del listado de productos */
.omg-category-seo-bottom {
	margin-top: 40px;
	padding-top: 30px;
	border-top: 1px solid #eeeeee;
	font-size: 15px;
	line-height: 1.65;
	color: #333333;
}

.omg-category-seo-bottom h2,
.omg-category-seo-bottom h3 {
	margin-top: 24px;
	margin-bottom: 12px;
	color: #282828;
}

/* ==========================================================================
   5. FICHA DE PRODUCTO INDIVIDUAL (SINGLE PRODUCT OHMYGLOBOS)
   ========================================================================== */
.omg-single-product-container,
.single-product #brx-content,
.single-product .brx-container {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 15px 15px 60px !important;
	box-sizing: border-box !important;
	width: 100% !important;
}

.omg-product-layout {
	width: 100% !important;
	display: block !important;
}

.omg-product-top-row {
	display: grid !important;
	grid-template-columns: 45% 52% !important;
	justify-content: space-between !important;
	gap: 3% !important;
	align-items: start !important;
	width: 100% !important;
	margin-bottom: 40px !important;
}

/* En productos con personalizador, dar más protagonismo a las opciones */
.has-customizer .omg-product-top-row,
.omg-product-layout:has(.omg-customizer-box) .omg-product-top-row {
	grid-template-columns: 36% 61% !important;
}

.omg-product-gallery-col {
	width: 100% !important;
}

.omg-product-gallery-col .woocommerce-product-gallery {
	width: 100% !important;
	float: none !important;
	margin: 0 !important;
}

.omg-product-summary-col {
	width: 100% !important;
	float: none !important;
	margin: 0 !important;
}

.omg-product-bottom-row {
	width: 100% !important;
	clear: both !important;
	display: block !important;
	margin-top: 30px !important;
	padding-top: 20px !important;
}

/* Compatibilidad y estructura completa de la ficha de producto */
.single-product #primary,
.single-product main#main {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 20px 15px 50px !important;
	box-sizing: border-box !important;
	width: 100% !important;
	overflow: visible !important;
}

.single-product div.product {
	width: 100% !important;
	display: block !important;
	position: relative !important;
}

/* Envolver gallery y summary en grid o clearfix */
.single-product div.product::after {
	content: "";
	display: table;
	clear: both;
}

.single-product div.product .woocommerce-product-gallery {
	width: 44% !important;
	float: left !important;
	box-sizing: border-box !important;
	margin-right: 4% !important;
	margin-bottom: 30px !important;
}

.single-product div.product .summary.entry-summary {
	width: 52% !important;
	float: right !important;
	box-sizing: border-box !important;
	margin-bottom: 30px !important;
}

/* En productos con personalizador, dar más espacio lateral */
.single-product.has-customizer div.product .woocommerce-product-gallery {
	width: 36% !important;
	margin-right: 4% !important;
}

.single-product.has-customizer div.product .summary.entry-summary {
	width: 60% !important;
}

/* Pestañas de información y ficha inferior */
.single-product div.product .woocommerce-tabs {
	clear: both !important;
	width: 100% !important;
	margin: 40px 0 !important;
}

/* ==========================================================================
   SECCIÓN DE PRODUCTOS RELACIONADOS (.omg-related-products-section)
   ========================================================================== */
.omg-related-products-section,
.single-product div.product .related.products,
.single-product .related.products {
	display: block !important;
	width: 100% !important;
	max-width: 1200px !important;
	margin: 60px auto 40px !important;
	padding-top: 40px !important;
	padding-bottom: 20px !important;
	border-top: 1px solid #ebebeb !important;
	clear: both !important;
	box-sizing: border-box !important;
	position: relative !important;
	z-index: 10 !important;
}

.omg-related-title,
.single-product div.product .related.products h2 {
	font-size: 22px !important;
	font-weight: 700 !important;
	color: #282828 !important;
	margin: 0 0 25px !important;
	text-align: left !important;
	text-transform: none !important;
}

.omg-related-grid,
.single-product div.product .related.products ul.products {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 22px !important;
	width: 100% !important;
	box-sizing: border-box !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.omg-related-card,
.single-product div.product .related.products ul.products li.product {
	background: #ffffff !important;
	border: 1px solid #e2e2e2 !important;
	border-radius: 8px !important;
	padding: 18px 14px !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
	align-items: center !important;
	text-align: center !important;
	transition: all 0.25s ease !important;
	box-sizing: border-box !important;
	width: 100% !important;
	margin: 0 !important;
}

.omg-related-card:hover,
.single-product div.product .related.products ul.products li.product:hover {
	transform: translateY(-5px) !important;
	box-shadow: 0 10px 24px rgba(0,0,0,0.08) !important;
	border-color: #DE828F !important;
}

.omg-related-img-wrap,
.single-product div.product .related.products ul.products li.product a.woocommerce-LoopProduct-link {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 160px !important;
	margin-bottom: 12px !important;
	background: #ffffff !important;
	text-decoration: none !important;
}

.omg-related-img-wrap img,
.single-product div.product .related.products ul.products li.product img {
	max-width: 100% !important;
	max-height: 150px !important;
	object-fit: contain !important;
	display: block !important;
	transition: transform 0.3s ease !important;
}

.omg-related-card:hover .omg-related-img-wrap img,
.single-product div.product .related.products ul.products li.product:hover img {
	transform: scale(1.05) !important;
}

.omg-related-content {
	width: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	flex-grow: 1 !important;
	justify-content: space-between !important;
}

.omg-related-item-title,
.single-product div.product .related.products ul.products li.product .woocommerce-loop-product__title {
	font-size: 13.5px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	margin: 0 0 8px !important;
	min-height: 38px !important;
	color: #282828 !important;
}

.omg-related-item-title a {
	color: #282828 !important;
}

.omg-related-item-title a:hover {
	color: #DE828F !important;
}

.omg-related-price,
.single-product div.product .related.products ul.products li.product .price {
	font-size: 15px !important;
	font-weight: 700 !important;
	color: #282828 !important;
	margin-bottom: 14px !important;
	display: block !important;
}

.omg-related-action,
.single-product div.product .related.products ul.products li.product .button {
	width: 100% !important;
	margin-top: auto !important;
}

.omg-btn-related,
.single-product div.product .related.products ul.products li.product .button {
	display: block !important;
	width: 100% !important;
	background: var(--omg-primary) !important;
	color: #ffffff !important;
	border: 1px solid var(--omg-primary) !important;
	font-family: 'PT Sans', sans-serif !important;
	font-size: 12.5px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.3px !important;
	padding: 8px 12px !important;
	border-radius: 4px !important;
	cursor: pointer !important;
	text-align: center !important;
	box-sizing: border-box !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
}

.omg-btn-related:hover,
.single-product div.product .related.products ul.products li.product .button:hover {
	background: #ffffff !important;
	color: var(--omg-primary) !important;
}

/* Mensajes y avisos de WooCommerce en la ficha de producto */
.woocommerce-notices-wrapper {
	width: 100% !important;
	max-width: 1200px !important;
	margin: 0 auto 20px !important;
	clear: both !important;
}

.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-info {
	margin: 0 0 20px !important;
	padding: 14px 20px 14px 48px !important;
	border-radius: 4px !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	list-style: none !important;
}

.woocommerce-notices-wrapper .woocommerce-message {
	background-color: #f0fdf4 !important;
	border-left: 4px solid #22c55e !important;
	color: #15803d !important;
}

.woocommerce-notices-wrapper .woocommerce-error {
	background-color: #fef2f2 !important;
	border-left: 4px solid #ef4444 !important;
	color: #b91c1c !important;
}

/* ==========================================================================
   LISTA DE COMPONENTES DEL BUNDLE / PACK (WPC Product Bundles)
   Ocultar la miniatura (foto) y el precio individual de cada producto
   ========================================================================== */
.single-product .woosb-wrap,
.single-product .woosb-products {
	margin: 15px 0 25px !important;
	border-top: 1px solid #eeeeee;
	padding-top: 15px;
}

.single-product .woosb-product {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	padding: 8px 0 !important;
	border-bottom: 1px dashed #f0f0f0 !important;
}

/* Ocultar foto del producto componente */
.single-product .woosb-product .woosb-thumb,
.single-product .woosb-product .woosb-thumb-ori,
.single-product .woosb-product .woosb-thumb-new {
	display: none !important;
}

/* Ocultar precio individual del producto componente */
.single-product .woosb-product .woosb-price,
.single-product .woosb-product .woosb-price-ori,
.single-product .woosb-product .woosb-price-new {
	display: none !important;
}

/* Estilo limpio para el texto del componente */
.single-product .woosb-product .woosb-title {
	width: 100% !important;
	padding: 0 !important;
}

.single-product .woosb-product .woosb-name {
	font-size: 14px !important;
	font-weight: 600 !important;
	color: #282828 !important;
}

.single-product .woosb-product .woosb-name a {
	color: #282828 !important;
	text-decoration: none !important;
}

.single-product .woosb-product .woosb-name a:hover {
	color: var(--omg-primary) !important;
}

.single-product .woosb-product .woosb-availability {
	font-size: 12px !important;
	margin-top: 2px !important;
}

.single-product .product_title.entry-title {
	font-size: 24px !important;
	font-weight: 700 !important;
	color: #282828 !important;
	text-transform: uppercase;
	margin: 0 0 8px !important;
}

.omg-product-title-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 14px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f0f0f0;
	font-size: 13px;
}

.omg-product-sku {
	color: #777777;
}

.omg-product-stock.available span {
	color: #27ae60;
	font-weight: 700;
	text-transform: uppercase;
}

.omg-product-stock.unavailable span {
	color: #e74c3c;
	font-weight: 700;
	text-transform: uppercase;
}

.single-product div.product p.price {
	font-size: 26px !important;
	font-weight: 700 !important;
	color: var(--omg-primary) !important;
	margin: 0 0 18px !important;
}

/* Botón principal Añadir al carrito en ficha de producto */
.single-product form.cart .single_add_to_cart_button {
	background-color: var(--omg-primary) !important;
	color: #ffffff !important;
	border: 1px solid var(--omg-primary) !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	padding: 13px 32px !important;
	border-radius: 0 !important;
	cursor: pointer;
	transition: all 0.2s ease;
}

.single-product form.cart .single_add_to_cart_button:hover {
	background-color: #ffffff !important;
	color: var(--omg-primary) !important;
}

/* Aviso de entrega (.aviso-entrega) */
.aviso-entrega {
	background: #fdf6f7;
	border-left: 4px solid var(--omg-primary);
	padding: 12px 16px;
	margin: 18px 0 24px;
	font-size: 14px;
	color: #282828;
	font-weight: 700;
}

.aviso-entrega p {
	margin: 0;
}

/* Widget "¿Necesitas algún accesorio para tus globos?" */
.recommended-products-widget {
	margin: 30px 0 60px;
	padding: 20px;
	background: #fafafa;
	border: 1px solid #eeeeee;
	border-radius: 8px;
	clear: both;
}

.recommended-products-widget .widget-title {
	font-size: 19px !important;
	font-weight: 700 !important;
	color: #282828 !important;
	margin: 0 0 14px !important;
}

.recommended-products-widget .row-title {
	font-size: 15px !important;
	font-weight: 700 !important;
	color: #444444 !important;
	margin: 10px 0 8px !important;
}

.products-slider-container {
	position: relative;
	margin-bottom: 14px;
	overflow: hidden;
}

.products-slider {
	display: flex;
	gap: 14px;
	overflow-x: auto;
	scroll-behavior: smooth;
	scrollbar-width: none;
	padding: 6px 2px;
}

.products-slider::-webkit-scrollbar {
	display: none;
}

.recommended-products-widget .product-item {
	background: #ffffff;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	min-width: 175px;
	width: 175px;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	padding: 12px 10px;
	box-sizing: border-box;
}

.recommended-products-widget .product-image {
	width: 100%;
	height: 75px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 8px;
}

.recommended-products-widget .product-image img {
	max-width: 100%;
	max-height: 75px;
	object-fit: contain;
}

.recommended-products-widget .product-name {
	font-size: 12.5px !important;
	font-weight: 600 !important;
	line-height: 1.25 !important;
	margin: 0 0 6px !important;
	text-align: center;
}

.recommended-products-widget .product-price {
	font-size: 14px;
	font-weight: 700;
	color: #e74c3c;
	margin-bottom: 8px;
	text-align: center;
}

.recommended-products-widget .product-actions {
	width: 100%;
	text-align: center;
}

.recommended-products-widget .add-to-cart {
	display: block;
	width: 100%;
	background: var(--omg-teal) !important;
	color: #ffffff !important;
	border: 1px solid var(--omg-teal) !important;
	padding: 6px 8px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	box-sizing: border-box;
}

.recommended-products-widget .add-to-cart:hover {
	background: #ffffff !important;
	color: var(--omg-teal) !important;
}

.recommended-products-widget .out-of-stock {
	font-size: 11px;
	color: #999999;
	padding: 6px 0;
}

.recommended-products-widget .slider-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(255, 255, 255, 0.95);
	border: 1px solid #d0d0d0;
	border-radius: 50%;
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 10;
	font-size: 20px;
	line-height: 1;
	color: #333;
}

.recommended-products-widget .slider-prev {
	left: 4px;
}

.recommended-products-widget .slider-next {
	right: 4px;
}

/* Vista general (short description) */
.omg-product-overview {
	margin-top: 24px;
	padding-top: 20px;
	border-top: 1px solid #eeeeee;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
	clear: both;
	display: block !important;
}

.omg-product-overview .title {
	display: none !important;
}

.omg-product-overview .value {
	font-size: 14px;
	line-height: 1.6;
	width: 100% !important;
	max-width: 100% !important;
	color: #444444;
	display: block !important;
}

.omg-product-overview .value ul {
	margin: 0;
	padding-left: 20px;
	width: 100% !important;
}

.omg-product-overview .value li {
	margin-bottom: 8px;
	line-height: 1.5;
}

.woocommerce-product-details__short-description {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
}

.summary.entry-summary {
	width: 100% !important;
}

/* ==========================================================================
   6. PIE DE PÁGINA MAGENTO (#c7c7c7) Y WHATSAPP FLOTANTE (.avisowhatsapp)
   ========================================================================== */
.omg-site-footer {
	background-color: var(--omg-footer-bg);
	color: #ffffff;
	margin-top: 80px !important;
	padding-bottom: 35px;
	clear: both !important;
	position: relative !important;
	z-index: 1 !important;
}

.omg-footer-top {
	background-color: var(--omg-footer-bg);
	padding: 25px 0 10px;
	text-align: center;
}

.omg-footer-logo {
	max-width: 190px;
	height: auto;
	display: inline-block;
	margin-bottom: 10px;
}

.omg-footer-links {
	list-style: none;
	padding: 10px 0;
	margin: 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 28px;
}

.omg-footer-links li {
	margin: 0;
}

.omg-footer-links a {
	color: #ffffff;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
}

.omg-footer-links a:hover {
	color: #282828;
}

.omg-footer-bottom {
	background-color: var(--omg-footer-bg);
	border-top: 1px solid rgba(255, 255, 255, 0.35);
	padding: 14px 0;
	text-align: left;
}

.omg-copyright {
	font-style: normal;
	font-size: 12px;
	color: #ffffff;
}

/* Botón flotante "¿Dudas? WhatsApp" idéntico a Magento (.avisowhatsapp-float) */
.avisowhatsapp-float {
	position: fixed;
	bottom: 25px;
	right: 25px;
	z-index: 99999;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.avisowhatsapp-float a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background-color: #25D366;
	color: #ffffff !important;
	padding: 8px 16px 8px 18px;
	border-radius: 26px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.22);
	text-decoration: none !important;
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	transition: background-color 0.2s ease, transform 0.2s ease;
}

.avisowhatsapp-float:hover a {
	background-color: #1ebc59;
	transform: scale(1.05);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

.avisowhatsapp-float .omg-wa-text {
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 0.2px;
	color: #ffffff;
}

.avisowhatsapp-float .omg-wa-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 26px;
	color: #ffffff;
	line-height: 1;
}

.avisowhatsapp-float img {
	display: none;
}

/* Compatibilidad si queda alguna clase .avisowhatsapp */
.avisowhatsapp {
	display: none;
}

/* ==========================================================================
   7. RESPONSIVE (TABLET Y MÓVIL)
   ========================================================================== */
@media (max-width: 1024px) {
	.woocommerce ul.products {
		grid-template-columns: repeat(3, 1fr) !important;
	}
}

@media (max-width: 991px) {
	.omg-hero-flex {
		justify-content: center;
	}
	.omg-hero-content {
		text-align: center;
		max-width: 100%;
		background: rgba(255,255,255,0.82);
		border-radius: 10px;
	}
	.omg-trust-grid,
	.omg-cat-grid {
		grid-template-columns: 1fr 1fr;
	}
	.omg-how-grid {
		grid-template-columns: 1fr;
		gap: 35px;
	}
	.single-product div.product {
		grid-template-columns: 100%;
	}
}

@media (max-width: 767px) {
	.omg-mobile-toggle {
		display: inline-flex;
	}
	.omg-middle-grid {
		grid-template-columns: 1fr auto;
	}
	.omg-middle-center {
		order: -1;
		grid-column: 1 / -1;
		margin-bottom: 10px;
	}
	.omg-header-bottom {
		display: none;
	}
	body.omg-mobile-nav-open .omg-header-bottom {
		display: block;
	}
	.omg-nav-menu {
		flex-direction: column;
		align-items: stretch;
	}
	.omg-nav-menu .sub-menu {
		position: static;
		display: block;
		box-shadow: none;
		border: none;
		padding-left: 15px;
	}
	.woocommerce ul.products {
		grid-template-columns: repeat(2, 1fr) !important;
	}
	.omg-cat-grid,
	.omg-trust-grid {
		grid-template-columns: 1fr;
	}

	/* Optimizaciones en Mobile para la Ficha de Producto */
	.single-product div.product,
	.single-product.has-customizer div.product,
	.single-product div.product:has(.omg-customizer-box) {
		display: flex !important;
		flex-direction: column !important;
		width: 100% !important;
	}

	.single-product div.product .woocommerce-product-gallery {
		width: 100% !important;
		max-width: 280px !important;
		margin: 0 auto 20px !important;
		text-align: center;
	}

	.single-product div.product .woocommerce-product-gallery img {
		max-height: 240px !important;
		width: auto !important;
		margin: 0 auto;
		object-fit: contain;
	}

	.single-product div.product .summary.entry-summary {
		width: 100% !important;
		padding: 0 5px;
	}

	.single-product .product_title.entry-title {
		font-size: 20px !important;
		line-height: 1.3 !important;
	}

	.omg-swatches-grid {
		gap: 6px;
	}

	.omg-swatch-item {
		width: 32px;
		height: 32px;
	}

	.omg-swatch-Square {
		width: 30px;
		height: 30px;
	}

	.omg-step-header {
		padding: 10px 12px;
	}

	.omg-step-title {
		font-size: 13.5px;
	}

	.omg-step-summary {
		max-width: 110px;
		font-size: 11.5px;
	}

	.single-product div.product .related.products ul.products {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 12px !important;
	}

	.single-product div.product .related.products ul.products li.product {
		padding: 10px !important;
	}

	.single-product div.product .related.products ul.products li.product img {
		max-height: 100px !important;
	}
}

/* ==========================================================================
   AVISO MIGRACIÓN CLIENTES EN MI CUENTA
   ========================================================================== */
.omg-migration-login-notice {
	display: block !important;
	background-color: #f0f7ff !important;
	border: 1px solid #c7e0f8 !important;
	border-left: 5px solid #0073aa !important;
	padding: 16px 20px !important;
	margin: 0 auto 30px !important;
	max-width: 650px !important;
	border-radius: 6px !important;
	box-shadow: 0 2px 5px rgba(0,0,0,0.03) !important;
	text-align: left !important;
	box-sizing: border-box !important;
}

.omg-migration-login-notice .omg-notice-title {
	font-size: 15px !important;
	font-weight: 700 !important;
	color: #0073aa !important;
	margin-bottom: 6px !important;
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
}

.omg-migration-login-notice .omg-notice-title::before {
	content: "ℹ";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	background: #0073aa;
	color: #fff;
	font-size: 13px;
	border-radius: 50%;
	font-weight: bold;
}

.omg-migration-login-notice .omg-notice-body {
	font-size: 13.5px !important;
	line-height: 1.6 !important;
	color: #334155 !important;
}

.omg-migration-login-notice .omg-notice-body a {
	color: #0073aa !important;
	text-decoration: underline !important;
	font-weight: 700 !important;
	transition: color 0.15s ease !important;
}

.omg-migration-login-notice .omg-notice-body a:hover {
	color: var(--omg-primary) !important;
}



/* ==========================================================================
   BANNER DE COOKIES COMPLIANZ (OhMyGlobos - Abajo Izquierda & Brand Style)
   ========================================================================== */
#cmplz-cookiebanner-container .cmplz-cookiebanner,
.cmplz-cookiebanner {
	position: fixed !important;
	left: 24px !important;
	bottom: 24px !important;
	top: auto !important;
	right: auto !important;
	transform: none !important;
	-ms-transform: none !important;
	max-width: 480px !important;
	width: calc(100% - 48px) !important;
	background: #ffffff !important;
	border-radius: 12px !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
	border: 1px solid #eaeaea !important;
	padding: 22px 24px !important;
	font-family: 'PT Sans', sans-serif !important;
	z-index: 999999 !important;
}

/* T�tulo */
.cmplz-cookiebanner .cmplz-header .cmplz-title {
	font-family: 'PT Sans', sans-serif !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #282828 !important;
	text-align: left !important;
	justify-self: start !important;
}

/* Bot�n cerrar X */
.cmplz-cookiebanner .cmplz-close {
	color: #999999 !important;
	font-size: 22px !important;
	top: 14px !important;
	right: 14px !important;
}
.cmplz-cookiebanner .cmplz-close:hover {
	color: #282828 !important;
}

/* Texto del mensaje */
.cmplz-cookiebanner .cmplz-message {
	font-size: 13px !important;
	line-height: 1.55 !important;
	color: #555555 !important;
	margin: 10px 0 16px !important;
}

/* Botones */
.cmplz-cookiebanner .cmplz-buttons {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	margin-bottom: 12px !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
	border-radius: 6px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	font-family: 'PT Sans', sans-serif !important;
	padding: 9px 16px !important;
	min-height: 38px !important;
	text-align: center !important;
	transition: all 0.2s ease !important;
	box-shadow: none !important;
	text-transform: none !important;
}

/* Bot�n Aceptar (Color corporativo #DE828F) */
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
	background-color: #DE828F !important;
	border: 1px solid #DE828F !important;
	color: #ffffff !important;
	flex: 1 1 120px !important;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover {
	background-color: #c96b78 !important;
	border-color: #c96b78 !important;
}

/* Bot�n Rechazar */
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny {
	background-color: #f7f7f7 !important;
	border: 1px solid #e2e2e2 !important;
	color: #444444 !important;
	flex: 1 1 90px !important;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny:hover {
	background-color: #ededed !important;
	color: #111111 !important;
}

/* Bot�n Ver Opciones */
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences {
	background-color: #ffffff !important;
	border: 1px solid #e2e2e2 !important;
	color: #666666 !important;
	flex: 1 1 100px !important;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences:hover,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences:hover {
	background-color: #f7f7f7 !important;
	color: #282828 !important;
}

/* Enlaces del banner (Pol�tica de cookies / privacidad) */
.cmplz-cookiebanner .cmplz-links {
	margin-top: 6px !important;
	font-size: 11.5px !important;
	border-top: 1px solid #f0f0f0 !important;
	padding-top: 10px !important;
}

.cmplz-cookiebanner .cmplz-links ul {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	justify-content: flex-start !important;
}

.cmplz-cookiebanner .cmplz-links ul li {
	margin: 0 !important;
	padding: 0 !important;
}

.cmplz-cookiebanner .cmplz-links .cmplz-link {
	color: #797d89 !important;
	font-size: 11.5px !important;
	text-decoration: underline !important;
}
.cmplz-cookiebanner .cmplz-links .cmplz-link:hover {
	color: #DE828F !important;
}

/* M�vil: Adaptaci�n a pantalla completa inferior */
@media (max-width: 600px) {
	#cmplz-cookiebanner-container .cmplz-cookiebanner,
	.cmplz-cookiebanner {
		left: 12px !important;
		bottom: 12px !important;
		width: calc(100% - 24px) !important;
		padding: 16px 18px !important;
	}
	.cmplz-cookiebanner .cmplz-buttons {
		flex-direction: column !important;
	}
	.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
		width: 100% !important;
	}
}
/* ==========================================================================
   8. MEJORAS DE RESPONSIVE MOBILE (CHECKOUT, CARRITO Y GENERAL)
   ========================================================================== */
@media (max-width: 767px) {
	.woocommerce-cart table.cart,
	.woocommerce-cart table.shop_table {
		border: none !important;
	}
	.woocommerce-cart table.cart thead {
		display: none !important;
	}
	.woocommerce-cart table.cart tbody tr {
		display: block !important;
		margin-bottom: 16px !important;
		border: 1px solid #ebebeb !important;
		border-radius: 8px !important;
		padding: 12px 14px !important;
		background: #ffffff !important;
		box-shadow: 0 1px 4px rgba(0,0,0,0.04) !important;
		position: relative !important;
	}
	.woocommerce-cart table.cart tbody td {
		display: flex !important;
		justify-content: space-between !important;
		align-items: center !important;
		border: none !important;
		border-bottom: 1px dashed #f0f0f0 !important;
		padding: 8px 0 !important;
		text-align: right !important;
		font-size: 14px !important;
	}
	.woocommerce-cart table.cart tbody td:last-child {
		border-bottom: none !important;
	}
	.woocommerce-cart table.cart tbody td::before {
		content: attr(data-title);
		font-weight: 700;
		color: #555555;
		text-align: left;
		padding-right: 12px;
	}
	.woocommerce-cart table.cart tbody td.product-remove {
		position: absolute !important;
		top: 8px !important;
		right: 8px !important;
		border: none !important;
		padding: 0 !important;
		z-index: 2 !important;
	}
	.woocommerce-cart table.cart tbody td.product-thumbnail {
		justify-content: center !important;
		padding-bottom: 10px !important;
	}
	.woocommerce-cart table.cart tbody td.product-thumbnail::before {
		display: none !important;
	}
	.woocommerce-cart table.cart tbody td.product-thumbnail img {
		max-width: 70px !important;
		height: auto !important;
		border-radius: 4px !important;
	}
	.woocommerce-cart table.cart tbody td.actions {
		display: block !important;
		text-align: center !important;
	}
	.woocommerce-cart table.cart tbody td.actions::before {
		display: none !important;
	}
	.woocommerce-cart table.cart tbody td.actions .coupon {
		display: flex !important;
		gap: 8px !important;
		margin-bottom: 10px !important;
	}
	.woocommerce-cart table.cart tbody td.actions .coupon input.input-text {
		width: 100% !important;
		margin: 0 !important;
	}
	.woocommerce-cart table.cart tbody td.actions button.button {
		width: 100% !important;
		margin: 0 !important;
	}
	.woocommerce-cart .cart-collaterals .cart_totals {
		width: 100% !important;
		float: none !important;
		border: 1px solid #ebebeb !important;
		border-radius: 8px !important;
		padding: 16px !important;
		background: #fafafa !important;
	}
	.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button {
		font-size: 16px !important;
		padding: 14px 20px !important;
		background: #DE828F !important;
		color: #ffffff !important;
		border-radius: 4px !important;
		text-align: center !important;
	}
	.woocommerce-checkout #customer_details,
	.woocommerce-checkout form.checkout #order_review_heading,
	.woocommerce-checkout form.checkout #order_review {
		width: 100% !important;
		float: none !important;
		margin-right: 0 !important;
	}
	.woocommerce-checkout #order_review {
		border: 1px solid #e2e2e2 !important;
		border-radius: 8px !important;
		padding: 16px !important;
		background: #ffffff !important;
		margin-top: 20px !important;
	}
	.woocommerce-checkout form.checkout .form-row {
		margin-bottom: 14px !important;
	}
	.woocommerce-checkout form.checkout #place_order {
		width: 100% !important;
		font-size: 16px !important;
		padding: 14px 20px !important;
		background: #DE828F !important;
		color: #ffffff !important;
		border-radius: 4px !important;
	}
	.omg-logo-img {
		max-width: 190px !important;
	}
	.omg-header-middle {
		padding: 10px 0 !important;
	}
}
/* ==========================================================================
   9. CORRECCIONES FINALES DE DISEÑO MOBILE Y PADDING GENERAL
   ========================================================================== */
/* 1. Márgenes laterales en Checkout, Carrito y Páginas Generales */
.site-main,
.content-area,
.woocommerce-checkout,
.woocommerce-cart,
.woocommerce-account,
.entry-content,
article.page,
.brx-content {
	padding-left: 20px !important;
	padding-right: 20px !important;
	box-sizing: border-box !important;
}
@media (max-width: 767px) {
	.site-main,
	.content-area,
	.woocommerce-checkout,
	.woocommerce-cart,
	.woocommerce-account,
	.entry-content,
	article.page,
	.brx-content {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
}
/* 2. Banner de cookies más discreto y elegante en móvil */
@media (max-width: 600px) {
	#cmplz-cookiebanner-container .cmplz-cookiebanner,
	.cmplz-cookiebanner {
		left: 12px !important;
		bottom: 12px !important;
		width: calc(100% - 24px) !important;
		max-height: 85vh !important;
		overflow-y: auto !important;
		padding: 14px 16px !important;
		border-radius: 8px !important;
	}
	.cmplz-cookiebanner .cmplz-header .cmplz-title {
		font-size: 14px !important;
	}
	.cmplz-cookiebanner .cmplz-message {
		font-size: 11.5px !important;
		line-height: 1.4 !important;
		margin: 6px 0 10px !important;
	}
	.cmplz-cookiebanner .cmplz-buttons {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 6px !important;
		margin-bottom: 6px !important;
	}
	.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
		min-height: 32px !important;
		padding: 6px 8px !important;
		font-size: 11.5px !important;
	}
	.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
		grid-column: 1 / -1 !important;
		padding: 8px !important;
	}
	.cmplz-cookiebanner .cmplz-links {
		margin-top: 4px !important;
		padding-top: 6px !important;
	}
	.cmplz-cookiebanner .cmplz-links .cmplz-link {
		font-size: 10.5px !important;
	}
}
/* 3. Ficha de producto móvil: Ancho completo real para imagen y personalizador */
@media (max-width: 767px) {
	.single-product div.product .woocommerce-product-gallery {
		max-width: 100% !important;
		width: 100% !important;
		margin: 0 0 15px !important;
	}
	.single-product div.product .woocommerce-product-gallery img {
		max-height: 320px !important;
		width: 100% !important;
		object-fit: contain !important;
	}
	.omg-customizer-box {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		margin: 15px 0 !important;
	}
	.omg-customizer-step {
		width: 100% !important;
		box-sizing: border-box !important;
	}
	.omg-swatches-grid {
		grid-template-columns: repeat(auto-fill, minmax(36px, 1fr)) !important;
		width: 100% !important;
	}
	.omg-swatch-item {
		width: 36px !important;
		height: 36px !important;
	}
	.single-product div.product .summary.entry-summary {
		padding: 0 !important;
	}
}
/* 4. Botones proporcionados en Carrito y Checkout */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout form.checkout #place_order {
	max-width: 340px !important;
	margin: 15px auto 0 !important;
	display: block !important;
	font-size: 15px !important;
	padding: 12px 24px !important;
	text-align: center !important;
	font-weight: 700 !important;
	border-radius: 4px !important;
	background: #DE828F !important;
	color: #ffffff !important;
	box-shadow: 0 2px 8px rgba(222, 130, 143, 0.3) !important;
}
@media (max-width: 767px) {
	.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
	.woocommerce-checkout form.checkout #place_order {
		max-width: 100% !important;
		font-size: 15px !important;
		padding: 13px 20px !important;
	}
}
/* =========================================================
   AJUSTES MOBILE RESPONSIVE OHMYGLOBOS (SIN AFECTAR HEADER/FOOTER)
   ========================================================= */
/* 1. Banner de Cookies Complianz: tamaño compacto en móvil */
@media screen and (max-width: 768px) {
  #cmplz-cookiebanner {
    max-width: 90% !important;
    left: 5% !important;
    right: 5% !important;
    bottom: 12px !important;
    padding: 14px 16px !important;
    font-size: 13px !important;
  }
  #cmplz-cookiebanner .cmplz-message {
    max-height: 85px !important;
    overflow-y: auto !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    margin-bottom: 8px !important;
  }
  #cmplz-cookiebanner .cmplz-buttons {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
  }
  #cmplz-cookiebanner .cmplz-btn {
    padding: 8px 12px !important;
    font-size: 13px !important;
    min-height: unset !important;
    margin: 0 !important;
  }
}
/* 2. Márgenes laterales SOLO en el cuerpo del contenido (NO en Header ni Footer) */
@media screen and (max-width: 768px) {
  /* Contenedores de WooCommerce y páginas estándar */
  .woocommerce-cart .woocommerce,
  .woocommerce-checkout .woocommerce,
  .woocommerce-account .woocommerce,
  .page:not(.home) article.page,
  .page:not(.home) .entry-content,
  .single-product .omg-product-layout {
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }
  /* Asegurar que Header y Footer permanezcan al 100% */
  header, footer, #brx-header, #brx-footer, .brxe-header, .brxe-footer {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}
/* 3. Ficha de producto con configurador a ancho completo */
@media screen and (max-width: 768px) {
  .single-product .omg-product-layout,
  .single-product .omg-product-top-row {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    grid-template-columns: 1fr !important;
  }
  .single-product .omg-product-top-row > * {
    width: 100% !important;
    max-width: 100% !important;
  }
  .single-product .woocommerce-product-gallery,
  .single-product .woocommerce-product-gallery__wrapper,
  .single-product .woocommerce-product-gallery__image img {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    display: block !important;
  }
  /* Acordeón / pasos del configurador */
  .omg-product-layout .omg-accordion-item,
  .omg-product-layout .wccpf-fields-container,
  .omg-product-layout form.cart {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}
/* 4. Botones de Carrito y Checkout: tamaño proporcionado */
@media screen and (max-width: 768px) {
  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
  .woocommerce-checkout #place_order {
    font-size: 16px !important;
    padding: 13px 20px !important;
    height: auto !important;
    line-height: 1.3 !important;
    border-radius: 6px !important;
  }
}
/* ==========================================================================
   MAQUETACIÓN PREMIUM: PANTALLA DE PAGO PAYCOMET (ORDER-PAY)
   ========================================================================== */
.woocommerce-order-pay .woocommerce {
	max-width: 600px !important;
	margin: 30px auto 60px !important;
	background: #ffffff !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 10px !important;
	padding: 30px 25px !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
}

.woocommerce-order-pay h1 {
	text-align: center !important;
	font-size: 24px !important;
	color: #282828 !important;
	margin-bottom: 20px !important;
}

/* Caja de resumen del pedido (Número, Fecha, Total) con tono rosa corporativo suave */
.woocommerce-order-pay ul.order_details {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: space-between !important;
	list-style: none !important;
	padding: 16px 20px !important;
	margin: 0 0 25px 0 !important;
	background: #fdf2f4 !important;
	border: 1px solid #f9d5dc !important;
	border-radius: 8px !important;
}

.woocommerce-order-pay ul.order_details li {
	font-size: 14px !important;
	color: #4b5563 !important;
	margin: 4px 0 !important;
}

.woocommerce-order-pay ul.order_details li strong {
	color: #282828 !important;
	font-size: 15px !important;
}

/* Texto de instrucción */
.woocommerce-order-pay .woocommerce > p:first-of-type,
.woocommerce-order-pay #form_paytpv > p {
	font-size: 14px !important;
	color: #6b7280 !important;
	text-align: center !important;
	margin-bottom: 20px !important;
}

/* Contenedor del Iframe de Paycomet centrado */
.woocommerce-order-pay #ifr-paytpv-container {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: 100% !important;
	margin: 0 auto !important;
}

.woocommerce-order-pay iframe.ifr-paytpv {
	width: 100% !important;
	max-width: 440px !important;
	min-height: 380px !important;
	border: none !important;
	margin: 0 auto !important;
	display: block !important;
}

/* Botón Cancelar Pedido elegante y discreto */
.woocommerce-order-pay #paycomet-cancel {
	text-align: center !important;
	margin-top: 20px !important;
}

.woocommerce-order-pay #paycomet-cancel a.button.cancel {
	background: transparent !important;
	color: #9ca3af !important;
	font-size: 13px !important;
	text-decoration: underline !important;
	border: none !important;
	padding: 6px 12px !important;
	box-shadow: none !important;
	transition: color 0.2s ease !important;
}

.woocommerce-order-pay #paycomet-cancel a.button.cancel:hover {
	color: #e11d48 !important;
}