/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


html {
  scroll-behavior: smooth;
}

:root {
  --cnvs-themecolor:	#4B61BC;
  --cnvs-themecolor-rgb:	#4B61BC;
  --bs-link-color:	var(--cnvs-themecolor);
  --bs-link-color-rgb:	var(--cnvs-themecolor-rgb);
  --bs-link-hover-color:	var(--cnvs-heading-color);
  --cnvs-white:	#fff;
  --cnvs-black:	#000;
  --cnvs-headings-font-weight:	600;
  /* Font Families */
  --cnvs-body-font:	"Nunito", sans-serif;
  --cnvs-primary-font:	"Sansation", sans-serif;
  --cnvs-secondary-font: "Nunito", sans-serif;
  --cnvs-line-height-base:	1.5;
  --cnvs-line-height-content:	1.65;
  /* Margins */
  --cnvs-margin-base: 3rem;
  --cnvs-margin-sm:	2rem;
  --cnvs-margin-lg:	5rem;
  --cnvs-content-padding:	3rem;
  --cnvs-section-margin:	2rem;
  --cnvs-section-padding:	var(--cnvs-section-margin);
  --cnvs-col-padding:	var(--cnvs-section-padding);
  --cnvs-box-shadow-sm:	0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --cnvs-box-shadow:	0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --cnvs-box-shadow-lg:	0 1rem 3rem rgba(0, 0, 0, 0.175);
  --cnvs-copyrights-font-size: 0.875rem;
  --bs-bg-opacity:	1;
  /* Header Height */
  --cnvs-header-height:	75px;
  --cnvs-header-height-sm:	60px;
  --cnvs-header-height-md:	80px;
  --cnvs-header-height-lg:	120px;
  --cnvs-header-height-shrink:	60px;
  --cnvs-side-header-width:	260px;
  --cnvs-side-header-padding-gutters:	30px;
  --cnvs-side-panel-size:	300px;
  --cnvs-side-panel-padding:	50px 70px 50px 40px;
  --cnvs-side-panel-widget-padding:	40px;
  --cnvs-transitions:	0.5s ease;
  --cnvs-font-size-body:	var(--bs-body-font-size);
  --cnvs-font-size-h1:	2.25rem;
  --cnvs-font-size-h2:	1.875rem;
  --cnvs-font-size-h3:	1.625rem;
  --cnvs-font-size-h4: 1.30rem;
  --cnvs-font-size-h5:	1.125rem;
  --cnvs-font-size-h6:	0.875rem;
  --cnvs-font-size-small:	calc(var(--cnvs-font-size-body) * 0.875);
	--cnvs-slider-caption-p-size: 1.2rem;
	--cnvs-slider-caption-width: 560px;
}

#header-wrap {
    background-color: var(--cnvs-header-bg);
}
.counter {
    --cnvs-counter-font-size: 28px;
    --cnvs-counter-font-weight: 600;
    --cnvs-counter-font-family: var(--cnvs-primary-font);
    --cnvs-counter-caption-size: 1.125rem;
	--cnvs-counter-lg-font-size: 40px;
	color: #172856;
}



.clients-grid {
    --cnvs-clients-grid-border-style: none;
}

.button {
  --cnvs-btn-padding-x: 1.375rem;
  --cnvs-btn-padding-y: 0.5rem;
  --cnvs-btn-fontsize: 0.8rem;
  --cnvs-btn-color: #0f853e;
  --cnvs-btn-color-dark: var(--bs-gray-900);
  --cnvs-btn-color-light: #e9ecef;
  --cnvs-btn-color-hover: var(--cnvs-btn-color-dark);
  --cnvs-btn-lineheight: calc(var(--cnvs-btn-fontsize) * 1.6);
  --cnvs-btn-border-width: 1px;
  --cnvs-btn-icon-margin: 10px;
  --cnvs-btn-icon-margin-offset: 0px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  outline: none;
  white-space: nowrap;
  margin: 5px;
  padding: var(--cnvs-btn-padding-y) var(--cnvs-btn-padding-x);
  font-size: var(--cnvs-btn-fontsize);
  line-height: var(--cnvs-btn-lineheight);
  text-align: center;
  background-color: var(--cnvs-btn-color);
  color: #fff;
  font-weight: 500;
  border: var(--cnvs-btn-border-width) solid transparent;
  transition: all 0.2s ease-in-out;
	
}

.content-wrap {
    padding: 2rem;
}

.heading-block h1, .heading-block .h1,
.heading-block h2,
.heading-block .h2,
.heading-block h3,
.heading-block .h3,
.heading-block h4,
.heading-block .h4 {
  margin-bottom: 0;
  font-weight: var(--cnvs-heading-block-font-weight);
  text-transform: var(--cnvs-heading-block-font-transform);
  letter-spacing: var(--cnvs-heading-block-font-spacing);
  color: #252763;
}
.section, .section-primary, .section-secondary {
    margin: 0px;
}
.heading-block > span:not(.before-heading) {
	color: #525b6d;
	font-weight: 300;
}

.clients-grid > .col img {
    width: 95%;
	margin-left: auto;
	margin-right: auto;
}

.section {
  	background-color: #fff;
	scroll-margin-top: 125px;
}


.widget_nav_menu li, .widget_links li, .widget_meta li, .widget_archive li, .widget_recent_comments li, .widget_recent_entries li, .widget_categories li, .widget_pages li, .widget_rss li {
  padding: 0.25rem 0;
  font-size: .88rem;
}

.widget_nav_menu li a, .widget_links li a, .widget_meta li a, .widget_archive li a, .widget_recent_comments li a, .widget_recent_entries li a, .widget_categories li a, .widget_pages li a, .widget_rss li a {
  padding: 0 0.25rem 0 0.1rem;
  color: #cfd1e3;
}

.widget_nav_menu li a:hover, .widget_links li a:hover, .widget_meta li a:hover, .widget_archive li a:hover, .widget_recent_comments li a:hover, .widget_recent_entries li a:hover, .widget_categories li a:hover, .widget_pages li a:hover, .widget_rss li a:hover {
	text-decoration: underline !important;
	color: #6b85ff;
}

.widget {
    --cnvs-widget-margin: 2rem;
}

.fbox-content p {
    font-size: 1.125rem;
    color: var(--cnvs-contrast-600);
}	

.fbox-content h5 {
	font-weight: 400;
	font-size: 1.125rem;
	color: var(--cnvs-contrast-700);
}

.divider {
	background-color: #d0cdfc;
}

.content-wrap p {
    font-size: 1.125rem;
}

.heading-block {
    --cnvs-heading-block-center-container: 900px;
    --cnvs-heading-block-border: 0px;
}

.heading-block > span:not(.before-heading) {
    color: #525b6d;
    font-weight: 300;
    font-size: 1.4rem;
}


.fbox-plain .fbox-icon i, .fbox-plain .fbox-icon img {
   color: #33c16c;
}

.form-control {
    --cnvs-input-btn-padding-y: 0.375rem;
    --cnvs-input-btn-padding-x: 0.75rem;
    --cnvs-input-btn-font-size: 1rem;
    --cnvs-input-font-family: ;
    --cnvs-input-btn-font-weight: 400;
    --cnvs-input-btn-line-height: 1.5;
    --cnvs-input-btn-input-color: var(--bs-body-color);
    --cnvs-input-btn-input-bg: var(--bs-body-bg);
    --cnvs-form-control-radius: var(--bs-border-radius);
    --cnvs-input-btn-border-width: var(--bs-border-width);
    --cnvs-input-btn-border-color: #a1b4c7;
    --cnvs-input-btn-padding-y-sm: 0.25rem;
    --cnvs-input-btn-padding-x-sm: 0.5rem;
    --cnvs-input-btn-font-size-sm: 0.875rem;
    --cnvs-input-btn-padding-y-lg: 0.5rem;
    --cnvs-input-btn-padding-x-lg: 1rem;
    --cnvs-input-btn-font-size-lg: 1.25rem;
    --cnvs-input-focus-color: var(--bs-body-color);
    --cnvs-input-focus-bg: var(--bs-body-bg);
    --cnvs-input-focus-border-color: #86b7fe;
    --cnvs-input-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    padding: var(--cnvs-input-btn-padding-y) var(--cnvs-input-btn-padding-x);
    font-size: var(--cnvs-input-btn-font-size);
    font-family: var(--cnvs-input-font-family);
    font-weight: var(--cnvs-input-btn-font-weight);
    line-height: var(--cnvs-input-btn-line-height);
    color: var(--cnvs-input-btn-input-color);
    background-color: var(--cnvs-input-btn-input-bg);
    border: var(--cnvs-input-btn-border-width) solid var(--cnvs-input-btn-border-color);
    border-radius: var(--cnvs-form-control-radius);
}

#footer {
  	background-color: white; 
	--cnvs-footer-top-border: 3px solid #f4f7f9;
	padding-top: 2rem;
	color: #676977;
}

#footer a {
 color: #4263db;
}

#footer a:hover {
	color: #82a0f4;
}

#footer h4 {
	color: #333a5e;

}

#copyrights {
  	background-color: #ededed;
	padding: 15px;
	color: #75757c;
}

#menu-tabs-content p {
	font-size: 1.125rem;
}

.inf-acordeon-prod a {
	color: #272733;
}

.inf-acordeon-prod a:hover {
	color: #5061ff;
}

.feature-box {
  --cnvs-featured-box-icon: 4.5rem;
  --cnvs-featured-box-font-size: 1.28rem;
  --cnvs-featured-box-font-color: #272f87;
  --cnvs-featured-box-bg-dark: #3333cc;
}

/*FONT - Sansation */
.sansation-light {
  font-family: "Sansation", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.sansation-regular {
  font-family: "Sansation", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.sansation-bold {
  font-family: "Sansation", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.sansation-light-italic {
  font-family: "Sansation", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.sansation-regular-italic {
  font-family: "Sansation", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.sansation-bold-italic {
  font-family: "Sansation", sans-serif;
  font-weight: 700;
  font-style: italic;
}

/*Nunito font */
.nunito-<uniquifier> {
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

/* Header contact bar*/
.inf-contact-bar-bg-section {
	background-color: #fff;
    }

.inf-contact-bar-color {
	color: #252763;
}

.inf-contact-bar-bg-section a {
	color: #353ec0;
}

.inf-contact-bar-bg-section a:hover {
	color: #5061ff;
}

/* menu */

.inf-background-white {
	background-color: #fff;
}

.inf-blight {
	background-color: rgb(248 249 253);
}
.inf-blight-2 {
	background-color: #f8f9fa;
}

.inf-background-bdark {
	background-color: #262f87;
}

.inf-button-demo span {
	font-size: 1rem;
	text-transform: none;
	color: #ffffff !important;

}
.inf-button-demo a:hover {
	background-color:#0BB54F;
}

.is-expanded-menu .menu-container > .menu-item:not(:first-child) {
    margin-left: 10px;
}
.fw-semibold {
	letter-spacing: normal;
}

/*slider */

.inf-banner-caption h1 {
	font-weight: 600;
	font-size: 3rem;
	color:#202a72;
    line-height: 1.3;
}

.inf-banner-caption h2 {
	font-weight: 400;
	font-size: 2.1rem;
	color:#202a72;
}
.inf-banner-caption h3 {
	color: #313135;
	font-size: 1.1rem;
	font-weight: 300;
	margin-top:25px;
	}

.inf-slider-enfasis {
	font-weight: 600;
	color: #325cd6;
}

/* Experiencia */
.counter + h5, .counter + .h5 {
    font-family: "Nunito", sans-serif;
    font-size: 17px;
    font-weight: 400;
	color: #313135;
}

.slider-caption, .flex-caption {
    height: 620px;
}

/* Teléfonos (pantallas pequeñas) */
@media (max-width: 767px) {
  .slider-caption, .flex-caption {
    height: 460px;
  }

  #slider {
    height: 720px; /* puedes bajarlo un poco si se corta en móviles */
  }
}

/* Tabletas (pantallas medianas, 768px hasta 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
  .slider-caption, .flex-caption {
    height: 310px;
  }

  #slider {
    height: 750px;
  }
}

.slider-caption p {
    margin-top: 1.2rem;
    margin-bottom: 1.4rem;
}

/* Product cards */
.inf-prod-cards {
	height: 100%;
    border-radius: 7px;
    border-color: #e9ecef;
	margin-botom: 1rem;
}
.inf-prod-01 {
	border-top: solid 0.7em #99cc33;
}
.inf-prod-02 {
	border-top: solid 0.7em #006666;
}
.inf-prod-03 {
	border-top: solid 0.7em #66cccc;
}
.inf-prod-04 {
	border-top: solid 0.7em #6666cc;
}
.inf-prod-05 {
	border-top: solid 0.7em #33cc99;
}
.inf-prod-06 {
	border-top: solid 0.7em #ff9933;
}
.inf-prod-padding {
	padding: 1.6rem;
}

.card p {
	font-size: 1.123rem;
	color:#313131;
	font-family: var(--cnvs-body-font);
}
.card a {
	color: #272733;
} 
.card a:hover {
	color: #5061ff;
}

/*demo bar */

.inf-demo-bar h2 {
	color: #313135;
}

.inf-demo-bar p {
	color: #313135;
	font-size: 1.15rem;
	line-height: 1.9rem;
	font-weight: 400;
}


.inf-highlight {
	color: #325cd6;
}

.highlight-color-01 {
	color: #325cd6;
}

.highlight-color-02 {
	color: #33c16c;
}

.highlight-color-03 {
	color: #333366;
}

.counter.counter-large + h5, .counter.counter-large + .h5, .counter.counter-xlarge + h5, .counter.counter-xlarge + .h5 {
  font-size: 18px;
  font-weight: 300;
}

.inf-background-metrics {
	background-color: #f4f7f9;
}

.inf-metrics-counter {
	color: #17163d;
}

.inf-metrics h5 {
	color: #313135;
}

#Testimoniales {
	margin-bottom: 0px !important;
}

#Testimoniales h2 {
	color: #252763;
}

#Testimoniales span {
	font-size: 1.3rem;
	font-style: oblique;
	color: #4442b7;
	/*color: #2D2F33;*/
	margin-bottom: 0.9rem;
}

.section-primary .button {
    background-color: #0c9b48;
    color: white;
}

.inf-testimonial-box p {
	font-size: 1.125rem; 
	line-height: 1.65;
	color: #1E1D51;
	line-height: 1.65;
}

.inf-description {
	padding-right: 15px;	
}

.inf-description p {
	margin-bottom: 20px;
	font-size: .94rem;
	color: #676977; 
}

.footer-logo {
  	display: block;
  	margin-bottom: 30px;
	width: 45px;	
}

.inf-sm-links {
	color: #262f87;
    font-size: 2.5rem;
}

.fbox-icon i,
.fbox-icon img {
  background-color: #3a3fa2;
}

.inf-prod-description p {
	font-size: 1.125rem;
	line-height: 1.65rem;
	;
}

.inf-prod-description h4, h3 {
	color: #252763;
}

.inf-prod-beneficios h4 {
	font-size: 1.2rem;
	font-weight: 400;
}
.inf_prod_title {
	color: #252763;
}
.inf_prod_subtitle {
	color: #5763ab;
}

.inf-margin-auto {
	margin-left: auto;
    margin-right: auto;
}
.inf-form-title {
	color: #252763;
}
.form-group label {
	color: #252763;
	font-size:1.125rem;
	font-weight: 600;
}
.button.button-3d {
    font-size: 1.2rem;
    padding: 15px;
}

.inf-contacto .fbox-plain .fbox-icon i, .fbox-plain .fbox-icon img {
    color: #3a3fa2;
}