/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* ==========================================================================
   INNOQUIM · CSS PROPIO
   Réplica de https://innoquim.lonkydev.tech. Acá va solo lo que Woodmart y
   Elementor no resuelven con controles nativos. Cada bloque dice qué hace y
   por qué no alcanzó lo nativo. Registro en CONTEXTO.md §7.
   Clases propias: prefijo inq-.
   ========================================================================== */

/* --------------------------------------------------------------------------
   0 · Base (23/09/2026)
   Selección de texto con los colores de la marca. No hay ajuste nativo.
   -------------------------------------------------------------------------- */
::selection {
	background: #dae3a6;
	color: #333333;
}

/* Foco de teclado como la referencia: lima en todo el sitio y la tinta de la
   unidad en las unidades y sus fichas. Los campos de los formularios tienen
   el suyo (5.5 y 7.6) (24/09/2026) */
:focus-visible {
	outline: 2px solid #94af00;
	outline-offset: 3px;
}

.inq-unidad :focus-visible {
	outline-color: var(--inq-ink);
}

/* Scroll suave con margen para el header fijo, y barra de scroll de la marca */
html {
	scroll-behavior: smooth;
	scroll-padding-top: 84px;
	scrollbar-width: thin;
	scrollbar-color: #575757 #f4f7e6;
}

/* El último párrafo de un editor de texto no suma el margen inferior del tema
   (Woodmart da 20 px a todo párrafo; los márgenes se controlan desde Elementor) */
.elementor-widget-text-editor p:last-child {
	margin-bottom: 0;
}

/* Títulos h1 y h2 con las líneas equilibradas, como la referencia (24/09/2026).
   Elementor no tiene el control text-wrap */
.elementor-widget-heading :is(h1, h2).elementor-heading-title {
	overflow-wrap: break-word;
	text-wrap: balance;
}

/* Texto corrido en Fira Sans Condensed 300, como la referencia del 06/10/2026
   (p, li, dd, td, blockquote, figcaption). Especificidad cero: los widgets de
   Elementor ya lo traen en sus ajustes y le ganan; esto cubre lo que no sale de
   Elementor (notas, tarjetas de los shortcodes, formularios) (08/10/2026) */
:where(p, li, dd, td, blockquote, figcaption) {
	font-family: "Fira Sans Condensed Local", "Fira Sans Local", sans-serif;
	font-weight: 300;
	line-height: 1.55;
}

/* Los menús son listas pero no van en condensada */
:where(.wd-nav, .wd-nav-mobile, .wd-sub-menu) :where(li) {
	font-family: inherit;
	font-weight: inherit;
	line-height: inherit;
}

/* --------------------------------------------------------------------------
   1 · Colores por unidad (23/09/2026)
   Cada unidad tiene acento (--inq), tinta (--inq-ink) y oscuro (--inq-deep).
   Los usa el menú y, desde la Fase 3, las páginas de unidad y sus fichas.
   Woodmart no tiene variables de color por sección.
   -------------------------------------------------------------------------- */
.inq-bio   { --inq: #94af00; --inq-ink: #596900; --inq-deep: #596900; }
.inq-pro   { --inq: #00667d; --inq-ink: #00667d; --inq-deep: #004251; }
.inq-campo { --inq: #0d5d3e; --inq-ink: #0d5d3e; --inq-deep: #083c28; }
.inq-lab   { --inq: #5f2167; --inq-ink: #5f2167; --inq-deep: #3e1543; }
.inq-tec   { --inq: #aa0061; --inq-ink: #aa0061; --inq-deep: #6f003f; }

/* --------------------------------------------------------------------------
   2 · Header (23/09/2026)
   El Header Builder resuelve alturas, sticky, fondo translúcido, borde, logo,
   menús, colores y botón. Esto suma lo que no tiene control nativo.
   -------------------------------------------------------------------------- */

/* 2.1 Desenfoque detrás del header y sombra al fijarse (la de Woodmart es 0 1px 3px) */
.whb-general-header {
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
}

.whb-sticky-shadow.whb-sticked .whb-main-header {
	box-shadow: 0 10px 28px -20px rgba(87, 87, 87, .55);
}

/* 2.2 Menú de unidades (reescrito el 08/10/2026, como la referencia del 06/10):
   logo de la unidad arriba (imagen del ítem, nativa), rótulo abajo y subrayado
   del color de la unidad. El nombre queda oculto, solo para lectores de pantalla */
.wd-nav-header > .inq-nav-unidad > a {
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 2.4px;
	min-height: 44px;
	padding: 5.6px 8.8px 9.6px;
	border-radius: 11.2px;
	color: #333333;
	line-height: 1.1;
	text-transform: none;
	transition: background-color .16s cubic-bezier(.16, 1, .3, 1), color .16s cubic-bezier(.16, 1, .3, 1);
}

.wd-nav-header > .inq-nav-unidad > a .wd-nav-img {
	--nav-img-height: 14.4px;
	--nav-img-width: auto;
	display: block;
	width: auto;
	max-width: none;
	height: 14.4px;
	max-height: none;
	margin: 0;
	object-fit: contain;
}

.wd-nav-header > .inq-nav-unidad > a .nav-link-text,
.mobile-nav .inq-m-unidad > a .nav-link-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.wd-nav-header > .inq-nav-unidad > a .menu-label {
	position: static;
	display: block;
	margin: 0;
	padding: 0;
	border-radius: 0;
	background: none;
	color: #575757;
	font-size: 10.88px;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: 0;
	text-transform: none;
	white-space: nowrap;
	opacity: 1;
}

.wd-nav-header > .inq-nav-unidad > a .menu-label:before {
	content: none;
}

.wd-nav-header > .inq-nav-unidad > a:after {
	content: "";
	position: absolute;
	inset-inline: 9.6px;
	bottom: 4.8px;
	height: 2px;
	border-radius: 999px;
	background: var(--inq, #d9d9d9);
	opacity: .55;
	transition: opacity .18s cubic-bezier(.16, 1, .3, 1), background-color .18s cubic-bezier(.16, 1, .3, 1);
}

.wd-nav-header > .inq-nav-unidad > a:hover {
	background: color-mix(in srgb, var(--inq) 12%, transparent);
	color: var(--inq-ink);
}

.wd-nav-header > .inq-nav-unidad > a:hover:after {
	opacity: 1;
}

/* Unidad activa: en su página y en sus fichas, fondo de la unidad y logo en blanco
   (el logo negativo de la referencia) */
.wd-nav-header > .inq-nav-unidad:is(.current-menu-item, .current-page-ancestor) > a {
	background: var(--inq-ink);
	color: #ffffff;
}

.wd-nav-header > .inq-nav-unidad:is(.current-menu-item, .current-page-ancestor) > a .wd-nav-img {
	object-position: -9999px 0;
	background: var(--inq-negativo) left center / contain no-repeat;
}

.wd-nav-header > .inq-nav-unidad:is(.current-menu-item, .current-page-ancestor) > a .menu-label {
	color: rgba(255, 255, 255, .72);
}

.wd-nav-header > .inq-nav-unidad:is(.current-menu-item, .current-page-ancestor) > a:after {
	background: #fff;
	opacity: .8;
}

/* 2.3 "Programas TIS" (píldora lima con ícono) y "Contenidos Técnicos" (link con
   ícono), después del separador vertical de 24 px (el de Woodmart mide 18 px).
   Los íconos son máscaras: el menú no tiene ícono con color propio (08/10/2026) */
.wd-nav-header > :is(.inq-nav-tis, .inq-nav-docs) > a {
	gap: 6.4px;
	min-height: 40px;
	font-size: 14.72px;
	font-weight: 600;
	text-transform: none;
	white-space: nowrap;
	transition: background-color .16s cubic-bezier(.16, 1, .3, 1), color .16s cubic-bezier(.16, 1, .3, 1), border-color .16s cubic-bezier(.16, 1, .3, 1);
}

.wd-nav-header > :is(.inq-nav-tis, .inq-nav-docs) > a:before {
	content: "";
	width: 16px;
	height: 16px;
	flex: none;
	background: currentColor;
	-webkit-mask: var(--inq-icono) center / contain no-repeat;
	mask: var(--inq-icono) center / contain no-repeat;
}

.wd-nav-header > .inq-nav-tis > a {
	--inq-icono: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 256 256%27%3E%3Cpath d=%27M247.63,47.89a8,8,0,0,0-7.52-7.52c-51.76-3-93.32,12.74-111.18,42.22-11.8,19.49-11.78,43.16-.16,65.74a71.34,71.34,0,0,0-14.17,27L98.33,159c7.82-16.33,7.52-33.35-1-47.49-13.2-21.79-43.67-33.47-81.5-31.25a8,8,0,0,0-7.52,7.52c-2.23,37.83,9.46,68.3,31.25,81.5A45.82,45.82,0,0,0,63.44,176,54.58,54.58,0,0,0,87,170.33l25,25V224a8,8,0,0,0,16,0V194.51a55.610,55.610,0,0,1,12.27-35,73.91,73.91,0,0,0,33.31,8.4,60.9,60.9,0,0,0,31.83-8.86C234.89,141.210,250.67,99.65,247.63,47.890ZM47.81,155.6C32.47,146.31,23.79,124.32,24,96c28.32-.24,50.31,8.47,59.6,23.81,4.85,8,5.64,17.33,2.46,26.94L61.65,122.34a8,8,0,0,0-11.31,11.31l24.41,24.41C65.14,161.24,55.82,160.45,47.81,155.6Zm149.31-10.22c-13.4,8.11-29.15,8.73-45.150,2l53.69-53.7a8,8,0,0,0-11.31-11.31L140.65,136c-6.76-16-6.15-31.76,2-45.15,13.94-23,47-35.82,89.33-34.83C232.94,98.34,220.14,131.44,197.12,145.38Z%27/%3E%3C/svg%3E");
	margin-inline: 5.6px;
	padding: 0 13.6px;
	border: 1.5px solid #94af00;
	border-radius: 999px;
	background: #f2f5e0;
	color: #333333;
}

.wd-nav-header > .inq-nav-tis > a:before {
	background: #5d6e00;
}

.wd-nav-header > .inq-nav-tis > a:hover {
	background: #e5ecc2;
	color: #333333;
}

.wd-nav-header > .inq-nav-tis.current-menu-item > a {
	background: #e1e9b8;
	border-color: #5d6e00;
}

.wd-nav-header > .inq-nav-docs > a {
	--inq-icono: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 256 256%27%3E%3Cpath d=%27M168,152a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h64A8,8,0,0,1,168,152Zm-8-40H96a8,8,0,0,0,0,16h64a8,8,0,0,0,0-16Zm56-64V216a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V48A16,16,0,0,1,56,32H92.26a47.92,47.92,0,0,1,71.48,0H200A16,16,0,0,1,216,48ZM96,64h64a32,32,0,0,0-64,0ZM200,48H173.25A47.930,47.930,0,0,1,176,64v8a8,8,0,0,1-8,8H88a8,8,0,0,1-8-8V64a47.93,47.93,0,0,1,2.75-16H56V216H200Z%27/%3E%3C/svg%3E");
	padding: 0 8px;
	color: #575757;
}

.wd-nav-header > .inq-nav-docs > a:hover,
.wd-nav-header > .inq-nav-docs.current-menu-item > a {
	color: #333333;
}

.wd-nav-header > .inq-nav-docs.current-menu-item > a .nav-link-text {
	text-decoration: underline 2px #94af00;
	text-underline-offset: 8px;
}

/* Los dos menús van en modo inline (nativo); Woodmart igual les suma 10 px
   de relleno lateral. La referencia deja 6 px entre INQTEC, el separador y
   "Contenidos" */
.whb-general-header .whb-col-center .wd-header-nav {
	padding-inline: 0;
}

.wd-header-divider.inq-nav-sep {
	padding-inline: 6px;
}

/* Entre "Programas TIS" y "Contenidos Técnicos" van 2 px, como el resto del menú
   de la referencia (gap-0.5); Woodmart pone 20 px con su opción más chica (08/10/2026) */
#menu-inq-contenidos {
	--nav-gap: 2px;
}

.wd-header-divider.inq-nav-sep:before {
	height: 24px;
}

/* 2.4 Botón "Hablar con un asesor": sombra lima y leve elevación al pasar el mouse */
.btn.inq-header-cta {
	white-space: nowrap;
	min-height: 48px;
	padding: 11.2px 22px;
	border-radius: 999px;
	font-size: 15.2px;
	font-weight: 600;
	line-height: 1;
	text-transform: none;
	box-shadow: 0 10px 24px -12px rgba(148, 175, 0, .9);
	transition: transform .18s cubic-bezier(.16, 1, .3, 1), background-color .18s cubic-bezier(.16, 1, .3, 1), color .18s cubic-bezier(.16, 1, .3, 1), box-shadow .18s cubic-bezier(.16, 1, .3, 1);
}

.btn.inq-header-cta:hover {
	transform: translateY(-1px);
}

.btn.inq-header-cta:active {
	transform: translateY(1px) scale(.98);
}

/* En las unidades y sus fichas el botón toma la tinta de la unidad, con
   texto blanco (.unit-themed .btn-primary de la referencia). El Header
   Builder tiene un solo color para todo el sitio (24/09/2026) */
body.inq-unidad .btn.inq-header-cta {
	background-color: var(--inq-ink);
	color: #fff;
	box-shadow: 0 10px 24px -12px color-mix(in srgb, var(--inq-ink) 85%, transparent);
}

body.inq-unidad .btn.inq-header-cta:hover {
	background-color: color-mix(in srgb, var(--inq-ink) 86%, #fff);
	color: #fff;
}

@media (max-width: 639.98px) {
	.btn.inq-header-cta-movil {
		display: none;
	}
}

/* 2.5 Hamburguesa redonda de 44 px con borde; pasa a X con el menú abierto */
.wd-header-mobile-nav > a {
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid #d9d9d9;
	border-radius: 999px;
	background: #ffffff;
	color: #333333;
}

body:has(.mobile-nav.wd-opened) .wd-header-mobile-nav {
	--wd-tools-icon: "\f112";
}

/* 2.6 La referencia muestra la hamburguesa hasta 1280 px; Woodmart cambia de
   header en 1024 px, sin ajuste. De 1024 a 1279 px, header de 72 px y logo de 36 px */
@media (min-width: 1025px) and (max-width: 1279.98px) {
	.whb-general-header .whb-visible-lg {
		display: none !important;
	}

	.whb-general-header .whb-hidden-lg {
		display: flex !important;
	}
}

@media (min-width: 1024px) and (max-width: 1279.98px) {
	:root {
		--wd-header-general-sm-h: 72px;
	}

	.whb-general-header .whb-column_mobile2 .wd-logo img {
		max-width: 196px !important;
	}
}

/* --------------------------------------------------------------------------
   3 · Menú móvil (23/09/2026)
   La referencia lo abre a pantalla completa debajo del header, sin cajón
   lateral ni fondo oscuro, con íconos, descripciones y un botón al pie.
   Woodmart solo ofrece el cajón lateral de 340 px.
   -------------------------------------------------------------------------- */
.mobile-nav.wd-side-hidden {
	--wd-side-hidden-w: 100vw;
	inset-block: calc(var(--wd-admin-bar-h, 0px) + 64px) 0;
	inset-inline: 0;
	width: 100%;
	background-color: #f5f5f5;
	box-shadow: none;
	transform: none;
	transition: none;
	visibility: hidden;
	opacity: 0;
}

.mobile-nav.wd-side-hidden.wd-opened {
	visibility: visible;
	opacity: 1;
}

@media (min-width: 1024px) {
	.mobile-nav.wd-side-hidden {
		inset-block-start: calc(var(--wd-admin-bar-h, 0px) + 72px);
	}
}

.mobile-nav .wd-heading {
	display: none;
}

body:has(.mobile-nav.wd-opened) .wd-close-side {
	background-color: transparent;
}

html:has(.mobile-nav.wd-opened) {
	overflow: hidden;
}

.mobile-nav .wd-nav-mobile {
	display: flex;
	flex-direction: column;
	gap: 4px;
	width: min(1180px, 100% - 32px);
	margin-inline: auto;
	padding-block: 20px;
}

.mobile-nav .wd-nav-mobile > li > a {
	min-height: 0;
	padding: 12px;
	border: 0;
	border-radius: 12px;
	color: #333333;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.25;
	text-transform: none;
}

/* Títulos de grupo ("Unidades", "Contenidos") */
.mobile-nav .wd-nav-mobile > .inq-m-titulo > a {
	padding: 12px 12px 4px;
	color: #575757;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.333;
	letter-spacing: .08em;
	text-transform: uppercase;
	pointer-events: none;
}

.mobile-nav .wd-nav-mobile > .inq-m-titulo ~ .inq-m-titulo > a {
	padding-top: 16px;
}

/* Unidades: logo de la unidad y descripción, con borde izquierdo del color de la
   unidad (08/10/2026, como la referencia del 06/10). El nombre queda solo para
   lectores de pantalla (2.2) */
.mobile-nav .wd-nav-mobile > .inq-m-unidad > a {
	display: block;
	border-left: 3px solid var(--inq);
	border-radius: 0 12px 12px 0;
}

.mobile-nav .inq-m-unidad .wd-nav-img {
	--nav-img-height: 21.6px;
	--nav-img-width: auto;
	display: block;
	width: auto;
	max-width: none;
	height: 21.6px;
	max-height: none;
	margin: 0;
	object-fit: contain;
}

.mobile-nav :is(.inq-m-unidad, .inq-m-tis, .inq-m-link-desc) .menu-label {
	position: static;
	display: block;
	margin: 6px 0 0;
	padding: 0;
	border-radius: 0;
	background: none;
	color: #575757;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.333;
	letter-spacing: 0;
	text-transform: none;
	white-space: normal;
	opacity: 1;
}

.mobile-nav :is(.inq-m-tis, .inq-m-link-desc) .menu-label {
	margin-top: 0;
}

.mobile-nav :is(.inq-m-unidad, .inq-m-tis, .inq-m-link-desc) .menu-label:before {
	content: none;
}

.mobile-nav .wd-nav-mobile > .inq-m-unidad:is(.current-menu-item, .current-page-ancestor) > a {
	background: color-mix(in srgb, var(--inq) 12%, transparent);
}

/* Programas TIS: tarjeta con filete lima e ícono */
.mobile-nav .wd-nav-mobile > .inq-m-tis > a {
	display: grid;
	grid-template-columns: 16px 1fr;
	column-gap: 12px;
	align-items: start;
	margin-top: 12px;
	border: 1.5px solid #94af00;
	border-radius: 16px;
	background: color-mix(in srgb, #94af00 10%, transparent);
}

.mobile-nav .wd-nav-mobile > .inq-m-tis > a:before {
	content: "";
	grid-row: 1 / span 2;
	width: 16px;
	height: 16px;
	margin-top: 4px;
	background: #5d6e00;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 256 256%27%3E%3Cpath d=%27M247.63,47.89a8,8,0,0,0-7.52-7.52c-51.76-3-93.32,12.74-111.18,42.22-11.8,19.49-11.78,43.16-.16,65.74a71.34,71.34,0,0,0-14.17,27L98.33,159c7.82-16.33,7.52-33.35-1-47.49-13.2-21.79-43.67-33.47-81.5-31.25a8,8,0,0,0-7.52,7.52c-2.23,37.83,9.46,68.3,31.25,81.5A45.82,45.82,0,0,0,63.44,176,54.58,54.58,0,0,0,87,170.33l25,25V224a8,8,0,0,0,16,0V194.51a55.610,55.610,0,0,1,12.27-35,73.91,73.91,0,0,0,33.31,8.4,60.9,60.9,0,0,0,31.83-8.86C234.89,141.210,250.67,99.65,247.63,47.890ZM47.81,155.6C32.47,146.31,23.79,124.32,24,96c28.32-.24,50.31,8.47,59.6,23.81,4.85,8,5.64,17.33,2.46,26.94L61.65,122.34a8,8,0,0,0-11.31,11.31l24.41,24.41C65.14,161.24,55.82,160.45,47.81,155.6Zm149.31-10.22c-13.4,8.11-29.15,8.73-45.150,2l53.69-53.7a8,8,0,0,0-11.31-11.31L140.65,136c-6.76-16-6.15-31.76,2-45.15,13.94-23,47-35.82,89.33-34.83C232.94,98.34,220.14,131.44,197.12,145.38Z%27/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 256 256%27%3E%3Cpath d=%27M247.63,47.89a8,8,0,0,0-7.52-7.52c-51.76-3-93.32,12.74-111.18,42.22-11.8,19.49-11.78,43.16-.16,65.74a71.34,71.34,0,0,0-14.17,27L98.33,159c7.82-16.33,7.52-33.35-1-47.49-13.2-21.79-43.67-33.47-81.5-31.25a8,8,0,0,0-7.52,7.52c-2.23,37.83,9.46,68.3,31.25,81.5A45.82,45.82,0,0,0,63.44,176,54.58,54.58,0,0,0,87,170.33l25,25V224a8,8,0,0,0,16,0V194.51a55.610,55.610,0,0,1,12.27-35,73.91,73.91,0,0,0,33.31,8.4,60.9,60.9,0,0,0,31.83-8.86C234.89,141.210,250.67,99.65,247.63,47.890ZM47.81,155.6C32.47,146.31,23.79,124.32,24,96c28.32-.24,50.31,8.47,59.6,23.81,4.85,8,5.64,17.33,2.46,26.94L61.65,122.34a8,8,0,0,0-11.31,11.31l24.41,24.41C65.14,161.24,55.82,160.45,47.81,155.6Zm149.31-10.22c-13.4,8.11-29.15,8.73-45.150,2l53.69-53.7a8,8,0,0,0-11.31-11.31L140.65,136c-6.76-16-6.15-31.76,2-45.15,13.94-23,47-35.82,89.33-34.83C232.94,98.34,220.14,131.44,197.12,145.38Z%27/%3E%3C/svg%3E") center / contain no-repeat;
}

/* "Contenidos Técnicos" con ícono */
.mobile-nav .wd-nav-mobile > .inq-m-docs > a {
	display: flex;
	align-items: center;
	gap: 8px;
}

.mobile-nav .wd-nav-mobile > .inq-m-docs > a:before {
	content: "";
	width: 16px;
	height: 16px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 256 256%27%3E%3Cpath d=%27M168,152a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h64A8,8,0,0,1,168,152Zm-8-40H96a8,8,0,0,0,0,16h64a8,8,0,0,0,0-16Zm56-64V216a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V48A16,16,0,0,1,56,32H92.26a47.92,47.92,0,0,1,71.48,0H200A16,16,0,0,1,216,48ZM96,64h64a32,32,0,0,0-64,0ZM200,48H173.25A47.930,47.930,0,0,1,176,64v8a8,8,0,0,1-8,8H88a8,8,0,0,1-8-8V64a47.93,47.93,0,0,1,2.75-16H56V216H200Z%27/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 256 256%27%3E%3Cpath d=%27M168,152a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h64A8,8,0,0,1,168,152Zm-8-40H96a8,8,0,0,0,0,16h64a8,8,0,0,0,0-16Zm56-64V216a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V48A16,16,0,0,1,56,32H92.26a47.92,47.92,0,0,1,71.48,0H200A16,16,0,0,1,216,48ZM96,64h64a32,32,0,0,0-64,0ZM200,48H173.25A47.930,47.930,0,0,1,176,64v8a8,8,0,0,1-8,8H88a8,8,0,0,1-8-8V64a47.93,47.93,0,0,1,2.75-16H56V216H200Z%27/%3E%3C/svg%3E") center / contain no-repeat;
}

/* "La empresa" con su descripción */
.mobile-nav .wd-nav-mobile > .inq-m-link-desc > a {
	display: block;
}
/* Botón al pie del panel */
.mobile-nav .wd-nav-mobile > .inq-m-cta > a {
	justify-content: center;
	margin-top: 16px;
	min-height: 48px;
	padding: 11.2px 22px;
	border-radius: 999px;
	background: #94af00;
	color: #333333;
	font-size: 15.2px;
	font-weight: 600;
	line-height: 1;
	box-shadow: 0 10px 24px -12px rgba(148, 175, 0, .9);
}

.mobile-nav .wd-nav-mobile > .inq-m-cta > a:hover {
	background: #a5bc2e;
	color: #333333;
}

/* En las unidades, en la tinta de la unidad como el del header (2.4) */
.inq-unidad .mobile-nav .wd-nav-mobile > .inq-m-cta > a {
	background: var(--inq-ink);
	color: #fff;
	box-shadow: 0 10px 24px -12px color-mix(in srgb, var(--inq-ink) 85%, transparent);
}

.inq-unidad .mobile-nav .wd-nav-mobile > .inq-m-cta > a:hover {
	background: color-mix(in srgb, var(--inq-ink) 86%, #fff);
	color: #fff;
}

/* --------------------------------------------------------------------------
   4 · Footer (23/09/2026)
   El footer es el HTML Block "INQ | Footer | Global", armado con containers y
   widgets nativos. Esto suma el alto mínimo de 44 px por ítem de lista (área
   táctil de la referencia; Elementor no tiene alto por ítem) y el fundido del
   link de LonkyDev (el container no tiene opacidad al pasar el mouse).
   -------------------------------------------------------------------------- */
.inq-footer-lista .elementor-icon-list-item {
	min-height: 44px;
	align-items: center;
}

.inq-footer-lista .elementor-icon-list-item > a {
	min-height: 44px;
	align-items: center;
}

.inq-footer-credito {
	transition: opacity .18s cubic-bezier(.16, 1, .3, 1);
}

.inq-footer-credito:hover {
	opacity: .86;
}

/* --------------------------------------------------------------------------
   5 · Componentes de página (23/09/2026)
   Lo que la referencia hace y Elementor free no tiene como control: la
   elevación de 1 px de los botones, el degradé de 4 tramos y el zoom de los
   tiles, el estado activo de las necesidades, el carrusel con snap, los
   formularios de Contact Form 7, los bordes del FAQ y la aparición al hacer
   scroll. La estructura, los colores y los textos son widgets nativos.
   -------------------------------------------------------------------------- */

/* 5.1 Botones: suben 1 px y se achican al presionar (las animaciones de
   Elementor mueven 8 px o más) */
.inq-btn .elementor-button {
	transition: transform .18s cubic-bezier(.16, 1, .3, 1), background-color .18s cubic-bezier(.16, 1, .3, 1), color .18s cubic-bezier(.16, 1, .3, 1), border-color .18s cubic-bezier(.16, 1, .3, 1);
}

.inq-btn:not(.inq-btn--link):not(.inq-btn--chip) .elementor-button:hover {
	transform: translateY(-1px);
}

.inq-btn:not(.inq-btn--link):not(.inq-btn--chip) .elementor-button:active {
	transform: translateY(1px) scale(.98);
}

.inq-btn .elementor-button-icon svg {
	width: 16px;
	height: 16px;
}

.inq-btn--ghost .elementor-button-icon svg,
.inq-btn--secundario .elementor-button-icon svg,
.inq-btn--print .elementor-button-icon svg {
	width: 20px;
	height: 20px;
}

/* 5.2 Tiles de unidad: foto de fondo que crece al pasar el mouse y degradé de
   4 tramos del color de la unidad (el fondo de Elementor admite 2 tramos) */
.inq-tile {
	position: relative;
	isolation: isolate;
	color: #fff;
}

.inq-tile .inq-tile-bg {
	position: absolute;
	inset: 0;
	z-index: -2;
	margin: 0;
}

.inq-tile .inq-tile-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .6s cubic-bezier(.16, 1, .3, 1);
}

.e-con.inq-tile::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(to top, var(--inq-deep) 42%, color-mix(in srgb, var(--inq-deep) 80%, transparent) 66%, color-mix(in srgb, var(--inq-deep) 40%, transparent) 84%, transparent 100%);
}

@media (hover: hover) {
	.inq-tile:hover .inq-tile-bg img {
		transform: scale(1.05);
	}
}

/* 5.3 Necesidades: estado activo (lo pone el JS al elegir una) y bajada oculta */
.inq-moment {
	transition: transform .18s cubic-bezier(.16, 1, .3, 1), background-color .18s cubic-bezier(.16, 1, .3, 1), border-color .18s cubic-bezier(.16, 1, .3, 1);
}

.inq-moment .inq-moment-lead,
.inq-moment-clear,
.inq-moment-lead-slot {
	display: none;
}

.inq-soluciones.has-moment .inq-moment-clear,
.inq-soluciones.has-moment .inq-moment-lead-slot {
	display: block;
}

.e-con.inq-moment.is-on {
	background-color: #575757;
	border-color: #575757;
}

.inq-moment.is-on h3.elementor-heading-title,
.inq-moment.is-on .e-con .elementor-heading-title {
	color: #ffffff;
}

.inq-moment.is-on p.elementor-heading-title {
	color: rgba(255, 255, 255, .78);
}

.inq-moment.is-on .inq-moment-productos .elementor-heading-title {
	color: #a5bc2e;
}

.inq-moment.is-on > .elementor-widget-icon .elementor-icon {
	color: #a5bc2e;
	fill: #a5bc2e;
}

.inq-moment.is-on > .elementor-widget-icon .elementor-icon svg {
	fill: #a5bc2e;
}

.inq-moment.is-on .e-con .elementor-icon,
.inq-moment.is-on .e-con .elementor-icon svg {
	color: #ffffff;
	fill: #ffffff;
}

/* 5.4 Carrusel de productos: scroll horizontal con snap, flechas (las crea el
   JS) y arrastre con el mouse (JS). 15/10/2026: a todo el ancho y centrado,
   con el mismo margen a los dos lados y tarjetas enteras (5, 4, 3 o 2 según
   el ancho; en móvil una y el borde de la siguiente) */
.inq-scroller-stage {
	--inq-pad: 16px;
	position: relative;
	overflow-x: clip;
}

@media (min-width: 1024px) {
	.inq-scroller-stage {
		--inq-pad: 32px;
	}
}

/* El carrusel se recorta con el mismo margen a los dos lados: solo se ven
   tarjetas enteras y nada asoma en los bordes */
.e-con.inq-scroller {
	width: calc(100% - 2 * var(--inq-pad));
	margin-inline: var(--inq-pad);
}

.inq-scroller {
	padding-bottom: 13.6px;
	scroll-snap-type: x mandatory;
	overscroll-behavior-x: contain;
	-webkit-overflow-scrolling: touch;
}

/* Sin espaciadores: el margen lo da .inq-scroller (15/10/2026) */
.e-con.inq-scroller::before,
.e-con.inq-scroller::after {
	display: none;
}

.inq-scroller > .inq-producto-card {
	flex: 0 0 min(78%, 19rem) !important;
	width: min(78%, 19rem) !important;
	scroll-snap-align: start;
}

.inq-scroller > .inq-producto-card.is-hidden {
	display: none;
}

@media (min-width: 640px) {
	.inq-scroller > .inq-producto-card {
		flex-basis: calc((100% - 16px) / 2) !important;
		width: calc((100% - 16px) / 2) !important;
	}
}

@media (min-width: 1024px) {
	.inq-scroller > .inq-producto-card {
		flex-basis: calc((100% - 32px) / 3) !important;
		width: calc((100% - 32px) / 3) !important;
	}
}

@media (min-width: 1280px) {
	.inq-scroller > .inq-producto-card {
		flex-basis: calc((100% - 48px) / 4) !important;
		width: calc((100% - 48px) / 4) !important;
	}
}

@media (min-width: 1680px) {
	.inq-scroller > .inq-producto-card {
		flex-basis: calc((100% - 64px) / 5) !important;
		width: calc((100% - 64px) / 5) !important;
	}
}

@media (hover: hover) and (pointer: fine) {
	.inq-scroller {
		cursor: grab;
	}
}

/* Mientras se arrastra con el mouse: sin snap ni selección de texto */
.inq-scroller.is-dragging {
	cursor: grabbing;
	scroll-snap-type: none;
	user-select: none;
}

/* 15/10/2026: sin barra de scroll; a todo el ancho se veía de borde a borde
   (con las flechas de Windows). Se navega con las flechas, trackpad o dedo */
.inq-scroller {
	scrollbar-width: none;
}

.inq-scroller::-webkit-scrollbar {
	display: none;
}

.inq-producto-media {
	aspect-ratio: 4 / 3;
}

.inq-producto-media .inq-producto-img,
.inq-producto-media .inq-producto-img img {
	width: 100%;
	height: 100%;
}

.inq-producto-media .inq-producto-img img {
	object-fit: contain;
}

/* Las flechas son <button>: el Kit de Elementor le da a todo botón fondo lima
   y 20 px de relleno (.elementor-kit-7 button, que tapaba el ícono) y Woodmart
   lo estiliza con sus variables --btn-*. Se ajustan las dos cosas */
.inq-scroller-stage .inq-scroller-nav {
	--btn-padding: 0;
	--btn-height: 44px;
	--btn-bgcolor: #ffffff;
	--btn-bgcolor-hover: #f4f7e6;
	--btn-color: #575757;
	--btn-color-hover: #575757;
	--btn-brd-radius: 999px;
	--btn-brd-width: 1px;
	--btn-brd-color: #d9d9d9;
	--btn-brd-color-hover: #d9d9d9;
	--btn-box-shadow: 0 18px 40px -24px rgba(87, 87, 87, .45);
	--btn-box-shadow-hover: 0 18px 40px -24px rgba(87, 87, 87, .45);
	position: absolute;
	top: auto;
	bottom: 24px;
	z-index: 2;
	display: none;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	min-height: 44px;
	padding: 0;
	border: 1px solid #d9d9d9;
	border-radius: 999px;
	background-color: #ffffff;
	color: #575757;
	box-shadow: 0 18px 40px -24px rgba(87, 87, 87, .45);
	cursor: pointer;
}

/* El Kit pinta de lima el botón con foco: al hacer clic quedaría verde */
.inq-scroller-stage .inq-scroller-nav:focus {
	background-color: #ffffff;
	color: #575757;
}

.inq-scroller-stage .inq-scroller-nav:hover {
	background-color: #f4f7e6;
	color: #575757;
}

.inq-scroller-stage .inq-scroller-nav:focus-visible {
	outline: 2px solid #575757;
	outline-offset: 2px;
}

.inq-scroller-stage .inq-scroller-nav svg {
	flex-shrink: 0;
	width: 16px;
	height: 16px;
}

/* 15/10/2026: las dos flechas debajo de las tarjetas, centradas, para que
   no tapen productos */
.inq-scroller-nav--prev {
	left: calc(50% - 44px - 6px);
}

.inq-scroller-nav--prev svg {
	transform: rotate(180deg);
}

.inq-scroller-nav--next {
	left: calc(50% + 6px);
}

@media (min-width: 1024px) {
	.inq-scroller-stage .inq-scroller-nav {
		display: inline-flex;
	}
}

/* 5.5 Formularios de Contact Form 7 (labels arriba, dos columnas, botón de
   WhatsApp al lado del envío, boletín en una fila con input redondeado).
   El envío toma el tamaño de las variables del botón destacado de Woodmart
   (div.wpcf7 input[type=submit]); el tema no define alto ni relleno y caía
   en 42 px, más bajo que el de WhatsApp */
.inq-form {
	--btn-accented-padding: 11.2px 20px;
	--btn-accented-height: 45.6px;
	--btn-accented-brd-radius: 999px;
	--btn-accented-box-shadow: 0 10px 24px -12px rgba(148, 175, 0, .9);
	--btn-accented-box-shadow-hover: 0 10px 24px -12px rgba(148, 175, 0, .9);
	display: grid;
	gap: 20px;
}

.inq-form p {
	margin: 0;
}

/* CF7 envuelve en un <p> el contenido de las filas del boletín y de los
   botones: el <p> se disuelve para que sus hijos entren en la fila */
.inq-form :is(.inq-newsletter-fila, .inq-form-acciones) > p {
	display: contents;
}

.inq-form .inq-form-fila {
	display: grid;
	gap: 20px;
}

@media (min-width: 640px) {
	.inq-form .inq-form-fila {
		grid-template-columns: 1fr 1fr;
	}
}

.inq-form .inq-campo {
	display: flex;
	flex-direction: column;
	gap: 6.4px;
}

.inq-form .inq-campo > label {
	color: #333333;
	font-size: 13.12px;
	font-weight: 700;
}

.inq-form :is(input[type=text], input[type=email], input[type=tel], select, textarea) {
	width: 100%;
	min-height: 46.4px;
	padding: 11.2px 14.4px;
	border: 1px solid #d9d9d9;
	border-radius: 10px;
	background: #ffffff;
	color: #333333;
	font-size: 16px;
}

.inq-form .inq-campo textarea {
	min-height: 136px;
	resize: vertical;
}

.inq-form :is(input, select, textarea):focus {
	outline: 2px solid #575757;
	outline-offset: 1px;
	border-color: #575757;
}

.inq-form ::placeholder {
	color: #898989;
}

.inq-form .inq-opt-in label {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	color: #575757;
	font-size: 14px;
	font-weight: 400;
}

.inq-form .inq-opt-in input[type=checkbox] {
	width: 16px;
	height: 16px;
	margin-top: 4px;
	accent-color: #575757;
}

.inq-form .inq-opt-in .wpcf7-list-item {
	margin: 0;
}

.inq-form .inq-form-acciones {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

@media (min-width: 640px) {
	.inq-form .inq-form-acciones {
		flex-direction: row;
		align-items: center;
	}
}

.inq-form .wpcf7-submit,
.inq-form .inq-btn-secundario {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8.8px;
	min-height: 45.6px;
	padding: 11.2px 20px;
	border-radius: 999px;
	font-size: 15.2px;
	font-weight: 700;
	line-height: 1;
	text-transform: none;
	white-space: nowrap;
	transition: transform .18s cubic-bezier(.16, 1, .3, 1), background-color .18s cubic-bezier(.16, 1, .3, 1);
}

.inq-form .wpcf7-submit {
	border: 0;
	background: #94af00;
	color: #333333;
	box-shadow: 0 10px 24px -12px rgba(148, 175, 0, .9);
}

.inq-form .wpcf7-submit:hover {
	background: #a5bc2e;
	transform: translateY(-1px);
}

.inq-form .inq-btn-secundario {
	border: 1px solid #d9d9d9;
	background: transparent;
	color: #575757;
	text-decoration: none;
}

.inq-form .inq-btn-secundario:hover {
	background: #f4f7e6;
	color: #575757;
	transform: translateY(-1px);
}

.inq-form .inq-btn-secundario svg {
	width: 20px;
	height: 20px;
}

.inq-form .wpcf7-spinner {
	display: none;
}

.wpcf7-form.submitting .inq-form .wpcf7-submit {
	opacity: .6;
}

.inq-form .wpcf7-not-valid-tip {
	margin-top: 4px;
	color: #8a1f1f;
	font-size: 13.12px;
	font-weight: 600;
}

.wpcf7-form:has(.inq-form) .wpcf7-response-output {
	margin: 16px 0 0;
	padding: 11.2px 16px;
	border: 0;
	border-radius: 11.2px;
	background: #f4f7e6;
	color: #575757;
	font-size: 13.6px;
	font-weight: 600;
}

.wpcf7-form:has(.inq-form):is(.invalid, .failed, .spam, .unaccepted) .wpcf7-response-output {
	background: #fbeaea;
	color: #8a1f1f;
}

@media (max-width: 639.98px) {
	.inq-form .wpcf7-submit,
	.inq-form .inq-btn-secundario {
		width: 100%;
	}
}

.inq-form-boletin .inq-newsletter-fila {
	display: flex;
	flex-wrap: wrap;
	gap: 9.6px;
}

.inq-form-boletin .wpcf7-form-control-wrap {
	flex: 1 1 14rem;
}

.inq-form-boletin input[type=email] {
	border-radius: 999px;
}

.inq-form-boletin input[type=email]:focus {
	outline-color: #94af00;
	border-color: #d9d9d9;
}

.inq-form-boletin .wpcf7-submit {
	flex-shrink: 0;
}

/* 5.6 Preguntas frecuentes, con el widget Alternar de Elementor: todas
   cerradas al cargar y cada una se abre sola, como la referencia (el Acordeón
   abre la primera y cierra las demás). Filete arriba de la lista; el de abajo
   de cada pregunta lo pone el widget. Ícono a la derecha y respuesta de hasta
   65 caracteres por línea (24/09/2026) */
.inq-faq .elementor-toggle {
	border-top: 1px solid #d9d9d9;
}

.inq-faq .elementor-toggle .elementor-tab-title {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 56px;
	user-select: none; /* como el botón de la referencia: el doble clic no selecciona la pregunta */
}

.inq-faq .elementor-toggle .elementor-tab-content > * {
	max-width: 65ch;
}

.inq-faq .elementor-toggle .elementor-tab-content > :last-child {
	margin-bottom: 0;
}

.inq-faq .elementor-toggle .elementor-toggle-icon {
	float: none;
	flex-shrink: 0;
	width: auto;
}

.inq-faq .elementor-toggle .elementor-toggle-icon svg {
	width: 20px;
	height: 20px;
	margin: 0;
}

/* 5.7 Aparición al hacer scroll: sube 18 px y aparece en 0,7 s (las animaciones
   de entrada de Elementor y Woodmart parten de 100% y 150 px). Con JS para los
   navegadores sin animation-timeline, y sin movimiento si el usuario lo pide */
@keyframes inq-rise {
	to {
		opacity: 1;
		transform: none;
	}
}

@media (prefers-reduced-motion: no-preference) {
	.inq-reveal {
		opacity: 0;
		transform: translateY(18px);
		animation: inq-rise .7s cubic-bezier(.16, 1, .3, 1) forwards;
		animation-timeline: view();
		animation-range: entry 8% cover 28%;
	}

	@supports not (animation-timeline: view()) {
		.inq-reveal {
			animation: none;
			transition: opacity .7s cubic-bezier(.16, 1, .3, 1), transform .7s cubic-bezier(.16, 1, .3, 1);
		}

		.inq-reveal.is-in {
			opacity: 1;
			transform: none;
		}
	}
}

body.elementor-editor-active .inq-reveal {
	opacity: 1;
	transform: none;
	animation: none;
}

/* --------------------------------------------------------------------------
   6 · Tarjetas de entradas (24/09/2026)
   Markup del shortcode [inq_entradas] (sandbox de Novamira, inq-entradas.php):
   artículos, ensayos y videos en la home, las unidades, las fichas y los
   listados. El widget Blog de Woodmart no da estas tarjetas (el porqué está
   en el encabezado del PHP). Los selectores llevan .inq-entradas delante
   para ganarle a los títulos, párrafos y links del Kit y de Woodmart.
   -------------------------------------------------------------------------- */

/* 6.1 Grillas. Home: 32 px y 3 columnas desde 768. Ensayos: 16 px en la home
   y 20 px en listados, 2 columnas desde 640 y 3 desde 1024. Listados de
   artículos y videos: 40 px, 2 columnas desde 768 y 3 desde 1024 */
.inq-entradas {
	display: grid;
	gap: 32px;
}

.inq-entradas--listado {
	gap: 40px;
}

.inq-entradas--ensayos {
	gap: 20px;
}

.inq-entradas--ensayos-compacta {
	gap: 16px;
}

@media (min-width: 640px) {
	.inq-entradas:is(.inq-entradas--ensayos, .inq-entradas--ensayos-compacta) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 768px) {
	.inq-entradas--home:is(.inq-entradas--articulos, .inq-entradas--videos) {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.inq-entradas--listado:is(.inq-entradas--articulos, .inq-entradas--videos) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	.inq-entradas:is(.inq-entradas--ensayos, .inq-entradas--ensayos-compacta),
	.inq-entradas--listado:is(.inq-entradas--articulos, .inq-entradas--videos) {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.inq-entradas .inq-entradas__vacio {
	grid-column: 1 / -1;
	margin: 0;
	color: #575757;
	max-width: 60ch;
}

/* Aviso de /videos sin publicar (08/10/2026): link como el de la referencia */
.inq-entradas .inq-entradas__vacio a {
	font-weight: 700;
	color: #575757;
	text-decoration: underline;
}

/* Flecha de los "Ver ensayo": se corre 2 px al pasar el mouse por la tarjeta */
.inq-entradas .inq-flecha {
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	transition: translate .15s cubic-bezier(.4, 0, .2, 1);
}

.inq-entradas a:hover .inq-flecha {
	translate: 2px 0;
}

/* 6.2 Artículo: imagen 16:10 que crece al pasar el mouse, tema, título,
   bajada de 3 líneas y fecha con tiempo de lectura */
.inq-art {
	min-width: 0;
}

.inq-entradas .inq-art__link,
.inq-entradas .inq-art__link:hover {
	display: block;
	color: #333333;
	text-decoration: none;
}

.inq-art__img {
	aspect-ratio: 16 / 10;
	overflow: hidden;
	border-radius: 16px;
	background: #f4f7e6;
}

.inq-entradas .inq-art__img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: scale .5s cubic-bezier(.4, 0, .2, 1);
}

.inq-entradas .inq-art__link:hover .inq-art__img img {
	scale: 1.04;
}

.inq-art__body {
	padding-top: 20px;
}

.inq-entradas .inq-art__tema {
	margin: 0;
	color: #575757;
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
	letter-spacing: .025em;
	text-transform: uppercase;
}

.inq-entradas .inq-art__titulo {
	margin: 8px 0 0;
	color: #333333;
	font-family: inherit;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.375;
	letter-spacing: 0;
}

.inq-entradas .inq-art__bajada {
	display: -webkit-box;
	margin: 8px 0 0;
	overflow: hidden;
	color: #575757;
	font-size: 14px;
	line-height: 20px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
}

.inq-entradas .inq-art__meta {
	margin: 12px 0 0;
	color: #575757;
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
}

/* 6.3 Ensayo compacto (home, sobre fondo oscuro): tarjeta clara horizontal,
   miniatura 16:9 de 112 px y leve elevación al pasar el mouse */
.inq-entradas .inq-ens-c,
.inq-entradas .inq-ens-c:hover {
	display: flex;
	gap: 16px;
	overflow: hidden;
	padding: 12px;
	border-radius: 16px;
	background: #ffffff;
	color: #333333;
	text-decoration: none;
	transition: translate .15s cubic-bezier(.4, 0, .2, 1);
}

.inq-entradas .inq-ens-c:hover {
	translate: 0 -2px;
}

.inq-entradas .inq-ens-c__img {
	display: block;
	flex-shrink: 0;
	width: 112px;
	height: auto;
	aspect-ratio: 16 / 9;
	border-radius: 12px;
	object-fit: cover;
}

.inq-ens-c__body {
	min-width: 0;
}

.inq-ens-c__titulo {
	display: block;
	font-size: 18px;
	line-height: 1.25;
}

.inq-ens-c__meta {
	display: block;
	margin-top: 4px;
	color: #575757;
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
	letter-spacing: .025em;
	text-transform: uppercase;
}

.inq-ens-c__cta {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin-top: 8px;
	color: #575757;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
}

/* 6.4 Ensayo (listados y fichas): tarjeta con filete, foto de 176 px y
   objetivo de 2 líneas; sube 2 px con sombra al pasar el mouse */
.inq-entradas .inq-ens,
.inq-entradas .inq-ens:hover {
	display: flex;
	flex-direction: column;
	min-width: 0;
	overflow: hidden;
	border: 1px solid #d9d9d9;
	border-radius: 16px;
	background: #ffffff;
	color: #333333;
	text-decoration: none;
	transition: transform .2s cubic-bezier(.16, 1, .3, 1), box-shadow .2s cubic-bezier(.16, 1, .3, 1);
}

.inq-entradas .inq-ens:hover {
	box-shadow: 0 18px 40px -24px rgba(87, 87, 87, .45);
	transform: translateY(-2px);
}

.inq-entradas .inq-ens__img {
	display: block;
	width: 100%;
	height: 176px;
	object-fit: cover;
}

.inq-ens__body {
	padding: 20px;
}

.inq-entradas .inq-ens__meta {
	margin: 0;
	color: #575757;
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
	letter-spacing: .025em;
	text-transform: uppercase;
}

.inq-entradas .inq-ens__titulo {
	margin: 8px 0 0;
	font-size: 20px;
	line-height: 28px;
}

.inq-entradas .inq-ens__objetivo {
	display: -webkit-box;
	margin: 8px 0 0;
	overflow: hidden;
	color: #575757;
	font-size: 14px;
	line-height: 20px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
}

.inq-entradas .inq-ens__cta {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin: 12px 0 0;
	color: #575757;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
}

/* 6.5 Video: marco 16:9 con la etiqueta "Próximamente" (o el link al video) */
.inq-video {
	min-width: 0;
}

.inq-video__frame {
	position: relative;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: 16px;
	background: #f4f7e6;
}

.inq-entradas .inq-video__frame img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.inq-video__soon {
	position: absolute;
	bottom: 13.6px;
	left: 13.6px;
	padding: 4.8px 11.2px;
	border-radius: 999px;
	background: rgba(51, 51, 51, .82);
	color: #fff;
	font-size: 11.2px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.inq-video__play {
	position: absolute;
	inset: 0;
}

.inq-video__body {
	padding-top: 16px;
}

.inq-entradas .inq-video__titulo {
	margin: 0;
	color: #333333;
	font-family: inherit;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.375;
	letter-spacing: 0;
}

.inq-entradas .inq-video__desc {
	margin: 8px 0 0;
	color: #575757;
	font-size: 14px;
	line-height: 20px;
}

/* --------------------------------------------------------------------------
   7 · Páginas de unidad y fichas (24/09/2026)
   El <body> lleva "inq-unidad inq-{bio|pro|campo|lab|tec}" (sandbox:
   inq-unidades.php) y de ahí salen --inq, --inq-ink y --inq-deep (§1). Los
   colores de los widgets son los globales de cada unidad; esto suma lo que
   Elementor no tiene como control: la raya del header, el degradé de 3 tramos
   del hero, el logo en blanco, el filete de color de un solo lado, los checks
   en círculo, la flecha que se corre y el color de la unidad en los
   formularios de CF7 y en las tarjetas de entradas.
   -------------------------------------------------------------------------- */

/* 7.1 Raya de 3 px con el acento de la unidad al pie del header */
.inq-unidad .whb-general-header {
	position: relative;
}

.inq-unidad .whb-general-header::after {
	content: "";
	position: absolute;
	inset-inline: 0;
	bottom: -1px;
	height: 3px;
	background: var(--inq);
	pointer-events: none;
}

/* 7.2 Hero: degradé de 3 tramos sobre la foto (el fondo de Elementor admite
   2), logo de la unidad en blanco (Elementor no tiene el filtro invert) e
   ícono de 16 px en la etiqueta */
.e-con.inq-veil-fade::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to right, var(--inq-deep, #013824), color-mix(in srgb, var(--inq-deep, #013824) 85%, transparent) 55%, color-mix(in srgb, var(--inq-deep, #013824) 40%, transparent));
	pointer-events: none;
}

.e-con.inq-veil-fade > .e-con-inner {
	position: relative;
	z-index: 1;
}

.inq-logo-blanco img {
	filter: brightness(0) invert(1);
}

.inq-badge .elementor-button-icon svg {
	width: 16px;
	height: 16px;
}

/* 7.3 Filete de color de un solo lado: tarjetas de unidad (arriba) y
   destacados (izquierda). Elementor da un solo color de borde y lo escribe
   con .elementor-N .elementor-element.elementor-element-ID (tres clases):
   estos selectores llevan cuatro para ganarle (arreglo del 24/09/2026) */
.elementor .elementor-element.e-con.inq-unit-card {
	border-top: 3px solid var(--inq);
}

.elementor .elementor-element.e-con.inq-destacado {
	border-left: 3px solid var(--inq, #94af00);
}

/* 7.4 La flecha de "Conocer…" se corre 2 px al pasar el mouse por la tarjeta */
.inq-cta .elementor-icon svg {
	transition: translate .15s cubic-bezier(.4, 0, .2, 1);
}

a.e-con:hover .inq-cta .elementor-icon svg {
	translate: 2px 0;
}

/* 7.5 Checks en círculo del tinte de la unidad (la lista de íconos no tiene
   fondo por ícono) y links de párrafo en la tinta de la unidad (mail,
   WhatsApp, ficha técnica; el editor de texto no tiene color de link) */
.inq-checks .elementor-icon-list-item {
	align-items: flex-start;
}

/* El círculo va en el propio ícono. Su contenedor lleva el relleno del
   control "Sangría del texto" (los 12 px hasta el texto) y, si el círculo
   iba ahí, el relleno lo achicaba y la tilde quedaba afuera (arreglo del
   24/09/2026) */
.elementor-widget.elementor-widget-icon-list.inq-checks .elementor-icon-list-icon svg {
	box-sizing: border-box;
	flex-shrink: 0;
	width: 21.6px;
	height: 21.6px;
	margin: 1.6px 0 0;
	padding: 3.8px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--inq, #94af00) 18%, #ffffff);
}

.elementor-widget.inq-checks .elementor-icon-list-icon + .elementor-icon-list-text {
	align-self: flex-start;
	padding-inline-start: 0;
}

.inq-link-tinta a {
	color: var(--inq-ink, #575757);
	font-weight: 700;
	text-decoration: underline;
}

/* 7.6 Formularios de CF7 en la tinta de la unidad: envío, WhatsApp, foco y
   checkbox (los formularios no tienen controles de Elementor) */
.inq-unidad .inq-form {
	--btn-accented-bgcolor: var(--inq-ink);
	--btn-accented-bgcolor-hover: color-mix(in srgb, var(--inq-ink) 86%, #fff);
	--btn-accented-color: #fff;
	--btn-accented-color-hover: #fff;
	--btn-accented-box-shadow: 0 10px 24px -12px color-mix(in srgb, var(--inq-ink) 85%, transparent);
	--btn-accented-box-shadow-hover: 0 10px 24px -12px color-mix(in srgb, var(--inq-ink) 85%, transparent);
}

.inq-unidad .inq-form .inq-btn-secundario,
.inq-unidad .inq-form .inq-btn-secundario:hover {
	border-color: color-mix(in srgb, var(--inq-ink) 30%, #d9d9d9);
	color: var(--inq-ink);
}

.inq-unidad .inq-form :is(input, select, textarea):focus {
	outline-color: var(--inq-ink);
	border-color: var(--inq-ink);
}

.inq-unidad .inq-form input[type=checkbox] {
	accent-color: var(--inq-ink);
}

/* 7.7 Ruta de navegación (widget nativo de Woodmart): chevrón de 12 px al 50%
   en lugar de la barra del tema, 6,4 px entre ítems y subrayado al pasar el
   mouse. El separador de Theme Settings es global; esto queda en la miga */
.inq-migas .wd-breadcrumbs {
	gap: 6.4px;
}

.inq-migas .wd-delimiter {
	width: 12px;
	height: 12px;
	margin: 0;
	background: currentColor;
	font-size: 0;
	opacity: .5;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.inq-migas .wd-breadcrumbs a:hover {
	text-decoration: underline;
}

/* 7.8 Tarjetas de entradas en la tinta de la unidad (en la referencia,
   .unit-themed .text-forest) */
.inq-unidad .inq-entradas :is(.inq-art__tema, .inq-ens__meta, .inq-ens__cta, .inq-ens-c__meta, .inq-ens-c__cta) {
	color: var(--inq-ink);
}

/* --------------------------------------------------------------------------
   8 · Fichas de producto (24/09/2026)
   Lo que Elementor no tiene como control: la composición en dos columnas, la
   foto cuadrada de cada presentación, las etiquetas más chicas del formulario
   compacto, el ícono del registro, los videos en dos columnas y la impresión.
   -------------------------------------------------------------------------- */

/* 8.1 Composición en 2 columnas desde 640 px (la lista de íconos solo es
   vertical u horizontal) */
.inq-lista-doble .elementor-icon-list-items {
	display: grid;
	gap: 8px;
}

@media (min-width: 640px) {
	.inq-lista-doble .elementor-icon-list-items {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* 8.2 Presentaciones: foto cuadrada y contenida */
.inq-presentacion-img img {
	width: 100%;
	aspect-ratio: 1;
	object-fit: contain;
}

/* 8.3 Formulario compacto de captación: etiquetas de 12 px */
.inq-form-compacta .inq-campo > label {
	font-size: 12px;
}

/* 8.4 Ícono de 16 px en el registro SENASA */
.inq-registro .elementor-button-icon svg {
	width: 16px;
	height: 16px;
}

/* 8.5 Videos de la ficha en 2 columnas desde 768 px */
@media (min-width: 768px) {
	.inq-entradas--dos {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* 8.6 Empresa y contacto: filete lima de las etapas (cuatro clases, ver 7.3),
   nota del formulario, mapa con esquinas y filete, y links de los datos de
   contacto */
.elementor .elementor-element.e-con.inq-hito {
	border-top: 3px solid #94af00;
}

.inq-form .inq-form-nota {
	margin: 0;
	color: #575757;
	font-size: 14px;
	line-height: 20px;
}

/* El mapa ocupa todo el alto de su columna, como el h-full min-h-[22rem] de
   la referencia: el alto del widget (352 o 320 px) queda como mínimo. El
   widget no tiene control de alto al 100% (arreglo del 24/09/2026) */
.e-con > .elementor-widget-google_maps.inq-mapa,
.inq-mapa .elementor-custom-embed {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.inq-mapa iframe {
	flex-grow: 1;
	width: 100%;
	border-radius: 16px;
	box-shadow: 0 0 0 1px #d9d9d9;
}

.inq-dato--link .elementor-icon-box-description a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	color: #575757;
}

.inq-dato--link .elementor-icon-box-description a:hover {
	color: #575757;
}

/* --------------------------------------------------------------------------
   9 · Listados de blog, ensayos y videos (24/09/2026)
   Chips de filtro del hero ([inq_filtros], sandbox: inq-entradas.php), como el
   .chip-dark de la referencia: blanco al 10%, el activo en lima. Son links con
   parámetro de URL; no hay widget nativo que filtre así.
   -------------------------------------------------------------------------- */
.inq-filtros .inq-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.inq-filtros .inq-chips + .inq-chips {
	margin-top: 12px;
}

.inq-filtros .inq-chips li {
	margin: 0;
}

.inq-chips--oscuro .inq-chip,
.inq-chips--oscuro .inq-chip:hover {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 8px 16px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .1);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.5;
	text-decoration: none;
}

.inq-chips--oscuro .inq-chip.is-on,
.inq-chips--oscuro .inq-chip.is-on:hover {
	background: #94af00;
	color: #333333;
}

/* --------------------------------------------------------------------------
   10 · Detalle de artículos y ensayos (24/09/2026)
   Layouts de Woodmart "INQ | Entrada | Artículo" y "INQ | Entrada | Ensayo".
   El cuerpo de la entrada como el .prose-innoquim de la referencia (títulos,
   párrafos de 68 caracteres y viñetas lima), la portada 16:7, la etiqueta del
   tema, la caja de productos, los botones del ensayo y las relacionadas, que
   se ocultan si no hay. El contenido de la entrada no tiene controles de
   Elementor, y las piezas dinámicas salen de inq-detalle.php (sandbox).
   -------------------------------------------------------------------------- */
.inq-tema {
	margin: 0;
	color: var(--inq-ink, #575757);
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
	letter-spacing: .025em;
	text-transform: uppercase;
}

/* Línea de autor, fecha y lectura del artículo ([inq_articulo_meta]) */
.inq-articulo-meta {
	margin: 0;
	color: #575757;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
}

/* 10.1 Ruta de navegación del detalle ([inq_ruta], mismo marcado que Woodmart) */
.inq-migas .wd-breadcrumbs {
	font-size: 12.8px;
	font-weight: 600;
	line-height: 19.2px;
}

.inq-migas .wd-breadcrumbs a {
	color: var(--inq-ink, #575757);
}

.inq-migas .wd-breadcrumbs .wd-last {
	color: #575757;
}

/* 10.2 Cuerpo de la entrada */
.elementor-widget.inq-prosa h2 {
	margin: 40px 0 0;
	color: #333333;
	font-size: 25.6px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -.03em;
}

.elementor-widget.inq-prosa h2:first-child {
	margin-top: 0;
}

.elementor-widget.inq-prosa p {
	max-width: 68ch;
	margin: 16px 0 0;
	color: #575757;
	font-size: 16.32px;
	line-height: 1.75;
}

.elementor-widget.inq-prosa ul {
	display: grid;
	gap: 9.6px;
	max-width: 68ch;
	margin: 16px 0 0;
	padding: 0;
	list-style: none;
}

.elementor-widget.inq-prosa li {
	position: relative;
	margin: 0;
	padding-left: 22.4px;
	color: #575757;
	font-size: 16px;
	line-height: 1.6;
}

.elementor-widget.inq-prosa li::before {
	content: "";
	position: absolute;
	top: .62em;
	left: 0;
	width: 7.2px;
	height: 7.2px;
	border-radius: 999px;
	background: #94af00;
}

/* 10.3 Portadas: 16:7 en el artículo, proporción natural en el ensayo.
   Woodmart pone .wd-post-image img { border-radius: var(--wd-brd-radius) }
   (sin radio en este sitio) y se carga después: va con dos clases */
:is(.inq-portada, .inq-portada-ensayo) .wd-post-image {
	display: block;
}

.inq-portada .wd-post-image img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 7;
	object-fit: cover;
	border-radius: 16px;
}

.inq-portada-ensayo .wd-post-image img {
	display: block;
	width: 100%;
	border-radius: 16px;
}

/* 10.4 "Productos de este artículo" */
.inq-caja {
	padding: 24px;
	border-radius: 16px;
	background: #ffffff;
	box-shadow: 0 0 0 1px #d9d9d9;
}

.inq-caja .inq-caja__titulo {
	margin: 0;
	color: #333333;
	font-size: 20px;
	line-height: 28px;
}

.inq-caja .inq-productos {
	margin: 16px 0 0;
	padding: 0;
	list-style: none;
}

.inq-caja .inq-productos li {
	margin: 0;
}

.inq-caja .inq-productos li + li {
	margin-top: 4px;
}

.inq-caja .inq-productos a,
.inq-caja .inq-productos a:hover {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 44px;
	padding: 0 8px;
	border-radius: 12px;
	color: #333333;
	text-decoration: none;
}

.inq-caja .inq-productos a:hover {
	background: #f5f5f5;
}

.inq-productos__nombre {
	display: block;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
}

.inq-productos__resumen {
	display: block;
	color: #575757;
	font-size: 12px;
	line-height: 16px;
}

.inq-caja .inq-flecha {
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	color: #575757;
}

/* 10.5 Botones del ensayo: informe en PDF (o consultar) y ficha del producto */
.inq-botones {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

@media (min-width: 640px) {
	.inq-botones {
		flex-direction: row;
		flex-wrap: wrap;
	}
}

.inq-botones .inq-boton {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8.8px;
	min-height: 45.6px;
	padding: 11.2px 20px;
	border: 1px solid transparent;
	border-radius: 999px;
	font-size: 15.2px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	transition: transform .18s cubic-bezier(.16, 1, .3, 1), background-color .18s cubic-bezier(.16, 1, .3, 1), color .18s cubic-bezier(.16, 1, .3, 1);
}

.inq-botones .inq-boton:hover {
	transform: translateY(-1px);
}

.inq-botones .inq-boton:active {
	transform: translateY(1px) scale(.98);
}

.inq-botones .inq-boton--forest,
.inq-botones .inq-boton--forest:hover {
	background: #575757;
	color: #ffffff;
}

.inq-botones .inq-boton--forest:hover {
	background: #6b6b6b;
}

.inq-botones .inq-boton--print,
.inq-botones .inq-boton--print:hover {
	border-color: #d9d9d9;
	background: transparent;
	color: #575757;
}

.inq-botones .inq-boton--print:hover {
	background: #f4f7e6;
}

.inq-botones .inq-boton svg {
	width: 20px;
	height: 20px;
}

/* 10.6 La sección de relacionadas no se muestra si no hay ninguna */
.inq-seccion-relacionados:has(.inq-entradas-vacia) {
	display: none;
}

/* --------------------------------------------------------------------------
   11 · Impresión (botón "Imprimir" de las fichas, 24/09/2026): como la
   referencia, sin header, footer, ruta, botones ni bloques de contacto.
   Elementor no tiene estilos de impresión
   -------------------------------------------------------------------------- */
@media print {
	.whb-header,
	.wd-footer,
	.inq-no-print,
	.inq-migas,
	.inq-scroller-nav,
	.mobile-nav,
	.wd-close-side {
		display: none !important;
	}

	body {
		background: #fff;
		color: #333333;
	}

	a {
		color: inherit;
		text-decoration: none;
	}
}

/* --------------------------------------------------------------------------
   12 · Buscador y 404 (24/09/2026)
   Formulario de [inq_buscador] (sandbox: inq-buscador.php) como el
   .newsletter-row de la referencia: campo en píldora y botón lima. Lista de
   [inq_resultados] con filetes entre resultados, y el aviso sin resultados.
   El "404" gigante de la página de error es un título de Elementor
   -------------------------------------------------------------------------- */
.inq-buscador {
	display: flex;
	flex-wrap: wrap;
	gap: 9.6px;
	margin: 0;
}

/* Woodmart fija la altura de todo input[type=search] (--wd-form-height) y el
   botón se estiraba con él; y sus botones van en mayúsculas (--btn-transform) */
.inq-buscador input[type=search] {
	box-sizing: border-box;
	flex: 1 1 224px;
	min-width: 0;
	height: 46.4px;
	min-height: 46.4px;
	padding: 11.2px 14.4px;
	border: 1px solid #d9d9d9;
	border-radius: 999px;
	background: #ffffff;
	color: #333333;
	font-size: 16px;
	box-shadow: none;
}

.inq-buscador input[type=search]:focus {
	outline: 2px solid #94af00;
	outline-offset: 1px;
	border-color: #d9d9d9;
}

.inq-buscador .inq-buscador__boton {
	flex-shrink: 0;
	min-height: 45.6px;
	padding: 11.2px 20px;
	border: 0;
	border-radius: 999px;
	background: #94af00;
	color: #333333;
	font-size: 15.2px;
	font-weight: 700;
	line-height: 1;
	text-transform: none;
	box-shadow: 0 10px 24px -12px rgba(148, 175, 0, .9);
	transition: transform .18s cubic-bezier(.16, 1, .3, 1), background-color .18s cubic-bezier(.16, 1, .3, 1);
}

.inq-buscador .inq-buscador__boton:hover,
.inq-buscador .inq-buscador__boton:focus {
	background: #a5bc2e;
	color: #333333;
	transform: translateY(-1px);
}

.inq-buscador__resumen {
	margin: 24px 0 0;
	color: #575757;
	font-size: 14px;
	line-height: 20px;
}

.inq-resultados {
	margin: 0;
	padding: 0;
	border-top: 1px solid #d9d9d9;
	list-style: none;
}

.inq-resultados li {
	margin: 0;
}

.inq-resultados li + li {
	border-top: 1px solid #d9d9d9;
}

.inq-resultados a {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 20px 0;
	color: inherit;
	text-decoration: none;
}

.inq-resultados__tipo {
	color: #575757;
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
	letter-spacing: .025em;
	text-transform: uppercase;
}

.inq-resultados__titulo {
	color: #333333;
	font-size: 20px;
	line-height: 1.25;
}

.inq-resultados a:hover .inq-resultados__titulo {
	text-decoration: underline;
}

.inq-resultados__resumen {
	color: #575757;
	font-size: 14px;
	line-height: 20px;
}

.inq-resultados-vacio p {
	margin: 0;
	color: #575757;
}

.inq-resultados-vacio .inq-botones {
	margin-top: 24px;
}

.inq-botones .inq-boton--primario,
.inq-botones .inq-boton--primario:hover {
	background: #94af00;
	color: #333333;
	box-shadow: 0 10px 24px -12px rgba(148, 175, 0, .9);
}

.inq-botones .inq-boton--primario:hover {
	background: #a5bc2e;
}

/* --------------------------------------------------------------------------
   13 · Popup "Quiero que me llamen" y botón flotante de contacto (24/09/2026)
   Son una ventana emergente y dos bloques flotantes de Woodmart, editables
   con Elementor (build_flotantes.py). Acá va lo que no tiene control: el
   formulario del popup (CF7) con 16 px entre campos y el envío a lo ancho,
   los íconos del panel (20 px el de WhatsApp, 16 px los otros) y, en las
   unidades y sus fichas, la tinta de la unidad: en la referencia
   .unit-themed está en el body y alcanza al popup y al panel, y acá son
   globales y no saben en qué página están
   -------------------------------------------------------------------------- */
.inq-form-popup,
.inq-form-popup .inq-form-fila {
	gap: 16px;
}

.inq-form-popup .wpcf7-submit {
	width: 100%;
}

.inq-dock .inq-btn--primario .elementor-button-icon svg {
	width: 20px;
	height: 20px;
}

.inq-dock .inq-btn--secundario .elementor-button-icon svg {
	width: 16px;
	height: 16px;
}

body.inq-unidad .elementor-element.inq-tinta .elementor-heading-title {
	color: var(--inq-ink);
}

body.inq-unidad .inq-dock .inq-btn--primario .elementor-button {
	background-color: var(--inq-ink);
	color: #fff;
	box-shadow: 0 10px 24px -12px color-mix(in srgb, var(--inq-ink) 85%, transparent);
}

body.inq-unidad .inq-dock .inq-btn--primario .elementor-button:hover {
	background-color: color-mix(in srgb, var(--inq-ink) 86%, #fff);
	color: #fff;
}

body.inq-unidad .inq-dock .inq-btn--secundario .elementor-button,
body.inq-unidad .inq-dock .inq-btn--secundario .elementor-button:hover {
	border-color: color-mix(in srgb, var(--inq-ink) 30%, #d9d9d9);
	color: var(--inq-ink);
}

/* Sin popup ni botón flotante al imprimir, como la referencia */
@media print {
	.wd-fb-holder,
	.mfp-bg,
	.mfp-wrap {
		display: none !important;
	}
}

/* El círculo del botón flotante sin el espacio de la línea de texto (el
   ícono es inline-block sobre la línea base): el bloque queda en 56 x 56 */
.inq-dock-abrir .elementor-icon-wrapper {
      line-height: 0;
}

/* ==========================================================================
   14. Fichas con la plantilla nueva de la referencia (25/09/2026):
   Potenza, Attiva Pro, MicTec, Optimo y Acqua4. El filete y las esquinas de
   la tabla y la caja de los complementarios son ajustes de Elementor
   ========================================================================== */

/* 14.1 Tabla de dosis (widget Tabla de Woodmart): ancho mínimo de 32rem con
   scroll horizontal (min-w-[32rem] de la referencia), primera columna en 600
   y dosis en 16 px sin corte de línea. El widget tiene una sola tipografía
   para todo el cuerpo, no por columna */
.inq-dosis-tabla .wd-el-table {
	min-width: 32rem;
}

.inq-dosis-tabla .wd-el-table td:first-child {
	font-weight: 600;
}

.inq-dosis-tabla .wd-el-table td:nth-child(2) {
	font-size: 16px;
	line-height: 24px;
	white-space: nowrap;
}

/* 14.2 "Aviso técnico." en el color del texto, como el <strong class="text-ink">
   (el editor de texto no tiene color para las negritas) */
.inq-aviso strong {
	color: #333333;
	font-weight: 700;
}

/* --------------------------------------------------------------------------
   15 · Marca de cada unidad (08/10/2026, referencia del 06/10)
   Símbolo nuevo de la unidad en las tarjetas de unidad y logo negativo en el
   menú cuando la unidad está activa. Los archivos son PNG de la referencia:
   el widget Ícono de Elementor solo acepta SVG y la imagen del menú es una
   sola, así que se resuelve con máscara y fondo.
   -------------------------------------------------------------------------- */
.inq-bio   { --inq-simbolo: url("/wp-content/uploads/2026/10/inq-marca-simbolo-inqbio.webp");   --inq-negativo: url("/wp-content/uploads/2026/10/inq-marca-unidad-inqbio-negativo.webp"); }
.inq-pro   { --inq-simbolo: url("/wp-content/uploads/2026/10/inq-marca-simbolo-inqpro.webp");   --inq-negativo: url("/wp-content/uploads/2026/10/inq-marca-unidad-inqpro-negativo.webp"); }
.inq-campo { --inq-simbolo: url("/wp-content/uploads/2026/10/inq-marca-simbolo-inqcampo.webp"); --inq-negativo: url("/wp-content/uploads/2026/10/inq-marca-unidad-inqcampo-negativo.webp"); }
.inq-lab   { --inq-simbolo: url("/wp-content/uploads/2026/10/inq-marca-simbolo-inqlab.webp");   --inq-negativo: url("/wp-content/uploads/2026/10/inq-marca-unidad-inqlab-negativo.webp"); }
.inq-tec   { --inq-simbolo: url("/wp-content/uploads/2026/10/inq-marca-simbolo-inqtec.webp");   --inq-negativo: url("/wp-content/uploads/2026/10/inq-marca-unidad-inqtec-negativo.webp"); }

/* El ícono de la tarjeta de unidad pasa a ser el símbolo, de 32 px, en la tinta
   de la unidad (.unit-symbol de la referencia) */
/* Solo el ícono que es hijo directo de la tarjeta: la flecha de "Conocer…" también
   es un widget Ícono, dentro del container del link */
.inq-unit-card:is(.inq-bio, .inq-pro, .inq-campo, .inq-lab, .inq-tec) > .elementor-widget-icon .elementor-icon,
.inq-unit-card:is(.inq-bio, .inq-pro, .inq-campo, .inq-lab, .inq-tec) > .e-con-inner > .elementor-widget-icon .elementor-icon {
	position: relative;
}

.inq-unit-card:is(.inq-bio, .inq-pro, .inq-campo, .inq-lab, .inq-tec) > .elementor-widget-icon .elementor-icon svg,
.inq-unit-card:is(.inq-bio, .inq-pro, .inq-campo, .inq-lab, .inq-tec) > .e-con-inner > .elementor-widget-icon .elementor-icon svg {
	visibility: hidden;
}

.inq-unit-card:is(.inq-bio, .inq-pro, .inq-campo, .inq-lab, .inq-tec) > .elementor-widget-icon .elementor-icon:after,
.inq-unit-card:is(.inq-bio, .inq-pro, .inq-campo, .inq-lab, .inq-tec) > .e-con-inner > .elementor-widget-icon .elementor-icon:after {
	content: "";
	position: absolute;
	inset: 0;
	margin: auto;
	width: 32px;
	height: 32px;
	background: var(--inq-ink);
	-webkit-mask: var(--inq-simbolo) center / contain no-repeat;
	mask: var(--inq-simbolo) center / contain no-repeat;
}

/* Tarjetas de complementarios de las fichas (08/10/2026): caja blanca 4:3 con la imagen
   contenida, como la referencia. El container de Elementor no tiene proporción fija */
.e-con.inq-complementario-media {
	aspect-ratio: 4 / 3;
}

.e-con.inq-complementario-media .elementor-widget-image:only-child,
.e-con.inq-complementario-media .elementor-widget-image:only-child img {
	width: 100%;
	height: 100%;
}

.e-con.inq-complementario-media .elementor-widget-image:only-child img {
	object-fit: contain;
}

/* --------------------------------------------------------------------------
   16 · Programas TIS (08/10/2026, página nueva de la referencia del 06/10)
   Etiquetas de color por función (protección, biología, nutrición), leyenda
   con puntos, filete superior de las tarjetas por función, desplegable de
   "Ver otras 3 configuraciones" y número de la tabla. Los colores salen de
   .tis-fn-* de la referencia. Las tarjetas, la tabla y los textos son
   containers y widgets nativos; esto solo pinta lo que no tiene control.
   -------------------------------------------------------------------------- */
.inq-tis-prot { --fn: #eb3300; --fn-ink: #b32800; }
.inq-tis-bio  { --fn: #94af00; --fn-ink: #536200; }
.inq-tis-nutr { --fn: #00667d; --fn-ink: #00667d; }

/* Etiqueta (.tis-chip) */
.elementor-widget-heading.inq-tis-chip .elementor-heading-title {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 2.4px 10.4px;
	border: 1px solid color-mix(in srgb, var(--fn) 45%, transparent);
	border-radius: 999px;
	background: color-mix(in srgb, var(--fn) 12%, #fff);
	color: var(--fn-ink);
	white-space: nowrap;
}

.elementor-widget-heading.inq-tis-chip,
.elementor-widget-heading.inq-tis-plus {
	width: auto;
}

/* Leyenda con punto de color (.tis-legend) */
.elementor-widget-heading.inq-tis-leyenda .elementor-heading-title {
	display: inline-flex;
	align-items: center;
	gap: 7.2px;
	color: var(--fn-ink);
}

.elementor-widget-heading.inq-tis-leyenda .elementor-heading-title:before {
	content: "";
	width: 12px;
	height: 12px;
	border-radius: 999px;
	background: var(--fn);
}

/* Filete superior por función (.tis-fn-card). Cuatro clases para ganarle al
   borde de Elementor (ver §7.3) */
.elementor .elementor-element.e-con.inq-tis-card {
	border-top-color: var(--fn);
}

/* Programas destacados: filete lima arriba (.tis-card-lead) */
.elementor .elementor-element.e-con.inq-tis-programa--lead {
	border-top-color: #94af00;
}

/* Atajos: el filete pasa a lima al pasar el mouse */
.elementor .elementor-element.e-con.inq-tis-atajo {
	transition: box-shadow .18s cubic-bezier(.16, 1, .3, 1);
}

.elementor .elementor-element.e-con.inq-tis-atajo:hover {
	box-shadow: 0 0 0 1px #94af00;
	border-color: #94af00;
}

/* Número del programa en la tabla (.tis-num) */
.inq-tis-tabla .inq-tis-num {
	color: #5d6e00;
}

/* Desplegable "Ver otras 3 configuraciones" (.tis-others) */
.inq-tis-otras .e-n-accordion-item {
	border: 2px solid #94af00;
	border-radius: 16px;
	background: color-mix(in srgb, #94af00 10%, #fff);
	overflow: hidden;
}

.inq-tis-otras .e-n-accordion-item-title {
	min-height: 64px;
	padding: 16px 24px;
	border: 0;
	background: transparent;
}

.inq-tis-otras .e-n-accordion-item-title:hover {
	background: color-mix(in srgb, #94af00 20%, #fff);
}

.inq-tis-otras .inq-tis-otras-sub {
	display: block;
	margin-top: 2px;
	color: #575757;
	font-family: "Fira Sans Condensed Local", "Fira Sans Local", sans-serif;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
}

.inq-tis-otras .e-n-accordion-item-title-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 999px;
	background: #94af00;
	transition: transform .2s cubic-bezier(.16, 1, .3, 1);
}

.inq-tis-otras .e-n-accordion-item[open] .e-n-accordion-item-title-icon {
	transform: rotate(45deg);
}

.inq-tis-otras .e-n-accordion-item > .e-con {
	border: 0;
}

/* --------------------------------------------------------------------------
   17 · Referencia del 14/10/2026
   Nombres científicos y cepas (em.sci y .strain, los marca inq-ciencia.php),
   envases de INQBIO y símbolo de unidad en las tarjetas de la home.
   -------------------------------------------------------------------------- */
@font-face {
	font-family: "Fira Sans Condensed Local";
	src: url("/wp-content/uploads/2026/10/inq-fuente-fira-sans-condensed-300-italica.woff2") format("woff2");
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Fira Sans Condensed Local";
	src: url("/wp-content/uploads/2026/10/inq-fuente-fira-sans-condensed-400-italica.woff2") format("woff2");
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Fira Sans Condensed Local";
	src: url("/wp-content/uploads/2026/10/inq-fuente-fira-sans-condensed-600-italica.woff2") format("woff2");
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Fira Sans Condensed Local";
	src: url("/wp-content/uploads/2026/10/inq-fuente-fira-sans-condensed-700-italica.woff2") format("woff2");
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}

/* 17.1 Nombre científico: cursiva condensada 300; en h1 a h4 toma el peso del título
   (un título de Elementor que sale como <p> no cuenta, como en la referencia) */
em.sci {
	font-family: "Fira Sans Condensed Local", "Fira Sans Local", sans-serif;
	font-style: italic;
	font-weight: 300;
}

:is(h1, h2, h3, h4) em.sci {
	font-weight: inherit;
}

/* 17.2 Cepa: Fira Sans 700 (la referencia pide Lunea Sans solo si está instalada
   en la compu y cae a Fira Sans) */
.strain {
	font-family: "Fira Sans Local", sans-serif;
	font-style: normal;
	font-weight: 700;
	letter-spacing: .01em;
}

/* 17.5 Tarjetas de unidad de la home: símbolo blanco de 24 px en el círculo del
   color de la unidad (.inq-tile-symbol). Solo el ícono hijo directo de la tarjeta */
.inq-tile:is(.inq-bio, .inq-pro, .inq-campo, .inq-lab, .inq-tec) > .elementor-widget-icon .elementor-icon {
	position: relative;
}

.inq-tile:is(.inq-bio, .inq-pro, .inq-campo, .inq-lab, .inq-tec) > .elementor-widget-icon .elementor-icon svg {
	visibility: hidden;
}

.inq-tile:is(.inq-bio, .inq-pro, .inq-campo, .inq-lab, .inq-tec) > .elementor-widget-icon .elementor-icon:after {
	content: "";
	position: absolute;
	inset: 0;
	margin: auto;
	width: 24px;
	height: 24px;
	background: #ffffff;
	-webkit-mask: var(--inq-simbolo) center / contain no-repeat;
	mask: var(--inq-simbolo) center / contain no-repeat;
}

.inq-tile .inq-tile-logo img {
	display: block;
	height: 28px;
	width: auto;
}

/* --------------------------------------------------------------------------
   18 · Referencia del 20/10/2026
   Pesos que faltaban: sin estos archivos el navegador inventaba la negrita
   de la condensada y la cursiva de Fira Sans. La itálica 400 ya estaba subida
   pero registrada como otra familia ("Fira Sans Italic").
   -------------------------------------------------------------------------- */
@font-face {
	font-family: "Fira Sans Condensed Local";
	src: url("/wp-content/uploads/2026/10/inq-fuente-fira-sans-condensed-600.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Fira Sans Condensed Local";
	src: url("/wp-content/uploads/2026/10/inq-fuente-fira-sans-condensed-700.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Fira Sans Local";
	src: url("/wp-content/uploads/2026/09/inq-fuente-fira-sans-400-italica.woff2") format("woff2");
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Fira Sans Local";
	src: url("/wp-content/uploads/2026/10/inq-fuente-fira-sans-600-italica.woff2") format("woff2");
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Fira Sans Local";
	src: url("/wp-content/uploads/2026/10/inq-fuente-fira-sans-700-italica.woff2") format("woff2");
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}

/* 18.1 Badge de unidad de las fichas: símbolo de la unidad en blanco de 24 px
   (en la referencia, .unit-symbol h-6 w-6). El botón de Elementor solo acepta SVG */
.elementor-widget-button.inq-badge:is(.inq-bio, .inq-pro, .inq-campo, .inq-lab, .inq-tec) .elementor-button-icon {
	position: relative;
	width: 24px;
	height: 24px;
}

.elementor-widget-button.inq-badge:is(.inq-bio, .inq-pro, .inq-campo, .inq-lab, .inq-tec) .elementor-button-icon svg {
	visibility: hidden;
}

.elementor-widget-button.inq-badge:is(.inq-bio, .inq-pro, .inq-campo, .inq-lab, .inq-tec) .elementor-button-icon:after {
	content: "";
	position: absolute;
	inset: 0;
	background: #ffffff;
	-webkit-mask: var(--inq-simbolo) center / contain no-repeat;
	mask: var(--inq-simbolo) center / contain no-repeat;
}