img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

img.grayscale:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
}

svg {
    background:url(user/images/bandera_ing.jpg);
}

svg image {
    transition: all .6s ease;
}

svg image:hover {
    opacity: 0;
}

div.half-grayscale-container {
    background: url(user/images/bandera_ing.jpg) no-repeat; /* IE6-9 */
}

img.half-grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0.5\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray alpha(opacity=50); /* IE6-9 */
    -webkit-filter: grayscale(50%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

img.half-grayscale:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
}
.UClink .pi-section-parallax a{
	color: #fcf808;
	font-weight:600;
}
/*.etiquetapromo {
	top:1px;
	height: 50px;
	position: absolute;
	width: 128px;
	z-index: 100;
}
.tp-banner-container{width:100%;position:relative;padding:0;}
.tp-banner{width:100%;position:relative;}
.tp-banner ul li {margin:0;}
.tp-banner-fullscreen-container{width:100%;position:relative;padding:0;}
div#cf {
	position: fixed;
	z-index: 10000;
	right: 0;
	top: 45%;
	bottom: 45%;
	float: right;
	width: 200px;
	height: 90px;
}
#cf img {
	position:absolute;
	left: 138px;
	transition: all 0.5s ease-in-out 0s;
}
#cf img:hover {
	left: 0px;
	transition: all 0.5s ease-in-out 0s;
}

#cf img.top:hover {
	opacity:0;
}

@media all and (max-width: 768px) {
	div#cf {
		position: fixed;
		z-index: 10000;
		right: 0;
		top: 45%;
		bottom: 45%;
		float: right;
		width: 200px;
		height: 90px;
	}
	#cf img {
		position:absolute;
		left: 138px;
		transition: all 0.5s ease-in-out 0s;
	}
	#cf img:hover {
		left: 0px;
		transition: all 0.5s ease-in-out 0s;
	}
}*/

.etiquetapromo {
	top:1px;
	height: 50px;
	position: absolute;
	width: 128px;
	z-index: 100;
}
.tp-banner-container{width:100%;position:relative;padding:0;}
.tp-banner{width:100%;position:relative;}
.tp-banner ul li {margin:0;}
.tp-banner-fullscreen-container{width:100%;position:relative;padding:0;}
div#cf {
	position: fixed;
	z-index: 10000;
	right: 0;
	top: 45%;
	bottom: 45%;
	float: right;
	width: 48px;
	height: 204px;
}
#cf img {
	position:absolute;
	left: 8px;
	transition: all 0.5s ease-in-out 0s;
}
#cf img:hover {
	left: 0px;
	transition: all 0.5s ease-in-out 0s;
}

#cf img.top:hover {
	opacity:0;
}

@media all and (max-width: 768px) {
	div#cf {
		position: fixed;
		z-index: 10000;
		right: 0;
		top: 45%;
		bottom: 45%;
		float: right;
		width: 48px;
		height: 204px;
	}
	#cf img {
		position:absolute;
		left: 8px;
		transition: all 0.5s ease-in-out 0s;
	}
	#cf img:hover {
		left: 0px;
		transition: all 0.5s ease-in-out 0s;
	}
}
.whatsapp-bubble {
	position: fixed;
	bottom: 30px;
	left: 20px;
	background: rgb(0, 199, 84);
	background: rgba(0, 199, 84, 1);
	width: 55px;
	height: 55px;
	display: block;
	z-index:1000;
	text-decoration: none;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 50%;
	/*display: none;*/
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.whatsapp-bubble i {
	color: #fff;
	margin: 0;
	position: relative;
	left: 13px;
	top: 8px;
	font-size: 38px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.whatsapp-bubble:hover {
	background: rgba(1, 1, 1, 1);
}
.whatsapp-bubble:hover i {
	color: #fff;
}




/*slide logos*/
@keyframes slides {
  from {
	transform: translateX(0);
  }
  to {
	transform: translateX(-100%);
  }
}

.logos {
  overflow: hidden;
  padding: 30px 0px;
  white-space: nowrap;
  position: relative;
}

.logos:before, .logos:after {
  position: absolute;
  top: 0;
  content: '';
  width: 250px;
  height: 100%;
  z-index: 2;
}

.logos:before {
  left: 0;
  background: linear-gradient(to left, rgba(244, 246, 246,0), rgb(244, 246, 246));
}

.logos:after {
  right: 0;
  background: linear-gradient(to right, rgba(244, 246, 246,0), rgb(244, 246, 246));
}

.logo_items {
  display: inline-block;
  animation: 35s slides infinite linear;
}

.logos:hover .logo_items {
  animation-play-state: paused;
}

.logo_items img{
  height: 100px;
}
/*slide logos*/

.loading {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9999;
  display: none;
  width: 100%;
  height: 100%;
  background-color: #dedfe0;
  display:block;
}

.loading-gif {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/*!---------- ALERTS ----------*/
.alert {
  margin-bottom: 24px;
  background: none;
  border-radius: 0;
  font-weight: 600;
  padding: 12px 16px;
}
.alert .close {
  opacity: 1;
  font-size: 24px;
  top: -2px;
  right: -4px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.alert .close span {
  font-weight: 400;
}
.alert-warning {
  border: 1px solid #d88519;
  color: #d88519;
}
.alert-success {
  border: 1px solid #60b963;
  color: #60b963;
}
.alert-danger {
  border: 1px solid #c64444;
  color: #c64444;
}


/*** Estilo link textos ***/
.pi-section-white .link-uc {
	color: #007cff;
	border-bottom: 1px solid #007cff;
	transition: all 0.3s ease-in-out;
}
.pi-section-white .link-uc:hover {
	color: #0731af;
	border-bottom: 1px solid #0731af;
	transition: all 0.3s ease-in-out;;
}
/*** Estilo link textos ***/




/*** box Guia Aduanera ***/
.link-guia-aduanera{
  display:block;
  max-width:720px;
  margin:24px auto;
  padding:18px 24px;
  border:1px solid rgba(44,39,241,.22);
  border-radius:12px;
  background:rgba(44,39,241,.04);
  color:#2c27f1;
  font-size:19px;
  line-height:1.45;
  font-weight:600;
  text-align:center;
  text-decoration:none;
  transition:all .25s ease;
}

.link-guia-aduanera:hover,
.link-guia-aduanera:focus{
  color:#ff9900;
  border-color:rgba(255,153,0,.45);
  background:rgba(255,153,0,.07);
  box-shadow:0 8px 22px rgba(255,153,0,.22);
  transform:translateY(-1px);
  text-decoration:none;
}

.link-guia-aduanera:active{
  transform:translateY(0);
  box-shadow:0 4px 14px rgba(255,153,0,.18);
}

@media (max-width:600px){
  .link-guia-aduanera{
    max-width:100%;
    margin:18px 0;
    padding:15px 18px;
    font-size:16px;
    border-radius:10px;
  }
}
/*** box Guia Aduanera ***/

/* ==========================================
   CAJA CTA PREMIUM
========================================== */
.box-cta-reflejo{
	position:relative;
	overflow:hidden;
	border-radius:15px;
	padding:55px 35px;
	text-align:center;
	background-image:url("user/images/desk-top-view.jpg");
	background-size:cover;
	background-position:center center;
	border:1px solid rgba(255,255,255,.45);
	box-shadow: 0 15px 40px rgba(0,0,0,.12),
		0 5px 15px rgba(0,0,0,.08);
}
/* Fondo con efecto Glass */
.box-cta-reflejo:before{
	content:"";
	position:absolute;
	inset:0;
	background: linear-gradient(
		135deg,
		rgba(255,255,255,.78) 0%,
		rgba(236,245,252,.70) 35%,
		rgba(215,233,247,.63) 70%,
		rgba(190,220,243,.58) 100%
	);
	backdrop-filter:blur(7px);
	-webkit-backdrop-filter:blur(7px);
	z-index:1;
}
/* Reflejo */
.box-cta-reflejo:after{
	content:"";
	position:absolute;
	top:-70%;
	left:-35%;
	width:28%;
	height:260%;
	background:linear-gradient(
		90deg,
		transparent,
		rgba(255,255,255,.40),
		transparent
	);
	transform:rotate(25deg);
	animation:reflejoCTA 5s infinite;
	z-index:2;
}
/* Contenido */
.box-cta-overlay{
	position:relative;
	z-index:3;
	max-width:760px;
	margin:auto;
}
.box-cta-overlay h5{
	margin:0 0 10px;
	font-size:18px;
	font-weight:400;
	color:#3f6f94;
}
.box-cta-overlay h3{

	margin:0 0 28px;
	font-size:22px;
	line-height:1.25;
	font-weight:600;
	color:#23405a;
}
/* ==========================================
   BOTON
========================================== */
.btn-cta-verde{
	display:inline-block;
	padding: 8px 20px;
	border-radius:50px;
	background:#7AC943;
	color:#FFFFFF;
	font-size:17px;
	font-weight:600;
	text-decoration:none;
	transition:all .30s ease;
	box-shadow: 0 10px 25px rgba(122,201,67,.35);
}
.btn-cta-verde:hover{
	background:#66B133;
	color:#FFFFFF;
	text-decoration:none;
	transform:translateY(-3px);
	box-shadow: 0 15px 30px rgba(122,201,67,.45);
}
.btn-cta-naranja{
	display:inline-block;
	padding: 8px 20px;
	border-radius:50px;
	border: 1px solid #FF8F00;
	background:#FFA500;
	color:#FFFFFF;
	font-size:17px;
	font-weight:600;
	text-decoration:none;
	transition:all .30s ease;
	box-shadow: 0px 0px 11px rgba(1,1,1,.2);
}
.btn-cta-naranja:hover{
	background:#ff7800;
	color:#FFFFFF;
	border: 1px solid #FF8F00;
	text-decoration:none;
	transform:translateY(-3px);
	box-shadow: 0 0px 20px rgba(1,1,1,.4);
}
.pi-section-white .btn-cta-verde,
.pi-section-white .btn-cta-naranja{
	color:#fff;
}

.pi-section-white .btn-cta-verde:hover,
.pi-section-white .btn-cta-naranja:hover{
	color:#fff;
}
/* ==========================================
   REFLEJO
========================================== */
@keyframes reflejoCTA{
	0%{
		left:-40%;
	}
	45%{
		left:130%;
	}
	100%{
		left:130%;
	}
}
/* ==========================================
   MOBILE
========================================== */
@media (max-width:991px){
	.box-cta-reflejo{
		padding:45px 25px;
	}
	.box-cta-overlay h3{
		font-size:32px;
	}
}
@media (max-width:767px){
	.box-cta-reflejo{
		padding:35px 20px;
		border-radius:12px;
	}
	.box-cta-overlay h5{
		font-size:15px;
	}
	.box-cta-overlay h3{
		font-size:24px;
		line-height:1.35;
	}
	.btn-cta-verde{
		padding:13px 34px;
		font-size:16px;
	}
}

/* ======================================================
   BOTÓN ESMERALDA
====================================================== */
.pi-btn-green1{
	position:relative;
	overflow:hidden;
	background:#1F9D55;
	border:1px solid #19864A;
	color:#FFF !important;
	border-radius:6px;
	text-shadow:none;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.18),
		0 3px 10px rgba(31,157,85,.18);
	transition:all .25s ease;
}
.pi-btn-green1:before{
	content:"";
	position:absolute;
	top:-40%;
	left:-45%;
	width:26%;
	height:180%;
	background:linear-gradient(
		90deg,
		transparent,
		rgba(255,255,255,.45),
		transparent
	);
	transform:rotate(25deg);
	animation:shine1 2.8s linear infinite;
	pointer-events:none;
}
.pi-btn-green1:hover,
.pi-btn-green1:focus{
	background:#188446;
	border-color:#146E3A;
	color:#FFF !important;
	text-decoration:none;
	transform:translateY(-2px);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.18),
		0 8px 20px rgba(31,157,85,.28);
}
.pi-btn-green1:active{
	transform:translateY(0);
	box-shadow:
		inset 0 2px 5px rgba(0,0,0,.12);
}

/* ======================================================
   BOTÓN GREEN 2
====================================================== */
.pi-btn-green2{
	position:relative;
	overflow:hidden;
	background:#1F9D55;
	border:1px solid #19864A;
	color:#FFF !important;
	border-radius:6px;
	text-shadow:none;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.18),
		0 3px 10px rgba(31,157,85,.18);
	transition:all .25s ease;
}

.pi-btn-green2:before{
	content:"";
	position:absolute;
	top:-40%;
	left:-45%;
	width:26%;
	height:180%;
	background:linear-gradient(
		90deg,
		transparent,
		rgba(255,255,255,.45),
		transparent
	);
	transform:rotate(25deg);
	animation:shine2 2.3s linear infinite;
	pointer-events:none;
}

.pi-btn-green2:hover,
.pi-btn-green2:focus{
	background:#188446;
	border-color:#146E3A;
	color:#FFF !important;
	text-decoration:none;
	transform:translateY(-2px);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.18),
		0 8px 20px rgba(31,157,85,.28);
}
.pi-btn-green2:active{
	transform:translateY(0);
	box-shadow:
		inset 0 2px 5px rgba(0,0,0,.12);
}

/* ======================================================
   EFECTO REFLEJO
====================================================== */
@keyframes shine1{
	0%{
		left:-45%;
	}
	18%{
		left:145%;
	}
	100%{
		left:145%;
	}
}

@keyframes shine2{
	0%{
		left:-45%;
	}
	20%{
		left:145%;
	}
	100%{
		left:145%;
	}
}

/* ======================================================
   BOTONES HERO HOME
====================================================== */
.uc-home-hero-actions{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	gap:14px;
	margin-top:24px;
}

.uc-home-hero-btn{
	position:relative;
	display:inline-flex;
	min-width:205px;
	min-height:50px;
	align-items:center;
	justify-content:center;
	gap:9px;
	padding:12px 27px;
	overflow:hidden;
	border:1px solid transparent;
	border-radius:28px;
	color:#FFF !important;
	font-size:14px;
	font-weight:700;
	line-height:1.2;
	text-align:center;
	text-decoration:none !important;
	text-shadow:none;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.24),
		0 5px 15px rgba(0,0,0,.24);
	transition:
		transform .25s ease,
		background-color .25s ease,
		border-color .25s ease,
		box-shadow .25s ease;
}

.uc-home-hero-btn:before{
	content:"";
	position:absolute;
	top:-40%;
	left:-45%;
	width:26%;
	height:180%;
	background:linear-gradient(
		90deg,
		transparent,
		rgba(255,255,255,.42),
		transparent
	);
	transform:rotate(25deg);
	animation:ucHomeHeroShine 3s linear infinite;
	pointer-events:none;
}

.uc-home-hero-btn:hover,
.uc-home-hero-btn:focus{
	transform:translateY(-2px);
	color:#FFF !important;
	text-decoration:none !important;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.24),
		0 9px 22px rgba(0,0,0,.30);
}

.uc-home-hero-btn:active{
	transform:translateY(0);
	box-shadow:
		inset 0 2px 5px rgba(0,0,0,.15),
		0 3px 8px rgba(0,0,0,.20);
}

.uc-home-hero-btn span,
.uc-home-hero-btn i{
	position:relative;
	z-index:2;
}

.uc-home-hero-btn--primary{
	background:#F49E01;
	border-color:#E88900;
}
.uc-home-hero-btn--primary:hover,
.uc-home-hero-btn--primary:focus{
	background:#E98C00;
	border-color:#D47F00;
}
.uc-home-hero-btn--whatsapp{
	background:#1F9D55;
	border-color:#19864A;
}
.uc-home-hero-btn--whatsapp:hover,
.uc-home-hero-btn--whatsapp:focus{
	background:#188446;
	border-color:#146E3A;
}
.uc-home-hero-btn--whatsapp i{
	font-size:18px;
}
@keyframes ucHomeHeroShine{
	0%{left:-45%;}
	18%{left:145%;}
	100%{left:145%;}
}
@media (max-width:767px){
	.uc-home-hero-actions{
		flex-direction:column;
		align-items:stretch;
		gap:12px;
		margin-top:22px;
		padding:0 20px;
	}
	.uc-home-hero-btn{
		width:100%;
		max-width:340px;
		min-width:0;
		margin-right:auto;
		margin-left:auto;
	}
}
/* ==========================================================
   BANNER INTERNO DESTACADO
   Universal Cargo
   ========================================================== */
.uc-page-hero {
	position: relative;
	display: flex;
	min-height: 340px;
	align-items: center;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
/* Capa oscura sobre la imagen */
.uc-page-hero::before {
	position: absolute;
	z-index: 1;
	inset: 0;
	background:
		linear-gradient(
			90deg,
			rgba(5, 12, 29, 0.82) 0%,
			rgba(5, 12, 29, 0.66) 48%,
			rgba(5, 12, 29, 0.35) 100%
		);
	content: "";
}
/* Contenedor general */
.uc-page-hero__container {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
	padding: 58px 30px;
}
/* Bloque que limita el ancho del contenido */
.uc-page-hero__content {
	max-width: 820px;
	color: #fff;
}
/* Título dinámico proveniente del administrador */
.uc-page-hero__title {
	margin: 0;
	color: #fff;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 44px;
	font-weight: 400;
	line-height: 1.15;
	letter-spacing: -1px;
	text-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
}
/* Línea decorativa debajo del título */
.uc-page-hero__title::after {
	display: block;
	width: 54px;
	height: 3px;
	margin-top: 20px;
	background: #ff9900;
	border-radius: 5px;
	content: "";
}
/* Descripción dinámica */
.uc-page-hero__description {
	max-width: 760px;
	margin: 22px 0 0;
	color: rgba(255, 255, 255, 0.94);
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 300;
	line-height: 1.5;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
/* ==========================================================
   CONTENEDOR DE BOTONES
   ========================================================== */
.uc-page-hero__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px;
	margin-top: 30px;
}
/* Botón base */
.uc-hero-btn {
	position: relative;
	display: inline-flex;
	min-width: 205px;
	min-height: 50px;
	align-items: center;
	justify-content: center;
	gap: 9px;
	padding: 12px 25px;
	overflow: hidden;
	border: 1px solid transparent;
	border-radius: 28px;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	text-decoration: none !important;
	box-shadow:
		0 5px 14px rgba(0, 0, 0, 0.22),
		inset 0 1px 0 rgba(255, 255, 255, 0.22);
	transition:
		background-color 0.25s ease,
		border-color 0.25s ease,
		box-shadow 0.25s ease,
		color 0.25s ease,
		transform 0.25s ease;
}
/* Reflejo superior */
.uc-hero-btn::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 48%;
	pointer-events: none;
	background:
		linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0.22),
			rgba(255, 255, 255, 0)
		);
	content: "";
}
/* Brillo animado */
.uc-hero-btn::after {
	position: absolute;
	top: -25%;
	left: -50%;
	width: 36%;
	height: 150%;
	transform: skewX(-20deg);
	pointer-events: none;
	background:
		linear-gradient(
			to right,
			rgba(255, 255, 255, 0),
			rgba(255, 255, 255, 0.32),
			rgba(255, 255, 255, 0)
		);
	content: "";
	transition: left 0.55s ease;
}
.uc-hero-btn:hover::after,
.uc-hero-btn:focus::after {
	left: 120%;
}
.uc-hero-btn:hover,
.uc-hero-btn:focus {
	transform: translateY(-2px);
	text-decoration: none !important;
	box-shadow:
		0 10px 23px rgba(0, 0, 0, 0.30),
		inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.uc-hero-btn:active {
	transform: translateY(0);
	box-shadow:
		0 3px 9px rgba(0, 0, 0, 0.20),
		inset 0 2px 5px rgba(0, 0, 0, 0.14);
}
/* El texto y el ícono quedan sobre los efectos */
.uc-hero-btn__text,
.uc-hero-btn__icon {
	position: relative;
	z-index: 2;
}
/* ==========================================================
   BOTÓN PRINCIPAL
   Color inicial naranja institucional
   ========================================================== */
.uc-hero-btn--primary {
	background: #ff9900;
	border-color: #e78900;
	color: #fff !important;
}
.uc-hero-btn--primary:hover,
.uc-hero-btn--primary:focus {
	background: #e98c00;
	border-color: #d77f00;
	color: #fff !important;
}
/* ==========================================================
   BOTÓN SECUNDARIO
   Color inicial azul institucional
   ========================================================== */
.uc-hero-btn--secondary {
	background: #174ec8;
	border-color: #1242ad;
	color: #fff !important;
}
.uc-hero-btn--secondary:hover,
.uc-hero-btn--secondary:focus {
	background: #123fa8;
	border-color: #0f368f;
	color: #fff !important;
}
/* ==========================================================
   ÍCONOS
   ========================================================== */
.uc-hero-btn__icon {
	display: inline-flex;
	width: 18px;
	height: 18px;
	align-items: center;
	justify-content: center;
	flex: 0 0 18px;
}
.uc-hero-btn__icon svg {
	display: block;
	width: 18px;
	height: 18px;
	fill: currentColor;
}
/* ==========================================================
   TEXTO SECUNDARIO OPCIONAL
   Ejemplo: Más de 25 años...
   ========================================================== */
.uc-page-hero__trust {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 27px;
	color: rgba(255, 255, 255, 0.78);
	font-size: 14px;
	font-weight: 300;
}
.uc-page-hero__trust-icon {
	display: inline-flex;
	width: 28px;
	height: 28px;
	align-items: center;
	justify-content: center;
	flex: 0 0 28px;
}
/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media screen and (max-width: 991px) {
	.uc-page-hero {
		min-height: 310px;
	}
	.uc-page-hero__container {
		padding: 50px 28px;
	}
	.uc-page-hero__content {
		max-width: 720px;
	}
	.uc-page-hero__title {
		font-size: 38px;
	}
	.uc-page-hero__description {
		font-size: 18px;
	}
}
@media screen and (max-width: 767px) {
	.uc-page-hero {
		min-height: 380px;
		background-position: center center;
	}
	.uc-page-hero::before {
		background: rgba(5, 12, 29, 0.72);
	}
	.uc-page-hero__container {
		padding: 48px 20px;
	}
	.uc-page-hero__content {
		max-width: 100%;
	}
	.uc-page-hero__title {
		font-size: 31px;
		line-height: 1.2;
		letter-spacing: -0.5px;
	}
	.uc-page-hero__title::after {
		margin-top: 17px;
	}
	.uc-page-hero__description {
		margin-top: 18px;
		font-size: 17px;
		line-height: 1.45;
	}
	.uc-page-hero__actions {
		align-items: stretch;
		flex-direction: column;
		gap: 12px;
		margin-top: 25px;
	}
	.uc-hero-btn {
		width: 100%;
		min-width: 0;
	}
	.uc-page-hero__trust {
		align-items: flex-start;
		font-size: 13px;
		line-height: 1.45;
	}
}

@media screen and (max-width: 420px) {
	.uc-page-hero__container {
		padding-right: 16px;
		padding-left: 16px;
	}
	.uc-page-hero__title {
		font-size: 27px;
	}
	.uc-page-hero__description {
		font-size: 16px;
	}
	.uc-hero-btn {
		min-height: 49px;
		padding-right: 18px;
		padding-left: 18px;
		font-size: 13px;
	}
}
.link-suave {
	color: #161391;
	text-decoration: none;
	border-bottom: 1px solid #161391;
	transition:
	color 0.3s ease,
	border-color 0.3s ease;
}
.link-suave:hover {
	color: #999999;
	border-bottom-color: #999999;
}