.elementor-kit-23{--e-global-color-primary:#54AB48;--e-global-color-secondary:#F3F5F8;--e-global-color-text:#303030;--e-global-color-accent:#61CB52;--e-global-color-c696dce:#FFFFFF;--e-global-color-14ef391:#C8D5DC;--e-global-color-764183d:#F9FAFD;--e-global-color-d6cea4e:#FFFFFF;--e-global-color-86b4fcd:#02010100;--e-global-color-57c8da2:#000000CC;--e-global-typography-primary-font-family:"Made Outer Sans";--e-global-typography-primary-font-size:65px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:1.2em;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-secondary-font-family:"Archivo";--e-global-typography-secondary-font-size:36px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-text-transform:capitalize;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-text-font-family:"Archivo";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:300;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:1.5em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-family:"Archivo";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-text-transform:capitalize;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:0px;--e-global-typography-392b9e0-font-family:"Archivo";--e-global-typography-392b9e0-font-size:22px;--e-global-typography-392b9e0-font-weight:600;--e-global-typography-392b9e0-text-transform:capitalize;--e-global-typography-392b9e0-font-style:normal;--e-global-typography-392b9e0-text-decoration:none;--e-global-typography-392b9e0-line-height:1.2em;--e-global-typography-392b9e0-letter-spacing:0px;--e-global-typography-c05b693-font-family:"Archivo";--e-global-typography-c05b693-font-size:22px;--e-global-typography-c05b693-font-weight:300;--e-global-typography-c05b693-text-transform:none;--e-global-typography-c05b693-font-style:normal;--e-global-typography-c05b693-text-decoration:none;--e-global-typography-c05b693-line-height:1.5em;--e-global-typography-c05b693-letter-spacing:0px;--e-global-typography-6558fb1-font-family:"Archivo";--e-global-typography-6558fb1-font-size:16px;--e-global-typography-6558fb1-font-weight:300;--e-global-typography-6558fb1-text-transform:uppercase;--e-global-typography-6558fb1-font-style:normal;--e-global-typography-6558fb1-text-decoration:none;--e-global-typography-6558fb1-line-height:1.5em;--e-global-typography-6558fb1-letter-spacing:10px;--e-global-typography-92bce3b-font-family:"Poppins";--e-global-typography-92bce3b-font-size:16px;--e-global-typography-92bce3b-font-weight:400;--e-global-typography-92bce3b-text-transform:capitalize;--e-global-typography-92bce3b-font-style:italic;--e-global-typography-92bce3b-text-decoration:underline;--e-global-typography-92bce3b-line-height:1em;--e-global-typography-92bce3b-letter-spacing:0px;--e-global-typography-b2deeae-font-family:"Archivo";--e-global-typography-b2deeae-font-size:85px;--e-global-typography-b2deeae-font-weight:600;--e-global-typography-b2deeae-text-transform:none;--e-global-typography-b2deeae-font-style:normal;--e-global-typography-b2deeae-text-decoration:none;--e-global-typography-b2deeae-line-height:1em;--e-global-typography-b2deeae-letter-spacing:0px;--e-global-typography-fb1a3e0-font-family:"Made Outer Sans";--e-global-typography-fb1a3e0-font-size:200px;--e-global-typography-fb1a3e0-font-weight:600;--e-global-typography-fb1a3e0-text-transform:none;--e-global-typography-fb1a3e0-font-style:normal;--e-global-typography-fb1a3e0-text-decoration:none;--e-global-typography-fb1a3e0-line-height:1.2em;--e-global-typography-fb1a3e0-letter-spacing:0px;--e-global-typography-397e168-font-family:"Archivo";--e-global-typography-397e168-font-size:16px;--e-global-typography-397e168-font-weight:400;--e-global-typography-397e168-text-transform:capitalize;--e-global-typography-397e168-font-style:italic;--e-global-typography-397e168-text-decoration:none;--e-global-typography-397e168-line-height:1.3em;--e-global-typography-397e168-letter-spacing:0px;background-color:var( --e-global-color-c696dce );font-family:"Inter", Sans-serif;}.elementor-kit-23 e-page-transition{background-color:#FFBC7D;}.site-header{background-color:var( --e-global-color-d6cea4e );padding-inline-end:8%;padding-inline-start:8%;}.site-footer{background-color:var( --e-global-color-d6cea4e );}.elementor-kit-23 a{font-family:"Inter", Sans-serif;}.elementor-kit-23 h1{font-family:"Archivo", Sans-serif;}.elementor-kit-23 h2{font-family:"Archivo", Sans-serif;}.elementor-kit-23 h3{font-family:"Archivo", Sans-serif;}.elementor-kit-23 h4{color:var( --e-global-color-primary );font-family:var( --e-global-typography-392b9e0-font-family ), Sans-serif;font-size:var( --e-global-typography-392b9e0-font-size );font-weight:var( --e-global-typography-392b9e0-font-weight );text-transform:var( --e-global-typography-392b9e0-text-transform );font-style:var( --e-global-typography-392b9e0-font-style );text-decoration:var( --e-global-typography-392b9e0-text-decoration );line-height:var( --e-global-typography-392b9e0-line-height );letter-spacing:var( --e-global-typography-392b9e0-letter-spacing );}.elementor-kit-23 h5{font-family:"Archivo", Sans-serif;}.elementor-kit-23 h6{font-family:"Archivo", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1430px;}.e-con{--container-max-width:1430px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding .site-logo img{width:54px;max-width:54px;}.site-header .site-navigation ul.menu > li > a{color:var( --e-global-color-primary );}.site-header .site-navigation ul.menu > li.menu-item-has-children::after{color:var( --e-global-color-primary );}.site-header .site-navigation-toggle .site-navigation-toggle-icon{color:var( --e-global-color-accent );}.site-header .site-navigation .menu li{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.site-footer .copyright p{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}@media(max-width:1024px){.elementor-kit-23{--e-global-typography-primary-font-size:45px;--e-global-typography-secondary-font-size:25px;--e-global-typography-text-font-size:14px;--e-global-typography-accent-font-size:14px;--e-global-typography-c05b693-font-size:14px;--e-global-typography-6558fb1-font-size:14px;--e-global-typography-92bce3b-font-size:14px;--e-global-typography-b2deeae-font-size:65px;--e-global-typography-fb1a3e0-font-size:145px;--e-global-typography-397e168-font-size:14px;}.elementor-kit-23 h4{font-size:var( --e-global-typography-392b9e0-font-size );line-height:var( --e-global-typography-392b9e0-line-height );letter-spacing:var( --e-global-typography-392b9e0-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}.site-header{padding-inline-end:5%;padding-inline-start:5%;}.site-header .site-navigation .menu li{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.site-footer .copyright p{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(max-width:767px){.elementor-kit-23{--e-global-typography-primary-font-size:28px;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-size:20px;--e-global-typography-392b9e0-font-size:18px;--e-global-typography-b2deeae-font-size:48px;--e-global-typography-b2deeae-line-height:1em;--e-global-typography-fb1a3e0-font-size:100px;--e-global-typography-fb1a3e0-line-height:1em;}.elementor-kit-23 h4{font-size:var( --e-global-typography-392b9e0-font-size );line-height:var( --e-global-typography-392b9e0-line-height );letter-spacing:var( --e-global-typography-392b9e0-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}.site-header .site-navigation .menu li{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.site-footer .copyright p{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}
/* Start custom CSS *//* =========================================
   MANUAL INTEGRA HUB
========================================= */
.elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) figure {
    margin: 0;
    margin-bottom: 20px;
}
.integra-manual p {
    font-family: "Inter", sans-serif;
}
.e-con .elementor-widget.elementor-widget {
    font-family: "Inter", sans-serif;
}
.integra-manual {
	--integra-primary: #168a5b;
	--integra-primary-dark: #0d6944;
	--integra-primary-light: #eaf7f1;
	--integra-blue: #2563eb;
	--integra-blue-light: #eff6ff;
	--integra-orange: #d97706;
	--integra-orange-light: #fff7e8;
	--integra-text: #263238;
	--integra-muted: #667085;
	--integra-border: #e3e8ee;
	--integra-background: #f7f9fb;
	--integra-white: #ffffff;

	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
	padding: 40px;
	color: var(--integra-text);
	background: var(--integra-white);
	border: 1px solid var(--integra-border);
	border-radius: 18px;
	box-shadow: 0 12px 40px rgba(15, 23, 42, 0.07);
	font-family: Inter, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.75;
	box-sizing: border-box;
}

.integra-manual *,
.integra-manual *::before,
.integra-manual *::after {
	box-sizing: border-box;
}

/* =========================================
   TEXTOS GENERALES
========================================= */

.integra-manual p {
	margin: 0 0 18px;
	color: var(--integra-text);
}

.integra-manual strong {
	color: #17212b;
	font-weight: 700;
}

.integra-manual em {
	color: var(--integra-primary-dark);
	font-style: normal;
	font-weight: 600;
}

.integra-manual > h3:first-of-type {
	margin-top: 28px;
}

/* =========================================
   TÍTULOS
========================================= */

.integra-manual h2 {
    position: relative;
    margin: 64px 0 14px;
    padding: 22px 24px 22px 30px;
    color: #17212b;
    background: linear-gradient(135deg, var(--integra-primary-light) 0%, #ffffff 80%);
    border: 1px solid #d8eee4;
    border-radius: 14px;
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 600 !important;
    line-height: 1.25;
    text-transform: uppercase;
    letter-spacing: -0.025em;
    box-shadow: 0 8px 24px rgba(22, 138, 91, 0.06);
}

.integra-manual h2::before {
	content: "";
	position: absolute;
	top: 18px;
	bottom: 18px;
	left: 0;
	width: 6px;
	background: var(--integra-primary);
	border-radius: 0 6px 6px 0;
}

.integra-manual h2:first-of-type {
	margin-top: 2px;
}

.integra-manual h3 {
	margin: 32px 0 10px;
	color: #1f2937;
	font-size: 21px;
	font-weight: 700;
	line-height: 1.35;
}

.integra-manual h4 {
	margin: 0 0 20px;
	color: #17212b;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
}

/* =========================================
   BADGE Y URL
========================================= */

.integra-manual .badge {
	display: inline-flex;
	align-items: center;
	margin-left: 8px;
	padding: 6px 11px;
	color: var(--integra-primary-dark);
	background: #dff5ea;
	border: 1px solid #bce7d2;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.02em;
	vertical-align: middle;
	white-space: nowrap;
}

.integra-manual .badge::before {
	content: "";
	width: 7px;
	height: 7px;
	margin-right: 6px;
	background: var(--integra-primary);
	border-radius: 50%;
}

.integra-manual .url {
	display: inline-flex;
	align-items: center;
	margin: 0 0 18px;
	padding: 6px 11px;
	color: #475467;
	background: #f2f4f7;
	border: 1px solid var(--integra-border);
	border-radius: 7px;
	font-family: Consolas, Monaco, monospace;
	font-size: 13px;
	line-height: 1.4;
}

/* =========================================
   SUBTÍTULOS DE SECCIÓN
========================================= */

.integra-manual .sub {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 36px 0 18px;
	color: var(--integra-primary-dark);
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.integra-manual .sub::after {
	content: "";
	flex: 1;
	height: 1px;
	background: linear-gradient(
		to right,
		#cfe8dc,
		transparent
	);
}

/* =========================================
   IMÁGENES Y CAPTURAS
========================================= */

.integra-manual figure {
	margin: 20px 0 32px;
	padding: 10px;
	overflow: hidden;
	background: var(--integra-white);
	border: 1px solid var(--integra-border);
	border-radius: 14px;
	box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
}

.integra-manual figure img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	border-radius: 9px;
	object-fit: contain;
}

.integra-manual figcaption {
	padding: 12px 8px 4px;
	color: var(--integra-muted);
	font-size: 13px;
	line-height: 1.5;
	text-align: center;
}

/* =========================================
   FICHAS DE CADA GRÁFICO
========================================= */

.integra-manual .chart {
	position: relative;
	margin: 26px 0;
	padding: 28px;
	overflow: hidden;
	background: var(--integra-white);
	border: 1px solid var(--integra-border);
	border-radius: 16px;
	box-shadow: 0 8px 26px rgba(15, 23, 42, 0.06);
	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease,
		border-color 0.2s ease;
}

.integra-manual .chart::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: linear-gradient(
		90deg,
		var(--integra-primary),
		#52c493
	);
}

.integra-manual .chart:hover {
	border-color: #c9ded5;
	box-shadow: 0 14px 38px rgba(15, 23, 42, 0.1);
	transform: translateY(-2px);
}

.integra-manual .chart .crop {
	margin: 0 0 26px;
	padding: 8px;
	background: var(--integra-background);
	box-shadow: none;
}

/* =========================================
   ETIQUETAS QUÉ / CÓMO / BENEFICIO
========================================= */

.integra-manual .tag {
	display: table;
	margin: 22px 0 8px;
	padding: 5px 10px;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.35;
	letter-spacing: 0.035em;
	text-transform: uppercase;
}

.integra-manual .tag-a {
	color: var(--integra-blue);
	background: var(--integra-blue-light);
	border: 1px solid #cfe0ff;
}

.integra-manual .tag-b {
	color: var(--integra-orange);
	background: var(--integra-orange-light);
	border: 1px solid #f4d7a6;
}

.integra-manual .tag-c {
	color: var(--integra-primary-dark);
	background: var(--integra-primary-light);
	border: 1px solid #c9e8da;
}

/* =========================================
   BLOQUE DE BENEFICIOS
========================================= */

.integra-manual .benef {
	position: relative;
	margin: 38px 0;
	padding: 28px 30px;
	overflow: hidden;
	color: #15392b;
	background: linear-gradient(
		135deg,
		#e9f8f1 0%,
		#f7fcf9 100%
	);
	border: 1px solid #cbe8da;
	border-radius: 16px;
}

.integra-manual .benef::after {
	content: "✓";
	position: absolute;
	right: 20px;
	bottom: -32px;
	color: rgba(22, 138, 91, 0.08);
	font-size: 130px;
	font-weight: 900;
	line-height: 1;
}

.integra-manual .benef h3 {
	position: relative;
	z-index: 1;
	margin: 0 0 18px;
	color: var(--integra-primary-dark);
	font-size: 21px;
}

.integra-manual .benef ul {
	position: relative;
	z-index: 1;
	margin: 0;
	padding: 0;
	list-style: none;
}

.integra-manual .benef li {
	position: relative;
	margin: 11px 0;
	padding-left: 29px;
}

.integra-manual .benef li::before {
	content: "✓";
	position: absolute;
	top: 0;
	left: 0;
	display: grid;
	width: 20px;
	height: 20px;
	color: #ffffff;
	background: var(--integra-primary);
	border-radius: 50%;
	font-size: 12px;
	font-weight: 800;
	line-height: 20px;
	text-align: center;
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 768px) {
	.integra-manual {
		padding: 22px 16px;
		border-radius: 12px;
		font-size: 15px;
	}

	.integra-manual h2 {
		margin-top: 46px;
		padding: 18px 16px 18px 22px;
		font-size: 24px;
	}

	.integra-manual h3 {
		font-size: 19px;
	}

	.integra-manual h4 {
		font-size: 18px;
	}

	.integra-manual .badge {
		margin: 9px 0 0;
		vertical-align: top;
	}

	.integra-manual .chart {
		padding: 20px 16px;
	}

	.integra-manual .benef {
		padding: 22px 18px;
	}

	.integra-manual figure {
		margin-bottom: 24px;
		padding: 6px;
	}

	.integra-manual figcaption {
		font-size: 12px;
	}

	.integra-manual .sub {
		align-items: flex-start;
		font-size: 13px;
	}
}

@media (max-width: 480px) {
	.integra-manual {
		padding: 18px 12px;
		border: 0;
		box-shadow: none;
	}

	.integra-manual h2 {
		font-size: 21px;
	}

	.integra-manual .chart {
		padding: 18px 13px;
	}

	.integra-manual .url {
		max-width: 100%;
		overflow-wrap: anywhere;
	}
}/* End custom CSS */