
.custom-mw-1 {
		max-width: 110px !important;
}

.custom-fs-1 {
		font-size: 19.2px !important;
		font-size: 1.2rem !important;
}

.custom-bg-color-1 {
		background-color: #2c3b43 !important;
}

.custom-image-position-1 {
		position: absolute;
		top: 0;
		right: 100%;
		min-width: 250px;
		height: 100%;
}

.custom-image-position-1 .featured-box {
		height: 100% !important;
}

/* SVG Style */
.custom-svg-style-1 {
		background-color: var(--light);
		position: absolute;
		top: 0;
		width: 100vw;
		height: 100%;
		left: 50%;
		transform: translate3d(-50%, 0, 0);
}

/* Form Styles */
.custom-form-style-1 .form-control {
		border-radius: 0;
		padding: 14.4px 24px;
		padding: 0.9rem 1.5rem;
		height: 47.2px;
		height: 2.95rem;
}

.custom-form-style-1 .form-control::-moz-placeholder {
		color: #536f78;
		font-weight: 600;
}

.custom-form-style-1 .form-control::placeholder {
		color: #536f78;
		font-weight: 600;
}

.custom-form-style-1 .form-control:-ms-input-placeholder {
		color: #536f78;
		font-weight: 600;
}

.custom-form-style-1 .form-control::-ms-input-placeholder {
		color: #536f78;
		font-weight: 600;
}

.custom-form-style-1.custom-form-style-1-rounded .form-control {
		border-radius: 35px;
		height: 52px;
		height: 3.25rem;
}

/* Pricing */
.custom-plan-featured-style-1 .plan-header {
		position: relative;
		top: 1px;
}

/* Thumb Info */
.custom-thumb-info-style-1 .thumb-info-wrapper .custom-thumb-info-date {
		position: absolute;
		top: 0;
		left: 0;
		font-size: 27.2px;
		font-size: 1.7rem;
		line-height: 1;
		text-align: center;
		padding: 11.2px 19.2px;
		padding: 0.7rem 1.2rem;
		z-index: 2;
}

.custom-thumb-info-style-1 .thumb-info-wrapper .custom-thumb-info-date > span {
		display: block;
		font-size: 0.4em;
		line-height: 1.5;
}

/* Carousel */
.custom-carousel-nav-style-1 .owl-nav button[class*="owl-"] {
		background: transparent !important;
		border: 1px solid var(--grey-500);
		border-radius: 0;
		color: var(--grey-500);
}

/* Footer */
#footer {
		background-color: #111c22;
}

#footer li, #footer a:not(.btn), #footer p {
		color: #96a1b1;
}

#footer .footer-copyright {
		background-color: #111c22 !important;
}

/* Skin */
/* Carousel */
.custom-carousel-nav-style-1 .owl-nav button[class*="owl-"] {
		border-color: var(--primary);
		color: var(--primary);
}

.custom-carousel-nav-style-1 .owl-nav button[class*="owl-"]:hover {
		background: var(--primary) !important;
}

.logo-slider {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  padding: 10px 0;
  background: #fff;
}

.logo-track {
  display: inline-block;
  white-space: nowrap;
  animation: scroll 25s linear infinite;
}

.logo-track img {
  height: 35px;
  margin: 0 3rem;
  vertical-align: middle;
  transition: transform 0.3s ease;
}

.logo-track img:hover {
  transform: scale(1.2);
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.counters i,
.counters [data-icon] svg {
  display: block;
  margin: 0 auto 0.5rem;
}
.blockquote {
    margin-top: 0;
    margin-bottom: 0;
}

/* VIOLETA */
.text-violet { color: #7a5cff!important; }
.bg-violet { background-color: #7a5cff!important; }

.text-violet-dark { color: #5a3fd1!important; }
.bg-violet-dark { background-color: #5a3fd1!important; }

.text-violet-light { color: #a999ff!important; }
.bg-violet-light { background-color: #a999ff!important; }

/* VERDE */
.text-green { color: #28a745!important; }
.bg-green { background-color: #28a745!important; }

.text-green-dark { color: #1e7e34!important; }
.bg-green-dark { background-color: #1e7e34!important; }

.text-green-light { color: #6edc8f!important; }
.bg-green-light { background-color: #6edc8f!important; }

/* AZUL CLARO (alineado con tu primary) */
.text-blue-light { color: #33aadd!important; }
.bg-blue-light { background-color: #33aadd!important; }

.text-blue-lighter { color: #66c2ee!important; }
.bg-blue-lighter { background-color: #66c2ee!important; }

/* AZUL OSCURO */
.text-blue-dark { color: #005f99!important; }
.bg-blue-dark { background-color: #005f99!important; }

.text-blue-darker { color: #003f66!important; }
.bg-blue-darker { background-color: #003f66!important; }

/* VERDE WHATSAPP */
.text-whatsapp { color: #25d366!important; }
.bg-whatsapp { background-color: #25d366!important; }

.text-orange { color: #ef8b28!important; }
.bg-orange { background-color: #ef8b28!important; }

.custom-call-to-action {
    margin-left: 50px;
    margin-right: 50px;
    border-radius: 70px;
}

.underline-3 {
    position: relative;
    z-index: 1
}
.underline-3:after {
    content: "";
    position: absolute;
    z-index: -1;
    display: block;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    left: 50%;
    bottom: -.1em;
    width: 110%;
    height: .3em;
    transform: translateX(-50%)
}
.underline-3.style-2:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 208.01 8.3'%3E%3Cpath fill='%233f78e0' d='M64.42,2.42Q42.78,1.46,21.19,0c-2.8-.19-4.09.89-3.87,2L3.92,1.87c-5.13-.05-5.28,3.87-.12,3.92l60.49.55c46.63,2.08,93.34,2.51,139.81,1.27,5-.13,5.39-3.87.13-3.92Z'/%3E%3C/svg%3E")
}
.underline-3.style-2.blue:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 208.01 8.3'%3E%3Cpath fill='%233f78e0' d='M64.42,2.42Q42.78,1.46,21.19,0c-2.8-.19-4.09.89-3.87,2L3.92,1.87c-5.13-.05-5.28,3.87-.12,3.92l60.49.55c46.63,2.08,93.34,2.51,139.81,1.27,5-.13,5.39-3.87.13-3.92Z'/%3E%3C/svg%3E")
}
.underline-3.style-2.sky:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 208.01 8.3'%3E%3Cpath fill='%235eb9f0' d='M64.42,2.42Q42.78,1.46,21.19,0c-2.8-.19-4.09.89-3.87,2L3.92,1.87c-5.13-.05-5.28,3.87-.12,3.92l60.49.55c46.63,2.08,93.34,2.51,139.81,1.27,5-.13,5.39-3.87.13-3.92Z'/%3E%3C/svg%3E")
}
.underline-3.style-2.purple:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 208.01 8.3'%3E%3Cpath fill='%23747ed1' d='M64.42,2.42Q42.78,1.46,21.19,0c-2.8-.19-4.09.89-3.87,2L3.92,1.87c-5.13-.05-5.28,3.87-.12,3.92l60.49.55c46.63,2.08,93.34,2.51,139.81,1.27,5-.13,5.39-3.87.13-3.92Z'/%3E%3C/svg%3E")
}
.underline-3.style-2.violet:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 208.01 8.3'%3E%3Cpath fill='%23a07cc5' d='M64.42,2.42Q42.78,1.46,21.19,0c-2.8-.19-4.09.89-3.87,2L3.92,1.87c-5.13-.05-5.28,3.87-.12,3.92l60.49.55c46.63,2.08,93.34,2.51,139.81,1.27,5-.13,5.39-3.87.13-3.92Z'/%3E%3C/svg%3E")
}
.underline-3.style-2.pink:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 208.01 8.3'%3E%3Cpath fill='%23d16b86' d='M64.42,2.42Q42.78,1.46,21.19,0c-2.8-.19-4.09.89-3.87,2L3.92,1.87c-5.13-.05-5.28,3.87-.12,3.92l60.49.55c46.63,2.08,93.34,2.51,139.81,1.27,5-.13,5.39-3.87.13-3.92Z'/%3E%3C/svg%3E")
}
.underline-3.style-2.fuchsia:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 208.01 8.3'%3E%3Cpath fill='%23e668b3' d='M64.42,2.42Q42.78,1.46,21.19,0c-2.8-.19-4.09.89-3.87,2L3.92,1.87c-5.13-.05-5.28,3.87-.12,3.92l60.49.55c46.63,2.08,93.34,2.51,139.81,1.27,5-.13,5.39-3.87.13-3.92Z'/%3E%3C/svg%3E")
}


/* General */
:root {
	--border-radius: 4px;
	--border-radius2x: 8px;
	--default: #777;
}
/* Skin Colors */
:root {
	--primary: #0088cc;
	--primary-100: #0077b3;
	--primary-200: #006ea6;
	--primary-300: #006699;
	--primary--100: #0099e6;
	--primary--200: #00a1f2;
	--primary--300: #00aaff;
	--primary-rgba-0: rgba(0, 136, 204, 0);
	--primary-rgba-10: rgba(0, 136, 204, 0.1);
	--primary-rgba-20: rgba(0, 136, 204, 0.2);
	--primary-rgba-30: rgba(0, 136, 204, 0.3);
	--primary-rgba-40: rgba(0, 136, 204, 0.4);
	--primary-rgba-50: rgba(0, 136, 204, 0.5);
	--primary-rgba-60: rgba(0, 136, 204, 0.6);
	--primary-rgba-70: rgba(0, 136, 204, 0.7);
	--primary-rgba-80: rgba(0, 136, 204, 0.8);
	--primary-rgba-90: rgba(0, 136, 204, 0.9);
	--secondary: #e5f6fb;
	--secondary-100: #cfeef8;
	--secondary-200: #c4ebf6;
	--secondary-300: #b9e7f4;
	--secondary--100: #fbfefe;
	--secondary--200: #ffffff;
	--secondary--300: #ffffff;
	--secondary-rgba-0: rgba(229, 246, 251, 0);
	--secondary-rgba-10: rgba(229, 246, 251, 0.1);
	--secondary-rgba-20: rgba(229, 246, 251, 0.2);
	--secondary-rgba-30: rgba(229, 246, 251, 0.3);
	--secondary-rgba-40: rgba(229, 246, 251, 0.4);
	--secondary-rgba-50: rgba(229, 246, 251, 0.5);
	--secondary-rgba-60: rgba(229, 246, 251, 0.6);
	--secondary-rgba-70: rgba(229, 246, 251, 0.7);
	--secondary-rgba-80: rgba(229, 246, 251, 0.8);
	--secondary-rgba-90: rgba(229, 246, 251, 0.9);
	--tertiary: #2baab1;
	--tertiary-100: #26969c;
	--tertiary-200: #248c92;
	--tertiary-300: #218388;
	--tertiary--100: #30bec6;
	--tertiary--200: #34c6ce;
	--tertiary--300: #3fc9d0;
	--tertiary-rgba-0: rgba(43, 170, 177, 0);
	--tertiary-rgba-10: rgba(43, 170, 177, 0.1);
	--tertiary-rgba-20: rgba(43, 170, 177, 0.2);
	--tertiary-rgba-30: rgba(43, 170, 177, 0.3);
	--tertiary-rgba-40: rgba(43, 170, 177, 0.4);
	--tertiary-rgba-50: rgba(43, 170, 177, 0.5);
	--tertiary-rgba-60: rgba(43, 170, 177, 0.6);
	--tertiary-rgba-70: rgba(43, 170, 177, 0.7);
	--tertiary-rgba-80: rgba(43, 170, 177, 0.8);
	--tertiary-rgba-90: rgba(43, 170, 177, 0.9);
    --quaternary: #E79C3C;
    --quaternary-100: #D98F30;
    --quaternary-200: #C98327;
    --quaternary-300: #B9761E;

    --quaternary--100: #EDAE5D;
    --quaternary--200: #F2BF7D;
    --quaternary--300: #F7D09D;

    --quaternary-rgba-0: rgba(231, 156, 60, 0);
    --quaternary-rgba-10: rgba(231, 156, 60, 0.1);
    --quaternary-rgba-20: rgba(231, 156, 60, 0.2);
    --quaternary-rgba-30: rgba(231, 156, 60, 0.3);
    --quaternary-rgba-40: rgba(231, 156, 60, 0.4);
    --quaternary-rgba-50: rgba(231, 156, 60, 0.5);
    --quaternary-rgba-60: rgba(231, 156, 60, 0.6);
    --quaternary-rgba-70: rgba(231, 156, 60, 0.7);
    --quaternary-rgba-80: rgba(231, 156, 60, 0.8);
    --quaternary-rgba-90: rgba(231, 156, 60, 0.9);
    --dark: #212529;
	--dark-100: #16181b;
	--dark-200: #101214;
	--dark-300: #0a0c0d;
	--dark--100: #2c3237;
	--dark--200: #32383e;
	--dark--300: #383f45;
	--dark-rgba-0: rgba(33, 37, 41, 0);
	--dark-rgba-10: rgba(33, 37, 41, 0.1);
	--dark-rgba-20: rgba(33, 37, 41, 0.2);
	--dark-rgba-30: rgba(33, 37, 41, 0.3);
	--dark-rgba-40: rgba(33, 37, 41, 0.4);
	--dark-rgba-50: rgba(33, 37, 41, 0.5);
	--dark-rgba-60: rgba(33, 37, 41, 0.6);
	--dark-rgba-70: rgba(33, 37, 41, 0.7);
	--dark-rgba-80: rgba(33, 37, 41, 0.8);
	--dark-rgba-90: rgba(33, 37, 41, 0.9);
	--light: #FFF;
	--light-100: #f2f2f2;
	--light-200: #ececec;
	--light-300: #e6e6e6;
	--light--100: #ffffff;
	--light--200: #ffffff;
	--light--300: #ffffff;
	--light-rgba-0: rgba(255, 255, 255, 0);
	--light-rgba-10: rgba(255, 255, 255, 0.1);
	--light-rgba-20: rgba(255, 255, 255, 0.2);
	--light-rgba-30: rgba(255, 255, 255, 0.3);
	--light-rgba-40: rgba(255, 255, 255, 0.4);
	--light-rgba-50: rgba(255, 255, 255, 0.5);
	--light-rgba-60: rgba(255, 255, 255, 0.6);
	--light-rgba-70: rgba(255, 255, 255, 0.7);
	--light-rgba-80: rgba(255, 255, 255, 0.8);
	--light-rgba-90: rgba(255, 255, 255, 0.9);
}
/* Skin Colors - Inverse */
:root {
	--primary-inverse: #FFF;
	--secondary-inverse: #777;
	--tertiary-inverse: #FFF;
	--quaternary-inverse: #FFF;
	--dark-inverse: #FFF;
	--light-inverse: #777;
}
/* Grey Colors */
:root {
	--grey: #969696;
	--grey-100: #f4f4f4;
	--grey-200: #eaeaea;
	--grey-300: #e5e5e5;
	--grey-400: #e0e0e0;
	--grey-500: #dbdbdb;
	--grey-600: #cecece;
	--grey-700: #c1c1c1;
	--grey-800: #a8a8a8;
	--grey-900: #8e8e8e;
	--grey-1000: #757575;
}

.bg-grad {
	background: #eeeff3;
	background: linear-gradient(90deg, rgba(239, 240, 244, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

@media (max-width: 991px) {
	.bg-grad {
		background:  rgba(255, 255, 255, 0.85);
	}
}
.kenburns-bg {
	animation: kenburns 18s ease-in-out infinite alternate;
}

@keyframes kenburns {
	0% {
		background-size: 100%;
		background-position: center;
	}

	100% {
		background-size: 115%;
		background-position: center center;
	}
}

.bg-cover {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 400px;
}

.bg-image-cover {
	background-image: url(../img/business-intelligence-1.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 100vh;
}

.custom-svg-style-orange {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}
.custom-svg-left-banner {
    position: absolute;
    left: -40%;
    right: auto;
    transform: scaleX(-1);
    transform-origin: center;
}

/* Timeline */
section.timeline {
	width: 100%;
	margin: 50px 0 0;
	position: relative;
	float: left;
	padding-bottom: 120px;
}

section.timeline:before {
	background: #505050;
	background: linear-gradient(to bottom, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
	content: "";
	display: block;
	height: 100%;
	left: 50%;
	margin-left: -2px;
	position: absolute;
	top: -60px;
	width: 3px;
	z-index: 0;
	filter: alpha(opacity=35);
	opacity: 0.35;
}

section.timeline .timeline-body {
	position: relative;
	z-index: 1 !important;
}

section.timeline .timeline-date {
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	position: relative;
	display: block;
	clear: both;
	width: 200px;
	height: 45px;
	padding: 5px;
	border: 1px solid #E5E5E5;
	margin: 0 auto 10px;
	text-shadow: 0 1px 1px #fff;
	border-radius: var(--border-radius);
	background: var(--light);
	z-index: 1;
}

section.timeline .timeline-date h3 {
	display: block;
	text-align: center;
	color: #757575;
	font-size: 0.9em;
	line-height: 32px;
}

section.timeline .timeline-number {
	position: relative;
	display: block;
	clear: both;
	width: 55px;
	height: 55px;
	line-height: 55px;
	margin: 0 auto 10px;
	border-radius: 100%;
	background: var(--primary);
	z-index: 1;
}

section.timeline .timeline-number h3 {
	line-height: 55px;
	font-weight: bold;
	text-align: center;
}

section.timeline .timeline-title {
	background: var(--grey-100);
	padding: 12px;
}

section.timeline .timeline-title h4 {
	padding: 0;
	margin: 0;
	color: #151719;
	font-size: 1.4em;
}

section.timeline .timeline-title a {
	color: #151719;
}

section.timeline .timeline-title .timeline-title-tags {
	color: #B1B1B1;
	font-size: 0.9em;
}

section.timeline .timeline-title .timeline-title-tags a {
	color: #B1B1B1;
	font-size: 0.9em;
}

section.timeline .timeline-box {
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	border: 1px solid #E5E5E5;
	border-radius: var(--border-radius);
	margin: 20px 10px 10px 10px;
	padding: 10px;
	width: 45.7%;
	float: left;
	z-index: 1;
	margin-bottom: 30px;
	background: var(--light);
}

section.timeline .timeline-box.left {
	clear: both;
}

section.timeline .timeline-box.left:before {
	background: none repeat scroll 0 0 #E5E5E5;
	border-radius: 50%;
	box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #E5E5E5;
	content: "";
	display: block;
	height: 7px;
	margin-right: -5px;
	position: absolute;
	left: 50%;
	margin-top: 22px;
	width: 8px;
	transform: translate3d(-50%, 0, 0);
	z-index: 1;
}

section.timeline .timeline-box.left .timeline-box-arrow {
	transform: rotate(45deg);
	content: '';
	display: block;
	background: var(--light);
	border-right: 1px solid #E5E5E5;
	border-top: 1px solid #E5E5E5;
	float: right;
	height: 14px;
	margin-top: 17px;
	margin-right: -18px;
	width: 14px;
	z-index: 0;
}

section.timeline .timeline-box.right {
	clear: right;
	float: right;
	right: -1px;
	margin-top: 40px;
}

section.timeline .timeline-box.right:before {
	background: none repeat scroll 0 0 #E5E5E5;
	border-radius: 50%;
	box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #E5E5E5;
	content: "";
	display: block;
	height: 7px;
	position: absolute;
	left: 50%;
	margin-top: 32px;
	width: 8px;
	transform: translate3d(-50%, 0, 0);
	z-index: 1;
}

section.timeline .timeline-box.right .timeline-box-arrow {
	transform: rotate(45deg);
	content: '';
	display: block;
	background: var(--light);
	border-left: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	float: left;
	height: 14px;
	margin-top: 28px;
	margin-left: -18px;
	width: 14px;
	z-index: 0;
}

section.timeline .timeline-box .owl-carousel {
	border-radius: 0;
	padding: 0;
	border: 0;
	box-shadow: none;
}

@media (max-width: 991px) {
	section.timeline .timeline-box {
		float: none;
		clear: both;
		right: auto;
		left: auto;
		margin: 25px auto;
		max-width: 70%;
		width: auto;
	}

	section.timeline .timeline-box.right {
		float: none;
		clear: both;
		right: auto;
		left: auto;
		margin: 25px auto;
		max-width: 70%;
		width: auto;
	}

	section.timeline .timeline-box.left:after, section.timeline .timeline-box.right:after, section.timeline .timeline-box.left:before, section.timeline .timeline-box.right:before {
		display: none;
	}
}

@media (max-width: 767px) {
	section.timeline {
		width: 100%;
		margin: 0;
	}
}

@media (max-width: 575px) {
	section.timeline {
		width: auto;
		float: none;
		margin-left: 0;
		margin-right: 0;
	}

	section.timeline .timeline-box {
		margin: 15px auto;
		max-width: 90%;
	}

	section.timeline .timeline-box.right {
		margin: 15px auto;
		max-width: 90%;
	}

	article.post-large {
		margin-left: 0;
	}

	article.post-large .post-image, article.post-large .post-date {
		margin-left: 0;
	}
}

/* Timeline - Skin */
section.timeline .timeline-box.left:before,
section.timeline .timeline-box.right:before {
	background: var(--primary);
	box-shadow: 0 0 0 3px #FFF, 0 0 0 6px var(--primary);
}

/* History - Skin */
ul.history li .featured-box .box-content {
	border-top-color: var(--primary);
}

