/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 16 2026 | 00:05:44 */
/* HERO */
	section.hero.home-i {
		position: relative;
		overflow: hidden;
	}
	section.hero.home-i:before {
		content: '';
		background: var(--color-azul-oscuro);
		position: absolute;
		inset: 0;
		width: 100%;
		height: 200%;
		z-index: 0;
	}
	section.hero.home-i:after {
		content: '';
		background: var(--color-azul-llamativo);
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 50%;
		height: 50%;
		z-index: 1;
		border-radius: 9999rem;
		opacity: 0.9;
		filter: blur(10px);
		box-shadow: 0 0 20vw 20vw var(--color-azul-llamativo);
	}

	section.hero.home-i>div {
		position: relative;
		z-index: 4;
	}
	section.hero.home-i .first {
		padding:5vw 0;
		color: var(--color-blanco);
	}
	section.hero.home-i .first .pic-i {
		height: 45vw;
		border-radius: 1.5vw;
	}
	section.hero.home-i .first .wpb_wrapper {
		display: flex;
		flex-direction: column;
		grid-gap: 2vw;
    	margin-bottom: 5vw;
	}
	section.hero.home-i .first .wpb_wrapper .bo-l {
		width: 90%;
	}
/* END HERO */
/* BRANDS */
	section.home-ii{
    	background: var(--color-gris-claro);
	}
	section.home-ii .wpb_text_column.he-vi.fw-semibold.uppercase {
		color: var(--color-azul-corporativo);
	}
	section.home-ii .owl-item article {
		padding: 3vw 2vw !important;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	body .w-grid.type_carousel .w-grid-item {
		padding: 0;
	}
	section.home-ii .owl-item article .post_image {
		width: 90%;
		height: 3vw;
	}
	section.home-ii .owl-item article .post_image img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
/* END BRANDS */
/* HOME III */
	section.home-iii{
		position:relative;
	}
	section.home-iii .home-iii-header {
    	grid-gap: 1vw;
		width: 80%;
    	margin: 0 auto 5vw;
	}
	section.hero.home-i .first .pic-i img {
		width: 100%;
	}
	section.hero.home-i .first .pic-i {
		height: 35vw;
		border-radius: 1.5vw;
		width: 90%;
		margin-left: auto;
	}
	.w-vwrapper>*:not(:last-child) {
		margin-bottom: 0;
	}
	section.home-iii .home-iii-header .wpb_text_column.he-iii * {
		font-weight: 600;
	}
	section.home-iii .home-iii-header .wpb_text_column.he-iii strong {
		color: var(--color-naranja);
	}
	section.home-iii .item {
		padding:  0 2.5vw;
	}
	section.home-iii .item:not(:last-of-type) {
		border-right: 2px dashed var(--color-gris-medio);
	}
	section.home-iii .item .item-head {
		display: flex;
		grid-gap: 1vw;
		align-items: center;
		justify-content: center;
		padding-bottom: 1vw;
	}
	section.home-iii .item .item-body {
		text-align: center;
	}
/* END HOME III */
/* SUPERCARD */
	section.home-iv {
		position: relative;
	}
	.supercard-i {
		position: relative;
		padding: 2vw;
		background: linear-gradient(45deg, var(--color-azul-claro), var(--color-gris-claro));
		border-radius: 1.5vw;
	}
	.supercard-i .w-html._2 {
		width: 50%;
		display: flex;
		flex-direction: column;
		grid-gap: 2vw;
	}
	.supercard-i .w-html._1 {
		width: 50%;
		margin-inline-end: 0;
	}
	.supercard-i .w-tabs-list.items_2 .w-tabs-list-h {
		display: flex;
		grid-gap: 2vw;
		flex-wrap: wrap;
	}
	.supercard-i .w-tabs-list.items_2 .w-tabs-list-h button.w-tabs-item {
		color:var(--color-azul-oscuro);
		padding: 0.5vw 0;
		font-family: 'Albert Sans',sans-serif;
		font-size: 2.2vw;
	}
	.supercard-i .w-tabs-list.items_2 .w-tabs-list-h button.w-tabs-item.active {
		font-weight: 600;
	}
	.services-i {
		display: flex;
		grid-gap: 1vw;
	}
	.services-i .service-i {
		flex: 1;
		min-width: 0;
		overflow: hidden;
		border-radius: 1vw;
		cursor: pointer;
		transition: flex 0.65s cubic-bezier(0.16, 1, 0.3, 1);
	}
	.services-i:hover .service-i {
		flex: 0.55;
	}
	.services-i:hover .service-i:hover {
		flex: 1;
   		color: var(--color-blanco);
	}
	.service-i .in-service .in-back .service-head {
		min-width: 28vw;
		width: 100%;
	}

	/* ─── CONTENEDOR RELATIVO ─── */
	.service-i .in-service {
		position: relative;
		height: 100%;        /* necesitas altura fija en el padre */
		min-height: 42vw;    /* ajusta a tu diseño */
	}

	.service-i .front,
	.service-i .back {
		position: absolute;
		inset: 0;
		padding: 7%;
		transition:
			opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1),
			transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
	}

	/* ─── FRONT — imagen de fondo ─── */
	.service-i .front {
		opacity: 1;
		transform: translateY(0);
		z-index: 2;
	}

	.service-i .front figure.bg {
		position: absolute;
		inset: 0;
		z-index: -1;
		margin: 0;
	}

	.service-i .front figure.bg img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	/* Overlay degradado sobre la imagen */
	.service-i .front::after {
		content: '';
		position: absolute;
		inset: 0;
		z-index: 0;
	}

	.service-i .front .in-front {
		position: relative;
		z-index: 1;
	}

	/* ─── BACK — fondo azul con contenido ─── */
	.service-i .back {
		opacity: 0;
		transform: translateY(12px);
		z-index: 1;
		background: var(--color-azul-medio-oscuro);
		display: flex;
		align-items: flex-start;
	}
	.service-i .back .in-back {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	/* ─── TRIGGER: hover en el item expandido ─── */
	.services-i:hover .service-i:hover .front {
		opacity: 0;
		transform: translateY(-8px);
		pointer-events: none;
	}

	.services-i:hover .service-i:hover .back {
		opacity: 1;
		transform: translateY(0);
	}


	/* Que los elementos del back aparezcan en cascada */
	.service-i .back .service-head {
		transition-delay: 0.1s;
	}
	.service-i .back .service-body {
		transition-delay: 0.18s;
	}

	/* Estos también necesitan sus propias transiciones de opacity */
	.service-i .back .service-head,
	.service-i .back .service-body {
		opacity: 0;
		transform: translateY(6px);
		transition:
			opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1),
			transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
	}

	.services-i:hover .service-i:hover .back .service-head,
	.services-i:hover .service-i:hover .back .service-body {
		opacity: 1;
		transform: translateY(0);
	}

/* END SUPERCARD*/
/* NOSOTROS */
	section.about-i .about-head .wpb_wrapper {
		display: flex;
		flex-direction: column;
		grid-gap: 1vw;
		margin-bottom: 5vw;
	}
	section.about-i .media-1 {
		height: 32vw;
		border-radius: 1vw;
		width: 100%;
	}
	section.about-i .base-2 .w-image {
		width: calc(50% - 1vw);
		height: 20vw;
		border-radius: 1vw;
	}
	section.about-i .base-2 .wpb_text_column {
		width: 90%;
    	margin-bottom: 2vw;
	}
	section.about-i .base-2 .pics-i {
		margin-bottom: 3vw;
	}
	section.about-i .base-2 .wpb_text_column p {
		margin-bottom: 1vw;
	}
/* END NOSOTROS */
/* TESTIMONIOS */
	section.home-vi {
		position: relative;
	}
	section.home-vi .w-grid.type_carousel .w-grid-list {
		margin: 0;
	}
	section.home-vi .w-grid.type_carousel .w-grid-list .owl-nav {
		justify-content: center;
		top: 0;
		position: relative;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: 0;
		width: max-content !important;
	}
	section.home-vi .owl-carousel.arrows-hor-pos_on_sides_outside .owl-next,
	section.home-vi .owl-carousel.arrows-hor-pos_on_sides_outside .owl-prev{
		transform: translateX(0);
	}
	section.home-vi article.us_testimonial {
		padding: 3vw !important;
		background: var(--color-gris-claro);
		border-radius: 1vw;
	}
	section.home-vi .owl-carousel .owl-item {
		padding: 0 1vw;
	}
	section.home-vi .card-testimonial {
		grid-gap: 2vw;
		justify-content: space-between;
	}
	section.home-vi article.us_testimonial .company-name {
		text-align: right;
		font-style: italic;
	}
	section.home-vi .first {
		margin-bottom: 5vw;
	}
	section.home-vi .first .wpb_text_column {
		width: 60%;
	}
	section.home-vi article.us_testimonial .company-name {
		font-style: italic;
		width: 40%;
		text-align: right;
		line-height: 1;
	}
	section.home-vi article.us_testimonial .author {
		width: 40%;
		line-height: 1;
	}
	section.home-vi .w-grid.type_carousel .w-grid-list{
		margin: 0;
		display: flex !important;
		flex-direction: column;
		grid-gap: 3vw;
		margin-top: -5vw;
	}
	section.home-vi .w-grid.type_carousel .w-grid-list .owl-nav {
		order: 1;
		justify-content: center;
		top: 0;
		position: relative;
		left: -2vw;
		margin-left: auto;
		width: max-content !important;
	}
	section.home-vi .w-grid.type_carousel .w-grid-list .owl-stage-outer {
		order: 2;
	}
	section.home-vi .w-grid.type_carousel .w-grid-list button.owl-next {
		border: 1px solid;
	}
	section.home-vi .w-grid.type_carousel .w-grid-list button.owl-prev {
		border: 1px solid;
	}
/* END TESTIMONIOS */
/* FAQS */
	body .accordion-button,
	body .accordion-button:not(.collapsed) {
		color: inherit;
		background: transparent;
		box-shadow: 0 0 0 0;
	}
	body .accordion-item:first-of-type>.accordion-header .accordion-button {
		border-top-left-radius: 1vw;
		border-top-right-radius: 1vw;
	}
	body .accordion-button::after {
		opacity: 0;
		display: none;
	}
	body .accordion-item {
		background-color: transparent;
		border: 0;
		color: inherit;
		border-radius: 1vw;
	}
	body .accordion-body {
		padding: 1vw 2vw;
	}
	body button.accordion-button {
		padding: 1vw 2vw;
	}
	body .accordion-item:first-of-type {
		border-radius: 1vw;
	}
	body .faqs-i .accordion-item {
		border: 1px solid #D1D5DB;
		padding: 2vw;
	}
	.faqs-i .accordion {
		grid-gap: 2vw;
		display: flex;
		flex-direction: column;
	}
	.faqs-i .w-tabs.style_default>.w-tabs-list {
		padding: 4vw 0 2vw;
		background:transparent;
		color: inherit;
	}
	.faqs-i .w-tabs.style_default>.w-tabs-list .w-tabs-item {
		padding: 0;
		border: 0;
	}
	.faqs-i .w-tabs.style_default>.w-tabs-list .w-tabs-item.active {
		border-bottom: 1px solid;
		color: inherit;
	}
	.faqs-i .w-tabs.style_default>.w-tabs-list>.w-tabs-list-h {
		display: flex;
		grid-gap: 2vw;
		justify-content: center;
	}
	.faqs-i .w-tabs-section-content {
		padding: 0;
	}
/* END FAQS */


/* FORMS-I */
	section.forms-i {
		position: relative;
		background: var(--color-azul-oscuro);
		color: var(--color-blanco);
	}
	section.forms-i .first .wpb_text_column.head-forms-i {
		text-align: center;
		margin: 0 auto;
	}
	section.forms-i .first .wpb_text_column.head-forms-i .he-vi.fw-bold {
		margin-bottom: 2vw;
	}
	.forms-i .card-i {
		width: calc(50% - 1vw);
		padding: 3vw;
		border-radius: 1vw;
	}
	.forms-i .card-i.card-1 {
		background: linear-gradient(0deg, var(--color-azul-claro), #6481c4, var(--color-azul-corporativo));
	}
	.forms-i .card-i.card-2 {
    	background: linear-gradient(0deg, var(--color-azul-llamativo), #0d46a6, var(--color-azul-medio-oscuro));
	}
	.forms-i .card-i .head-card {
		display: flex;
		grid-gap: 1vw;
		align-items: center;
    	margin-bottom: 2vw;
	}
	.forms-i .card-i .head-card figure.icon-1 {
		width: 4vw;
		height: 4vw;
	}
	.forms-i .card-i .head-card figure.icon-1 img {
		width: 100%;
		height: 100%;
	}
	.forms-i .card-i .body-card {
		display: flex;
		flex-direction: column;
		grid-gap: 2vw;
	}
/* END FORMS-I */
/* FOOTER */
	section.footer-i {
		background: var(--color-azul-oscuro);
		color: var(--color-blanco);
	}
	section.footer-i .l-section-h.i-cf {
		padding: 5vw 0 0;
	}
	section.footer-i .first {

	}
	section.footer-i .first .base-2 .footer-menu-i .bo-m {
		color: var(--color-blanco);
		text-decoration: underline;
	}

	section.footer-i .first .base-2 .footer-menu-i {
		margin-bottom: 2vw;
	}

	section.footer-i .first .base-2 .wpb_text_column.bo-l.fw-regular {
		margin-bottom: 2vw;
	}

	section.footer-i .first .base-2 .w-html.footer-menu-ii {
		display: flex;
	}

	section.footer-i .first .base-2 .footer-menu-ii .data-contact {
		display: flex;
		grid-gap: 1vw;
		flex-wrap: wrap;
		width:100%;
	}

	section.footer-i .first .base-2 .footer-menu-ii .data-contact .base._1 {
		width: calc(40% - 1vw);
	}
	section.footer-i .first .base-2 .footer-menu-ii .data-contact .base._1 .he-vi {
		width: 70%;
		color:var(--color-azul-claro);
	}
	section.footer-i .first .base-2 .footer-menu-ii .data-contact .base._2 {
		width: calc(60% - 1vw);
	}
	section.footer-i .brand-footer {
		width: 100%;
		padding: 5vw 0;
	}
	section.footer-i .brand-footer figure.brand img {
		width: 70%;
		margin: 0 auto;
		display: block;
	}

	section.footer-i .first .base-2 .footer-menu-ii .data-contact .base._2 .bo-l,
	section.footer-i .first .base-2 .footer-menu-ii .data-contact .base._2 .bo-l *,
	section.footer-i .first .base-2 .footer-menu-ii .data-contact .base._2 .bo-l a {
		color:var(--color-azul-claro);
	}
	section.footer-i .first {
		margin-bottom: 5vw;
	}

	section.footer-i .subfoot .base._1 {
		width: 100%;
	}
	section.footer-i .subfoot .base._1 a {
		width: 100%;
		grid-gap: 1vw;
		display: flex;
		align-items: center;
		text-transform: uppercase;
		justify-content: space-between;
		padding: 2vw;
		background: #FFFDF61A;
		border-radius: 1vw;
		color: var(--color-blanco);
	}
	section.footer-i .subfoot>.flex-i {
		justify-content: space-between;
		grid-gap: 1vw;
		flex-wrap: wrap;
	}
	section.footer-i .subfoot {
		padding: 0 0 1vw;
	}
	section.footer-i .subfoot .base._2 {
		opacity: 0.5;
	}
	section.footer-i .subfoot .base._3 .menu-footer-1 {
		grid-gap: 1vw;
		display: flex;
		flex-wrap: wrap;
	}
	section.footer-i .subfoot .base._3 .menu-footer-1 a {
		color: var(--color-blanco);
		opacity: 0.6;
	}
	.header_hor .w-nav.type_desktop .menu-item.level_1>a.w-btn{
		margin-left:0;
		margin-right:0;
	}
/* END FOOTER */
/* BREAKPOINTS */

@media(min-width:1200px){
	section.forms-i .first .wpb_text_column.head-forms-i{
		padding:5vw 0;
		width: 60%;
	}
	section.home-iv .w-tabs-sections .w-tabs-section:last-of-type .w-tabs-section-content-h.i-cf {
		width: 60%;
		margin-left: 0;
	}
}
@media(min-width:992px) and (max-width:1200px){
	section.forms-i .first .wpb_text_column.head-forms-i{
		padding:5vw 0;
		width: 60%;
	}
	section.home-iv .w-tabs-sections .w-tabs-section:last-of-type .w-tabs-section-content-h.i-cf {
		width: 80%;
		margin-left: 0;
	}
}

@media(min-width:768px) and (max-width:992px){
	section.forms-i .first .wpb_text_column.head-forms-i{
		padding:5vw 0;
		width: 80%;
	}
	section.home-iv .w-tabs-sections .w-tabs-section:last-of-type .w-tabs-section-content-h.i-cf {
		width: 80%;
		margin-left: 0;
	}
}
@media(min-width:576px) and (max-width:768px){
	section.forms-i .first .wpb_text_column.head-forms-i{
		padding:5vw 0;
		width: 90%;
	}
	section.home-iv .w-tabs-sections .w-tabs-section:last-of-type .w-tabs-section-content-h.i-cf {
		width: 100%;
		margin-left: 0;
	}
}
@media(max-width:576px){
	section.forms-i .first .wpb_text_column.head-forms-i{
		padding:5vw 0;
		width: 100%;
	}
	section.home-iv .w-tabs-sections .w-tabs-section:last-of-type .w-tabs-section-content-h.i-cf {
		width: 100%;
		margin-left: 0;
	}
}