/* APK365 modern fonts, images — mobile overrides only where needed */
:root {
	--apk365-brand: #1bbc9b;
	--apk365-brand-dark: #17a589;
	--apk365-font: "Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
	--apk365-muted: #64748b;
}

html {
	scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

body,
button,
input,
textarea,
select,
.sb_search,
.buttond,
.box-title,
h1, h2, h3, h4, h5, h6 {
	font-family: var(--apk365-font);
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.box-title,
h1.box-title,
h1.main-box-title,
.bloque-blog a.title,
.fpb_title,
.section .bav2 .title {
	font-weight: 700;
	letter-spacing: -0.02em;
}

a:focus-visible,
button:focus-visible,
.menu a:focus-visible,
.buttond:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
	outline: 2px solid var(--apk365-brand);
	outline-offset: 2px;
}

/* App list thumbnails only — do not distort screenshots / content images */
.section .bav1 img,
.section .bav2 img,
.rlat .bav1 img,
.bav1 .bloque-imagen img {
	object-fit: cover;
}

.section .bav1 a img,
.rlat .bav1 a img {
	border-radius: 14px;
}

/* ===== Font Awesome icon fixes ===== */
.fa, .fas, .far, .fab, .fal, .fad,
.menu-open i,
#backtotop i,
.px-prev i,
.px-next i,
.si-prev i,
.si-next i,
.link-report i,
.bn i {
	font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome !important;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	line-height: 1;
}

.fas, .fa,
.menu-open i,
#backtotop i,
.px-prev i,
.px-next i,
.si-prev i,
.si-next i,
.link-report i {
	font-weight: 900 !important;
}

.far {
	font-weight: 400 !important;
}

.fab {
	font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands" !important;
	font-weight: 400 !important;
}

.menu-open .fa-bars::before,
.menu-open i.fa-bars::before { content: "\f0c9"; }
#backtotop .fa-chevron-up::before,
#backtotop i::before { content: "\f077"; }
.px-prev .fa-chevron-left::before,
.si-prev i::before,
.bn.before i::before { content: "\f053"; }
.px-next .fa-chevron-right::before,
.si-next i::before,
.bn.next i::before { content: "\f054"; }
.link-report .fa-exclamation-circle::before,
.link-report i.fa-exclamation-circle::before { content: "\f06a"; }

/* ===== Desktop: restore Appyn float layout (no grid) ===== */
@media (min-width: 769px) {
	.app-s .box:not(.box-versions) {
		display: block;
	}

	.app-s .apk365-single-icon.app-icb.s1 {
		float: left !important;
		width: 150px !important;
		max-width: 150px;
		margin: 0 20px 15px 0 !important;
		padding: 0 !important;
		overflow: hidden;
		display: block !important;
		position: relative;
		z-index: 9;
	}

	.app-s .apk365-single-head.app-spe.s2,
	.app-s .apk365-single-stats.app-spe.s2,
	.app-s .apk365-single-body.app-spe.s2,
	.app-s .box > .app-spe.s2.box-social {
		float: right !important;
		width: 100% !important;
		padding-left: 170px !important;
		margin-left: -170px !important;
		margin-right: 0 !important;
	}

	.app-s .apk365-single-icon .bloque-imagen {
		width: 100%;
		margin: 0;
		float: none;
	}

	.app-s .apk365-single-icon .bloque-imagen img,
	.app-s .apk365-single-icon .wp-post-image {
		display: block;
		width: 100%;
		height: auto;
		max-width: 150px;
		border-radius: 12px;
		object-fit: cover;
	}

	.app-s .apk365-single-icon .buttond {
		width: 100%;
		box-sizing: border-box;
	}

	.app-s .apk365-single-stats .box-data-app .data-app {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		max-width: 700px;
		float: none;
	}

	.app-s .apk365-single-stats .da-s {
		width: 33.333333%;
		margin-top: 8px;
		padding-right: 10px;
		box-sizing: border-box;
	}

	/* Download wait page: icon column + wait body side by side */
	.app-s .box.box-download .apk365-single-icon {
		float: left !important;
		width: 150px !important;
	}
}

/* ===== Mobile only ===== */
@media (max-width: 768px) {
	.sidg #main-site .container {
		display: block;
	}

	.sidg .app-s,
	.sidg .app-p,
	.sidg .sections {
		width: 100% !important;
	}

	.sidg #sidebar,
	.sidg .sidebar,
	#sidebar {
		width: 100%;
		float: none;
		clear: both;
		margin-top: 20px;
	}

	.app-s .box:not(.box-versions) {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: stretch;
	}

	.app-s .apk365-single-head {
		order: 1;
		width: 100% !important;
		float: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.app-s .apk365-single-icon.app-icb.s1 {
		order: 2;
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
		margin: 12px 0 !important;
		padding: 0 !important;
		overflow: visible !important;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.app-s .apk365-single-stats {
		order: 3;
		width: 100% !important;
		float: none !important;
		margin: 0 0 12px !important;
		padding: 0 !important;
	}

	.app-s .apk365-single-body {
		order: 4;
		width: 100% !important;
		float: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.app-s .box-social,
	.app-s .app-spe.s2.box-social {
		order: 5;
		width: 100% !important;
		float: none !important;
		padding-left: 0 !important;
		margin-left: 0 !important;
	}

	.app-s .apk365-single-icon .bloque-imagen {
		width: 120px !important;
		max-width: 120px;
		height: auto;
		margin: 0 auto 10px;
		float: none !important;
		overflow: visible !important;
	}

	.app-s .apk365-single-icon .bloque-imagen img,
	.app-s .apk365-single-icon img,
	.app-s .apk365-single-icon .wp-post-image {
		display: block !important;
		width: 120px !important;
		height: 120px !important;
		max-width: 120px !important;
		object-fit: cover;
		border-radius: 22px;
		margin: 0 auto;
		visibility: visible !important;
		opacity: 1 !important;
	}

	.app-s .apk365-single-icon .image-single {
		display: block !important;
		width: 120px !important;
		height: 120px !important;
		padding-bottom: 0 !important;
		margin: 0 auto;
		border-radius: 22px;
		background-size: cover;
		background-position: center;
	}

	.app-s .apk365-single-icon .buttond,
	.app-s .buttond.downloadAPK,
	.app-s .buttond.danv,
	.app-s .buttond.t,
	.app-s .buttond.yt {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
		display: block !important;
		font-size: 15px !important;
		line-height: 1.3;
		padding: 14px 12px 14px 48px !important;
		margin-top: 10px !important;
		border-radius: 12px;
		text-align: center;
	}

	.app-s .apk365-single-icon .buttond i {
		width: 42px;
		line-height: 46px;
		font-size: 16px;
		padding: 0 10px;
	}

	.app-s .apk365-single-icon .box-rating,
	.app-s .apk365-single-icon .link-report {
		width: 100%;
		text-align: center;
	}

	.app-s .botones_sociales {
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
	}

	.app-s .botones_sociales li {
		flex: 1 1 46%;
		margin: 0 !important;
	}

	.app-s .botones_sociales a {
		width: 100%;
		box-sizing: border-box;
		justify-content: center;
	}

	.app-s .descripcion {
		font-size: 15px;
		line-height: 1.55;
	}

	.app-s .box-data-app {
		display: block;
		width: 100%;
	}

	.app-s .box-data-app .data-app {
		display: grid !important;
		grid-template-columns: 1fr 1fr;
		gap: 0;
		width: 100% !important;
		max-width: none !important;
		float: none !important;
	}

	.app-s .da-s {
		width: 100% !important;
		margin: 0 !important;
		box-sizing: border-box;
	}

	.app-s .apk365-single-head h1,
	.app-s .apk365-single-head .box-title,
	.app-s .apk365-single-head .main-box-title {
		margin-top: 4px;
		word-break: break-word;
	}
}