/**
 * wideum-shop-landings.css
 *
 * Landings de categoria, marca, kits, indústries i home:
 * heros, pills, files de targetes i graelles Woo natives.
 *
 * F2 · Consolidació de CSS: aquestes regles vivien duplicades al custom_css
 * dels documents d'Elementor (#990, #991, #992, #993, #994, #995, #996, #1114, #1115, #1116, #1141, #1142, #1143, #1144, #1153, #1157, #966, #1158, #1159, #1160, #1161, #1162, #1163, #1164, #1165, #1166, #1167, #1170).
 * Generat per tools/design/extract-doc-css.php --block=landings --write
 */

/* == GENERAT PER tools/design/extract-doc-css.php — NO EDITIS A MÀ == */

.w-feat-title .elementor-heading-title {
	position: relative;
	padding-left: 32px;
}

.w-feat-title .elementor-heading-title::before {
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background: #5023D5;
}

.w-brand-card {
	transition: box-shadow .2s ease,transform .2s ease;
}

.w-brand-card:hover {
	box-shadow: 0 10px 40px rgba(0,23,92,.12);
	transform: translateY(-2px);
}

.w-brand-video {
	max-width: 920px;
	width: 100%;
	margin: 0 auto;
}

.w-brand-video iframe,
.w-brand-video .elementor-video {
	border-radius: 10px;
	overflow: hidden;
}

.w-brand-grid ul.products li.product img {
	border-radius: 10px;
}

.w-brand-grid ul.products li.product .woocommerce-loop-product__title {
	color: #00175C;
	font-weight: 700;
}

.w-brand-grid ul.products li.product .button {
	border-radius: 10px;
}

.w-hero-logo-white img {
	filter: brightness(0) invert(1);
}

.wideum-cat-hero .wideum-hero-sub {
	max-width: 780px;
	margin: 0 auto;
}

.wideum-pill .elementor-heading-title {
	display: inline-block;
	background: #fff;
	border: 1px solid #DFE5F0;
	border-radius: 999px;
	padding: 8px 18px;
	font-size: 14px;
	font-weight: 600;
	color: #00175C;
	margin: 0;
}

.wideum-woo-grid ul.products li.product img {
	border-radius: 10px;
}

.wideum-brand-row {
	display: grid !important;
	grid-template-columns: repeat(4,minmax(0,1fr));
	gap: 24px;
}

@media (max-width:1024px) {
	.wideum-brand-row {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
}

@media (max-width:640px) {
	.wideum-brand-row {
		grid-template-columns: minmax(0,1fr);
	}
}

.wideum-brand-card {
	height: 100%;
}

.wideum-sw-row {
	display: grid !important;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 28px;
}

@media (max-width:900px) {
	.wideum-sw-row {
		grid-template-columns: minmax(0,1fr);
	}
}

.wideum-sw-card {
	height: 100%;
}

.wideum-sw-card .elementor-widget-button {
	margin-top: auto;
	align-self: flex-start;
}

.wideum-stats-row {
	display: grid !important;
	grid-template-columns: repeat(4,minmax(0,1fr));
	gap: 24px;
}

@media (max-width:820px) {
	.wideum-stats-row {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
}

.wusa-intro {
	max-width: 790px;
}

.wusa-grid {
	display: grid!important;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 22px;
}

.wusa-steps {
	grid-template-columns: repeat(4,minmax(0,1fr));
}

.wusa-card,
.wusa-step {
	height: 100%;
}

/* ---------------------------------------------------------------------------
 * F14 — paritat de les cards `wusa-*` amb els mòduls del web actual
 * (/products/remote-eye/ per a `cards`, /products/process-eye/ per a
 * `progressive-cards`). El SKIN (fons blanc, vora #E5E8EF, ombra, radi i
 * padding 45/30) ja el donen `.w-card` i `.w-progressive-card` de
 * wideum-legacy.css; aquí només hi ha el RITME intern de la card i els dos
 * elements que el tema no cobreix per si sol: la icona SVG i l'eyebrow 01-04.
 * ------------------------------------------------------------------------- */

/* Caixa de la card: Elementor redefineix `--border-radius:0` i el padding per
 * defecte a `.e-con`, i això tapa `.w-card` / `.w-progressive-card`. Retornem
 * els valors canònics del tema pels vars propis d'Elementor (sense guerra
 * d'especificitat i sense settings per-widget). */
.wusa-card,
.wusa-step {
	--padding-block-start: var(--margin-section-medium, 45px);
	--padding-block-end: var(--margin-section-medium, 45px);
	--padding-inline-start: var(--margin-section-regular, 30px);
	--padding-inline-end: var(--margin-section-regular, 30px);
}
/* `.cards__card` de producció és de cantell viu; `.w-progressive-card`, 10px. */
.wusa-step {
	--border-radius: 10px;
}

/* Icona = <img> SVG canònic d'uploads/2022/07 (equival a .cards__icon). */
.wusa-card__icon img {
	width: 54px;
	height: 54px;
	object-fit: contain;
}

/* Ritme vertical canònic (icona 20 / títol 15 / eyebrow 12 / enllaç 30).
 * Elementor anul·la el margin-block-end de tot widget dins d'un `.e-con`
 * (`.e-con .elementor-widget.elementor-widget`, 0-3-0), així que cal repetir la
 * classe del widget per superar-lo. */
.wusa-card .elementor-widget.elementor-widget.wusa-card__icon,
.wusa-step .elementor-widget.elementor-widget.wusa-card__icon {
	margin-block-end: 20px;
}
.wusa-card .elementor-widget.elementor-widget.subsection-title-small,
.wusa-step .elementor-widget.elementor-widget.subsection-title-small {
	margin-block-end: 15px;
}
.wusa-step .elementor-widget.elementor-widget.wusa-step__num {
	margin-block-end: 12px;
}

/* Text de card = .cards__text del tema (16/22, navy al 60%). */
.wusa-card .elementor-widget-text-editor,
.wusa-step .elementor-widget-text-editor {
	color: var(--dark-blue, #00175C);
	font-size: var(--text-small-size, 16px);
	line-height: var(--text-small-lineheight, 22px);
	opacity: .6;
}
.wusa-card .elementor-widget-text-editor p,
.wusa-step .elementor-widget-text-editor p {
	font-size: inherit;
	line-height: inherit;
	margin: 0;
}
/* El text empeny l'enllaç al peu de la card, com .cards__text{flex-grow:1}. */
.wusa-card .elementor-widget-text-editor {
	flex-grow: 1;
}
.wusa-card .elementor-widget-button {
	margin-top: var(--margin-section-regular, 30px);
}
/* L'enllaç-fletxa és text pla alineat amb el cos de la card, no una píndola:
 * fora el padding del botó d'Elementor (la fletxa manté els 18px de la dreta). */
.wusa-card .elementor-widget-button.link--arrow .elementor-button {
	padding: 0 18px 0 0 !important;
}

/* Eyebrow 01-04 de les progressive-cards (dígit discret, no titular).
 * El color del kit d'Elementor (`.elementor-widget-heading .elementor-heading-title`,
 * 0-2-0) es carrega després, per això el selector puja a 0-3-0. */
.wusa-step .wusa-step__num,
.wusa-step .wusa-step__num .elementor-heading-title {
	color: var(--main-blue, #1CA3B5);
	font-size: 12px;
	line-height: 1.2;
	font-weight: var(--bold, 700);
	letter-spacing: .07em;
}

/* ---------------------------------------------------------------------------
 * F14 — FAQ: l'acordió d'Elementor amb l'aspecte del `faqs` del tema (files
 * sense caixa, filet fi navy, chevron a la dreta, resposta en targeta clara).
 * ------------------------------------------------------------------------- */
.wusa-faq .elementor-accordion {
	border: 0;
}
.wusa-faq .elementor-accordion .elementor-accordion-item {
	border: 0 !important;
	border-bottom: 1px solid var(--dark-blue, #00175C) !important;
	background: transparent;
}
.wusa-faq .elementor-accordion .elementor-tab-title {
	position: relative;
	border: 0;
	background: transparent !important;
	padding: var(--margin-section-medium, 45px) var(--margin-section-medium, 45px) 20px 0;
}
.wusa-faq .elementor-accordion .elementor-tab-title a,
.wusa-faq .elementor-accordion .elementor-tab-title .elementor-accordion-title {
	color: var(--dark-blue, #00175C);
	font-size: var(--text-small-size, 16px);
	line-height: var(--text-small-lineheight, 22px);
	font-weight: var(--medium, 500);
	transition: color .2s ease-in-out;
}
.wusa-faq .elementor-accordion .elementor-tab-title.elementor-active a,
.wusa-faq .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-title {
	color: var(--turquoise, #4ADBC4);
}
.wusa-faq .elementor-accordion .elementor-accordion-icon {
	display: none !important;
}
.wusa-faq .elementor-accordion .elementor-tab-title::after {
	content: "";
	position: absolute;
	right: 15px;
	/* Mateixa cota que `.faqs__question:after` del tema (padding-top 45 + 8). */
	top: 53px;
	width: 12px;
	height: 12px;
	background-image: url(../../../../themes/wideum/images/menu-arrow-icon.svg);
	background-repeat: no-repeat;
	background-size: contain;
	filter: invert(100%);
	transition: transform .2s ease-in-out;
}
.wusa-faq .elementor-accordion .elementor-tab-title.elementor-active::after {
	transform: rotate(180deg);
}
.wusa-faq .elementor-accordion .elementor-tab-content {
	border: 0 !important;
	background: #F4FAFB;
	border-radius: var(--border-radius, 10px);
	margin: 0 0 20px;
	padding: 20px !important;
	color: var(--dark-blue, #00175C);
	font-size: var(--text-small-size, 16px);
	line-height: var(--text-small-lineheight, 22px);
	opacity: .8;
}


@media (max-width:1024px) {
	.wusa-grid,
	.wusa-steps {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
}

@media (max-width:640px) {
	.wusa-grid,
	.wusa-steps {
		grid-template-columns: minmax(0,1fr);
	}
}

.wkits-hero .wkits-hero-sub {
	max-width: 760px;
	margin: 0 auto;
}

.wkits-row {
	display: grid !important;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 24px;
	align-items: stretch;
}

@media (max-width:1024px) {
	.wkits-row {
		grid-template-columns: minmax(0,1fr);
		max-width: 560px;
		margin: 0 auto;
	}
}

.wkits-card {
	height: 100%;
}

.wkits-card .wkits-cta {
	margin-top: auto;
}

.wkits-card .wkits-cta .elementor-button {
	display: block;
	width: 100%;
	text-align: center;
}

ul.wkits-inside {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.wkits-inside li {
	position: relative;
	padding-left: 24px;
	margin: 0 0 10px;
	font-size: 14.5px;
	line-height: 1.55;
	color: #33415C;
}

ul.wkits-inside li:last-child {
	margin-bottom: 0;
}

ul.wkits-inside li::before {
	content: "\2713";
	position: absolute;
	left: 0;
	top: 0;
	color: #1CA3B5;
	font-weight: 800;
}

ul.wkits-inside b {
	color: #00175C;
}

.wkits-li-price {
	color: #00175C;
	font-weight: 700;
	white-space: nowrap;
}

.wkits-pricing p.wkits-price {
	margin: 0;
}

.wkits-price .wkits-was {
	color: #8B93A7;
	text-decoration: line-through;
	font-size: 16px;
	margin-right: 8px;
}

.wkits-price .wkits-now {
	color: #00175C;
	font-weight: 800;
	font-size: 30px;
}

.wkits-price .wkits-from {
	color: #00175C;
	font-weight: 800;
	font-size: 26px;
}

.wkits-pricing .wkits-savewrap {
	margin: 6px 0 0;
}

.wkits-save {
	display: inline-block;
	background: rgba(74,219,196,.16);
	color: #1CA3B5;
	font-weight: 700;
	font-size: 13px;
	border-radius: 999px;
	padding: 5px 12px;
}

.wkits-pricing .wkits-note {
	margin: 8px 0 0;
	font-size: 13px;
	color: #4A5568;
}

p.product.wkits-add {
	margin: 0;
}

.wkits-add .button {
	display: block;
	width: 100%;
	text-align: center;
	background: #4ADBC4;
	color: #fff;
	border-radius: 10px;
	font-weight: 700;
	font-size: 15px;
	padding: 13px 24px;
	transition: background .2s;
}

.wkits-add .button:hover {
	background: #2FC9B0;
	color: #fff;
}

.wkits-add .added_to_cart {
	display: block;
	text-align: center;
	margin-top: 8px;
	color: #1CA3B5;
	font-weight: 700;
}

ul.wkits-inside li {
	list-style: none;
}

.wkits-add .button {
	background: #00175C!important;
	color: #fff!important;
}

.wkits-add .button:hover {
	background: #4ADBC4!important;
	color: #00175C!important;
}

.wkits-add .added_to_cart {
	display: block;
	margin-top: 8px;
	text-align: center;
	color: #1CA3B5;
	font-weight: 700;
}

.wind-hero .wind-hero-sub {
	max-width: 760px;
	margin: 0 auto;
}

.wind-vertical {
	--content-width: 840px;
}

.wind-vertical > .e-con-inner {
	max-width: 840px;
}

.wind-cslink a {
	color: #1CA3B5;
	font-weight: 700;
	text-decoration: none;
	border-bottom: 2px solid #4ADBC4;
	padding-bottom: 2px;
	transition: color .2s ease,border-color .2s ease;
}

.wind-cslink a:hover {
	color: #00175C;
	border-color: #00175C;
}

.wind-cslink p {
	margin: 0;
}

.wideum-kits-hero .elementor-widget-text-editor {
	max-width: 660px;
	margin-left: auto;
	margin-right: auto;
}

.wideum-kits-cta-sub {
	max-width: 620px;
	margin-left: auto;
	margin-right: auto;
}

.wideum-kits-value-row {
	display: grid !important;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 22px;
}

@media (max-width:900px) {
	.wideum-kits-value-row {
		grid-template-columns: minmax(0,1fr);
	}
}

.wideum-brand-band img {
	filter: brightness(0) invert(1);
	max-height: 42px;
	width: auto;
}

.wideum-brand-band {
	min-height: 72px;
}

.wideum-home-partners img {
	filter: grayscale(1);
	opacity: .55;
	transition: filter .2s ease,opacity .2s ease;
}

.wideum-home-partners img:hover {
	filter: grayscale(0);
	opacity: 1;
}

.wideum-hero-pill .elementor-heading-title {
	display: inline-block;
	border: 1px solid rgba(255,255,255,.28);
	border-radius: 999px;
	padding: 7px 16px;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .4px;
	white-space: nowrap;
}

.wideum-tier-pill .elementor-heading-title {
	display: inline-block;
	background: rgba(74,219,196,.16);
	color: #00175C;
	border-radius: 999px;
	padding: 5px 14px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .6px;
	text-transform: uppercase;
}

.wideum-card {
	transition: box-shadow .2s ease,transform .2s ease;
}

.wideum-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 18px 44px rgba(0,23,92,.10);
}

.wideum-home-popular .e-loop-item>.elementor {
	height: 100%;
}

.wideum-home-popular .wideum-loop-card {
	height: 100%;
	min-height: 100%;
}

.wideum-home-popular .wideum-loop-card__image img {
	width: 100%;
	height: 220px;
	object-fit: contain;
}

.wideum-home-popular .wideum-loop-card__title {
	min-height: 52px;
}

/* Igual que a wideum-resp-grids.css: qui absorbeix la diferència d'alçada és el
 * botó, no el preu, perquè el preu no quedi lluny del títol del producte.
 * Aquest full carrega DESPRÉS de resp-grids (assets.php: fixes a prioritat 20,
 * fulls del shop a 30), així que sense aquesta regla la home es quedaria amb el
 * comportament antic. */
.wideum-home-popular .wideum-loop-card__atc {
	margin-top: auto;
}

.wideum-home-hero .wideum-hero-img img {
	max-width: 100%;
	height: auto;
}

.wideum-home-hero,
.wideum-home-hero .e-con-inner {
	overflow: hidden;
}

@media (max-width:767px) {
	.wideum-home-hero {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.wideum-home-hero-row {
		display: flex !important;
		flex-direction: column !important;
		width: calc(100vw - 40px) !important;
		max-width: calc(100vw - 40px) !important;
		min-width: 0 !important;
	}
	.wideum-home-hero-copy {
		width: calc(100vw - 40px) !important;
		max-width: calc(100vw - 40px) !important;
		min-width: 0 !important;
	}
	.wideum-home-hero-copy>.elementor-element {
		max-width: calc(100vw - 40px) !important;
	}
	.wideum-home-hero-copy>.e-con {
		flex-wrap: wrap !important;
	}
	.wideum-home-hero .elementor-widget-text-editor,
	.wideum-home-hero .elementor-heading-title,
	.wideum-home-hero .elementor-widget-text-editor p {
		max-width: calc(100vw - 40px);
		white-space: normal !important;
		overflow-wrap: anywhere !important;
	}
	.wideum-home-hero .wideum-hero-pill .elementor-heading-title {
		white-space: normal;
	}
	.wideum-home-hero .wideum-hero-img {
		width: 100%;
		max-width: 100%;
	}
}


/* == FI GENERAT (sota d'aquesta línia, edició manual) == */

/* Reforços manuals d'especificitat (es conserven en regenerar). */