/* Global Styles */



img[alt="partner"] {

	width: 64px;

	max-height: 64px;

}



.w-10 {

	max-width: 10%;

}



.z-1{

	z-index: 1 !important;

}



.z-2{

	z-index: 2 !important;

}



.z-3{

	z-index: 3 !important;

}



.text-justify {

	text-align: justify !important;

}



.sub-title {

	margin: 1rem 5rem;

	line-height: 1.5rem;

}



.partner-inner .row div,

.lottery,

.club {

	display: flex;

	align-items: center;

}



.partner-inner .row div {

	justify-content: center;

}



.lottery,

.club {

	flex-wrap: wrap;

	justify-content: space-around;

}



.aqua-dark.lottery-container,

.aqua-dark.club-container {

	position: relative;

	z-index: 1;

}



.works-content > p {

	font-size: 0.7rem;

}



.animal-img,

.work-img {

	margin-top: 1.5rem;

}



.animal-img {

	height: 64px;

	margin-right: 1rem;

}



.work-img {

	height: 140px;

}

@media screen and (max-width: 992px) {
	.work-img
	{
		height: 180px;
	}
}



.single-works-wh:hover::before {

	opacity: 0 !important;

}



.black-logo,

.white-logo {

	width: 100px;

}



.characteristics-list > li {

	margin-top: 1rem;

}



.button {

	--background: #2B3044;

	--background-hover: #1E2235;

	--text: #fff;

	--icon: #fff;

	--particle: #fff;

	outline: none;

	cursor: pointer;

	border: 0;

	min-width: 113px;

	padding: 8px 20px 8px 12px;

	margin: 1.5rem;

	border-radius: 11px;

	line-height: 24px;

	font-family: inherit;

	font-weight: 600;

	font-size: 14px;

	color: var(--text);

	background: var(--b, var(--background));

	display: inline-flex;

	align-items: center;

	transition: transform 0.3s, background 0.4s;

	transform: scale(var(--scale, 1)) translateZ(0);

}



.button:active {

	--scale: .95;

}



.button:hover {

	--b: var(--background-hover);

}



.button .icon {

	--arrow-y: 0;

	--arrow-rotate: 135;

	--arrow-top: 10px;

	width: 24px;

	height: 24px;

	position: relative;

	display: inline-block;

	vertical-align: top;

	margin-right: 8px;

	pointer-events: none;

}



.button .icon .dot {

	border-radius: 50%;

	background: #fff;

	background: var(--particle);

	position: absolute;

	left: 0;

	top: 0;

	width: 4px;

	height: 4px;

}



.button .icon .arrow,

.button .icon .line {

	position: absolute;

	z-index: 1;

}



.button .icon .arrow {

	left: 11px;

	top: 4px;

	width: 2px;

	height: 12px;

	border-radius: 1px;

	background: var(--icon);

	transform: translateY(calc(var(--arrow-y) * 1px)) translateZ(0);

}



.button .icon .arrow:before,

.button .icon .arrow:after {

	content: "";

	width: 2px;

	height: 7px;

	position: absolute;

	left: 0;

	top: var(--arrow-top);

	border-radius: 1px;

	background: inherit;

	transform-origin: 1px 1px;

	transform: rotate(var(--r, calc(var(--arrow-rotate) * 1deg)));

}



.button .icon .arrow:after {

	--r: calc(var(--arrow-rotate) * -1deg);

}



.button .icon .line {

	width: 24px;

	height: 24px;

	display: block;

	left: 0;

	top: 7px;

	fill: none;

	stroke: var(--icon);

	stroke-width: 2;

	stroke-linejoin: round;

	stroke-linecap: round;

}



.button.upload .icon {

	--arrow-rotate: 45;

	--arrow-top: 0;

}



/* Para ocultar los thumbs de fancybox */

.fancybox__footer {

	display: none;

}



/* Home page index */



.neomaps-image {

	top: -180px !important;

}



.image-rotate {

	transition: transform .5s;

}



.image-rotate:hover {

	transform: rotateY(180deg);

}



.post-style {

	width: 336px;

	height: 336px;

	border-radius: 2rem;

}



/* NeoVisor */



.main-bg {

	position: absolute;

	width: 100%;

	height: 100%;

	transform: translate(-50%, -50%);

	z-index: 1;

	top: 50%;

	left: 50%;

}



.why-us{

	border: 2px solid #777DF2;

	border-radius: 10px;

	padding: 10px;

	background-color: #777DF2;

}



/* ============================
   NC Sections — shared layout
   ============================ */

.nc-section {
	background: #ffffff;
}

.nc-section-alt {
	background: #f8f9fb;
}

.nc-label {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 8px;
}

.nc-label span {
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 2px;
	color: var(--mainColor);
	text-transform: uppercase;
}

.nc-label::after {
	content: '';
	display: block;
	width: 36px;
	height: 2px;
	background: var(--mainColor);
	flex-shrink: 0;
}

.nc-section-title {
	font-size: 1.9rem;
	font-weight: 800;
	color: #1a2d4e;
	text-transform: uppercase;
	margin-bottom: 0.75rem;
	line-height: 1.2;
}

.nc-section-desc {
	color: #666666;
	max-width: 640px;
	line-height: 1.7;
	margin-bottom: 0;
}

/* ============================
   Sistema en Clubs
   ============================ */

.sistema-cap-img {
	width: 100%;
	border-radius: 8px;
	border: 1px solid #e0e4ea;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.07);
	display: block;
	transition: transform 0.3s, box-shadow 0.3s;
}

.sistema-cap-img:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.13);
}

.sistema-cap-text {
	padding: 0 2px;
}

.sistema-cap-link {
	color: var(--mainColor);
	font-weight: 600;
	font-size: 0.92rem;
	display: block;
	margin-bottom: 2px;
}

.sistema-cap-sub {
	color: #888888;
	font-size: 0.82rem;
	margin: 0;
}

/* ============================
   Nuestros Clubs cards
   ============================ */

.club-card-new {
	border: 1px solid #e8ecf0;
	border-radius: 12px;
	padding: 20px 12px;
	text-align: center;
	transition: box-shadow 0.3s, transform 0.3s;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #ffffff;
}

.club-card-new:hover {
	box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1);
	transform: translateY(-4px);
}

.club-card-new img {
	width: 72px;
	height: 72px;
	object-fit: contain;
	margin-bottom: 12px;
}

.club-card-new h6 {
	font-size: 0.75rem;
	font-weight: 700;
	color: #1a2d4e;
	margin-bottom: 5px;
	line-height: 1.3;
}

.club-card-new small {
	color: var(--mainColor);
	font-size: 0.7rem;
	font-weight: 600;
}

/* ============================
   App Screenshots Carousel
   ============================ */

/* Wrapper da espacio lateral para las flechas */
.app-carousel-wrapper {
	position: relative;
	padding: 0 55px;
}

.app-screenshots-carousel {
	position: static;
}

.app-screenshot-item {
	text-align: center;
}

.app-screenshot-item a {
	display: block;
}

.app-screenshot-item img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 500px;
	object-fit: contain;
	margin: 0 auto;
	border-radius: 22px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
	display: block;
	transition: transform 0.3s;
}

.app-screenshot-item img:hover {
	transform: scale(1.02);
}

.app-screenshot-caption {
	font-size: 0.88rem;
	font-weight: 600;
	color: #333333;
	margin-top: 14px;
	margin-bottom: 0;
}

/* Store badges */
.app-store-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.store-badge {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 10px 22px;
	border-radius: 50px;
	border: 2px solid rgba(255, 255, 255, 0.18);
	background: #0d1b35;
	color: #ffffff;
	text-decoration: none;
	transition: background 0.25s, transform 0.2s, box-shadow 0.25s;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.18);
	min-width: 170px;
}

.store-badge:hover {
	background: #162645;
	transform: translateY(-3px);
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28);
	color: #ffffff;
	text-decoration: none;
}

.store-badge__icon {
	width: 28px;
	height: 28px;
	flex-shrink: 0;
	opacity: 0.92;
}

.store-badge__text {
	display: flex;
	flex-direction: column;
	line-height: 1.2;
}

.store-badge__text small {
	font-size: 0.62rem;
	letter-spacing: 1.5px;
	opacity: 0.7;
	text-transform: uppercase;
}

.store-badge__text strong {
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0.2px;
}

.store-badge--apple .store-badge__icon {
	color: #ffffff;
}

.store-badge--google .store-badge__icon {
	color: #ffffff;
}

/* Dark mode — badges ya son dark, solo ajustar hover */
.theme-dark .store-badge {
	background: #0e2236;
	border-color: rgba(255, 255, 255, 0.12);
}

.theme-dark .store-badge:hover {
	background: #1a3550;
}

@media (max-width: 575px) {
	.app-store-badges {
		justify-content: center;
	}

	.store-badge {
		min-width: 150px;
		padding: 9px 18px;
	}

	.store-badge__text strong {
		font-size: 0.9rem;
	}
}

.app-click-hint {
	color: #aaaaaa;
	font-size: 0.78rem;
}

.app-click-hint i {
	font-size: 0.78rem;
	vertical-align: middle;
}

/* Dots */
.app-screenshots-carousel .owl-dots {
	text-align: center;
	margin-top: 20px;
	line-height: 1;
}

.app-screenshots-carousel .owl-dots .owl-dot {
	display: inline-block;
}

.app-screenshots-carousel .owl-dots .owl-dot span {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #cccccc;
	margin: 0 4px;
	transition: background 0.2s, transform 0.2s;
}

.app-screenshots-carousel .owl-dots .owl-dot.active span {
	background: var(--mainColor);
	transform: scale(1.3);
}

/* Nav arrows — dentro del wrapper padding */
.app-screenshots-carousel .owl-nav button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: #ffffff !important;
	border: 1px solid #e0e0e0 !important;
	border-radius: 50% !important;
	width: 44px;
	height: 44px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	transition: background 0.2s, box-shadow 0.2s;
	z-index: 10;
	font-size: 30px !important;
}

.app-screenshots-carousel .owl-nav button span {
	font-size: 1.8rem;
	color: #333333;
	line-height: 1;
	margin-top: -2px;
}

.app-screenshots-carousel .owl-nav button:hover {
	background: var(--mainColor) !important;
	box-shadow: 0 6px 18px rgba(68, 206, 111, 0.3);
}

.app-screenshots-carousel .owl-nav button:hover span {
	color: #ffffff;
}

/* Flechas relativas al .app-carousel-wrapper (position:relative) */
.app-carousel-wrapper .owl-prev {
	left: 5px;
}

.app-carousel-wrapper .owl-next {
	right: 5px;
}

/* Responsive */
@media (max-width: 991px) {
	.nc-section-title {
		font-size: 1.4rem;
	}

	.club-card-new img {
		width: 55px;
		height: 55px;
	}

	.app-carousel-wrapper {
		padding: 0;
	}
}

@media (max-width: 575px) {
	.app-screenshot-item img {
		border-radius: 18px;
	}

	.app-screenshots-carousel .owl-dots .owl-dot span {
		width: 7px;
		height: 7px;
		margin: 0 3px;
	}
}

/* NeoCLUB summary section */

.summary-stat-value {

	font-size: 2.5rem;

	font-weight: 700;

	color: var(--mainColor);

}

.neoclub-summary .single-services-box {

	margin-bottom: 0;

}

.neoclub-summary .single-services-box .icon {

	width: 80px;

	height: 80px;

	line-height: 80px;

}

.neoclub-summary .single-services-box .icon i {

	font-size: 2rem;

}

.steps-row {

	display: flex;

	flex-wrap: wrap;

	align-items: stretch;

}

.steps-row > [class*="col"] {

	display: flex;

	padding: 12px;

}

.step-card {

	display: flex;

	flex-direction: column;

	align-items: center;

	text-align: center;

	background: #ffffff;

	border-radius: 5px;

	padding: 30px 20px;

	width: 100%;

	transition: 0.3s;

}

.step-card:hover {

	transform: translateY(-5px);

	box-shadow: 0 10px 30px rgba(0,0,0,0.1);

}

.step-icon {

	display: flex;

	align-items: center;

	justify-content: center;

	width: 80px;

	height: 80px;

	border-radius: 50%;

	background: #cdf1d8;

	margin-bottom: 20px;

	flex-shrink: 0;

}

@media (max-width: 767px) {

	.neoclub-summary .step-icon {

		margin-left: auto;

		margin-right: auto;

	}

	.neoclub-summary .single-services-box {

		text-align: center;

	}

	.summary-stat-value {

		font-size: 1.8rem;

	}

	.steps-row > [class*="col"] {

		padding: 6px;

	}

	.step-card {

		padding: 20px 12px;

	}

	.step-card h5 {

		font-size: 0.85rem;

	}

	.step-card p {

		font-size: 0.8rem;

	}

}

@media (max-width: 380px) {

	.summary-stat-value {

		font-size: 1.5rem;

	}

	.steps-row .col-6 {

		width: 100%;

		flex: 0 0 100%;

		max-width: 100%;

	}

}

.step-icon i {

	font-size: 2rem;

	color: #44ce6f;

}

.step-card h5 {

	color: #2a2a2a;

	font-size: 1rem;

	font-weight: 700;

	margin-bottom: 10px;

}

.step-card p {

	color: #666666;

	font-size: 0.9rem;

	margin: 0;

}



.why-us > * {

	color: #f2f2f2 !important;

}



.result-online, .planes{

	border: 2px solid #fafbfd;

	border-radius: 10px;

	padding: 10px;

	background-color: #fafbfd;

}



.trust-on-us {

	border: 2px solid #3FE19A;

	border-radius: 10px;

	padding: 10px;

	background-color: #3FE19A;

}



.gallery-title {

	border: 2px solid #C679E3 ;

	border-radius: 10px;

	padding: 10px;

	background-color: #C679E3 ;

}



.text-purple{

	color: #C679E3 !important;

}



/* Posts */



.pagination-search {

    display: flex;

    justify-content: flex-end;

    align-items: center;

    margin-bottom: 2rem;

}





/* Responsive */



@media only screen and (max-width: 567px) {

	.sub-title {

		margin: 1rem 4rem;

	}

}



@media only screen and (max-width: 1200px) {

	.works-content > p {

		font-size: 0.59rem;

	}

}



@media only screen and (max-width: 992px) {

	.works-content > p {

		font-size: 0.675rem;

	}

}



@media only screen and (max-width: 768px) {

	.works-content > p {

		font-size: 0.8rem;

	}



	.post-style {

		width: 85%;

	}

}



.app-screenshot-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.app-screenshot-item img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.app-screenshot-caption {
  text-align: center;
  width: 100%;
}

.owl-carousel .owl-item {
  display: flex;
  justify-content: center;
}