:root {
	--white:#ffffff;
	--black:#000000;
	--navy:#00305B;
	--navy-d:#002344;
	--cyan:#009FE3;
	--cyan-a:#0077AA;
	--dh-bg:#191a1c;
	--dh-amber:#F2A900;
	--dh-amber-ink:#5c4405;
	--ink:#0E2236;
	--ink2:#4A5A68;
	--ink3:#65737F;
	--line:#D7DEE4;
	--line2:#E4EAEF;
	--bg2:#F2F6F9;
	--tint:#E4EDF5;
	--pad:clamp(20px,3vw,48px);
	--r:14px;

	/* Espaciado */
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 16px;
	--space-4: 24px;
	--space-5: 32px;
	--space-6: 48px;
	--space-7: 64px;
	--space-8: 72px;
	--space-9: 96px;
	--space-10: 128px;
	--space-11: 160px;
	--space-12: 192px;
}
* {
	box-sizing:border-box;
}
html {
	scroll-behavior:smooth;
	scroll-padding-top:110px;
}
body {
	margin:0;
	background:#fff;
	color:var(--ink);
	font-family:'Poppins',system-ui,-apple-system,sans-serif;
	-webkit-font-smoothing:antialiased;
	overflow-x:hidden;
}
img {
	display:block;
	max-width:100%;
}
a {
	color:var(--navy);
	text-decoration:none;
}
h1,h2,h3,h4,p,ul,blockquote,figure {
	margin:0;
}
ul {
	padding:0;
	list-style:none;
}
button {
	font-family:inherit;
}

.wrap {
	width:min(1440px,calc(100% - 2*var(--pad)));
	margin-inline:auto;
}
.sec {
	padding-block:clamp(56px,7vw,120px);
}

/* ── tipografía ── */
.h1 {
	font-size:clamp(32px,3.5vw,68px);
	line-height:1.06;
	font-weight:700;
	letter-spacing:-.02em;
}
.h2 {
	font-size:clamp(26px,2.4vw,44px);
	line-height:1.15;
	font-weight:700;
	letter-spacing:-.015em;
	color:var(--navy);
}
.h3 {
	font-size:clamp(19px,1.3vw,22px);
	line-height:1.25;
	font-weight:600;
}
.lead {
	font-size:clamp(16px,1.1vw,20px);
	line-height:1.6;
	color:var(--ink2);
}
.body {
	font-size:clamp(15px,.9vw,16px);
	line-height:1.6;
	color:var(--ink2);
}

.tag {
	display:inline-flex;
	align-items:center;
	font-size:11px;
	font-weight:700;
	letter-spacing:.12em;
	text-transform:uppercase;
	color:var(--navy);
	background:#fff;
	border:1px solid #CFDAE4;
	border-radius:999px;
	padding:7px 14px;
}
.tag--d {
	color:#fff;
	background:transparent;
	border-color:rgba(255,255,255,.38);
}

.btn {
	height:clamp(50px,3.4vw,58px);
	padding:0 clamp(22px,2vw,32px);
	display:inline-flex;
	align-items:center;
	gap:11px;
	border-radius:9px;
	font-size:clamp(15px,1vw,17px);
	font-weight:600;
	border:1px solid transparent;
	white-space:nowrap;
}
.btn--p {
	background:var(--navy);
	color:#fff;
}
.btn--g {
	background:#fff;
	color:var(--navy);
	border-color:#CFDAE4;
}
.btn--o {
	background:transparent;
	color:#fff;
	border-color:rgba(255,255,255,.42);
}
.btn--s {
	height:46px;
	padding:0 22px;
	font-size:15px;
}

/* ── marcadores de material pendiente ── */
.ph {
	background-color:#E8EDF1;
	background-image:
		linear-gradient(to top right,transparent calc(50% - .5px),#C9D4DD calc(50% - .5px),#C9D4DD calc(50% + .5px),transparent calc(50% + .5px)),
		linear-gradient(to bottom right,transparent calc(50% - .5px),#C9D4DD calc(50% - .5px),#C9D4DD calc(50% + .5px),transparent calc(50% + .5px));
	border:1px dashed #B6C2CD;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:14px;
	flex-direction:column;
	overflow:hidden;
	text-align:center;
}
.phl {
	background:#fff;
	border:1px solid var(--line);
	border-radius:999px;
	padding:7px 16px;
	font-size:12px;
	font-weight:600;
	letter-spacing:.04em;
	color:var(--ink2);
	max-width:88%;
	line-height:1.45;
}

/* ── cabecera ── */
.pre {
	background:var(--navy);
	color:#C5D7E5;
	font-size:13px;
}
.pre .wrap {
	display:flex;
	align-items:center;
	justify-content:space-between;
	height:44px;
	gap:16px;
}
.pre a {
	color:#fff;
	font-weight:500;
}
/* teléfono y email: enlaces con el mismo aspecto que el texto de la franja; en blanco al pasar el ratón */
.pre__l a {
	color:inherit;
	font-weight:inherit;
}
.pre__l a:hover {
	color:#fff;
}
.pre__l,.pre__r {
	display:flex;
	align-items:center;
	gap:22px;
}
.hdr {
	position:sticky;
	top:0;
	z-index:50;
	background:#fff;
	/*border-bottom:1px solid var(--line2);*/
	box-shadow:0 1px 14px rgba(0,48,91,.06);
}
.hdr .wrap {
	display:flex;
	align-items:center;
	justify-content:space-between;
	height:clamp(68px,5vw,88px);
	gap:24px;
}
.hdr__logo {
	height:clamp(40px,3.4vw,54px);
	width:auto;
}
.nav {
	display:flex;
	align-items:center;
	gap:clamp(16px,1.6vw,30px);
	font-size:15px;
	font-weight:500;
}
.nav a {
	color:#314B5F;
	display:flex;
	align-items:center;
	gap:5px;
}
/* enlaces del menú siempre resaltados (en la v2: «Para tiendas» y «Para fabricantes») */
.nav__hl {
	font-weight:700;
}
/* menú: página actual subrayada (venía de tiendas.css; ahora la usan también otras páginas) */
.nav a[aria-current="page"] {
	color:var(--navy);
	text-decoration:underline;
	text-decoration-thickness:2px;
	text-underline-offset:10px;
}
.hdr__cta {
	display:flex;
	align-items:center;
	gap:12px;
	flex:0 0 auto;
}

/* ── hero ── */
.hero {
	position:relative;
	overflow:hidden;
	padding-top:clamp(48px,4vw,72px);
	padding-bottom:240px;
	text-align:center;
	color:#fff;
}
.hero__bg {
	position:absolute;
	inset:0;
}
.hero__bg img {
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	object-fit:cover;
	opacity:0;
	transition:opacity 1.4s ease;
}
.hero__bg img.on {
	opacity:1;
}
.hero__veil {
	position:absolute;
	inset:0;
	background:linear-gradient(180deg,rgba(0,48,91,.93) 0%,rgba(0,48,91,.84) 45%,rgba(0,48,91,.96) 100%);
}
.hero .wrap {
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
}
.hero .h1 {
	max-width:1020px;
	margin-top:26px;
}
.hero .lead {
	max-width:880px;
	margin-top:26px;
	color:#D3E2EE;
}
.stats {
	margin-top:24px;
	display:flex;
	align-items:center;
	gap:clamp(22px,3vw,44px);
	flex-wrap:wrap;
	justify-content:center;
}
.stat b {
	display:block;
	font-size:clamp(26px,2vw,34px);
	line-height:1.1;
	font-weight:700;
	color:var(--cyan);
}
.stat span {
	display:block;
	margin-top:4px;
	font-size:14px;
	font-weight:500;
	color:#D3E2EE;
}
.stat__d {
	width:1px;
	height:44px;
	background:rgba(255,255,255,.28);
}

/* ── caja de destacados ── */
.showcase {
	margin-top:-195px;
	position:relative;
	padding-bottom:clamp(56px,6vw,72px);
	display:flex;
	flex-direction:column;
	align-items:center;
}
.box {
	width:min(1120px,calc(100% - 2*var(--pad)));
	background:#fff;
	border:1px solid #DFE6EC;
	border-radius:16px;
	box-shadow:0 26px 60px rgba(0,48,91,.20);
	overflow:hidden;
}
.tabs {
	display:flex;
	border-bottom:1px solid var(--line2);
}
.tabs button {
	flex:1;
	min-height:60px;
	border:0;
	border-bottom:3px solid transparent;
	background:#fff;
	cursor:pointer;
	font-size:clamp(13px,1vw,15px);
	font-weight:500;
	color:var(--ink3);
	padding:8px 6px;
}
.tabs button[aria-selected="true"] {
	border-bottom-color:var(--cyan);
	color:var(--navy);
	font-weight:600;
}
.panel {
	display:none;
	position:relative;
	aspect-ratio:16/9;
	background:var(--bg2);
	border-bottom:1px solid var(--line2);
	align-items:center;
	justify-content:center;
	overflow:hidden;
}
.panel[data-on] {
	display:flex;
}
.panel img {
	height:100%;
	width:100%;
	object-fit:cover;
	padding:0;
}
.play {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:clamp(56px,5vw,84px);
	height:clamp(56px,5vw,84px);
	border-radius:999px;
	background:rgba(255,255,255,.94);
	box-shadow:0 8px 24px rgba(0,48,91,.22);
	display:flex;
	align-items:center;
	justify-content:center;
}
.panel .phl {
	position:absolute;
	left:24px;
	bottom:20px;
	max-width:min(460px,calc(100% - 48px));
}
.box__cap {
	min-height:56px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	padding:12px 24px;
	flex-wrap:wrap;
}
.box__cap p {
	font-size:14px;
	font-weight:500;
	color:var(--ink2);
}
.dots {
	display:flex;
	align-items:center;
	gap:6px;
}
.dots i {
	width:5px;
	height:5px;
	border-radius:999px;
	background:#CFDAE4;
	display:block;
}
.dots i.on {
	width:22px;
	background:var(--cyan);
}
.rnd {
	width:34px;
	height:34px;
	border-radius:999px;
	border:1px solid #CFDAE4;
	background:#fff;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
}
.rnd--lg {
	width:52px;
	height:52px;
}
.rnd--p {
	background:var(--navy);
	border-color:transparent;
}
.showcase__cta {
	margin-top:40px;
	display:flex;
	align-items:center;
	gap:14px;
	flex-wrap:wrap;
	justify-content:center;
}

/* ── fabricantes ── */
.makers {
	padding-block:clamp(44px,5vw,72px);
	overflow:hidden;
}
.makers p {
	text-align:center;
	font-size:15px;
	font-weight:500;
	color:var(--ink2);
	margin-bottom:48px;
}
.makers__rows {
	-webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent);
	mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent);
}
.makers__row+.makers__row {
	margin-top:36px;
	margin-left:-72px;
}
.makers__track {
	display:flex;
	gap:48px;
	padding-right:48px;
	width:max-content;
}
.makers__track[data-loop] {
	animation:makers 110s linear infinite;
}
.makers__row:hover .makers__track {
	animation-play-state:paused;
}
.makers__track img {
	width:120px;
	height:80px;
	flex:0 0 120px;
	object-fit:contain;
	filter:grayscale(1);
	opacity:.6;
	transition:filter .3s,opacity .3s;
}
.makers__track img:hover {
	filter:none;
	opacity:1;
}
@keyframes makers {
	to {
		transform:translateX(-50%);
	}
}
@media (prefers-reduced-motion:reduce) {
	.makers__track[data-loop] {
		animation:none;
	}
}

/* ── rejillas ── */
.g3 {
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:24px;
	margin-top:56px;
	align-items:start;
}
.col {
	display:flex;
	flex-direction:column;
	gap:24px;
}
.g2 {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:32px;
	margin-top:48px;
}
.card {
	/*background:#fff;
	border:1px solid var(--line2);*/
	border-radius:var(--r);
	display:flex;
	flex-direction:column;
	align-items:center;
}
.card--ico {
	padding:32px 30px;
	min-height:300px;
}
.card--img {
	overflow:hidden;
}
.card__m {
	aspect-ratio:16/9;
	width:100%;
	flex:0 0 auto;
	border:0;
	border-bottom:1px solid var(--line2);
}
.card__b {
	padding:28px 30px;
}
.ico {
	width:48px;
	height:48px;
	border-radius:10px;
	background:var(--tint);
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 48px;
}
.card--ico .h3 {
	margin-top:22px;
}
.card .body {
	margin-top:10px;
	text-align:center;
}
.card--ico .body {
	margin-top:12px;
}

/* ── recorrido ── */
.strip {
	overflow-x:auto;
	scroll-snap-type:x mandatory;
	scrollbar-width:none;
	-ms-overflow-style:none;
	padding-left:max(var(--pad),calc((100% - 1440px)/2));
	scroll-padding-left:max(var(--pad),calc((100% - 1440px)/2));
}
.strip::-webkit-scrollbar {
	display:none;
}
.strip__in {
	display:flex;
	gap:32px;
	width:max-content;
	padding-right:var(--pad);
}
.step {
	width:min(700px,78vw);
	flex:0 0 auto;
	scroll-snap-align:start;
	border:1px solid var(--line2);
	border-radius:18px;
	overflow:hidden;
	background:#fff;
}
.step__m {
	position:relative;
	aspect-ratio:700/394;
	border-bottom:1px solid var(--line2);
	overflow:hidden;
}
.step__m>img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.step__b {
	min-height:86px;
	padding:16px 28px;
	display:flex;
	align-items:center;
	gap:18px;
}
.num {
	width:38px;
	height:38px;
	flex:0 0 38px;
	border-radius:999px;
	background:var(--navy);
	color:var(--cyan);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:15px;
	font-weight:700;
}
.step__b p {
	margin-top:4px;
	font-size:15px;
	line-height:1.45;
	color:var(--ink2);
}
.hint {
	display:flex;
	align-items:center;
	gap:10px;
	margin-top:24px;
	font-size:14px;
	color:var(--ink3);
}

/* ── doble puerta ── */
.door {
	background:#fff;
	border:1px solid var(--line2);
	border-radius:16px;
	overflow:hidden;
	display:flex;
	flex-direction:column;
}
.door>img {
	height:180px;
	flex:0 0 180px;
	width:100%;
	object-fit:cover;
}
.door__b {
	flex:1;
	padding:30px clamp(24px,2.6vw,40px);
	display:flex;
	flex-direction:column;
}
.door__b .h3 {
	font-size:clamp(21px,1.8vw,26px);
	line-height:1.2;
	font-weight:700;
	color:var(--navy);
	margin-top:14px;
}
.door ul {
	margin-top:16px;
	display:flex;
	flex-direction:column;
	gap:12px;
}
.door li {
	display:flex;
	align-items:flex-start;
	gap:11px;
	font-size:clamp(15px,1vw,16px);
	line-height:1.5;
	color:var(--ink2);
}
.door li svg {
	flex:0 0 20px;
	margin-top:3px;
}
.door .btn {
	margin-top:auto;
	align-self:flex-start;
	margin-top:26px;
}

/* ── casos ── */
.cases {
	display:grid;
	grid-template-columns:minmax(0,2fr) minmax(0,1fr);
	gap:24px;
	margin-top:56px;
	align-items:start;
}
.cases__aside {
	align-self:start;
	padding-top:clamp(0px,8vw,130px);
	padding-left:16px;
}
.cases__aside p {
	margin-top:20px;
	font-size:clamp(17px,1.3vw,19px);
	line-height:1.6;
	color:var(--ink2);
}
.case {
	position:relative;
	border:1px solid #B6C2CD;
	border-radius:16px;
	overflow:hidden;
}
.case--f {
	aspect-ratio:16/9;
}
.case--s {
	aspect-ratio:464/300;
}
.case__fig {
	position:absolute;
	top:clamp(16px,1.6vw,28px);
	left:clamp(16px,1.6vw,28px);
	background:#fff;
	border:1px solid var(--line);
	border-radius:12px;
	padding:12px 18px;
	z-index:2;
}
.case__fig b {
	display:block;
	font-size:clamp(22px,2.6vw,40px);
	line-height:1;
	font-weight:700;
	color:var(--navy);
}
.case__fig span {
	display:block;
	margin-top:6px;
	font-size:13px;
	font-weight:500;
	color:var(--ink2);
}
.case img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.case__ov {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	padding:clamp(60px,10vw,110px) clamp(22px,2.6vw,40px) clamp(20px,2.4vw,34px);
	background:linear-gradient(to top,rgba(0,27,48,.94),rgba(0,27,48,.55) 60%,rgba(0,27,48,0));
}
.case__ov blockquote {
	font-size:clamp(17px,1.9vw,28px);
	line-height:1.35;
	font-weight:600;
	text-align:left;
	color:#fff;
}
.case__meta {
	margin-top:16px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	font-size:clamp(12px,.9vw,14px);
	font-weight:500;
	color:#D3E2EE;
}
.case--s .case__meta {
	margin-top:8px;
}
.case__logo {
	width:92px;
	height:30px;
	border:1px dashed #8FA6B8;
	border-radius:4px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:10px;
	font-weight:600;
	letter-spacing:.06em;
	flex:0 0 auto;
}
.sats {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:32px;
	margin-top:24px;
}

/* ── soporte ── */
.help {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:clamp(32px,4vw,64px);
	align-items:center;
}
.help>img {
	aspect-ratio:704/400;
	width:100%;
	object-fit:cover;
	border-radius:16px;
}
.help .h2 {
	margin-top:18px;
	font-size:clamp(24px,2.2vw,40px);
	line-height:1.18;
}
.help__q {
	margin-top:22px;
	font-size:clamp(21px,1.9vw,28px);
	line-height:1.3;
	font-weight:600;
	color:var(--navy);
}
.help__t {
	margin-top:14px;
	font-size:clamp(16px,1.1vw,17px);
	line-height:1.65;
	color:var(--ink2);
}
.help ul {
	margin-top:26px;
	display:flex;
	flex-direction:column;
	gap:14px;
}
.help li {
	display:flex;
	align-items:center;
	gap:13px;
	font-size:16px;
	font-weight:500;
	color:var(--ink);
}
.help li span {
	width:40px;
	height:40px;
	flex:0 0 40px;
	border-radius:9px;
	background:#fff;
	border:1px solid var(--line2);
	display:flex;
	align-items:center;
	justify-content:center;
}

/* ── cta final ── */
.final {
	background:var(--navy);
	color:#fff;
	padding-block:clamp(56px,7vw,110px);
}
.final__g {
	display:grid;
	grid-template-columns:minmax(0,1fr) 560px;
	gap:clamp(40px,5vw,80px);
	align-items:start;
}
.final .h2 {
	color:#fff;
	font-size:clamp(28px,2.7vw,48px);
	line-height:1.12;
}
.final__sub {
	margin-top:18px;
	font-size:clamp(19px,1.7vw,24px);
	line-height:1.35;
	font-weight:600;
	color:var(--cyan);
}
.final__t {
	margin-top:16px;
	max-width:620px;
	font-size:clamp(16px,1.1vw,17px);
	line-height:1.65;
	color:#C5D7E5;
}
.final__ways {
	margin-top:34px;
	display:flex;
	align-items:center;
	gap:14px;
	flex-wrap:wrap;
}
.final__alt {
	margin-top:30px;
	font-size:15px;
	line-height:1.6;
	color:#9FBAD0;
}
.final__alt a {
	color:var(--cyan);
	font-weight:600;
}
.form {
	background:#fff;
	border-radius:16px;
	padding:clamp(24px,2.4vw,32px);
	color:var(--ink);
}
.form__g {
	margin-top:20px;
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:16px;
}
.form label {
	display:block;
	font-size:13px;
	font-weight:500;
	color:var(--ink2);
}
.form input {
	margin-top:7px;
	width:100%;
	height:48px;
	border:1px solid var(--line);
	border-radius:8px;
	padding:0 14px;
	font-family:inherit;
	font-size:15px;
	color:var(--ink);
}
.form input:focus {
	outline:2px solid var(--navy);
	outline-offset:1px;
}
.form button {
	margin-top:20px;
	width:100%;
	height:54px;
	border:0;
	border-radius:9px;
	cursor:pointer;
	font-size:17px;
	font-weight:600;
	color:#fff;
	background:var(--navy);
}
.form button:disabled {
	cursor:progress;
	opacity:.7;
}
.form small {
	display:block;
	margin-top:14px;
	text-align:center;
	font-size:13px;
	line-height:1.5;
	color:var(--ink3);
}
/* casilla de privacidad (obligatoria) */
.form .form__chk {
	margin-top:16px;
	display:flex;
	align-items:center;
	gap:10px;
	cursor:pointer;
}
.form .form__chk input {
	margin:0;
	width:18px;
	height:18px;
	flex:0 0 18px;
	padding:0;
	accent-color:var(--navy);
	cursor:pointer;
}
.form__chk a {
	text-decoration:underline;
	text-underline-offset:2px;
}
/* «Enviando tu solicitud…» (form-demo.js) */
.form__st {
	margin-top:12px;
	text-align:center;
	font-size:14px;
	font-weight:500;
	color:var(--ink2);
}
.form__st:empty {
	display:none;
}

/* ── footer ── */
.ft {
	background:var(--navy-d);
	color:#C5D7E5;
	padding-top:clamp(56px,6vw,96px);
}
.ft__g {
	display:grid;
	grid-template-columns:repeat(5,minmax(0,1fr));
	gap:clamp(24px,2.4vw,32px);
}
.ft h4 {
	font-size:13px;
	font-weight:700;
	letter-spacing:.1em;
	text-transform:uppercase;
	color:#fff;
}
.ft ul {
	margin-top:18px;
	display:flex;
	flex-direction:column;
	gap:11px;
}
.ft a {
	color:#C5D7E5;
	font-size:15px;
}
.ft a:hover {
	color:#fff;
}
.ft__about p {
	margin-top:20px;
	font-size:14px;
	line-height:1.65;
	color:#93AEC4;
}
.ft__about img {
	height:56px;
	width:auto;
}
.ft__c p {
	margin-top:14px;
	font-size:15px;
	line-height:1.65;
}
.ft__ig {
	margin-top:16px;
	width:40px;
	height:40px;
	border-radius:999px;
	border:1px solid #1C4668;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}
.ft__hr {
	margin-top:44px;
	height:1px;
	background:#0C3A62;
}
.ft__b {
	min-height:63px;
	padding:16px 0;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	flex-wrap:wrap;
	font-size:13px;
	color:#8AA5BC;
}
.ft__b nav {
	display:flex;
	align-items:center;
	gap:12px;
}
.ft__b a {
	font-size:13px;
	color:#8AA5BC;
}
.ft__legal {
	display:flex;
	align-items:center;
	gap:20px;
	flex-wrap:wrap;
}

/* ── adaptación ── */
@media (max-width:1240px) {
	.final__g {
		grid-template-columns:1fr;
	}
	.form {
		max-width:560px;
	}
}
@media (max-width:1100px) {
	.hero {
		padding-bottom:180px;
	}
	.showcase {
		margin-top:-140px;
	}
	.g3 {
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
	.cases {
		grid-template-columns:1fr;
	}
	.cases__aside {
		padding-top:0;
		padding-left:0;
		order:-1;
	}
	.help {
		grid-template-columns:1fr;
	}
	.ft__g {
		grid-template-columns:repeat(3,minmax(0,1fr));
	}
	.nav {
		display:none;
	}
}
@media (max-width:760px) {
	.hero {
		padding-bottom:120px;
	}
	.showcase {
		margin-top:-80px;
	}
	.g3,.g2,.sats,.form__g {
		grid-template-columns:1fr;
	}
	.pre__l span:nth-child(2),.pre__l span:nth-child(3) {
		display:none;
	}
	.tabs {
		flex-wrap:wrap;
	}
	.tabs button {
		flex:1 0 50%;
	}
	.ft__g {
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
	.hdr__cta .btn:first-child {
		display:none;
	}
	.case__fig b {
		font-size:22px;
	}
	.ocultar_s { display: none !important; }
}

/*----- Utilidades -----*/

.ocultar { display: none !important; }

.no-margin { margin:0; }
.no-margin-top { margin-top:0; }
.no-margin-bottom { margin-bottom:0; }
.no-margin-left { margin-left:0; }
.no-margin-right { margin-right:0; }

.margin-top--1 { margin-top: var(--space-1); }
.margin-top--2 { margin-top: var(--space-2); }
.margin-top--3 { margin-top: var(--space-3); }
.margin-top--4 { margin-top: var(--space-4); }
.margin-top--5 { margin-top: var(--space-5); }
.margin-top--6 { margin-top: var(--space-6); }
.margin-top--7 { margin-top: var(--space-7); }
.margin-top--8 { margin-top: var(--space-8); }
.margin-top--9 { margin-top: var(--space-9); }
.margin-top--10 { margin-top: var(--space-10); }
.margin-top--11 { margin-top: var(--space-11); }
.margin-top--12 { margin-top: var(--space-12); }

.margin-bottom--1 { margin-bottom: var(--space-1); }
.margin-bottom--2 { margin-bottom: var(--space-2); }
.margin-bottom--3 { margin-bottom: var(--space-3); }
.margin-bottom--4 { margin-bottom: var(--space-4); }
.margin-bottom--5 { margin-bottom: var(--space-5); }
.margin-bottom--6 { margin-bottom: var(--space-6); }
.margin-bottom--7 { margin-bottom: var(--space-7); }
.margin-bottom--8 { margin-bottom: var(--space-8); }
.margin-bottom--9 { margin-bottom: var(--space-9); }
.margin-bottom--10 { margin-bottom: var(--space-10); }
.margin-bottom--11 { margin-bottom: var(--space-11); }
.margin-bottom--12 { margin-bottom: var(--space-12); }

.margin-left--1 { margin-left: var(--space-1); }
.margin-left--2 { margin-left: var(--space-2); }
.margin-left--3 { margin-left: var(--space-3); }
.margin-left--4 { margin-left: var(--space-4); }
.margin-left--5 { margin-left: var(--space-5); }
.margin-left--6 { margin-left: var(--space-6); }
.margin-left--7 { margin-left: var(--space-7); }
.margin-left--8 { margin-left: var(--space-8); }
.margin-left--9 { margin-left: var(--space-9); }
.margin-left--10 { margin-left: var(--space-10); }
.margin-left--11 { margin-left: var(--space-11); }
.margin-left--12 { margin-left: var(--space-12); }

.margin-right--1 { margin-right: var(--space-1); }
.margin-right--2 { margin-right: var(--space-2); }
.margin-right--3 { margin-right: var(--space-3); }
.margin-right--4 { margin-right: var(--space-4); }
.margin-right--5 { margin-right: var(--space-5); }
.margin-right--6 { margin-right: var(--space-6); }
.margin-right--7 { margin-right: var(--space-7); }
.margin-right--8 { margin-right: var(--space-8); }
.margin-right--9 { margin-right: var(--space-9); }
.margin-right--10 { margin-right: var(--space-10); }
.margin-right--11 { margin-right: var(--space-11); }
.margin-right--12 { margin-right: var(--space-12); }

.no-padding { padding:0; }
.no-padding-top { padding-top:0; }
.no-padding-bottom { padding-bottom:0; }
.no-padding-left { padding-left:0; }
.no-padding-right { padding-right:0; }

.padding-top--1 { padding-top: var(--space-1); }
.padding-top--2 { padding-top: var(--space-2); }
.padding-top--3 { padding-top: var(--space-3); }
.padding-top--4 { padding-top: var(--space-4); }
.padding-top--5 { padding-top: var(--space-5); }
.padding-top--6 { padding-top: var(--space-6); }
.padding-top--7 { padding-top: var(--space-7); }
.padding-top--8 { padding-top: var(--space-8); }
.padding-top--9 { padding-top: var(--space-9); }
.padding-top--10 { padding-top: var(--space-10); }
.padding-top--11 { padding-top: var(--space-11); }
.padding-top--12 { padding-top: var(--space-12); }

.padding-bottom--1 { padding-bottom: var(--space-1); }
.padding-bottom--2 { padding-bottom: var(--space-2); }
.padding-bottom--3 { padding-bottom: var(--space-3); }
.padding-bottom--4 { padding-bottom: var(--space-4); }
.padding-bottom--5 { padding-bottom: var(--space-5); }
.padding-bottom--6 { padding-bottom: var(--space-6); }
.padding-bottom--7 { padding-bottom: var(--space-7); }
.padding-bottom--8 { padding-bottom: var(--space-8); }
.padding-bottom--9 { padding-bottom: var(--space-9); }
.padding-bottom--10 { padding-bottom: var(--space-10); }
.padding-bottom--11 { padding-bottom: var(--space-11); }
.padding-bottom--12 { padding-bottom: var(--space-12); }

.padding-left--1 { padding-left: var(--space-1); }
.padding-left--2 { padding-left: var(--space-2); }
.padding-left--3 { padding-left: var(--space-3); }
.padding-left--4 { padding-left: var(--space-4); }
.padding-left--5 { padding-left: var(--space-5); }
.padding-left--6 { padding-left: var(--space-6); }
.padding-left--7 { padding-left: var(--space-7); }
.padding-left--8 { padding-left: var(--space-8); }
.padding-left--9 { padding-left: var(--space-9); }
.padding-left--10 { padding-left: var(--space-10); }
.padding-left--11 { padding-left: var(--space-11); }
.padding-left--12 { padding-left: var(--space-12); }

.padding-right--1 { padding-right: var(--space-1); }
.padding-right--2 { padding-right: var(--space-2); }
.padding-right--3 { padding-right: var(--space-3); }
.padding-right--4 { padding-right: var(--space-4); }
.padding-right--5 { padding-right: var(--space-5); }
.padding-right--6 { padding-right: var(--space-6); }
.padding-right--7 { padding-right: var(--space-7); }
.padding-right--8 { padding-right: var(--space-8); }
.padding-right--9 { padding-right: var(--space-9); }
.padding-right--10 { padding-right: var(--space-10); }
.padding-right--11 { padding-right: var(--space-11); }
.padding-right--12 { padding-right: var(--space-12); }

.text-align--left { text-align: left; }
.text-align--center { text-align: center; }
.text-align--right { text-align: right; }