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

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


:root {
	--cnvs-themecolor: #00a6fb;
	--cnvs-themecolor-rgb: 228, 235, 127;

	--cnvs-themecolor-2: #6b70f8;
	--cnvs-themecolor-2-rgb: 169, 232, 224;
}


:root {
	--cnvs-body-font: "Inter", sans-serif;
	--cnvs-primary-font: "Inter", sans-serif;
	--cnvs-secondary-font: "Inter", sans-serif;


}


:root,.not-dark {
	--cnvs-themecolor: #00a6fb;
	--cnvs-themecolor-rgb: 228, 235, 127;


	--cnvs-themecolor-2: #6b70f8;
	--cnvs-themecolor-2-rgb: 169, 232, 224;

	--cnvs-color-yellow: #FEC160;

	--cnvs-primary-font: 'Inter', Sans-Serif;
	--cnvs-body-font: 'Inter', sans-serif;

	--cnvs-section-bg: #f5ece9;
}

.colorblue {
	color: #6b70f8 !important;
}

.colorpink {
	color: #f5b4d8 !important;
}



.bg-color2 {
	background-color: #464cf6 !important;
}

.bg-color3 {
	background-color: #5bc6ec !important;
}

.bg-color-azulclaro {
	background-color: #def4fe !important;
}

.bg-color-red {
	background-color: #ef7665 !important;
}

.bg-color-pink {
	background-color: #f5b4d8 !important;
}

.bg-color-dark-red {
	background-color: #cf354a !important;
}

.bg-color-green {
	background-color: #e4eb7f !important;
}




/* Base tipográfica */
:root{
  --font-sans: "inter-variable", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

html { font-family: var(--font-sans); font-size: 16px; }
body { font-weight: 400; line-height: 1.6; }

/* Headings, UI e texto */
h1 { font-weight: 700; }   /* Bold */
h2 { font-weight: 600; }   /* Semibold */
h3 { font-weight: 600; }   /* Semibold */
h4 { font-weight: 600; }   /* Semibold */
nav, .btn { font-weight: 600; }
p, li { font-weight: 400; } /* Regular */
small, .meta { font-weight: 400; } /* Light */

/* Pesos intermédios (funciona em variable fonts) */
.kpi-valor { font-weight: 530; }  /* sim, podes usar valores não “redondos” */

.emphase { font-style: oblique 10deg; } /* mapeia para slnt:-10 internamente */

/* slnt vai de 0 (upright) a valores negativos, p.ex. -10 */
.quote {
  font-variation-settings: "slnt" -10;
  /* Se também quiseres peso específico e estiveres a usar apenas FVS: */
  /* font-variation-settings: "wght" 450, "slnt" -10; */
}



font-variation-settings: "slnt" 0, "wght" 100;






#categories-tab.nav-pills {
	--bs-nav-pills-link-active-bg: var(--cnvs-themecolor);
	gap: 10px;
}

#categories-tab .nav-link:not(.active) {
	background-color: var(--cnvs-themecolor-1);
}

.visually-hidden-focusable {
  position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden;
}
.visually-hidden-focusable:focus, .visually-hidden-focusable:active {
  position:static; width:auto; height:auto; padding:.5rem 1rem; background:#fff; z-index:10000;
}


/* Testimonials Carousel
-----------------------------------------------------------------*/
.testimonials-carousel .owl-stage {
	padding: 2rem 0 1.5rem;
}

.testimonials-carousel .owl-item {
	opacity: .6;
	transition: transform .3s ease;
	transform: scale(0.8);
}

.testimonials-carousel .owl-item.active.center {
	opacity: 1;
	transform: scale(1);
}

.testimonial {
	border: 0;
	box-shadow: 0 0 35px rgba(140, 152, 164, 0.2);
	border-radius: 0.25rem;
	padding: 25px;
}

.testimonial-image {
	width: 5rem !important;
	height: auto !important;
	margin: -2.5rem auto 0;
}