/* ==========================================================
   AIRES DEPOT
   SISTEMA DE LANDINGS
========================================================== */

.ad-landing {
	--ad-blue: #064282;
	--ad-blue-dark: #032d61;
	--ad-blue-deep: #02244d;
	--ad-blue-light: #eaf3ff;
	--ad-yellow: #ffc400;
	--ad-yellow-hover: #e9b400;
	--ad-text: #172235;
	--ad-muted: #657287;
	--ad-border: #e1e7ef;
	--ad-soft: #f6f8fb;
	--ad-white: #ffffff;

	width: 100%;
	overflow: hidden;
	color: var(--ad-text);
	line-height: 1.55;
}

.ad-landing *,
.ad-landing *::before,
.ad-landing *::after {
	box-sizing: border-box;
}

.ad-landing a {
	text-decoration: none;
}

.ad-container {
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
	padding-left: 22px;
	padding-right: 22px;
}


/* ==========================================================
   HERO
========================================================== */

.ad-hero {
	position: relative;
	padding: 70px 0 60px;
	color: #fff;
	overflow: hidden;

	background:
		radial-gradient(
			circle at 82% 45%,
			rgba(42, 126, 220, .42),
			transparent 30%
		),
		linear-gradient(
			118deg,
			#03295a 0%,
			#063b7a 56%,
			#0751a0 100%
		);
}

.ad-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	opacity: .06;

	background-image:
		linear-gradient(
			rgba(255,255,255,.4) 1px,
			transparent 1px
		),
		linear-gradient(
			90deg,
			rgba(255,255,255,.4) 1px,
			transparent 1px
		);

	background-size: 55px 55px;
}

.ad-hero-grid {
	position: relative;
	z-index: 2;

	display: grid;
	grid-template-columns:
		minmax(0, 1.15fr)
		minmax(350px, .85fr);

	gap: 45px;
	align-items: center;
}

.ad-kicker {
	display: inline-flex;
	align-items: center;
	gap: 7px;

	margin-bottom: 17px;
	padding: 7px 13px;

	border: 1px solid rgba(255,255,255,.25);
	border-radius: 30px;

	background: rgba(255,255,255,.09);

	color: #fff;

	font-size: 12px;
	font-weight: 700;
}

.ad-kicker-icon {
	color: var(--ad-yellow);
}

.ad-hero-title {
	max-width: 720px;

	margin: 0 0 20px !important;
	padding: 0 !important;

	color: #fff !important;

	font-size: 56px !important;
	font-weight: 900 !important;
	line-height: 1 !important;

	letter-spacing: -1.6px;
}

.ad-hero-title span {
	display: block;
	margin-top: 8px;

	color: var(--ad-yellow);
}

.ad-hero-description {
	max-width: 620px;

	margin: 0 0 28px !important;

	color: rgba(255,255,255,.88);

	font-size: 17px;
	line-height: 1.6;
}


/* ==========================================================
   BOTONES
========================================================== */

.ad-hero-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 11px;

	margin-bottom: 33px;
}

.ad-btn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;

	min-height: 49px;

	padding: 12px 21px !important;

	border-radius: 8px;

	font-size: 14px;
	font-weight: 800;
	line-height: 1.2;

	transition:
		transform .2s ease,
		background .2s ease,
		box-shadow .2s ease;
}

.ad-btn:hover {
	transform: translateY(-2px);
}

.ad-btn-yellow {
	color: #152033 !important;

	background: var(--ad-yellow);

	box-shadow:
		0 9px 25px rgba(255,196,0,.18);
}

.ad-btn-yellow:hover {
	background: var(--ad-yellow-hover);
}

.ad-btn-blue {
	color: #fff !important;
	background: var(--ad-blue);
}

.ad-btn-blue:hover {
	background: var(--ad-blue-dark);
}

.ad-btn-ghost {
	color: #fff !important;

	border: 1px solid rgba(255,255,255,.65);

	background: transparent;
}

.ad-btn-ghost:hover {
	color: var(--ad-blue-dark) !important;
	background: #fff;
}


/* ==========================================================
   BENEFICIOS HERO
========================================================== */

.ad-hero-benefits {
	display: grid;
	grid-template-columns:
		repeat(4, minmax(0,1fr));

	gap: 9px;
}

.ad-hero-benefit {
	padding: 15px 9px;

	text-align: center;

	border: 1px solid rgba(255,255,255,.17);
	border-radius: 10px;

	background: rgba(255,255,255,.07);
}

.ad-small-icon {
	margin-bottom: 7px;

	color: var(--ad-yellow);

	font-size: 21px;
	line-height: 1;
}

.ad-hero-benefit strong {
	display: block;

	color: #fff;

	font-size: 12px;
}

.ad-hero-benefit small {
	display: block;
	margin-top: 3px;

	color: rgba(255,255,255,.64);

	font-size: 10px;
}


/* ==========================================================
   HERO VISUAL
========================================================== */

.ad-hero-visual {
	position: relative;
	min-height: 410px;
}

.ad-vertical-freezer {
	position: absolute;

	right: 24px;
	bottom: 35px;

	width: 150px;
	height: 330px;

	border-radius: 8px 8px 12px 12px;

	background:
		linear-gradient(
			100deg,
			#dce5ed 0%,
			#ffffff 58%,
			#eaf0f5 100%
		);

	box-shadow:
		0 35px 55px rgba(0,0,0,.30);
}

.ad-freezer-handle {
	position: absolute;

	right: 15px;
	top: 46px;

	width: 5px;
	height: 78px;

	border-radius: 6px;

	background: #9caab5;
}

.ad-freezer-line {
	position: absolute;

	left: 0;
	right: 0;
	top: 50%;

	height: 2px;

	background: #d1dae2;
}

.ad-product-logo {
	position: absolute;

	left: 14px;
	top: 18px;

	color: #84919d;

	font-size: 7px;
	font-weight: 800;
}

.ad-horizontal-freezer {
	position: absolute;

	left: 0;
	bottom: 38px;

	width: 330px;
	height: 175px;

	border-radius: 6px 6px 15px 15px;

	background:
		linear-gradient(
			145deg,
			#ffffff,
			#d9e3ec
		);

	box-shadow:
		0 35px 55px rgba(0,0,0,.30);
}

.ad-freezer-lid {
	position: absolute;

	left: -4px;
	top: -27px;

	width: 338px;
	height: 38px;

	border-bottom: 4px solid #b8c4cf;
	border-radius: 8px;

	background:
		linear-gradient(
			#ffffff,
			#e7edf2
		);
}

.ad-horizontal-handle {
	position: absolute;

	left: 143px;
	top: 13px;

	width: 45px;
	height: 7px;

	border-radius: 5px;

	background: #a8b5c0;
}

.ad-wholesale-badge {
	position: absolute;
	z-index: 6;

	right: 0;
	bottom: 20px;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	width: 126px;
	height: 126px;

	border: 5px solid #fff;
	outline: 4px solid var(--ad-yellow);
	border-radius: 50%;

	background: #0758aa;

	text-align: center;

	transform: rotate(-7deg);

	box-shadow:
		0 17px 32px rgba(0,0,0,.25);
}

.ad-wholesale-badge small,
.ad-wholesale-badge strong,
.ad-wholesale-badge span {
	display: block;
}

.ad-wholesale-badge small {
	color: #fff;

	font-size: 10px;
	font-weight: 800;
}

.ad-wholesale-badge strong {
	color: #fff;

	font-size: 15px;
	line-height: 1.05;
}

.ad-wholesale-badge span {
	margin-top: 5px;

	color: var(--ad-yellow);

	font-size: 9px;
	font-weight: 900;
}


/* ==========================================================
   FRANJA DE CONFIANZA
========================================================== */

.ad-trust-bar {
	padding: 25px 0;

	color: #fff;

	background:
		linear-gradient(
			100deg,
			#052f66,
			#074b93
		);
}

.ad-trust-grid {
	display: grid;
	grid-template-columns:
		repeat(4, minmax(0,1fr));
}

.ad-trust-item {
	display: flex;
	align-items: center;
	gap: 12px;

	padding: 4px 23px;

	border-right:
		1px solid rgba(255,255,255,.17);
}

.ad-trust-item:last-child {
	border-right: 0;
}

.ad-trust-icon {
	color: var(--ad-yellow);

	font-size: 24px;
}

.ad-trust-item strong {
	display: block;

	color: #fff;

	font-size: 13px;
}

.ad-trust-item span {
	display: block;
	margin-top: 2px;

	color: rgba(255,255,255,.66);

	font-size: 10px;
}


/* ==========================================================
   SECCIONES
========================================================== */

.ad-section {
	padding: 68px 0;
}

.ad-section-heading {
	max-width: 760px;

	margin: 0 auto 39px;

	text-align: center;
}

.ad-overline {
	display: block;

	margin-bottom: 8px;

	color: #0b64b7;

	font-size: 10px;
	font-weight: 900;

	letter-spacing: 1.6px;
}

.ad-section-heading h2 {
	margin: 0 0 12px !important;

	color: var(--ad-blue-dark) !important;

	font-size: 32px !important;
	font-weight: 850 !important;
	line-height: 1.16 !important;
}

.ad-section-heading p {
	margin: 0 !important;

	color: var(--ad-muted);

	font-size: 15px;
	line-height: 1.65;
}


/* ==========================================================
   CAPACIDADES
========================================================== */

.ad-capacity-section {
	background: #fff;
}

.ad-capacity-grid {
	display: grid;
	grid-template-columns:
		repeat(4, minmax(0,1fr));

	gap: 16px;
}

.ad-capacity-card {
	position: relative;

	display: flex;
	flex-direction: column;

	min-height: 305px;

	padding: 22px 17px 20px;

	overflow: hidden;

	text-align: center;

	border: 1px solid var(--ad-border);
	border-radius: 13px;

	background: #fff;

	box-shadow:
		0 4px 14px rgba(32,57,88,.035);

	transition:
		transform .2s ease,
		border-color .2s ease,
		box-shadow .2s ease;
}

.ad-capacity-card:hover {
	transform: translateY(-5px);

	border-color: #b8cbe2;

	box-shadow:
		0 17px 36px rgba(32,57,88,.10);
}

.ad-capacity-visual {
	position: relative;

	display: flex;
	align-items: flex-end;
	justify-content: center;

	height: 95px;

	margin-bottom: 14px;
}

.ad-card-freezer {
	position: relative;

	width: 118px;
	height: 62px;

	border-radius: 4px 4px 8px 8px;

	background:
		linear-gradient(
			145deg,
			#ffffff,
			#dde6ee
		);

	box-shadow:
		0 10px 18px rgba(42,58,77,.14);
}

.ad-card-freezer::before {
	content: "";

	position: absolute;

	left: -2px;
	top: -10px;

	width: calc(100% + 4px);
	height: 14px;

	border-bottom: 2px solid #bbc7d1;
	border-radius: 4px;

	background:
		linear-gradient(
			#fff,
			#e8eef3
		);
}

.ad-card-freezer::after {
	content: "";

	position: absolute;

	left: 42%;

	top: 8px;

	width: 18%;
	height: 3px;

	border-radius: 3px;

	background: #aab7c1;
}


/* DIFERENCIAS VISUALES POR CAPACIDAD */

.ad-size-small .ad-card-freezer {
	width: 95px;
}

.ad-size-medium .ad-card-freezer {
	width: 108px;
}

.ad-size-large .ad-card-freezer {
	width: 120px;
}

.ad-size-xl .ad-card-freezer {
	width: 130px;
}

.ad-size-xxl .ad-card-freezer {
	width: 140px;
}

.ad-size-xxxl .ad-card-freezer {
	width: 148px;
}

.ad-size-max .ad-card-freezer {
	width: 156px;
}


.ad-capacity-card h3 {
	margin: 0 0 8px !important;

	color: var(--ad-blue-dark) !important;

	font-size: 18px !important;
	font-weight: 800 !important;
}

.ad-capacity-card p {
	flex: 1;

	margin: 0 0 14px !important;

	color: var(--ad-muted);

	font-size: 12px;
	line-height: 1.55;
}

.ad-text-link {
	color: #0866c2 !important;

	font-size: 13px;
	font-weight: 800;
}

.ad-status {
	align-self: center;

	margin: -3px auto 4px;

	padding: 5px 9px;

	border: 1px solid #dce5ee;
	border-radius: 20px;

	color: #627285;

	background: #f1f5f9;

	font-size: 8px;
	font-weight: 900;

	letter-spacing: .45px;
}

.ad-capacity-consult {
	background:
		linear-gradient(
			180deg,
			#fafcff,
			#fff
		);
}


/* ==========================================================
   CTA CATÁLOGO
========================================================== */

.ad-catalog-cta {
	display: grid;
	grid-template-columns:
		auto 1fr auto;

	gap: 17px;
	align-items: center;

	margin-top: 34px;

	padding: 25px 28px;

	border: 1px solid #d3e2f4;
	border-radius: 13px;

	background:
		linear-gradient(
			100deg,
			#eef6ff,
			#f6faff
		);
}

.ad-catalog-icon {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 55px;
	height: 55px;

	border-radius: 50%;

	color: #fff;

	background: var(--ad-blue);

	font-size: 22px;
}

.ad-catalog-copy strong {
	display: block;

	margin-bottom: 3px;

	color: var(--ad-blue-dark);

	font-size: 18px;
}

.ad-catalog-copy p {
	margin: 0 !important;

	color: var(--ad-muted);

	font-size: 13px;
}


/* ==========================================================
   BENEFICIOS
========================================================== */

.ad-benefits-section {
	background: var(--ad-soft);
}

.ad-benefits-grid {
	display: grid;
	grid-template-columns:
		repeat(6, minmax(0,1fr));

	gap: 15px;
}

.ad-benefit-card {
	padding: 10px 8px;

	text-align: center;
}

.ad-benefit-icon {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 66px;
	height: 66px;

	margin: 0 auto 14px;

	border: 1px solid #dce5ef;
	border-radius: 50%;

	color: #0758aa;

	background: #fff;

	font-size: 25px;

	box-shadow:
		0 8px 23px rgba(29,51,76,.06);
}

.ad-benefit-card h3 {
	margin: 0 0 7px !important;

	color: var(--ad-blue-dark) !important;

	font-size: 14px !important;
	font-weight: 800 !important;
}

.ad-benefit-card p {
	margin: 0 !important;

	color: var(--ad-muted);

	font-size: 11px;
	line-height: 1.55;
}


/* ==========================================================
   PROCESO
========================================================== */

.ad-process-section {
	background: #fff;
}

.ad-process-grid {
	display: grid;

	grid-template-columns:
		1fr auto
		1fr auto
		1fr auto
		1fr;

	gap: 8px;

	align-items: center;
}

.ad-process-card {
	position: relative;

	text-align: center;
}

.ad-step-icon {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 82px;
	height: 82px;

	margin: 0 auto 17px;

	border: 2px solid #cbd9e9;
	border-radius: 50%;

	color: #0759ad;

	background: #fff;

	font-size: 29px;
}

.ad-step-number {
	position: absolute;
	z-index: 2;

	top: -4px;
	left: calc(50% - 53px);

	display: flex;
	align-items: center;
	justify-content: center;

	width: 27px;
	height: 27px;

	border-radius: 50%;

	color: #fff;

	background: var(--ad-blue);

	font-size: 11px;
	font-weight: 900;
}

.ad-process-card h3 {
	margin: 0 0 7px !important;

	color: var(--ad-blue-dark) !important;

	font-size: 16px !important;
	font-weight: 800 !important;
}

.ad-process-card p {
	margin: 0 !important;

	color: var(--ad-muted);

	font-size: 12px;
	line-height: 1.55;
}

.ad-step-arrow {
	margin-top: -50px;

	color: #a8bdd5;

	font-size: 23px;
}


/* ==========================================================
   CTA GRANDE
========================================================== */

.ad-main-cta-section {
	padding: 0 0 68px;

	background: #fff;
}

.ad-main-cta {
	display: grid;

	grid-template-columns:
		auto 1fr auto;

	gap: 20px;

	align-items: center;

	padding: 31px 34px;

	border-radius: 14px;

	color: #fff;

	background:
		radial-gradient(
			circle at 90% 50%,
			rgba(35,119,214,.46),
			transparent 35%
		),
		linear-gradient(
			100deg,
			#04316b,
			#0753a3
		);

	box-shadow:
		0 18px 42px rgba(4,49,107,.16);
}

.ad-main-cta-icon {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 64px;
	height: 64px;

	border-radius: 50%;

	color: #172337;

	background: var(--ad-yellow);

	font-size: 26px;
	font-weight: 900;
}

.ad-main-cta-content > span {
	display: block;

	margin-bottom: 4px;

	color: var(--ad-yellow);

	font-size: 9px;
	font-weight: 900;

	letter-spacing: 1.2px;
}

.ad-main-cta-content h2 {
	margin: 0 0 5px !important;

	color: #fff !important;

	font-size: 25px !important;
	font-weight: 850 !important;
}

.ad-main-cta-content p {
	margin: 0 !important;

	color: rgba(255,255,255,.77);

	font-size: 13px;
}

.ad-main-cta-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
}


/* ==========================================================
   SEO
========================================================== */

.ad-seo-section {
	background: var(--ad-soft);
}

.ad-seo-grid {
	display: grid;
	grid-template-columns:
		repeat(2, minmax(0,1fr));

	gap: 22px;
}

.ad-seo-card {
	padding: 31px;

	border: 1px solid var(--ad-border);
	border-radius: 13px;

	background: #fff;

	box-shadow:
		0 4px 15px rgba(32,57,88,.035);
}

.ad-seo-icon {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 57px;
	height: 57px;

	margin-bottom: 18px;

	border-radius: 50%;

	color: #0759ad;

	background: #eaf3ff;

	font-size: 24px;
}

.ad-seo-card h2 {
	margin: 0 0 15px !important;

	color: var(--ad-blue-dark) !important;

	font-size: 26px !important;
	font-weight: 850 !important;
	line-height: 1.2 !important;
}

.ad-seo-card h3 {
	margin: 23px 0 7px !important;

	color: var(--ad-blue-dark) !important;

	font-size: 17px !important;
	font-weight: 800 !important;
}

.ad-seo-card p {
	margin: 0 0 12px !important;

	color: var(--ad-muted);

	font-size: 13px;
	line-height: 1.65;
}

.ad-info-note {
	margin: 20px 0;

	padding: 14px 15px;

	border-left: 3px solid var(--ad-yellow);
	border-radius: 5px;

	background: #fff9e5;
}

.ad-info-note strong {
	display: block;

	margin-bottom: 4px;

	color: var(--ad-blue-dark);
}

.ad-info-note p {
	margin: 0 !important;
}


/* ==========================================================
   FAQ
========================================================== */

.ad-faq-section {
	background: #fff;
}

.ad-faq-grid {
	display: grid;
	grid-template-columns:
		repeat(2, minmax(0,1fr));

	gap: 13px;
}

.ad-faq-card {
	display: flex;

	gap: 11px;

	padding: 19px 20px;

	border: 1px solid var(--ad-border);
	border-radius: 10px;

	background: #fff;

	transition:
		border-color .2s ease,
		box-shadow .2s ease;
}

.ad-faq-card:hover {
	border-color: #c2d3e6;

	box-shadow:
		0 10px 25px rgba(32,57,88,.06);
}

.ad-question-icon {
	display: flex;
	flex: 0 0 27px;
	align-items: center;
	justify-content: center;

	width: 27px;
	height: 27px;

	border-radius: 50%;

	color: #fff;

	background: var(--ad-blue);

	font-size: 12px;
	font-weight: 900;
}

.ad-faq-card h3 {
	margin: 3px 0 7px !important;

	color: var(--ad-blue-dark) !important;

	font-size: 14px !important;
	font-weight: 800 !important;
}

.ad-faq-card p {
	margin: 0 !important;

	color: var(--ad-muted);

	font-size: 12px;
	line-height: 1.55;
}


/* ==========================================================
   CIERRE
========================================================== */

.ad-closing {
	padding: 43px 0;

	color: #fff;

	background:
		linear-gradient(
			110deg,
			#032b5d,
			#06478e
		);
}

.ad-closing-grid {
	display: grid;
	grid-template-columns:
		1fr auto;

	gap: 30px;

	align-items: center;
}

.ad-closing-label {
	display: block;

	margin-bottom: 4px;

	color: var(--ad-yellow);

	font-size: 10px;
	font-weight: 900;

	letter-spacing: 1.3px;
}

.ad-closing h2 {
	margin: 0 0 7px !important;

	color: #fff !important;

	font-size: 27px !important;
	font-weight: 850 !important;
}

.ad-closing p {
	margin: 0 !important;

	color: rgba(255,255,255,.72);
}

.ad-closing-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 950px) {

	.ad-hero-grid {
		grid-template-columns: 1fr;
	}

	.ad-hero-visual {
		width: 100%;
		max-width: 530px;
		margin: 0 auto;
	}

	.ad-capacity-grid {
		grid-template-columns:
			repeat(2, minmax(0,1fr));
	}

	.ad-benefits-grid {
		grid-template-columns:
			repeat(3, minmax(0,1fr));
	}

	.ad-trust-grid {
		grid-template-columns:
			repeat(2, minmax(0,1fr));

		gap: 20px 0;
	}

	.ad-trust-item:nth-child(2) {
		border-right: 0;
	}

	.ad-process-grid {
		grid-template-columns:
			repeat(2, minmax(0,1fr));

		gap: 35px 18px;
	}

	.ad-step-arrow {
		display: none;
	}

	.ad-main-cta {
		grid-template-columns:
			auto 1fr;
	}

	.ad-main-cta-buttons {
		grid-column: 1 / -1;
		padding-left: 84px;
	}

}


/* ==========================================================
   MÓVIL
========================================================== */

@media (max-width: 600px) {

	.ad-container {
		padding-left: 15px;
		padding-right: 15px;
	}

	.ad-section {
		padding: 52px 0;
	}


	/* HERO */

	.ad-hero {
		padding: 47px 0 42px;
	}

	.ad-hero-title {
		font-size: 36px !important;
		letter-spacing: -.6px;
	}

	.ad-hero-description {
		font-size: 15px;
	}

	.ad-hero-buttons {
		flex-direction: column;
	}

	.ad-hero-buttons .ad-btn {
		width: 100%;
	}

	.ad-hero-benefits {
		grid-template-columns:
			repeat(2, minmax(0,1fr));
	}


	/* VISUAL */

	.ad-hero-visual {
		min-height: 300px;
	}

	.ad-horizontal-freezer {
		left: 0;

		width: 245px;
		height: 132px;
	}

	.ad-freezer-lid {
		width: 251px;
	}

	.ad-horizontal-handle {
		left: 102px;
	}

	.ad-vertical-freezer {
		right: 0;

		width: 108px;
		height: 245px;
	}

	.ad-wholesale-badge {
		right: 0;

		width: 91px;
		height: 91px;

		border-width: 3px;
		outline-width: 2px;
	}

	.ad-wholesale-badge strong {
		font-size: 11px;
	}


	/* TRUST */

	.ad-trust-grid {
		grid-template-columns: 1fr;
	}

	.ad-trust-item {
		padding: 12px 5px;

		border-right: 0;
		border-bottom:
			1px solid rgba(255,255,255,.14);
	}

	.ad-trust-item:last-child {
		border-bottom: 0;
	}


	/* TÍTULOS */

	.ad-section-heading h2 {
		font-size: 26px !important;
	}


	/* CAPACIDADES */

	.ad-capacity-grid {
		grid-template-columns: 1fr;
	}

	.ad-capacity-card {
		min-height: 0;
	}


	/* CATÁLOGO */

	.ad-catalog-cta {
		grid-template-columns:
			auto 1fr;
	}

	.ad-catalog-cta .ad-btn {
		grid-column: 1 / -1;
		width: 100%;
	}


	/* BENEFICIOS */

	.ad-benefits-grid {
		grid-template-columns:
			repeat(2, minmax(0,1fr));
	}


	/* PROCESO */

	.ad-process-grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}


	/* CTA */

	.ad-main-cta {
		display: flex;
		flex-direction: column;
		align-items: flex-start;

		padding: 27px 22px;
	}

	.ad-main-cta-buttons {
		width: 100%;
		padding-left: 0;
		flex-direction: column;
	}

	.ad-main-cta-buttons .ad-btn {
		width: 100%;
	}


	/* SEO */

	.ad-seo-grid {
		grid-template-columns: 1fr;
	}

	.ad-seo-card {
		padding: 24px 19px;
	}

	.ad-seo-card h2 {
		font-size: 23px !important;
	}


	/* FAQ */

	.ad-faq-grid {
		grid-template-columns: 1fr;
	}


	/* CIERRE */

	.ad-closing-grid {
		grid-template-columns: 1fr;
	}

	.ad-closing-actions {
		flex-direction: column;
	}

	.ad-closing-actions .ad-btn {
		width: 100%;
	}

}
/* ==========================================================
   CORRECCIÓN RESPONSIVE LANDING CONGELADORES
   Solo móvil. No modifica escritorio.
========================================================== */

@media (max-width: 767px) {

	.ad-landing {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		overflow-x: hidden !important;
	}

	/* HERO */

	.ad-landing .ad-hero {
		display: block !important;
		width: 100% !important;
		min-height: 0 !important;
		padding: 44px 0 38px !important;
		color: #fff !important;
		background:
			radial-gradient(
				circle at 82% 45%,
				rgba(42,126,220,.42),
				transparent 30%
			),
			linear-gradient(
				118deg,
				#03295a 0%,
				#063b7a 56%,
				#0751a0 100%
			) !important;
	}

	.ad-landing .ad-hero-grid {
		display: flex !important;
		flex-direction: column !important;
		grid-template-columns: none !important;
		gap: 24px !important;
		align-items: stretch !important;
	}

	.ad-landing .ad-kicker {
		display: inline-flex !important;
		width: auto !important;
		max-width: 100% !important;
	}

	.ad-landing .ad-hero-title {
		display: block !important;
		margin: 0 0 18px !important;
		color: #fff !important;
		font-size: 36px !important;
		font-weight: 900 !important;
		line-height: 1.02 !important;
		letter-spacing: -.6px !important;
	}

	.ad-landing .ad-hero-title span {
		display: block !important;
		color: #ffc400 !important;
	}

	.ad-landing .ad-hero-description {
		display: block !important;
		margin: 0 0 24px !important;
		color: rgba(255,255,255,.88) !important;
		font-size: 15px !important;
		line-height: 1.6 !important;
	}

	.ad-landing .ad-hero-buttons,
	.ad-landing .ad-buttons {
		display: flex !important;
		flex-direction: column !important;
		width: 100% !important;
		gap: 10px !important;
		margin-bottom: 0 !important;
	}

	.ad-landing .ad-hero-buttons .ad-btn,
	.ad-landing .ad-buttons .ad-btn {
		display: inline-flex !important;
		width: 100% !important;
		min-height: 49px !important;
	}

	/* DIBUJOS DE CONGELADORES DEL HERO */

	.ad-landing .ad-hero-visual {
		position: relative !important;
		display: block !important;
		width: 100% !important;
		max-width: 390px !important;
		min-height: 285px !important;
		margin: 0 auto !important;
		overflow: visible !important;
	}

	.ad-landing .ad-vertical-freezer,
	.ad-landing .ad-freezer-vertical {
		display: block !important;
		right: 5px !important;
		bottom: 28px !important;
		width: 105px !important;
		height: 238px !important;
	}

	.ad-landing .ad-horizontal-freezer,
	.ad-landing .ad-freezer-horizontal {
		display: block !important;
		left: 0 !important;
		bottom: 30px !important;
		width: 235px !important;
		height: 128px !important;
	}

	.ad-landing .ad-horizontal-freezer .ad-freezer-lid,
	.ad-landing .ad-freezer-horizontal .ad-freezer-lid {
		width: 241px !important;
	}

	.ad-landing .ad-wholesale-badge,
	.ad-landing .ad-badge {
		display: flex !important;
		right: 0 !important;
		bottom: 16px !important;
		width: 88px !important;
		height: 88px !important;
	}

	/* CAPACIDADES */

	.ad-landing .ad-capacity-section,
	.ad-landing .ad-capacities {
		display: block !important;
		width: 100% !important;
		padding: 50px 0 !important;
		background: #fff !important;
	}

	.ad-landing .ad-section-heading,
	.ad-landing .ad-section-title {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 auto 30px !important;
		text-align: center !important;
	}

	.ad-landing .ad-section-heading h2,
	.ad-landing .ad-section-title h2 {
		display: block !important;
		margin: 0 0 11px !important;
		color: #032d61 !important;
		font-size: 26px !important;
		line-height: 1.18 !important;
	}

	.ad-landing .ad-capacity-grid {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 15px !important;
		width: 100% !important;
	}

	.ad-landing .ad-capacity-card {
		display: flex !important;
		flex-direction: column !important;
		width: 100% !important;
		min-height: 0 !important;
		padding: 21px 17px 20px !important;
		border: 1px solid #e1e7ef !important;
		border-radius: 13px !important;
		background: #fff !important;
		box-shadow: 0 7px 20px rgba(32,57,88,.07) !important;
	}

	.ad-landing .ad-capacity-visual {
		display: flex !important;
		align-items: flex-end !important;
		justify-content: center !important;
		height: 92px !important;
		margin-bottom: 13px !important;
	}

	.ad-landing .ad-card-freezer,
	.ad-landing .ad-freezer-card {
		display: block !important;
	}

	/* CTA CATÁLOGO */

	.ad-landing .ad-catalog-cta,
	.ad-landing .ad-capacity-cta {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 16px !important;
		width: 100% !important;
		margin-top: 28px !important;
		padding: 22px 19px !important;
		border: 1px solid #d3e2f4 !important;
		border-radius: 13px !important;
		background: linear-gradient(100deg,#eef6ff,#f6faff) !important;
	}

	.ad-landing .ad-catalog-cta .ad-btn,
	.ad-landing .ad-capacity-cta .ad-btn {
		width: 100% !important;
	}

}