.gtranslate_wrapper a {
    color: white !important;
    padding-left: 5px;
}

.gtranslate_wrapper a {
    padding-left: 15px !important;
	font-weight: 600 !important;
}

.gtranslate_wrapper > div {
  position: static !important;
}

.gt_switcher_wrapper{
	padding-right: 0px !important;
	padding-top: 0px !important;
	padding-left: 0px !important;
}

@media (min-width: 992px) {
	.gt_switcher_wrapper{
		padding-left: 100px !important;
	}
}

#logo-bg{
    filter: brightness(60%);
}

#logo-bg{
	transition: filter 0.3s ease;
	will-change: filter;
}

.footer-copyright a:hover #logo-bg{
  filter: brightness(100%);
}

/*-----------------------------------*/
/*------ 76. bombita de WhatsApp ------*/
/*-----------------------------------*/

.whatsapp-bubble {
	position: fixed;
	bottom: 30px; /* Distancia desde abajo */
	right: 30px; /* Distancia desde la derecha */
	z-index: 9999; /* Asegura que esté sobre otros elementos */
  }
  
.whatsapp-bubble img {
	width: 60px; /* Tamaño de la imagen de WhatsApp */
	border-radius: 50%; /* Forma circular */
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Sombra */
	transition: transform 0.3s ease; /* Efecto de transición */
}
  
.whatsapp-bubble:hover img {
	transform: scale(1.1); /* Efecto de escala al pasar el mouse */
}

.whatsapp:active,
.whatsapp:focus,
.whatsapp {
	position:fixed;
	width:60px;
	height:60px;
	bottom:60px;
	left:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	font-size:30px;
	z-index:100;
}
  
.whatsapp-icon {
	margin-top: 11px;
	font-size: 36px;
}
  
.whatsapp-icon:hover, .whatsapp:hover {
	color: #9af9bd !important;
	transition: color 0.3s ease-in-out;
}

/* "Acceso Clientes" */
#header .header-nav-features .nav-link-custom-1 {
	color: #444;
	font-weight: 600;
	font-size: 1.2rem;
	text-decoration: none;
}

#header .header-nav-features .nav-link-custom-1 span {
	display: inline-block;
	border-bottom: 2px solid var(--dark);
	transition: border-color .15s ease-in-out;
}

#header .header-nav-features .nav-link-custom-1:hover span {
	color: var(--primary);
	border-bottom-color: var(--primary);
}


.custom-box-1{
	box-shadow: none;
}

/* Ancho explicito por defecto: el JS del parallax solo fija un ancho (%) por encima de
   scrollableParallaxMinWidth; sin esto, el wrapper (flex item centrado) se encoge a su
   contenido y colapsa en movil, ademas de ser necesario como referencia de tamano definido
   para la container query de .steps-flow-container */
.scrollable-parallax-wrapper {
	width: 100%;
}

/* Overlay*/
.scrollable-parallax-wrapper:before {
	content: '';
	position: absolute;
	inset: 0;
	background: var(--dark);
	opacity: 0.5;
	pointer-events: none;
}

.scrollable-parallax-wrapper > .container {
	position: relative;
}

/*.parallax.section-parallax .parallax-background:before {
	content: '';
	position: absolute;
	inset: 0;
	background: var(--dark);
	opacity: 0.5;
	pointer-events: none;
}*/

/* Centra verticalmente la imagen de fondo del banner de Soluciones */
.page-header.page-header-background.parallax .parallax-background {
	background-position: center center;
}

/* Stepper "Facturación -> ... -> BestGest ERP" del apartado parallax */
.steps-flow {
	gap: 10px 14px;
}

.steps-flow span {
	white-space: nowrap;
}

.steps-flow-arrow {
	color: var(--grey);
	font-size: 0.8rem;
}

.accordion.accordion-modern-status.accordion-modern-status-arrow-dark > .card .card-header a::after{
	background-color: var(--primary) !important;
  	background-image: linear-gradient(to right, var(--primary) 0%, var(--secondary) 100%) !important;
}

.mark.mark-color-tertiary::before {
  background: var(--primary-rgba-30);
}

/* Logos de integraciones */
.carousel-center-active-item .owl-item > div {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60px;
}

.carousel-center-active-item .owl-item img {
	width: auto;
	height: 100%;
	max-width: 100%;
	object-fit: contain;
}

/* Mismo "destello" (sombra + elevacion) que .btn-effect-4 al hacer hover,
   pero para enlaces de texto sueltos como los del footer. */
.text-color-hover-shadow {
	display: inline-block;
	transition: 0.25s;
}

.text-color-hover-shadow:hover, .text-color-hover-shadow:focus {
	text-shadow: 0 0.35em 0.4em var(--hover, var(--primary));
	transform: translateY(-0.25em);
	transition: 0.25s !important;
}

/* Mega menu de "Soluciones" */
.dropdown-menu-solutions .dropdown-mega-content {
	padding: 0;
}

.dropdown-menu-solutions .row.g-0 {
	max-width: 1200px;
	margin: 0 auto;
}

.dropdown-mega-solutions-list li + li a {
	border-top: 1px solid var(--grey-200);
}

/* En movil el tema ya aplica su propio border-bottom por item; el border-top
   de arriba se suma al del item siguiente y se ve como una linea doble */
@media (max-width: 991px) {
	.dropdown-mega-solutions-list li + li a {
		border-top: 0 !important;
	}

	.dropdown-mega-solutions-list li a {
		border-bottom: 1px solid var(--grey-200) !important;
	}

	.dropdown-mega-solutions-list li:last-child a {
		border-bottom: 0 !important;
	}

	/* "py-3" (Bootstrap, !important) deja las subopciones con mucho mas
	   padding vertical que el resto de items del menu movil (7px 8px) */
	.dropdown-mega-solutions-list a {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
}

.dropdown-mega-solutions-list a {
	border-radius: 8px;
	padding-left: 10px;
	padding-right: 10px;
	transition: background-color .2s ease, padding-left .2s ease;
}

.dropdown-mega-solutions-list a:hover {
	padding-left: 16px;
}

.dropdown-mega-solutions-icon {
	width: 48px;
	height: 48px;
	min-width: 48px;
	font-size: 1.1rem;
	transition: background-color .2s ease, color .2s ease;
}

.dropdown-mega-solutions-image {
	min-height: 220px;
	border: 1px dashed var(--grey-300);
	border-radius: var(--border-radius);
	display: flex;
	align-items: center;
	justify-content: center;
}

.dropdown-mega-solutions-image:empty:before {
	content: 'Imagen';
	color: var(--grey-400, #b9b9b9);
	font-size: .85rem;
}

/* Flechita: gira hacia arriba mientras el mega menu esta abierto (hover) */
@media (min-width: 992px) {
	#header .header-nav-main-arrows nav > ul > li > a.dropdown-toggle:after {
		margin-left: 6px;
		padding-left: 0;
		transition: transform .2s ease;
	}

	#header .header-nav-main-arrows nav > ul > li.dropdown:hover > a.dropdown-toggle:after {
		transform: rotate(180deg);
	}
}

.bg-primary-rgba-10{
	background-color: var(--primary-rgba-10) !important;
}

.bg-hover-primary-rgba-10:hover{
	background-color: var(--primary-rgba-10) !important;
}

.bg-hover-secondary-rgba-10:hover{
	background-color: var(--secondary-rgba-10) !important;
}

/* Fondos sutiles para tarjetas de audiencia */
.erp-audience-card.bg-primary-rgba-10{
	background-color: rgba(73, 56, 245, .03) !important;
}

.bg-quaternary-rgba-10{
	background-color: rgba(214, 239, 232, .2) !important;
}

.bg-secondary-rgba-10{
	background-color: rgba(158, 23, 241, .03) !important;
}

.bg-orange-rgba-10{
	background-color: rgba(253, 126, 20, .05) !important;
}

.bg-pink-rgba-10{
	background-color: rgba(214, 51, 132, .04) !important;
}

.badge-orange{
	background-color: #fd7e14 !important;
	color: #fff !important;
}

.badge-pink{
	background-color: #d63384 !important;
	color: #fff !important;
}

/* Fondos e iconos sutiles para las tarjetas de combinaciones (sección 2) */
.bg-green-rgba-10{
	background-color: rgba(25, 135, 84, .08) !important;
}

.text-green{
	color: #198754 !important;
}

.text-orange{
	color: #fd7e14 !important;
}

.s2-combo-icon{
	width: 60px;
	height: 60px;
	font-size: 1.5rem;
}

.s2-combo-title{
	min-height: 4rem;
	display: flex;
	align-items: center;
	justify-content: center;
}


.dropdown-mega-solutions-list a .text-color-grey.text-3 {
	font-family: "Poppins", Arial, sans-serif;
	font-size: 0.9rem !important;
	letter-spacing: normal;
}

/* En móvil, el submenu de "Soluciones"/"Nosotros" pasa a lista simple, con el mismo estilo que el resto del menú responsive */
@media (max-width: 991px) {
	.dropdown-menu-solutions .dropdown-mega-content {
		padding: 0;
	}

	.dropdown-menu-solutions .row.g-0 > [class*="col-"] {
		width: 100%;
		max-width: 100%;
		padding: 0 !important;
	}

	.dropdown-menu-solutions .row.g-0 > [class*="col-"] + [class*="col-"] {
		display: none !important;
	}

	.dropdown-mega-solutions-icon,
	.dropdown-mega-solutions-list a .text-color-grey.text-3,
	.dropdown-mega-solutions-list a .fa-chevron-right {
		display: none !important;
	}

	.dropdown-mega-solutions-list a {
		display: block !important;
	}

	.dropdown-mega-solutions-list a .flex-grow-1 {
		display: block !important;
	}

	.dropdown-mega-solutions-list a .d-block.text-dark.font-weight-semibold.text-4 {
		display: block !important;
		font-size: 13px !important;
		font-weight: 700 !important;
		text-transform: uppercase;
	}
}

/* Stepper con tarjetas e iconos "Facturación -> ... -> BestGest ERP" (sección GROWTH) */
.steps-flow-cards > div {
	gap: 10px 14px;
}

.steps-flow-item {
	display: inline-flex;
	align-items: center;
	gap: 10px 14px;
}

.steps-flow-card {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	background-color: #fff;
	border-radius: 50px;
	padding: 8px 22px 8px 8px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.07);
	white-space: nowrap;
}

.steps-flow-card-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: var(--primary-rgba-10);
	color: var(--primary);
	font-size: 1.2rem;
	flex-shrink: 0;
}

.steps-flow-card-label {
	font-size: 0.9rem;
	font-weight: 500;
	color: var(--dark);
	line-height: 1.2;
}

.steps-flow-card-highlight {
	background-color: var(--primary);
	background-image: linear-gradient(to right, var(--primary) 0%, var(--secondary) 100%);
}

.steps-flow-card-highlight .steps-flow-card-icon {
	background-color: rgba(255, 255, 255, 0.2);
	color: #fff;
}

.steps-flow-card-highlight .steps-flow-card-label {
	color: #fff;
}

/* El ancho de .scrollable-parallax-wrapper lo anima el JS del parallax (40% -> 100%),
   asi que el layout de las tarjetas se ajusta al espacio real disponible (container query)
   en vez de al ancho de la ventana, que no refleja el ancho animado en cada momento. */
.steps-flow-container {
	container-type: inline-size;
}

.steps-flow-cards {
	flex-direction: column;
}

.steps-flow-item {
	flex-direction: column;
	gap: 10px 14px;
}

.steps-flow-arrow {
	padding-left: 0 !important;
	transform: rotate(90deg);
}

.steps-flow-card {
	white-space: normal;
	justify-content: center;
	width: 100%;
	max-width: 320px;
}

@container (min-width: 1040px) {
	.steps-flow-cards {
		flex-direction: row;
	}

	.steps-flow-item {
		flex-direction: row;
		gap: 10px 14px;
	}

	.steps-flow-arrow {
		padding-left: 0.5rem !important;
		transform: none;
	}

	.steps-flow-card {
		white-space: nowrap;
		justify-content: flex-start;
		width: auto;
		max-width: none;
	}
}


/* Tarjetas de la sección "Evolución sin complicaciones" (GROWTH), con flechitas de conexión que se apilan verticalmente en móvil y en fila en escritorio */
.growth-overlap-section {
	position: relative;
	overflow: visible;
}

.overlap-cards-wrap {
	position: relative;
}

.overlap-cards-row {
	position: relative;
	z-index: 3;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	row-gap: 10px;
}

.overlap-card-item {
	flex: 1 1 220px;
	max-width: 300px;
	display: flex;
}

.overlap-card {
	position: relative;
	width: 100%;
	background-color: #fff;
	border-radius: 20px;
	padding: 34px 24px 28px;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.overlap-card-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background-color: var(--primary-rgba-10);
	color: var(--primary);
	font-size: 1.5rem;
	margin-bottom: 10px;
}

.overlap-card-icon::after {
	content: "";
	display: block;
}

.overlap-card-title {
	/*font-size: 1.05rem;*/
	font-size: 1.35em;
	font-weight: 600;
	color: var(--dark);
	margin: 10px 0 8px;
}

.overlap-card-text {
	/*font-size: 0.85rem;*/
	font-size: 1.2em;
	line-height: 1.5;
	color: var(--grey);
	margin-bottom: 0;
}

/*.overlap-card::before {
	content: "";
	display: block;
	width: 46px;
	height: 10px;
	margin-top: 2px;
	background-image:
		linear-gradient(45deg, transparent 48%, var(--primary) 50%, transparent 52%),
		linear-gradient(-45deg, transparent 48%, var(--primary) 50%, transparent 52%);
	background-size: 11.5px 10px;
	background-repeat: repeat-x;
	background-position: left center;
	opacity: 0.6;
}*/

.overlap-card-highlight {
	background-color: var(--primary);
	background-image: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
}

.overlap-card-highlight .overlap-card-icon {
	background-color: rgba(255, 255, 255, 0.2);
	color: #fff;
}

.overlap-card-highlight .overlap-card-title {
	color: #fff;
}

.overlap-card-highlight .overlap-card-text {
	color: rgba(255, 255, 255, 0.85);
}

.overlap-card-highlight::before {
	background-image:
		linear-gradient(45deg, transparent 48%, #fff 50%, transparent 52%),
		linear-gradient(-45deg, transparent 48%, #fff 50%, transparent 52%);
	opacity: 0.7;
}

.overlap-card-connector {
	align-items: center;
	justify-content: center;
	flex: 0 0 40px;
	width: 70px;
	padding: 0;
	align-self: center;
}

.overlap-arrow-svg {
	width: 100%;
	height: 40px;
	overflow: visible;
	transform: rotate(90deg);
}

.overlap-arrow-path {
	stroke: var(--secondary);
	stroke-width: 2;
	stroke-dasharray: 3 6;
	stroke-linecap: round;
}

.overlap-arrow-head {
	stroke: var(--secondary);
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

@media (min-width: 1200px) {
	.overlap-cards-row {
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: stretch;
	}

	.overlap-card-item {
		display: flex;
	}

	.overlap-card-connector {
		flex: 0 0 70px;
		width: auto;
	}

	.overlap-arrow-svg {
		transform: none;
	}
}


.custom-el-4 {
		display: inline-block;
		margin: -24px 50px -24px -32px;
		position: relative;
}

.custom-el-4:after {
		content: ' ';
		display: block;
		width: 390px;
		height: 280px;
		position: absolute;
		top: -75px;
		left: -55px;
		right: 0;
		bottom: 0;
		border-radius: 50%;
		border: 30px solid #FFF;
		z-index: 11;
}

.custom-card-1 .custom-card-1-curves {
		position: absolute;
		transform: translate3d(-65%, -65%, 0) !important;
}

/* ERP comparison tables */
.erp-compare-table {
	border-collapse: separate;
	border-spacing: 0;
	background: #fff;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(20, 20, 43, 0.06);
	border: 1px solid rgba(20, 20, 43, 0.06);
}

.erp-compare-table thead th {
	border: none;
	padding: 22px 28px;
	font-weight: 700;
	letter-spacing: .03em;
}

.erp-compare-table thead th p i {
	font-size: 1.1em;
}

.erp-compare-table tbody td {
	border: none;
	border-top: 1px solid rgba(20, 20, 43, 0.06);
	padding: 16px 28px;
	transition: background-color .2s ease;
}

.erp-compare-table tbody tr:hover td {
	background-color: rgba(20, 20, 43, 0.02);
}

.erp-compare-table tbody td p {
	display: flex;
	align-items: center;
	gap: 12px;
	text-align: left;
}

.erp-compare-table tbody td p i {
	flex: 0 0 28px;
	height: 28px;
	width: 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: .75em;
}

.erp-compare-table-bad thead th {
	background: linear-gradient(135deg, #fff5f5, #ffe9e9);
	color: #e0304a;
}

.erp-compare-table-bad tbody td p i {
	background: rgba(224, 48, 74, 0.1);
	color: #e0304a;
}

.erp-compare-table-good {
	border-color: rgba(34, 197, 94, 0.15);
	box-shadow: 0 14px 34px rgba(34, 197, 94, 0.1);
}

.erp-compare-table-good thead th {
	background: linear-gradient(135deg, #f2fbf5, #e6f8ec);
	color: #16a34a;
}

.erp-compare-table-good tbody td p i {
	background: rgba(22, 163, 74, 0.1);
	color: #16a34a;
}

@media (max-width: 991.98px) {
	.erp-compare-table thead th,
	.erp-compare-table tbody td {
		padding: 16px 20px;
	}
}

/* ERP process flow */
.erp-flow {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 18px 10px;
	padding: 12px 0;
}

.erp-flow-step {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 140px;
	text-align: center;
}

.erp-flow-thumb {
	width: 100%;
	aspect-ratio: 1 / 1;
	max-width: 130px;
	border-radius: 20px;
	background: linear-gradient(145deg, rgba(99, 102, 241, 0.08), rgba(99, 102, 241, 0.03));
	border: 1px solid rgba(99, 102, 241, 0.12);
	box-shadow: 0 8px 20px rgba(99, 102, 241, 0.08);
	transition: transform .25s ease, box-shadow .25s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.erp-flow-thumb img {
	max-width: 70% !important;
	max-height: 70% !important;
	width: auto !important;
	height: auto !important;
	object-fit: contain;
}

.erp-flow-step:hover .erp-flow-thumb {
	transform: translateY(-4px);
	box-shadow: 0 14px 26px rgba(99, 102, 241, 0.14);
}

.erp-flow-label {
	margin-top: 14px;
	font-weight: 600;
	font-size: .95rem;
	color: #14142b;
}

.erp-flow-subtitle {
	margin-top: 4px;
	font-size: .82rem;
	line-height: 1.3;
	color: var(--grey);
	min-height: 2.6em;
}

.erp-flow-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: rgba(99, 102, 241, 0.08);
	color: #6366f1;
	font-size: .85rem;
	flex-shrink: 0;
}

@media (max-width: 767.98px) {
	.erp-flow {
		flex-direction: column;
	}

	.erp-flow-arrow {
		transform: rotate(90deg);
	}

	.erp-flow-step {
		width: 180px;
	}

	.erp-flow-thumb {
		max-width: 110px;
	}
}

/* E-Commerce order-to-cash steps (Sección 2) */
.eco-steps {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	gap: 8px;
}

.eco-step {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 160px;
	text-align: center;
	padding-top: 14px;
}

.eco-step-icon {
	position: relative;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: var(--primary-rgba-10);
	color: var(--primary);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.3rem;
}

.eco-step-number {
	position: absolute;
	top: -10px;
	left: -6px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: var(--primary);
	color: #fff;
	font-size: .7rem;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
}

.eco-step-title {
	margin-top: 14px;
	font-weight: 600;
	font-size: .95rem;
	color: #14142b;
}

.eco-step-text {
	margin-top: 4px;
	font-size: .82rem;
	line-height: 1.3;
	color: var(--grey);
}

.eco-step-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	margin-top: 14px;
	color: var(--grey-400, #b9b9b9);
	font-size: .9rem;
	flex-shrink: 0;
}

@media (max-width: 991.98px) {
	.eco-steps {
		flex-direction: column;
		align-items: center;
	}

	.eco-step-arrow {
		transform: rotate(90deg);
		width: 30px;
		height: 30px;
		margin-top: 0;
	}

	.eco-step {
		width: 220px;
	}
}

/* ERP module cards */
.appear-animation:has(> .erp-module-card) {
	height: 100%;
}

.erp-module-card {
	height: 100%;
	box-shadow: 0 8px 20px rgba(99, 102, 241, 0.08);
	border: 1px solid rgba(99, 102, 241, 0.12);
	transition: transform .25s ease, box-shadow .25s ease;
}

.erp-module-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 26px rgba(99, 102, 241, 0.14);
}

.erp-module-icon {
	width: 56px;
	height: 56px;
	font-size: 1.4rem;
}

.erp-module-text h4 {
	font-size: 1.15rem;
}

/* Tarjetas de la sección 1 de Autónomos: misma altura en las 6, con independencia
   de la longitud del texto de cada una */
.autonomo-s1-card .card-body {
	min-height: 150px;
}

/* Logos de plataformas (E-Commerce, integraciones) uniformes en tamaño */
.eco-s2-logo {
	width: auto;
	max-width: 180px;
	object-fit: contain;
}

@media (max-width: 767.98px) {
	.crm-s2-card-body {
		flex-direction: column;
	}

	.crm-s2-card-body .erp-module-icon {
		margin-right: 0 !important;
		margin-bottom: 14px;
	}
}

/* ERP audience cards */
.erp-audience-thumb {
	width: 100%;
	aspect-ratio: 1 / 1;
	max-width: 300px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.erp-audience-thumb img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}

.erp-audience-card .card-body {
	padding: 2rem 1.5rem;
}

.erp-audience-card h4 {
	font-size: 1.1rem;
}

.erp-audience-card p {
	color: rgba(20, 20, 43, 0.6);
}

/* ERP market availability bar */
.erp-market-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px 24px;
	margin-top: 1rem;
	padding: 18px 28px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 8px 20px rgba(99, 102, 241, 0.08);
	border: 1px solid rgba(99, 102, 241, 0.12);
}

.erp-market-label {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-weight: 600;
	color: #14142b;
}

.erp-market-label i {
	color: #6366f1;
}

.erp-market-item {
	color: rgba(20, 20, 43, 0.7);
	font-weight: 500;
}

.erp-market-item a {
	color: var(--primary);
	font-weight: 600;
}

@media (max-width: 767.98px) {
	.erp-market-bar {
		border-radius: 24px;
		justify-content: flex-start;
	}
}

/* Card payment/export badges */
.erp-card-badges {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px;
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid rgba(99, 102, 241, 0.1);
}

.erp-card-badge-logo {
	height: 20px;
	width: auto;
	max-width: 70px;
	object-fit: contain;
}

.erp-card-badge-text {
	display: inline-flex;
	align-items: center;
	padding: 3px 10px;
	border-radius: 6px;
	background: rgba(99, 102, 241, 0.08);
	color: #6366f1;
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .02em;
}

.card-body:has(> .erp-card-badges) {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.erp-card-badges {
	margin-top: auto;
}

/* Iconos verdes (sección VeriFactu) */
.erp-icon-green {
	background-color: rgba(34, 197, 94, 0.12) !important;
	color: #16a34a !important;
}

/* Badge y botón verdes (E-Commerce, opción "crear tienda desde cero") */
.erp-card-badge-text-green {
	background: rgba(34, 197, 94, 0.12);
	color: #16a34a;
}

.btn-eco-green {
	background-color: #16a34a;
	border-color: #16a34a #16a34a #128a3e;
	color: #fff;
}

.btn-eco-green:hover, .btn-eco-green:focus {
	background-color: #128a3e;
	border-color: #128a3e #128a3e #16a34a;
	color: #fff;
}

/* Tarjetas grandes con imagen (E-Commerce / Traspaso a asesor) */
.erp-s3-thumb {
	width: 100%;
	aspect-ratio: 1 / 1;
	max-width: 200px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.erp-s3-thumb img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}

/* Precios: evita que "150 + IVA" se parta en varias líneas dentro de la columna */
.pricing-block .plan-price .price {
	white-space: nowrap;
	align-items: baseline;
}

/* Precios: cajas de igual altura y botones alineados al fondo */
.pricing-block {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.pricing-block .list-icons {
	flex-grow: 1;
}

.pricing-block .pricing-footer {
	margin-top: auto;
	min-height: 200px;
}

/* Precios: contraste de texto insuficiente (WCAG AA) en etiquetas y notas de las tarjetas */
.pricing-block .plan-price .price-label,
.pricing-block .plan-price p,
.pricing-block .pricing-footer p {
	color: var(--dark);
}

/* Por qué elegir BestGest: cajas de igual altura y titulos alineados dentro del carousel */
.custom-carousel-box-shadow-1 .owl-stage {
	display: flex;
	align-items: stretch;
}

.custom-carousel-box-shadow-1 .owl-item {
	height: auto;
	display: flex;
}

.custom-carousel-box-shadow-1 .owl-item > div {
	width: 100%;
}

.custom-carousel-box-shadow-1 .card-body h4 {
	min-height: 3.6rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Tarjetas de soluciones: circulo, icono y CTA en secondary al hacer hover */
.solutions-card-link:hover .solutions-card-icon {
	background-color: var(--secondary-rgba-10) !important;
}

.solutions-card-link:hover .solutions-card-icon i {
	color: var(--secondary) !important;
}

.solutions-card-link:hover .solutions-card-cta {
	color: var(--secondary) !important;
}

.rounded-badge{
	border-radius: 6px;
}

/* Privacidad/Cookies/Legal: los listados heredaban la fuente base (Lexend) en
   lugar de la de los parrafos (Poppins), dando un aspecto inconsistente */
.legal-content ul,
.legal-content ol,
.legal-content li {
	font-family: "Poppins", sans-serif !important;
	font-size: 1rem;
	line-height: 1.7;
}

.legal-content ul,
.legal-content ol {
	padding-left: 1.25rem;
	margin-bottom: 1rem;
}

.legal-content li + li {
	margin-top: .35rem;
}

/* Mega menu "Soluciones"/"Empresa"/"Para quien": en hover solo el icono y su
   recuadro pasan a color secundario; el fondo de la fila sigue como antes */
.dropdown-mega-solutions-list a:hover {
	background-color: var(--primary-rgba-10) !important;
}

.dropdown-mega-solutions-list a:hover .dropdown-mega-solutions-icon,
.dropdown-mega-solutions-list a:hover .dropdown-mega-solutions-icon i {
	color: var(--primary);
}

.dropdown-mega-solutions-list a:hover .dropdown-mega-solutions-icon {
	background: var(--secondary);
}

/* Panel derecho del mega menu: imagen y texto un poco mas pequenos */
.dropdown-menu-solutions .col-lg-6.bg-light h3 {
	font-size: 1.4em !important;
}

.dropdown-menu-solutions .col-lg-6.bg-light p {
	font-size: 0.95em !important;
}

.dropdown-menu-solutions .col-lg-6.bg-light img {
	max-width: 80%;
}



/* Placeholders más visibles en el formulario de contacto */
.form-style-4 .form-control::placeholder {
  color: #8a8a8a;
}


.koalendar-wrapper {
  overflow: hidden !important;
  height: 690px !important; /* altura real del panel de reserva (min-height que fija el propio widget) */
}
.koalendar-wrapper iframe {
  height: 900px !important; /* de sobra, el wrapper recorta lo que sobra por abajo (footer incluido) */
  margin-top: 0 !important; /* sin desplazar arriba, para no cortar la foto de perfil */
}