/*
Theme Name: IGS2020
Theme URI: http://www.industrialglobalsupply.com
Description: Custom Theme para Industrial Global Supply S.L.
Version: 1.0
Author: MKT Media Net
Author URI: http://mktmedianet.com./
Tags: Bootstrap,Responsive,jQuery,CSS3, HTML5
*/
/* RESET
-------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

h1, h2, h3, h4, h5, h6 {font-weight: 300;}

h2{
	color: #0A0F2B;
	font-family: "Fira Sans";
	font-style: normal;
	font-weight: 700;
	line-height: 160%; /* 3.4rem */
	letter-spacing: -0.0625rem;
}

html, button, input, select, textarea {color: #fff; padding: 0;}
body {line-height: 150%;color: #595959; font-weight: 400;font-family: 'Inter';background-color: #fff; max-width: 100%; overflow-x: hidden; font-size: 16px; padding-top:0;}

.fw200{font-weight: 200;}
.fsNormal{font-style: normal;}
.transparent{
	background-color: transparent;
}
::-moz-selection, ::selection {background: #DF0108;text-shadow: none; color: #fff; }
::-webkit-input-placeholder {color: #b0b0b0; opacity: 1 !important;}
:-moz-placeholder {color: #b0b0b0; }
::-moz-placeholder {color: #b0b0b0; }
:-ms-input-placeholder {color: #b0b0b0; }
input[placeholder], [placeholder], *[placeholder] {color: #b0b0b0; }
/*blockquote{border-left:6px solid #3161CF;margin-bottom:15px;  padding: 10px; font-size: 22px; font-weight: 600;color: #0A0F2B;}*/
blockquote{
	border-left: 2px solid #0A0F2B;
	background: #F5F7F8;
	padding: 1rem 1.5rem;
}
blockquote p{
	margin-bottom: 0;
}

.p-005{
	padding: 0.05rem;
}

hr { display: block; height: 1px; border: 0; border-top: 1px solid #b0b0b0; margin: 1em 0; padding: 0; }
	img.alignleft { margin: 5px 20px 5px 0; float: left; }
	img.alignright { margin: 5px 0px 5px 20px; float: right; }
	img.aligncenter { margin: 15px auto; float: none; height: auto;  display: block;  max-width: 100%; }
fieldset {border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.chromeframe { margin: 0.2em 0; color: #DF0108	; padding: 0.2em 0; }
ul { list-style: none; padding: 0; }
	article ul li{ display: list-item; list-style: disc; list-style-position: inside }
	article a:not(.btn),.body a:not(.btn){ color: #DF0108; }
		article a:not(.btn):hover,.full-width a:not(.btn):hover{ color: #3161CF; }
	article h2{ font-weight: 700; color: #0A0F2B; font-size: 24px;}
	article h3{ font-weight: 700; color: #0A0F2B; font-size: 20px;}
	article h4{ font-weight: 700; color: #0A0F2B; font-size: 18px;}

*:hover, *:hover > a, img,.categorias a>img,.navbar ul,.topbar a,figure.icon,.suave{ text-decoration: none; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; }
.relative { position: relative; }
.noto{font-family: 'Noto Serif TC', serif;}
.cover {background-repeat: no-repeat;background-size: cover !important; background-position: center center !important; }
.scroll { background-attachment: scroll; }
.fixed { background-attachment: fixed !important; background-position: center center; }
.parallax{ position: relative;}
	.parallax::after{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; content: ""; background: rgba(0,0,0,0.5) }
	.parallax .container,.pageheader .container{position: relative; z-index: 2}
.contain {background-repeat: no-repeat; background-size: contain !important; background-position: center center; }
.cover img, .img-responsive, .contain img { display: block; float: none; clear: both; width: 100%; height: auto; }
.full-width { width: 100%; height: auto; padding: 3rem 0; overflow-x:hidden }
	.full-width.nopadding {padding: 0 0; }
	.content{padding-top: 30px; padding-bottom: 30px }
.rounded {-webkit-border-radius: 10px !important; border-radius: 10px !important; -moz-border-radius: 10px !important; }
.fullrounded { -webkit-border-radius: 100%; border-radius: 100%; -moz-border-radius: 100%; }
.roundless { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius: 0; }
.line {width: 100%; height: 1px; background: transparent; margin: 30px 0; display: block; }
.c-shadow{-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,0.5);box-shadow: 0 0 4px 2px rgba(0,0,0,0.5); }
.flex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.overflow{ overflow: hidden }

.col5{position: relative;width: 100%;min-height: 1px;padding-right: 15px;padding-left: 15px;}

.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),.gform_wrapper textarea {background-color: #F7F7F7; border: 1px solid #A2A2A2; height: 40px; margin-top: 0; border-radius:8px; }
.gform_wrapper textarea {height: 80px !important;}
.formulario input[placeholder],.formulario .gform_wrapper textarea[placeholder]{color: #A2A2A2; }
.formulario .gfield_checkbox label{ color: #fff; padding-top: 10px; line-height: 150%;}
.formulario a{color: #fff; border-bottom: 1px dashed #fff}
	.formulario a:hover{ color: #ff0 !important;}
.formulario .gform_footer{text-align: center;}
.formulario input[type="submit"],.formulario .gform_button.button{ border: none; margin: 5px auto 5px 0; display: inline-block; padding: 8px 20px; float: left;border-radius:8px; }

.pageform .gfield_checkbox label{ color: #0a0f2b; padding-top: 10px; line-height: 150%;}
.pageform input{ color: #0a0f2b; }
.pageform a{color: #0a0f2b;}
	.pageform a:hover,.overred:hover{color: #df0108 !important;}
.pageform input[type="submit"],.pageform .gform_button.button{ border: none; background-color: #df0108; margin: 5px auto 5px 0; display: inline-block; padding: 8px 20px; float: left;border-radius:8px; color: #fff;}
.gfield_required.gfield_required_text { padding-left: 0.25rem ; }
/* Colores */
.c-white{color: #fff;}
	.c-bg-white{background-color: #fff;}
	.c-bg-white.transp{background-color: rgba(255,255,255,0.5);}
	.c-grey{color: #F5F5F7;}
	.c-bg-grey{background-color: #F5F5F7;}
.c-black,.overblack:hover,a:hover>.overblack{color: #0A0F2B;}
	.c-bg-black{background-color: #0A0F2B;}
	.c-bg-black.transp{background-color: rgba(0,0,0,0.5);}
.c-dark{color: #595959;}
	.c-bg-dark{background-color: #979797;}
.c-light{color: #EDEDED;}
	.c-bg-light{background-color: #EFF0F5;}
.c-red,.overred:hover{ color: #FE4147;}
	.c-bg-red{ background-color: #DF0108;}
	.c-bg-red.transp{background-color: rgba(223,1,9,0.85);}
.c-blue,.overblue:hover,a:hover>.overblue{color:#3161CF;}
	.c-bg-blue{background-color: #0A0F2B;}
	.c-bg-blue.transp{background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.10) 100%), linear-gradient(0deg, rgba(27, 53, 114, 0.80) 0%, rgba(27, 53, 114, 0.80) 100%);}
.c-orange,.overorange:hover a:hover .overorange{ color: #FF3300; }
	.c-bg-orange{ background-color: #FF3300; }
footer,.ubicacion{ background-color: #f7f7f7; }
/* Botones */

/*.btn{-webkit-border-radius: 0px !important; border-radius: 0px !important; -moz-border-radius: 0px !important;}*/
.btn-hero{
	color: var(--white, #FFF);
	font-family: "Fira Sans";
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 600;
	line-height: 140%; /* 1.575rem */
	text-decoration: none;
}
.btn{
	color: var(--white, #FFF);
	padding: var(--SPACING-spacing-3, 0.75rem) var(--SPACING-spacing-5, 1.5rem);
	font-family: "Fira Sans";
	font-size: 1rem;
	font-style: normal;
	font-weight: 600;
	line-height: 140%; /* 1.575rem */
}
	.btn:hover,.btn:focus,.btn.active{box-shadow: none !important;}

	.btn-info{background: #DF0108;color: #fff; border:none; font-size: 15px; font-weight: 500}
		.btn-info:hover, .btn-info:focus,.destacados a:hover .btn-info{background:#000;color: #fff;}
		
	.btn-link,.gform_button{background: #fff; border:none; color: #0A0F2B; font-size: 14px}
		.btn-link:hover, .btn-link:focus,.gform_button:hover{background:#0A0F2B;color: #fff; }

	.btn-default{background: #DF0108; border:2px solid #DF0108; color: #fff; font-size: 16px;}
		.btn-default:hover, .btn-default:focus, .btn-default.is-checked{background:transparent;color: #DF0108; }

/* NAVBAR */
nav.navbar{ display: block; margin: 0 0; padding: 0px 0; }
	.navbar.scrolled,.navbar.c-bg-white{ background-color: #fff;}
	.navbar .container{ position: relative; flex:1}
	.navbar-nav ul{ display: flex; margin: 0;}
	/* SEP */
	.navsep{border-top: 1px solid rgba(0,0,0,0.15); padding: 0 0; margin: 0 0}	
	/* Brand */
	.navbar .navbar-brand img{width:100%;max-width:220px; height: auto;}
		.navbar.scrolled .navbar-brand img,.navbar.c-bg-white .navbar-brand img{max-width:180px;}
	/* Icons */
	.navbar .acciones a:not(.btn){position: relative; padding-left: 50px; margin-right: 15px; height: 42px; display: inline-block;}
		.navbar .acciones .icon{width: 42px; height: 42px; display: inline-block; background: url(images/icons.png) top center no-repeat; overflow: hidden; position: absolute; left: 0; top: 0}
			.navbar .acciones .icon.chat{background-position: bottom center;}
		.navbar .acciones span{clear: both; display: block; font-size: 15px; color:#0A0F2B; font-weight: 500}
		.navbar .acciones a{text-decoration: none;}
			.navbar .acciones .buttondata{
				color: var(--COLORS-Neutral-100, #FFF);
				font-family: "Fira Sans";
				font-size: 1rem;
				font-style: normal;
				font-weight: 400;
				line-height: 1.5rem; /* 150% */
				text-decoration: none;
			}
				.navbar .acciones i{
					display: flex;
					padding: 0.5rem;
					justify-content: center;
					align-items: center;
					gap: 0.625rem;
					color: #fff;
				}
	/* Navbar Items */
	.navbar .navbar-nav li:not(.sociales) a{ 
		color: var(--COLORS-Neutral-100, #FFF);
		font-family: "Noto Sans Tai Le";
		font-size: 1rem;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: -0.03125rem;
		text-decoration: none;
	}
	.navbar-toggler{ border: 0; }
	.navbar.scrolled .acciones i, .navbar.scrolled .acciones span { color: #0a0f2b; }
		.navbar.scrolled .navbar-nav li a,.navbar.c-bg-white .navbar-nav li a{padding-bottom: 0.25rem;}
			.navbar .navbar-nav li:not(.sociales):not(:last-child)>a:hover,.navbar .navbar-nav li:not(.sociales):not(:last-child):hover>a,.navbar .navbar-nav li:not(:last-child).current_page_item>a{border-bottom: 2px solid #FFF; padding-bottom: 0.25rem;}
			.navbar .navbar-nav .sub-menu li:not(:last-child).current-menu-item>a{border-bottom: 1.5px solid #333333; padding-bottom: 0.25rem;}
		/* Sociales*/
	.navbar .navbar-nav li.sociales{line-height: 55px;}
		.navbar.scrolled .navbar-nav li.sociales{line-height: 44px; }
			.navbar.scrolled .navbar-nav li.sociales span{font-size: 14px; color: #787878;border-left: 1px solid rgba(9,15,43,0.15); padding-left: 5px; display: inline-block;}
			.navbar.scrolled .navbar-nav li.sociales a{color: #0a0f2b;}
				.navbar.scrolled .navbar-nav li.sociales a:hover{border-bottom: 2px solid #FFF; padding-bottom: 0.5rem;}
				.navbar.scrolled .navbar-nav li.sociales a i{padding: 0 1px}
			/*.navbar-nav .page_item{
				padding-right: 1rem;
				display: flex;
				justify-content: center;
				align-items: center;
			}*/

			@media (min-width: 992px) {
				.navbar-nav > li:last-child{
					background-color: #D72631;
					padding: 0.625rem 1.5rem;

				}
				.navbar-nav .page_item:last-child a:hover{
					border-bottom: 1px solid transparent;
				}
			}
	/* Navbar toogler */
	.navbar-toggler{z-index: 999}
		.navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(223,1,9, 1)' stroke-width='2' stroke-linecap='square' stroke-miterlimit='0' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
			.navbar.scrolled .navbar-toggler-icon,.navbar.white .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(223,1,9, 1)' stroke-width='2' stroke-linecap='square' stroke-miterlimit='0' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}


/* Slider */
.slider{}
	.swiper-container,.pageheader{width: 100%;height: auto; overflow: hidden; position: relative;}
	.slider .hover{ position: absolute;width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }
	.swiper-button{width: 46px; height: 46px; font-size: 42px; background: none; display: inline-block; text-align: center; color: #fff !important; font-weight: 900; line-height: 40px}
		.swiper-button>i{ padding: 0; margin: 0 }
	.swiper-button:hover{color: #DF0108 !important;}
	.swiper-slide img{min-height: 700px;}

/* Carousel */
.marcas .owl-nav{ position: absolute; top: 0px; width: 100%; background-color: #f00; display: inline-block;}
	.marcas .owl-carousel .owl-nav button.owl-next,
	.marcas .owl-carousel .owl-nav button.owl-prev{ background: #EDEDED; color: #000; width: 45px; height: 45px;}
		.marcas .owl-carousel .owl-nav button span{font-size: 32px;}
	.marcas .owl-carousel .owl-nav button.owl-prev{ left: 15px; position: absolute }
	.marcas .owl-carousel .owl-nav button.owl-next{ right: 15px;position: absolute}
	.marcas .owl-carousel .owl-item img{ max-height: 50px; object-fit: contain; }
/* actegorias */

/* Worldmap */
.worldmap{ background-image: url(images/worldmap.png); }


/* Ubicacion */
.ubicacion{ position: relative;}
	.ubicacion i.fa{ font-size: 34px; }
	.ubicacion a:hover>span{ color: #ff3300 }

/* Product slider */
.product-slider{ overflow: hidden; position: relative }
	.product-slider .swiper-slide{ overflow: hidden; border-radius: 10px; }
	.product-slider .swnav{position: absolute; display: inline-block; width: 100%; height: auto; z-index: 1; top: 50%; margin-top: -24px; font-size: 64px}
		.product-slider .swnav .button-prev{left: 0; position: absolute;}
		.product-slider .swnav .button-next{right: 0; position: absolute;}

.brand{ max-width: 175px; }
.descargar i{ font-size: 24px }

.blocks-gallery-grid, .wp-block-gallery {align-items:center;}

.pageheader .logomarca{ position: absolute; top:auto; bottom: -3rem; right: 0; max-width: 300px; display: block;width:100%; z-index: 1;height: auto; padding: 1px; background-color: #fff;}
	
/* footer */
footer{position: relative;}
	footer .foo-brand img{ max-width: 179px; margin-bottom: 30px}
	footer .c-dark{ color: #5b5b5b;}
	footer a,footer li a{ 
		color: var(--COLORS-Text-Body, #6E6E73);
		font-family: "Fira Sans";
		font-size: 0.9375rem;
		font-style: normal;
		font-weight: 400;
		line-height: 160%; /* 1.5rem */
		letter-spacing: -0.00469rem;
		text-decoration: none;
	}
		footer a:hover,footer li a:hover{}
	footer .sociales a{ font-size: 20px;  width: 30px; height: 30px; margin-right: 2px; display: inline-block; text-align: center; line-height: 24px; color:#0A0F2B }
		footer .sociales a:hover>i{ background-color: #fff; color: #ff3300;}
	footer .certimg{ max-width: 94px; display: inline-block }
/* PWD */
.pwd ul{ margin-bottom: 0; }
.pwd li,.pwd li a{ display: inline; padding: 0 4px; color: #fff; font-size: 14px; }
	.pwd li{ border-left: 1px solid #fff;}
		.pwd li:first-child{ border-left: none}


.bg-left{ background-size: cover!important; background-position: left center!important; background-repeat: no-repeat !important;}
.bg-right{ background-size: cover!important; background-position: right center!important;background-repeat: no-repeat !important}

	.order-md-first .relative::before{position: absolute; width: 100vw; height: 100%; top: 0; right: 100%; content: "";}
	.order-md-last .relative::after{position: absolute; width: 100vw; height: 100%;  top:0; left: 100%; content: ""}
		.c-bg-white .relative::after,.c-bg-white .relative::before{background-color: #fff;}
		.c-bg-teal .relative::after,.c-bg-teal .relative::before{background-color: #0792A1;}
		.c-bg-brown .relative::after,.c-bg-brown .relative::before{background-color: #373435;}

/* GRID */
.grid{ width: 100%; /*display: block; float: left; clear: both;*/}
	.grid:after {content: '';display: block;clear: both;}
	.grid-sizer,.grid-item {width: 33.33%; display: flex; padding: 15px;}	
		.grid-item {/*height: auto;float: left; padding: 0px 15px 0px 15px;*/}	
	.grid-item.grid-item-clear{ /*width: 100% !important;display: block !important;*/}

@media (max-width: 992px) {
	.grid-sizer,.grid-item {width: 50%;}	
}
@media (max-width: 768px) {
	.grid-sizer,.grid-item {width: 100%;}	
}			
.mapa,.acf-map{ height: 400px; }

.scrollToTop{ position: fixed; bottom: -10px; right: 20px; width: 48px; height: 48px; background-color: #bababa; color: #222; opacity: 0.5; cursor: pointer; text-align: center; line-height: 48px; font-size: 24px; border-radius: 6px 6px 0 0;}
	.scrollToTop:hover{ opacity: 1; color: #fff; bottom: 0}
	

ul#filters{ display: block !important; width: 100%;}
	ul#filters li{ display: block !important; width: 100%;}
		ul#filters li button{padding: 4px 8px; text-align: left; display: block; background-color: transparent; -moz-appearance: none;-webkit-appearance: none; border: none; width: 100%; clear: both;}
		ul#filters li button.is-checked{background-color: #df0108; color: #fff;}

/* Alternado */

.alternado{
	padding: 4rem 0;
}

.alternado__tagline, .destacados__tagline{
	color: var(--COLORS-Secondary-200, #7696DF);
	font-family: var(--inter);
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.6875rem; /* 150% */
	letter-spacing: -0.03125rem;
}

.alternado__title{
	color: var(--COLORS-Text-Heading, #1D1D1F);
	font-family: var(--inter);
	font-size: 2.125rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3.1875rem; /* 150% */
}

.alternado__text{
	color: var(--COLORS-Text-Body, #6E6E73);
	font-family: var(--inter);
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem; /* 150% */
	letter-spacing: -0.03125rem;
	margin: 2rem 0;
}
.boton_alternado{
	border-radius: var(--RADIUS-radius-1, 0.5rem);
	border: 0px solid var(--COLORS-Secondary-300, #3161CF);
	background: var(--COLORS-Secondary-300, #3161CF);
	padding: var(--SPACING-spacing-3, 0.75rem) var(--SPACING-spacing-4, 1rem);
	color: var(--COLORS-Neutral-100, #FFF);
	text-align: center;
	font-family: var(--inter);
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem; /* 150% */
	letter-spacing: -0.03125rem;
}

.marcas-img{
	width: 100%!important;
	height: 5.8125rem!important;
	object-fit: contain;
}
.btn-marcas{
	display: flex;
	padding: var(--SPACING-spacing-2, 0.5rem) var(--SPACING-spacing-4, 1rem);
	justify-content: center;
	align-items: center;
	gap: var(--SPACING-spacing-2, 0.5rem);
	border-radius: var(--RADIUS-radius-1, 0.5rem);
	background: var(--COLORS-Secondary-Alpha-10, rgba(49, 97, 207, 0.10));
}

.destacados__title{
	color: var(--COLORS-Text-Heading, #1D1D1F);
	font-family: Inter;
	font-size: 1.625rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.4375rem; /* 150% */
	letter-spacing: -0.03125rem;
}
.destacados__content-0{
	padding: 2rem 1.5rem;
	border-radius: var(--RADIUS-radius-1, 0.5rem);
	background: var(--COLORS-Background-Light, #F7F7F7);
}
.destacados__img{
	border-radius: var(--RADIUS-radius-1, 0.5rem);
}

.destacados__content-1{
	padding: 2rem 1.5rem;
	border-radius: var(--RADIUS-radius-1, 0.5rem);
	background: var(--COLORS-Secondary-400, #254BA1);
}

.destacados__content-1 .destacados__tagline, .destacados__content-1 .destacados__title, .destacados__content-1 p{
	color: #fff;
}

.destacados__content-1 .btn{
	border-radius: var(--RADIUS-radius-1, 8px)!important;
	border: var(--STROKE-stroke-0, 1px) solid var(--COLORS-Neutral-Alpha-10, rgba(10, 15, 43, 0.10))!important;
	background: var(--COLORS-Neutral-100, #FFF)!important;
	color: var(--COLORS-Neutral-900, #230A21)!important;
	font-family: Inter!important;
	font-size: 16px!important;
	font-style: normal!important;
	font-weight: 400;
	line-height: 24px; /* 150% */
	letter-spacing: -0.5px;
}


/* Bloque Flexible: Faqs */

.accordion-item{
	border-radius: 0;
	border:0;
}
.accordion-button{
	color: #0A0F2B;
	font-family: "Noto Sans Tai Le";
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 1.4rem */
	border-radius: var(--RADIUS-radius-none, 0);
	background: #F5F7F8;
	box-shadow: 0 0 0 0 rgba(27, 28, 29, 0.00);
}

.accordion-body{
	background: #fff;
	border: 2px solid var(--COLORS-Neutral-1000, #0A0F2B);
	border-top: 0;
}
.accordion-button:not(.collapsed){
	background-color: #F3F4F9;

}
.accordion-button:not(.collapsed) {
	color: #0A0F2B;
	font-family: "Noto Sans Tai Le";
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 1.4rem */
	border-radius: 0!important;
	background: #fff;
	border: 2px solid var(--COLORS-Neutral-1000, #0A0F2B);
	border-bottom: 0;
}
.accordion-button:focus{
	box-shadow: none;
}

.accordion-button::after {
    background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="%23094067" stroke-linecap="round" stroke-linejoin="round"%3e%3cpath d="M2 5L8 11L14 5" /%3e%3c/svg%3e');
    transform: rotate(-90deg); 
    content: ''; 
}
.accordion-button:not(.collapsed)::after {
	background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="%23000000" stroke-linecap="round" stroke-linejoin="round"%3e%3cpath d="M2 5L8 11L14 5" /%3e%3c/svg%3e');
    transform: rotate(0deg); 

}
.accordion-item:not(:first-of-type) {
	border-top: 1px solid rgba(144, 150, 155, 0.30)!important;
}

.footer-text{
	color: var(--COLORS-Text-Body, #6E6E73);
	font-family: 'Inter';
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px; /* 150% */
}

.footer-contact i{
	width: 2rem;
	height: 2rem;
	color: #0A0F2B;
}
.footer-contact i::before{
	font-size: 1.25rem;
}
.footer-contact .sociales i::before{
	font-size: 1.75rem;
}

.text-copy, .text-copy a{
	color: var(--COLORS-Neutral-100, #FFF);
	font-family: 'Inter';
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px; /* 150% */
}




.btn{
	text-align: center;
	font-family: "Fira Sans";
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.6875rem; /* 150% */
	letter-spacing: -0.03125rem;
	border-radius: 0!important;
}


.btn-transparent{
	padding: 1.5rem;
	color: white;
	border: 1px solid #FFF;
	background: rgba(255, 255, 255, 0.16);
	backdrop-filter: blur(2px);
}

.btn-transparent:hover{
	color: #000;
	border-color: #fff;
	background: rgb(255, 255, 255);
	backdrop-filter: blur(2px);
}


.btn-black{
	color: #fff;
	background: #0A0F2B;
	border: 1px solid #0A0F2B;
}
.btn-black:hover{
	color: #0a0f2b;
	background: #fff;
	border: 1px solid #0A0F2B;

}

.btn-grey{
	color: #0A0F2B;
	font-size: 1rem;
	border: 1px solid #EAEDEF;
	background: #F5F7F8;
}

.btn-grey:hover{
	border: 1px solid #EAEDEF;
	background: #EAEDEF;
	color: #0A0F2B;
}

li, div p {
	color: var(--COLORS-Text-Body, #6E6E73);
	font-family: "Fira Sans";
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 160%; 
	letter-spacing: -0.03125rem;
}
.tagline{
	color: #5F6C7B;
	font-family: Inter;
	font-size: 0.9375rem;
	font-style: normal;
	font-weight: 300;
	line-height: 1.6875rem;
	letter-spacing: 0.0625rem;
	text-transform: uppercase;
	margin-bottom: 0;
}

.heading-2{
	color: #0A0F2B;
	font-family: "Fira Sans";
	font-size: 2.125rem;
	font-style: normal;
	font-weight: 700;
	line-height: 160%; 
	letter-spacing: -0.0625rem;
}




.hero {
  position: relative;
  overflow: hidden;
  height: 90vh;
  display: flex;
  justify-content: center;

  .wrapper {
    position: absolute;
    inset: 0;
    z-index: 0;

    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    &::after {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(0deg, rgba(0,0,0,0) 53.86%, rgba(0,0,0,0.6) 100%),
        linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%);
    }
  }

  .container {
    position: relative;
    z-index: 1;
  }
  .hero-title{
	color: var(--COLORS-Neutral-100, #FFF);
	text-align: center;
	font-family: "Noto Sans Tai Le";
	font-size: 2.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 4.3125rem; /* 150% */
	letter-spacing: -0.03125rem;
	text-wrap: balance;
  }

  .hero-text p{
	color: var(--COLORS-Neutral-100, #FFF);
	text-align: center;
	font-family: "Noto Sans Tai Le";
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.25rem; /* 200% */
  }
}

div#owl-marcas{
	margin: 2.5rem 0;
}

.experiencia {
	.text-container p{
	color: #fff;}
	.count{
		color: #D72631;
	}
}

.tarjetas{
	padding: 2.5rem 0;
	.guion{
		width: 10%;
		border-top: 2px solid #0A0F2B;
		background: #0A0F2B;
		height: 0.0625rem;
		margin:	1rem 0;
	}
	.text p{
		font-family: "Fira Sans";
		font-size: 1.0625rem;
		font-style: normal;
		font-weight: 400;
		line-height: 160%; /* 1.7rem */
		letter-spacing: -0.03125rem;
	}
	.tarjeta{
		background: #F5F7F8;
		padding: 2rem 1.5rem;
		.heading-tarjetas{
			color: var(--COLORS-Neutral-1000, #0A0F2B);
			font-family: "Noto Sans Tai Le";
			font-size: 1.5rem;
			font-style: normal;
			font-weight: 400;
			line-height: 160%; /* 2.4rem */
		}
	}
	& .tarjetas-container:last-child .tarjeta{
		background: #0A0F2B;
		.heading-tarjetas{
			color: #fff;
			font-family: "Noto Sans Tai Le";
			font-size: 1.5rem;
			font-style: normal;
			font-weight: 400;
			line-height: 160%; /* 2.4rem */
		}
		.guion{
		width: 10%;
		border-top: 2px solid #fff;
		background: #fff;
		height: 0.0625rem;
		margin:	1rem 0;
		}
		.text p{
			color: #fff;
		}
	}
}



/* Bloque relacionado */
.related-container{
	padding: 4rem 0;
}

.related-container .content-card{
    position:relative;
    width:100%;
    height:300px;
    overflow:hidden;

    box-shadow:
        0 1px 4px -2px rgba(0,0,0,0.13),
        0 0 0 1px rgba(0,0,0,0.08);
}

/* Contenedor del texto */
.related-container .content-card .card-text{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    padding: 1.5rem 2rem;
    color:#fff;
    z-index:2;
	transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Título */
.related-container .content-card .title{
	color: #fff;
    margin:0;
    font-family: "Noto Sans Tai Le";
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 160%;
}

/* Excerpt oculto inicialmente */
.related-container .content-card .excerpt p{
	color: #fff;
}
.related-container .content-card .excerpt{
	color: #fff;
    opacity:0;
    max-height:0;
	transform: translateY(8px);
    overflow:hidden;
	transition: opacity 0.45s ease, max-height 0.45s ease, transform 0.45s ease;
	font-family: "Fira Sans";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
}

/* Hover: subir título y mostrar excerpt */
.related-container .content-card:hover .card-text{
    transform: translateY(-40px); /* mueve todo el bloque hacia arriba */
}

.related-container .content-card.is-visible .card-text{
	transform: translateY(-20px);
}

.related-container .content-card:hover .excerpt{
    opacity:1;
    max-height:200px; /* ajusta según tu contenido */
	transform: translateY(0);
}

.related-container .content-card.is-visible .excerpt{
	opacity:0.92;
	max-height:160px;
	transform: translateY(0);
}




/* Bloque servicios */

.servicios-container .content-card{
    position:relative;
    width:100%;
    height:300px;
    overflow:hidden;

}

/* Contenedor del texto */
.servicios-container .content-card .card-text{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    padding: 1.5rem 2rem;
    color:#fff;
    z-index:2;
	transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Título */
.servicios-container .content-card .title{
	color: #fff;
    margin:0;
    font-family: "Noto Sans Tai Le";
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 160%;
}

/* Excerpt oculto inicialmente */
.servicios-container .content-card .excerpt p{
	color: #fff;
}
.servicios-container .content-card .excerpt{
	color: #fff;
    opacity:0;
    max-height:0;
	transform: translateY(8px);
    overflow:hidden;
	transition: opacity 0.45s ease, max-height 0.45s ease, transform 0.45s ease;
}

/* Hover: subir título y mostrar excerpt */
.servicios-container .content-card:hover .card-text{
    transform: translateY(-40px); /* mueve todo el bloque hacia arriba */
}

.servicios-container .content-card.is-visible .card-text{
	transform: translateY(-20px);
}

.servicios-container .content-card:hover .excerpt{
    opacity:1;
    max-height:200px; /* ajusta según tu contenido */
	transform: translateY(0);
}

.servicios-container .content-card.is-visible .excerpt{
	opacity:0.92;
	max-height:160px;
	transform: translateY(0);
}


/* Noticias img */

.noticia-img img{
	width: 100%;
	height: 13.39288rem;
	object-fit: cover;
}

.noticia-title{
	color: #0A0F2B;
	font-family: "Noto Sans Tai Le";
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 1.575rem */
	padding: 0.5rem 0;
	margin: 0;
}

.noticia-excerpt {
	color: #6E6E73;
	font-family: "Noto Sans Tai Le";
	font-size: 0.9375rem;
	font-style: normal;
	font-weight: 400;
	line-height: 160%; /* 1.5rem */
}

/* bloque CTA */

.cta-banner{
	padding: 4rem 0;
}


.tagline-cta{
	color: #D72631;
	font-family: "Fira Sans";
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 160%; /* 1.6rem */
	letter-spacing: -0.01rem;
}

.title-cta{
	color: var(--white, #FFF);
	font-family: "Fira Sans";
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 2.8rem */
	letter-spacing: -0.04rem;
}

.gform_fields {
	gap: 0.5rem!important;
	& input, textarea{
	border-radius: 0.25rem!important;
	border: 1px solid var(--grey, #E3E7EC)!important;
	background: var(--white, #FFF)!important;
	}
}

.gform-field-label{
	color: white!important;
	& a{
		color: white!important;
	}
}

.gform_button.button{
	width: 100%!important;
	padding: 0.75rem var(--SPACING-spacing-3, 1.5rem);
	border-radius: 0.125rem!important;
	background: #D72631!important;
}

.gform_confirmation_message{
	color: #fff!important;
	text-align: center!important;
}
blockquote p{
	color: var(--COLORS-Text-Heading, #1D1D1F);
	font-family: "Fira Sans";
	font-size: 1rem;
	font-style: italic;
	font-weight: 500;
	line-height: 160%; /* 1.6rem */
	letter-spacing: -0.03125rem;
}
	

.cta-text p{
	color: #fff;
}
  





















.navbar .navbar-brand .logo-color{
display: none;
}

.navbar.scrolled .navbar-brand .logo-white,
.navbar.c-bg-white .navbar-brand .logo-white{
display: none;
}

.navbar.scrolled .navbar-brand .logo-color,
.navbar.c-bg-white .navbar-brand .logo-color{
display: block;
}

.navbar.scrolled .navbar-nav li:not(.sociales):not(:last-child) > a,
.navbar.c-bg-white .navbar-nav li:not(.sociales):not(:last-child) > a{
color: #0A0F2B;
}

.navbar.scrolled .navbar-nav li:not(.sociales):not(:last-child) > a:hover,
.navbar.scrolled .navbar-nav li:not(.sociales):not(:last-child):hover > a,
.navbar.scrolled .navbar-nav li.current_page_item:not(:last-child) > a,
.navbar.scrolled .navbar-nav li.current-menu-item:not(:last-child) > a,
.navbar.c-bg-white .navbar-nav li:not(.sociales):not(:last-child) > a:hover,
.navbar.c-bg-white .navbar-nav li:not(.sociales):not(:last-child):hover > a,
.navbar.c-bg-white .navbar-nav li.current_page_item:not(:last-child) > a,
.navbar.c-bg-white .navbar-nav li.current-menu-item:not(:last-child) > a{
border-bottom: 2px solid #0A0F2B;
} 

/* .navbar.scrolled .navbar-nav li:last-child > a,
.navbar.c-bg-white .navbar-nav li:last-child > a{
color: #FFF;
} */


header{
	transition: transform 0.3s ease;
}

.hide-header{
	transform: translateY(-100%);
}



.texto-form{
	padding: 2.5rem 0;
	& .form{
		background: #0A0F2B;
		padding: 2rem 1.5rem;

	}
	.tagline-form{
		color: #D72631;
		font-family: "Fira Sans";
		text-align: center;
		font-size: 1rem;
		font-style: normal;
		font-weight: 700;
		line-height: 160%; /* 1.6rem */
		letter-spacing: -0.01rem;
	}
	.title-form{
		color: var(--white, #FFF);
	text-align: center;
	font-family: "Fira Sans";
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 600;
	line-height: 140%; /* 2.1rem */
	letter-spacing: -0.03rem;
	}
	.logo-marca{
		margin-bottom: 1rem;
	}
}

/* Pageheader */

.pageheader {
  position: relative;
  overflow: hidden;
  height: 18.3125rem;
  display: flex;
  justify-content: center;

  .wrapper {
    position: absolute;
    inset: 0;
    z-index: 0;

    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    &::after {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(0deg, rgba(0,0,0,0) 53.86%, rgba(0,0,0,0.6) 100%),
        linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%);
    }
  }

  .container {
    position: relative;
    z-index: 1;
  }
  .pageheader-title{
	color: var(--COLORS-Neutral-100, #FFF);
	font-family: "Fira Sans";
	font-size: 2.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 4.3125rem; /* 150% */
	letter-spacing: -0.03125rem;
	text-wrap: balance;
  }

  
}


/* taxonomy */


.taxonomy .content-card{
    position:relative;
    width:100%;
    height:300px;
    overflow:hidden;

    box-shadow:
        0 1px 4px -2px rgba(0,0,0,0.13),
        0 0 0 1px rgba(0,0,0,0.08);
}


.taxonomy .content-card .title{
	color: #fff;
    margin:0;
    font-family: "Noto Sans Tai Le";
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 160%;
}


.taxonomy .content-card .card-text{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    padding: 1.5rem 2rem;
    color:#fff;
    z-index:2;
    transition: transform 0.3s ease;
}


/* Taxonomy brand*/

.logo-marca{
	height: 5.8125rem;
	object-fit: contain;
}


/* Breadcrumbs */
.breadcrumbs{
	color: #fff;
	font-family: "Fira Sans";
	font-size: 0.9375rem;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
}

.breadcrumbs a{
	color: #FFF;
	font-family: "Fira Sans";
	font-size: 0.9375rem;
	font-style: normal;
	font-weight: 400;
	line-height: 100%; /* 0.9375rem */
	text-decoration: none;
}

.breadcrumbs a:hover{
	color: #F33;
	text-decoration: underline;
}

.breadcrumb-separator{
	color: #F33;
	font-family: "Fira Sans";
	font-size: 0.9375rem;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	padding-inline: 8px 4px;
}

@media (max-width: 992px) {
	.hero .hero-title{
		font-size: 2rem;
        line-height: 2.3125rem;
	}
	.hero-buttons a{
		width: 100%;
		&:first-child{
			margin-bottom: 1rem;
		}
	}
	.hero {
		.hero-text p {
			font-size: 0.9375rem;
		}
	}
	.navbar .navbar-nav li:not(.sociales) a {
    	color: #000;
	}
	.navbar-nav ul{
		display: block;
	}
}

.owl-nav{
	display: none!important;
}


@media (max-width: 768px) {
	.pageheader {
		height: 21.3125rem;
	}
	.alternado {
		padding: 2rem 0;
	}
	.navbar .acciones a:not(.btn) {
		padding-left: 0;
	}
	.texto-form  .logo-marca {
		width: 100%;
	}
	.pageheader  .pageheader-title {
		line-height: 2.3125rem;
		font-size: 2rem;
	}
} 



.texto-form ul {
 padding-left: 1rem;
 & li{
	list-style-type: disc;
	margin-bottom: 0.5rem;
 }
}

.logo-card-tax{
	height: 2.875rem;
	object-fit: contain;
	width: 6.4375rem;
	padding: 0 0.625rem;
	background-color: #fff;
	position: absolute;
	bottom: 5rem;
	right: 0;
}

.productos .content-card:hover .card-text{
	transform: translateY(-20px); /* mueve todo el bloque hacia arriba */
}