/*
Theme Name: ABNA Marketing Child
Theme URI: https://abnamarketing.com
Description: Tema hijo Astra — diseño GMEDIA, fondo blanco, tipografía Space Grotesk.
Author: ABNA Marketing
Template: astra
Version: 1.9.1
Text Domain: abna-astra-child
*/

/* ═══════════════════════════════════════════════════════════
   TOKENS DE DISEÑO
   Amarillo = CTA principal · Verde = Títulos · Morado = Números
═══════════════════════════════════════════════════════════ */
:root {
	--c-yellow:      #fccf30;
	--c-yellow-dk:   #e6b800;
	--c-green:       #2c544d;
	--c-green-dk:    #1a3530;
	--c-purple:      #bb7fc3;
	--c-purple-lt:   #f0e6f5;

	--c-white:       #ffffff;
	--c-bg-alt:      #f6f8f6;
	--c-bg-yellow:   rgba(252, 207, 48, 0.06);
	--c-ink:         #1a2e28;
	--c-body:        #3d504b;
	--c-muted:       #6e8880;
	--c-border:      #dde8e3;
	--c-border-lt:   #eef3f1;

	--max-w:         1140px;
	--pad-x:         clamp(1.5rem, 5vw, 3.5rem);
	--sec-v:         clamp(4.5rem, 8vw, 6rem);
	--radius:        6px;
	--radius-img:    8px;
	--shadow-card:   0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(44,84,77,0.07);
	--shadow-img:    0 4px 24px rgba(0,0,0,0.10);
	scroll-behavior: smooth;
}

/* ═══════════════════════════════════════════════════════════
   TIPOGRAFÍA — Space Grotesk (técnica / industrial) + Inter (body)
═══════════════════════════════════════════════════════════ */
body {
	font-family: 'Inter', system-ui, -apple-system, sans-serif;
	background: var(--c-white);
	color: var(--c-body);
	font-size: 16px;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.abna-hero__h1, .abna-feature__h2,
.abna-section-header__h2, .abna-step__title,
.abna-card__title, .abna-cta-final__h2,
.abna-exclusivity__h2, .abna-case__blockquote {
	font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
}

/* ═══════════════════════════════════════════════════════════
   RESET ASTRA — quitar contenedores que interfieren
═══════════════════════════════════════════════════════════ */
/* Portada: el entry-content ocupa el 100% para que
   cada sección gestione su propio max-width interno */
.home .entry-title,
.home .entry-header { display: none !important; }

.home #page,
.home .site,
.home #content,
.home .content-area,
.home .site-main,
.home article.page,
.home .entry-content {
	max-width: 100% !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
}

.home .ast-container,
.home .ast-article-single {
	max-width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

.home .entry-content > * { max-width: 100% !important; }

/* Full-width real en Astra: sin .alignfull los bloques quedan boxed
   dentro del contenedor (~1200px). El breakout usa 100vw. */
.home .entry-content[data-ast-blocks-layout] > .alignfull,
.home .entry-content[data-ast-blocks-layout] > .wp-block-group,
.home .entry-content > .wp-block-shortcode {
	max-width: 100vw !important;
	width: 100vw !important;
	margin-left: calc(-50vw + 50%) !important;
	margin-right: calc(-50vw + 50%) !important;
}

/* Gutenberg wp:html block — forzar full-width sin margen lateral */
.home .wp-block-html,
.home .entry-content .wp-block-html {
	max-width: 100% !important;
	width: 100% !important;
	padding: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	box-sizing: border-box;
}

/* ═══════════════════════════════════════════════════════════
   CONTENEDOR ESTÁNDAR — 1140px centrado (estilo GMEDIA)
   Las secciones son full-width en color de fondo pero el
   contenido queda centrado y bien proporcionado.
═══════════════════════════════════════════════════════════ */
.abna-wrap {
	max-width: var(--max-w);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--pad-x);
	padding-right: var(--pad-x);
}

/* ═══════════════════════════════════════════════════════════
   ANIMACIÓN SCROLL
═══════════════════════════════════════════════════════════ */
.js .abna-fadein {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}
.js .abna-fadein.visible { opacity: 1; transform: none; }

#inicio,
#quienes-somos,
#servicios,
#seo-local,
#google-ads,
#proceso,
#sectores,
#testimonios,
#faq,
#contacto {
	scroll-margin-top: 124px;
}

/* ═══════════════════════════════════════════════════════════
   HEADER — tarjeta flotante premium ABNA
═══════════════════════════════════════════════════════════ */
.site-header,
.main-header-bar {
	background: transparent !important;
	box-shadow: none !important;
}

.site-header {
	position: fixed !important;
	top: 50px;
	left: 50%;
	right: auto;
	width: min(calc(100% - 28px), 1280px);
	transform: translateX(-50%);
	z-index: 999;
	border-bottom: none !important;
	border-radius: 24px;
	box-shadow: none !important;
	overflow: visible;
	transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.abna-header-topbar {
	position: fixed;
	top: 12px;
	left: 0;
	right: 0;
	z-index: 1000;
	height: 28px;
	background: transparent;
	pointer-events: none;
}

.abna-header-topbar__inner {
	max-width: 1280px;
	height: 100%;
	margin: 0 auto;
	padding: 0 16px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	pointer-events: auto;
}

.abna-header-topbar__link {
	position: relative;
	display: inline-flex;
	align-items: center;
	font-family: 'Space Grotesk', sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: var(--c-green);
	text-decoration: none !important;
	line-height: 1;
	padding: 0.42rem 0.74rem;
	border: 1px solid rgba(44,84,77,0.10);
	border-radius: 999px;
	background: rgba(255,255,255,0.84);
	box-shadow: 0 10px 26px rgba(26,46,40,0.08);
	backdrop-filter: blur(12px);
	transition: transform 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
}

.abna-header-topbar__link::before {
	margin-right: 6px;
	color: var(--c-yellow);
}

.abna-header-topbar__mail::before { content: '@'; }
.abna-header-topbar__audit {
	color: var(--c-green);
	border-color: rgba(252,207,48,0.55);
	background: rgba(252,207,48,0.92);
}
.abna-header-topbar__audit::before { content: '↗'; color: var(--c-purple); }
.abna-header-topbar__link:hover {
	color: var(--c-green);
	transform: translateY(-1px);
	border-color: rgba(44,84,77,0.22);
}

.main-header-bar {
	min-height: 76px !important;
	padding: 0 clamp(0.95rem, 1.7vw, 1.35rem) !important;
	background:
		linear-gradient(135deg, rgba(255,255,255,0.96), rgba(255,255,255,0.88)),
		radial-gradient(circle at 16% 0%, rgba(252,207,48,0.12), transparent 36%),
		radial-gradient(circle at 96% 20%, rgba(187,127,195,0.12), transparent 34%) !important;
	border: 1px solid rgba(44,84,77,0.12) !important;
	border-radius: 24px !important;
	box-shadow: 0 18px 60px rgba(26,46,40,0.14) !important;
	backdrop-filter: blur(14px);
	transition: box-shadow 0.22s ease, transform 0.22s ease;
}

.abna-header-scrolled .main-header-bar {
	box-shadow: 0 12px 42px rgba(26,46,40,0.16) !important;
}

.main-header-bar .ast-container {
	max-width: 1240px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	background: transparent !important;
	display: flex !important;
	align-items: center;
	justify-content: flex-start;
	gap: 0;
	position: relative;
}

.main-header-bar .site-branding {
	flex: 0 0 auto;
	margin-right: 0 !important;
}

/* Layout del menú SOLO en escritorio (cuando Astra NO está en modo
   hamburguesa). En móvil dejamos que Astra gestione el desplegable
   nativo para evitar el menú amontonado en horizontal. */
body:not(.ast-header-break-point) .main-header-bar .ast-main-header-bar-alignment {
	position: absolute !important;
	top: 50%;
	right: clamp(0.35rem, 1vw, 0.75rem);
	transform: translateY(-50%);
	display: flex !important;
	justify-content: flex-end !important;
	width: auto !important;
	flex: 0 0 auto !important;
	margin-left: auto !important;
	min-width: 0;
}

body:not(.ast-header-break-point) .main-header-bar .main-header-bar-navigation,
body:not(.ast-header-break-point) .main-header-bar .main-navigation {
	display: flex !important;
	justify-content: flex-end !important;
	width: 100% !important;
	margin-left: auto !important;
}

body:not(.ast-header-break-point) .main-header-bar #primary-menu {
	width: auto !important;
	margin-left: auto !important;
}

body:not(.ast-header-break-point) .main-header-bar .main-header-menu {
	display: flex !important;
	align-items: center;
	justify-content: flex-end;
	gap: clamp(1rem, 1.55vw, 1.55rem);
	flex-wrap: nowrap !important;
}

body:not(.ast-header-break-point) .main-header-bar .main-header-menu > li:not(.abna-header-contact-item) {
	flex: 0 0 auto;
}

.site-title a, .ast-site-identity .site-title a {
	font-family: 'Space Grotesk', sans-serif !important;
	color: var(--c-green) !important;
	font-weight: 700 !important;
	font-size: clamp(1.35rem, 1.8vw, 1.6rem) !important;
	letter-spacing: -0.03em;
	text-decoration: none;
	display: inline-flex !important;
	align-items: center;
}

.site-title a::after {
	content: '';
	width: 7px;
	height: 7px;
	margin-left: 7px;
	border-radius: 50%;
	background: var(--c-yellow);
	box-shadow: 0 0 0 5px rgba(252,207,48,0.10);
	display: inline-block;
}

.custom-logo { max-height: 40px; width: auto; }
.site-description { display: none; }

.ast-nav-menu > li > a,
#primary-menu > li > a {
	font-family: 'Space Grotesk', sans-serif !important;
	color: var(--c-green) !important;
	font-size: clamp(14px, 1.05vw, 15px) !important;
	font-weight: 600 !important;
	padding: 0.72rem 0.1rem !important;
	border-radius: 12px !important;
	background: transparent !important;
	position: relative;
	white-space: nowrap !important;
	transition: color 0.15s ease !important;
}

.ast-nav-menu > li > a::after,
#primary-menu > li > a::after {
	content: none !important;
	display: none !important;
}

.ast-nav-menu > li.current-menu-item > a {
	color: var(--c-green) !important;
	background: transparent !important;
	transform: none !important;
}

.abna-header-scrolled .ast-nav-menu > li.current-menu-item > a,
.abna-header-scrolled #primary-menu > li.current-menu-item > a {
	color: var(--c-green) !important;
}

.ast-nav-menu > li > a:hover,
#primary-menu > li > a:hover,
.abna-header-scrolled .ast-nav-menu > li > a:hover,
.abna-header-scrolled #primary-menu > li > a:hover {
	color: var(--c-yellow) !important;
	background: transparent !important;
}

.ast-nav-menu > li > a:hover::after,
#primary-menu > li > a:hover::after,
.ast-nav-menu > li.current-menu-item > a::after,
#primary-menu > li.current-menu-item > a::after {
	content: none !important;
	display: none !important;
}

.ast-nav-menu .sub-menu, #primary-menu .sub-menu {
	background: rgba(255,255,255,0.98) !important;
	border: 1px solid rgba(44,84,77,0.12) !important;
	border-radius: 18px !important;
	box-shadow: 0 18px 42px rgba(26,46,40,0.14) !important;
	padding: 8px !important;
	margin-top: 12px !important;
}
.ast-nav-menu .sub-menu li a {
	color: var(--c-green) !important;
	font-size: 14px !important;
	padding: 10px 14px !important;
	border-radius: 12px !important;
}
.ast-nav-menu .sub-menu li a:hover { color: var(--c-green) !important; background: rgba(252,207,48,0.18) !important; }

/* Menú móvil Astra — dropdown hamburguesa */
@media (max-width: 921px) {
	#ast-mobile-header {
		position: relative;
		z-index: 1004;
		width: 100%;
	}

	#ast-mobile-header .main-header-menu-toggle,
	#ast-mobile-header .ast-mobile-menu-trigger-minimal {
		pointer-events: auto !important;
		cursor: pointer !important;
		position: relative;
		z-index: 1006;
		background: transparent;
		border: none;
		padding: 8px;
	}

	.ast-mobile-header-content {
		display: none !important;
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		z-index: 1005;
		background: var(--c-white) !important;
		border-top: 1px solid var(--c-border-lt);
		border-radius: 0 0 18px 18px;
		box-shadow: 0 18px 38px rgba(26,46,40,0.14);
		max-height: calc(100dvh - 140px);
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		padding: 6px 0 12px;
	}

	#ast-mobile-header.ast-main-header-nav-open .ast-mobile-header-content,
	#ast-mobile-header.toggled .ast-mobile-header-content,
	body.ast-main-header-nav-open #ast-mobile-header .ast-mobile-header-content {
		display: block !important;
	}

	#ast-mobile-site-navigation .main-header-menu,
	#ast-hf-mobile-menu {
		display: block !important;
		flex-direction: column !important;
		width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	#ast-mobile-site-navigation .main-header-menu > li,
	#ast-hf-mobile-menu > li {
		width: 100% !important;
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	#ast-mobile-site-navigation .main-header-menu > li > a,
	#ast-hf-mobile-menu > li > a {
		font-family: 'Space Grotesk', sans-serif !important;
		font-size: 16px !important;
		font-weight: 600 !important;
		color: var(--c-green) !important;
		padding: 15px 52px 15px 20px !important;
		display: block !important;
		width: 100% !important;
		border-bottom: 1px solid var(--c-border-lt) !important;
		border-radius: 0 !important;
		background: var(--c-white) !important;
		text-decoration: none !important;
	}

	#ast-mobile-site-navigation .menu-item-has-children {
		position: relative;
	}

	#ast-mobile-site-navigation .abna-menu-toggle {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 0;
		right: 0;
		width: 48px;
		height: 51px;
		border: none;
		background: transparent;
		cursor: pointer;
		padding: 0;
		z-index: 2;
	}

	#ast-mobile-site-navigation .abna-menu-toggle::before {
		content: '';
		display: block;
		width: 8px;
		height: 8px;
		border-right: 2px solid var(--c-green);
		border-bottom: 2px solid var(--c-green);
		transform: rotate(45deg);
		transition: transform 0.2s ease;
		margin-top: -3px;
	}

	#ast-mobile-site-navigation .menu-item-has-children.abna-submenu-open > .abna-menu-toggle::before {
		transform: rotate(-135deg);
		margin-top: 3px;
	}

	#ast-mobile-site-navigation .sub-menu {
		display: none !important;
		position: static !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 4px 0 8px !important;
		border: none !important;
		box-shadow: none !important;
		background: var(--c-bg-alt) !important;
		list-style: none;
	}

	#ast-mobile-site-navigation .menu-item-has-children.abna-submenu-open > .sub-menu,
	#ast-mobile-site-navigation .menu-item-has-children.ast-submenu-expanded > .sub-menu {
		display: block !important;
	}

	#ast-mobile-site-navigation .sub-menu li a {
		font-family: 'Space Grotesk', sans-serif !important;
		padding: 12px 20px 12px 2.25rem !important;
		font-size: 14px !important;
		font-weight: 600 !important;
		color: var(--c-green) !important;
		border-bottom: 1px solid var(--c-border-lt) !important;
		background: transparent !important;
		display: block !important;
		position: relative;
	}

	#ast-mobile-site-navigation .sub-menu li a::before {
		content: '';
		position: absolute;
		left: 1.15rem;
		top: 50%;
		transform: translateY(-50%);
		width: 5px;
		height: 5px;
		border-radius: 50%;
		background: var(--c-yellow);
	}

	/* Oculta toggles duplicados de Astra dentro del panel móvil */
	#ast-mobile-site-navigation .ast-menu-toggle,
	#ast-mobile-site-navigation .dropdown-menu-toggle {
		display: none !important;
	}
}

@media (max-width: 921px) {
	#ast-mobile-site-navigation,
	.ast-header-break-point .main-header-bar-navigation {
		background: var(--c-white) !important;
		border-top: 1px solid var(--c-border-lt) !important;
		border-radius: 0 0 18px 18px !important;
		box-shadow: 0 18px 38px rgba(26,46,40,0.12) !important;
		padding: 6px 0 14px !important;
		max-height: calc(100dvh - 130px);
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
	.ast-header-break-point .main-header-bar .main-header-menu,
	.ast-header-break-point .main-header-bar .ast-nav-menu {
		display: block !important;
		width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	#ast-mobile-site-navigation .main-header-menu > li,
	#ast-hf-mobile-menu .main-header-menu > li,
	.ast-header-break-point .main-header-bar .main-header-menu > li,
	.ast-header-break-point .main-header-bar .ast-nav-menu > li {
		width: 100% !important;
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
	}
	.ast-header-break-point .main-header-bar-navigation .menu-item-has-children {
		position: relative;
	}
	.ast-header-break-point .main-header-bar-navigation .main-header-menu > li > a,
	.ast-header-break-point .main-header-bar-navigation .ast-nav-menu > li > a {
		font-family: 'Space Grotesk', sans-serif !important;
		font-size: 16px !important;
		font-weight: 600 !important;
		color: var(--c-green) !important;
		padding: 15px 52px 15px 20px !important;
		display: block !important;
		width: 100% !important;
		border-bottom: 1px solid var(--c-border-lt) !important;
		border-radius: 0 !important;
		background: var(--c-white) !important;
		text-decoration: none !important;
		letter-spacing: -0.01em;
	}
	.ast-header-break-point .main-header-bar-navigation .main-header-menu > li > a:hover,
	.ast-header-break-point .main-header-bar-navigation .ast-nav-menu > li > a:hover {
		color: var(--c-green) !important;
		background: rgba(252,207,48,0.10) !important;
	}
	.ast-header-break-point .main-header-bar-navigation .ast-menu-toggle,
	.ast-header-break-point .main-header-bar-navigation .abna-menu-toggle {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 0;
		right: 0;
		width: 48px;
		height: 51px;
		border: none;
		background: transparent;
		color: var(--c-green);
		cursor: pointer;
		padding: 0;
	}
	.ast-header-break-point .main-header-bar-navigation .abna-menu-toggle::before {
		content: '';
		display: block;
		width: 8px;
		height: 8px;
		border-right: 2px solid var(--c-green);
		border-bottom: 2px solid var(--c-green);
		transform: rotate(45deg);
		transition: transform 0.2s ease;
		margin-top: -3px;
	}
	.ast-header-break-point .main-header-bar-navigation .menu-item-has-children.abna-submenu-open > .abna-menu-toggle::before {
		transform: rotate(-135deg);
		margin-top: 3px;
	}
	.ast-header-break-point .main-header-bar-navigation .sub-menu {
		display: none !important;
		position: static !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 4px 0 8px !important;
		border: none !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		background: var(--c-bg-alt) !important;
		list-style: none;
	}
	.ast-header-break-point .main-header-bar-navigation .menu-item-has-children.abna-submenu-open > .sub-menu,
	.ast-header-break-point .main-header-bar-navigation .menu-item-has-children.ast-submenu-expanded > .sub-menu {
		display: block !important;
	}
	.ast-header-break-point .main-header-bar-navigation .sub-menu li {
		width: 100% !important;
		display: block !important;
		margin: 0 !important;
	}
	.ast-header-break-point .main-header-bar-navigation .sub-menu li a {
		font-family: 'Space Grotesk', sans-serif !important;
		padding: 12px 20px 12px 2.25rem !important;
		font-size: 14px !important;
		font-weight: 600 !important;
		color: var(--c-green) !important;
		border-bottom: 1px solid var(--c-border-lt) !important;
		background: transparent !important;
		border-radius: 0 !important;
		display: block !important;
		position: relative;
	}
	.ast-header-break-point .main-header-bar-navigation .sub-menu li a::before {
		content: '';
		position: absolute;
		left: 1.15rem;
		top: 50%;
		transform: translateY(-50%);
		width: 5px;
		height: 5px;
		border-radius: 50%;
		background: var(--c-yellow);
	}
	.ast-header-break-point .main-header-bar-navigation .sub-menu li a:hover {
		color: var(--c-green) !important;
		background: rgba(252,207,48,0.14) !important;
	}
	/* Oculta submenús anidados fuera del panel principal */
	.ast-header-break-point .main-header-bar-navigation .sub-menu .sub-menu {
		display: none !important;
	}
}

/* Compatibilidad por si queda caché de versiones antiguas del menú */
.abna-header-contact-item {
	display: none !important;
}

.menu-toggle, button.menu-toggle { color: var(--c-green) !important; }
.menu-toggle .menu-toggle-icon,
.menu-toggle .menu-toggle-icon::before,
.menu-toggle .menu-toggle-icon::after { background: var(--c-green) !important; }
.ast-header-break-point .main-header-bar-navigation { background: var(--c-white) !important; border-top: 1px solid var(--c-border-lt); }
.ast-header-break-point .ast-nav-menu li a { color: var(--c-green) !important; border-bottom: 1px solid var(--c-border-lt) !important; border-radius: 0 !important; }
.ast-header-break-point .ast-nav-menu li a:hover { color: var(--c-yellow) !important; }
/* ═══════════════════════════════════════════════════════════
   BOTONES
═══════════════════════════════════════════════════════════ */
.abna-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: 'Space Grotesk', sans-serif;
	font-size: 15px;
	font-weight: 600;
	border-radius: var(--radius);
	padding: 13px 24px;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.18s ease;
	letter-spacing: -0.01em;
}

.abna-btn--primary {
	background: var(--c-yellow);
	color: var(--c-green-dk);
	border: 2px solid var(--c-yellow);
}
.abna-btn--primary:hover {
	background: var(--c-yellow-dk);
	border-color: var(--c-yellow-dk);
	transform: translateY(-1px);
	box-shadow: 0 4px 16px rgba(252,207,48,0.35);
}

.abna-btn--secondary {
	background: transparent;
	color: var(--c-green);
	border: 2px solid var(--c-green);
}
.abna-btn--secondary:hover {
	background: var(--c-green);
	color: var(--c-white);
}

.abna-btn-arrow { font-size: 14px; }

/* Gutenberg button override */
.abna-btn-cta .wp-block-button__link {
	background: var(--c-yellow) !important;
	color: var(--c-green-dk) !important;
	font-family: 'Space Grotesk', sans-serif !important;
	font-weight: 600 !important;
	border-radius: var(--radius) !important;
	padding: 13px 24px !important;
	border: none !important;
	font-size: 15px !important;
}
.abna-btn-cta .wp-block-button__link:hover { background: var(--c-yellow-dk) !important; }

/* ═══════════════════════════════════════════════════════════
   EYEBROW LABEL
═══════════════════════════════════════════════════════════ */
.abna-eyebrow {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--c-muted);
	margin-bottom: 14px;
	display: block;
}
.abna-eyebrow--green  { color: var(--c-green); }
.abna-eyebrow--purple { color: var(--c-purple); }
.abna-eyebrow--yellow { color: #8a6c00; }

/* Eyebrow específico de la sección web — más grande */
.abna-web-section .abna-eyebrow {
	font-size: 14px;
	letter-spacing: 0.18em;
}

/* ═══════════════════════════════════════════════════════════
   TÍTULO DE SECCIÓN
═══════════════════════════════════════════════════════════ */
.abna-section-header { text-align: center; margin-bottom: 52px; }
.abna-section-header--left { text-align: left; }

.abna-section-header__h2 {
	font-family: 'Space Grotesk', sans-serif;
	font-size: clamp(1.75rem, 3vw, 2.4rem);
	font-weight: 700;
	color: var(--c-green);
	letter-spacing: -0.03em;
	line-height: 1.18;
	margin: 0 0 14px;
}

.abna-section-header__sub {
	font-size: 17px;
	color: var(--c-muted);
	line-height: 1.6;
	max-width: 520px;
	margin: 0 auto;
}

/* ═══════════════════════════════════════════════════════════
   SECCIÓN 1 · HERO — BOXED, imagen fondo, overlay 50%, texto derecha
═══════════════════════════════════════════════════════════ */

/* Wrapper residual — sin efecto */
.abna-hero-wrap { padding: 0; background: transparent; }

/* ── Hero full-width ── */
.abna-hero {
	position: relative;
	min-height: 94vh;
	display: flex;
	align-items: center;
	overflow: hidden;
	background: var(--c-green-dk); /* fallback mientras carga la imagen */
}

/* Imagen de fondo con <img> — cubre toda la sección */
.abna-hero__bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	display: block;
	z-index: 0;
}

/* Overlay verde al 50% */
.abna-hero__overlay {
	position: absolute;
	inset: 0;
	background: rgba(20, 44, 38, 0.50);
	z-index: 1;
}

/* Layout: el texto ocupa máximo el 50% izquierdo, el resto muestra la imagen */
.abna-hero__inner {
	position: relative;
	z-index: 2;
	width: 100%;
	padding: clamp(10rem, 13vw, 12rem) 2.5rem clamp(6.5rem, 10vw, 8rem);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 3rem;
}

/* Texto: máximo 50% del ancho — deja la mitad derecha libre para ver la foto */
.abna-hero__text {
	max-width: 50%;
	flex-shrink: 0;
}

/* Spacer ya no existe */
.abna-hero__spacer { display: none; }

/* Eyebrow sobre fondo oscuro */
.abna-eyebrow--light { color: rgba(252,207,48,0.90); }

/* H1 — más grande */
.abna-hero__h1 {
	font-family: 'Space Grotesk', sans-serif !important;
	font-size: clamp(2.6rem, 4.8vw, 4rem) !important;
	font-weight: 700 !important;
	line-height: 1.10 !important;
	letter-spacing: -0.04em !important;
	color: #ffffff !important;
	margin: 0 0 1.25rem !important;
}

.abna-hero__sub {
	font-size: 16px;
	line-height: 1.72;
	color: rgba(255,255,255,0.80);
	margin: 0 0 2rem;
}

.abna-hero__actions {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

/* Botón secundario blanco */
.abna-btn--hero-sec {
	background: transparent;
	color: #ffffff;
	border: 2px solid rgba(255,255,255,0.50);
	font-family: 'Space Grotesk', sans-serif;
	font-size: 15px;
	font-weight: 600;
	border-radius: var(--radius);
	padding: 13px 24px;
	text-decoration: none;
	transition: all 0.18s ease;
	display: inline-flex;
	align-items: center;
}
.abna-btn--hero-sec:hover {
	background: rgba(255,255,255,0.12);
	border-color: rgba(255,255,255,0.85);
}

.abna-hero__social-proof {
	margin: 1.25rem 0 0;
	font-size: 13px;
	color: rgba(255,255,255,0.58);
	display: flex;
	align-items: center;
	gap: 8px;
}

.abna-proof-dot {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #22c55e;
	flex-shrink: 0;
	animation: pulse-dot 2s ease-in-out infinite;
}

@keyframes pulse-dot {
	0%, 100% { box-shadow: 0 0 0 0 rgba(34,197,94,0.5); }
	50%       { box-shadow: 0 0 0 6px rgba(34,197,94,0); }
}

/* ── Badge circular flotante ── */
.abna-hero__popup {
	flex-shrink: 0;
	width: 172px;
	height: 172px;
	border-radius: 50%;
	background: rgba(255,255,255,0.10);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border: 1px solid rgba(255,255,255,0.22);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 20px;
	box-shadow: 0 10px 40px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.14);
	animation: float-badge 4s ease-in-out infinite;
}

@keyframes float-badge {
	0%, 100% { transform: translateY(0px); }
	50%       { transform: translateY(-9px); }
}

.abna-popup__num {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 2.5rem;
	font-weight: 700;
	color: var(--c-yellow);
	letter-spacing: -0.04em;
	line-height: 1;
	display: block;
}

.abna-popup__label {
	font-size: 12px;
	font-weight: 500;
	color: rgba(255,255,255,0.80);
	line-height: 1.45;
	margin-top: 8px;
	display: block;
}

/* ═══════════════════════════════════════════════════════════
   TRUST STRIP — fondo amarillo + carrusel infinito
═══════════════════════════════════════════════════════════ */
.abna-trust {
	background: var(--c-yellow);
	border-top: none;
	border-bottom: 2px solid rgba(0,0,0,0.07);
	padding: 32px 0 28px;
	overflow: hidden;
	text-align: center;
}

/* Título "Especializados en" — más oscuro */
.abna-trust__title {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--c-ink);
	margin: 0 0 18px;
}

/* Contenedor del carrusel */
.abna-trust-carousel {
	overflow: hidden;
	position: relative;
	mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
	-webkit-mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
}

/* Pista animada */
.abna-trust-track {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	width: max-content;
	animation: scroll-sectors 30s linear infinite;
}

.abna-trust-track.wp-block-group {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	width: max-content !important;
	gap: 0 !important;
}

.abna-trust-track span,
.abna-trust-track p {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 17px;
	font-weight: 600;
	color: rgba(26,46,40,0.85);
	padding: 0 32px;
	white-space: nowrap;
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 9px;
	margin: 0;
}

/* Icono antes del texto — data-URI por sector (inmune a wp_kses_post) */
.abna-trust-track span::before,
.abna-trust-track p::before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.abna-trust-track .ts-fire::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%231a2e28' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 2c0 0-6 4.5-6 9a6 6 0 0 0 12 0c0-4.5-6-9-6-9z'/%3E%3C/svg%3E");
}
.abna-trust-track .ts-sun::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%231a2e28' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='3.5'/%3E%3Cline x1='10' y1='2' x2='10' y2='4'/%3E%3Cline x1='10' y1='16' x2='10' y2='18'/%3E%3Cline x1='2' y1='10' x2='4' y2='10'/%3E%3Cline x1='16' y1='10' x2='18' y2='10'/%3E%3Cline x1='4.2' y1='4.2' x2='5.6' y2='5.6'/%3E%3Cline x1='14.4' y1='14.4' x2='15.8' y2='15.8'/%3E%3Cline x1='4.2' y1='15.8' x2='5.6' y2='14.4'/%3E%3Cline x1='14.4' y1='5.6' x2='15.8' y2='4.2'/%3E%3C/svg%3E");
}
.abna-trust-track .ts-lift::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%231a2e28' stroke-width='1.6' stroke-linecap='round'%3E%3Crect x='4' y='2' width='12' height='16' rx='2'/%3E%3Cline x1='4' y1='7' x2='16' y2='7'/%3E%3Cline x1='4' y1='12' x2='16' y2='12'/%3E%3C/svg%3E");
}
.abna-trust-track .ts-bolt::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%231a2e28' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='11 2 3 11 10 11 9 18 17 9 10 9 11 2'/%3E%3C/svg%3E");
}
.abna-trust-track .ts-drop::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%231a2e28' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M10 2.5c0 0-5 3.5-5 7.5a5 5 0 0 0 10 0c0-4-5-7.5-5-7.5z'/%3E%3C/svg%3E");
}
.abna-trust-track .ts-key::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%231a2e28' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='7' cy='8' r='4'/%3E%3Cline x1='10.5' y1='11.5' x2='18' y2='18'/%3E%3C/svg%3E");
}

/* Separador barra vertical | */
.abna-trust-track span::after,
.abna-trust-track p::after {
	content: '|';
	position: absolute;
	right: -3px;
	color: rgba(26,46,40,0.28);
	font-size: 16px;
	font-weight: 300;
	line-height: 1;
}

@keyframes scroll-sectors {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}

/* Pausa al pasar el ratón */
.abna-trust-carousel:hover .abna-trust-track {
	animation-play-state: paused;
}

/* ═══════════════════════════════════════════════════════════
   SECCIÓN 2 · MÉTRICAS — estilo pop-up flotante horizontal
═══════════════════════════════════════════════════════════ */
.abna-stats {
	background: var(--c-white);
	padding: clamp(3rem, 6vw, 4.5rem) var(--pad-x);
	position: relative;
}

/* Halo radial difuminado para separar la pastilla del fondo blanco */
.abna-stats::before {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse 70% 80% at 50% 50%, rgba(44,84,77,0.055) 0%, transparent 70%);
	pointer-events: none;
}

.abna-stats__inner {
	max-width: var(--max-w);
	margin: 0 auto;
	display: flex;
	align-items: stretch;
	justify-content: center;
	background: #ffffff;
	border-radius: 20px;
	box-shadow: 0 8px 40px rgba(44,84,77,0.12), 0 2px 8px rgba(0,0,0,0.06);
	border: 1px solid var(--c-border-lt);
	overflow: hidden;
	animation: float-stats 5s ease-in-out infinite;
}

@keyframes float-stats {
	0%, 100% { transform: translateY(0px); box-shadow: 0 8px 40px rgba(44,84,77,0.12), 0 2px 8px rgba(0,0,0,0.06); }
	50%       { transform: translateY(-6px); box-shadow: 0 16px 56px rgba(44,84,77,0.16), 0 4px 16px rgba(0,0,0,0.08); }
}

/* Divisores — pseudo elemento en el padre, no el último hijo */
.abna-stat {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	row-gap: 4px;
	text-align: center;
	padding: 2rem 1.5rem;
	border-right: 1px solid var(--c-border-lt);
	position: relative;
}
.abna-stat:last-child { border-right: none; }

/* Acento de color en la parte superior de cada stat */
.abna-stat::before {
	content: '';
	position: absolute;
	top: 0; left: 50%;
	transform: translateX(-50%);
	width: 40px; height: 3px;
	background: var(--c-purple);
	border-radius: 0 0 4px 4px;
}

/* Números en morado */
.abna-stat__num {
	font-family: 'Space Grotesk', sans-serif;
	font-size: clamp(2rem, 3.5vw, 2.8rem);
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.04em;
	color: var(--c-purple);
}

/* Divisor oculto */
.abna-stat-divider { display: none; }

.abna-stat__label {
	font-size: 13px;
	color: var(--c-muted);
	line-height: 1.4;
}

/* ═══════════════════════════════════════════════════════════
   SECCIONES DE SERVICIO — 2 columnas, estilo GMEDIA
═══════════════════════════════════════════════════════════ */
.abna-feature {
	padding: var(--sec-v) 0;
	border-bottom: 1px solid var(--c-border-lt);
}

.abna-feature:nth-of-type(odd)  { background: var(--c-white); }
.abna-feature:nth-of-type(even) { background: var(--c-bg-alt); }

.abna-feature__inner {
	max-width: var(--max-w);
	margin: 0 auto;
	padding: 0 var(--pad-x);
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(3rem, 5vw, 5rem);
	align-items: center;
}

/* Invertido: imagen izquierda */
.abna-feature--reversed .abna-feature__media { order: -1; }

/* Textos */
.abna-feature__h2 {
	font-family: 'Space Grotesk', sans-serif !important;
	font-size: clamp(1.65rem, 2.5vw, 2.1rem) !important;
	font-weight: 700 !important;
	letter-spacing: -0.03em !important;
	line-height: 1.2 !important;
	color: var(--c-green) !important;
	margin: 0 0 1rem !important;
}

.abna-feature__p {
	font-size: 15px;
	line-height: 1.72;
	color: var(--c-body);
	margin: 0 0 1.5rem;
}

/* Checklist */
.abna-checklist {
	list-style: none;
	padding: 0;
	margin: 0 0 1.75rem;
}

.abna-checklist li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 14px;
	line-height: 1.55;
	color: var(--c-body);
	padding: 9px 0;
	border-bottom: 1px solid var(--c-border-lt);
}

.abna-checklist li::before {
	content: '';
	display: block;
	width: 18px;
	height: 18px;
	min-width: 18px;
	margin-top: 1px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='8.5' fill='%23fccf30'/%3E%3Cpath d='M5 9l3 3 5-6' stroke='%231a3530' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
	background-size: 18px;
	background-repeat: no-repeat;
}

.abna-text-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-family: 'Space Grotesk', sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: var(--c-green);
	text-decoration: none;
	border-bottom: 2px solid var(--c-yellow);
	padding-bottom: 1px;
	transition: border-color 0.15s;
}
.abna-text-link:hover { border-color: var(--c-green); }

/* Imagen */
.abna-media-card {
	border-radius: var(--radius-img);
	overflow: hidden;
	box-shadow: var(--shadow-img);
}

.abna-media-card img {
	display: block;
	width: 100%;
	height: 400px;
	object-fit: cover;
}

/* ═══════════════════════════════════════════════════════════
   SECCIÓN DISEÑO WEB — header centrado + imagen + tarjetas laterales
═══════════════════════════════════════════════════════════ */
.abna-web-section {
	background: var(--c-white);
	padding: var(--sec-v) 0;
	border-bottom: 1px solid var(--c-border-lt);
}

.abna-web-section__inner {
	max-width: 1320px;
	margin: 0 auto;
	padding: 0 var(--pad-x);
}

/* Header — centrado */
.abna-web-section__header {
	text-align: center;
	max-width: 680px;
	margin: 0 auto 3.5rem;
}

.abna-web-section__h2 {
	font-family: 'Space Grotesk', sans-serif;
	font-size: clamp(2.4rem, 4.4vw, 3.6rem);
	font-weight: 700;
	color: var(--c-yellow);
	line-height: 1.10;
	letter-spacing: -0.04em;
	margin: 0.6rem 0 1rem;
}

.abna-web-section__sub {
	font-size: 1.05rem;
	color: var(--c-body);
	line-height: 1.65;
	margin: 0 0 1.75rem;
}

/* Body — grid 3 columnas: tarjetas laterales a la altura de la imagen */
.abna-web-section__body {
	display: grid;
	grid-template-columns: 1.2fr 1fr 1.2fr;
	gap: 1.75rem;
	align-items: stretch;
}

/* Imagen central */
.abna-web-section__image {
	border-radius: var(--radius-img);
	overflow: hidden;
	box-shadow: var(--shadow-img);
}

.abna-web-section__image img {
	display: block;
	width: 100%;
	height: 420px;
	object-fit: cover;
}

/* Columnas de tarjetas — altura total = imagen central (420px) */
.abna-web-cards {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	height: 420px;
}

/* Tarjetas individuales — reparten el alto a partes iguales */
.abna-web-card {
	background: var(--c-white);
	border: 1.5px solid var(--c-purple);
	border-radius: 12px;
	padding: 1.15rem 1.25rem;
	flex: 1 1 0;
	min-height: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0.75rem;
	transition: box-shadow 0.25s, transform 0.25s, border-color 0.25s, background 0.25s;
}

.abna-web-card:hover {
	background: var(--c-purple-lt);
	border-color: transparent;
	box-shadow: 0 8px 32px rgba(187,127,195,0.18);
	transform: translateY(-3px);
}

.abna-web-card__icon {
	width: 36px !important;
	min-width: 36px !important;
	max-width: 36px !important;
	height: 36px;
	background-color: var(--c-purple-lt);
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0;
	flex: 0 0 36px;
	align-self: flex-start;
	transition: background-color 0.25s;
}

.abna-web-card:hover .abna-web-card__icon {
	background-color: rgba(187,127,195,0.30);
}

/* Variantes de color para tarjetas SEO (morado) y SEM (amarillo) */
.abna-web-card--purple {
	border-color: var(--c-purple);
}
.abna-web-card--purple .abna-web-card__icon {
	background-color: var(--c-purple-lt);
}
.abna-web-card--purple:hover {
	background: var(--c-purple-lt);
	border-color: transparent;
	box-shadow: 0 8px 32px rgba(187,127,195,0.18);
}
.abna-web-card--purple:hover .abna-web-card__icon {
	background-color: rgba(187,127,195,0.30);
}

.abna-web-card--yellow {
	border-color: var(--c-yellow);
}
.abna-web-card--yellow .abna-web-card__icon {
	background-color: rgba(252,207,48,0.15);
}
.abna-web-card--yellow:hover {
	background-color: rgba(252,207,48,0.08);
	border-color: transparent;
	box-shadow: 0 8px 32px rgba(252,207,48,0.22);
}
.abna-web-card--yellow:hover .abna-web-card__icon {
	background-color: rgba(252,207,48,0.25);
}

/* Títulos H2 con color de acento por sección */
.abna-web-section__h2--purple { color: var(--c-purple) !important; }
.abna-web-section__h2--yellow { color: var(--c-yellow) !important; }
.abna-web-section__h2--green  { color: var(--c-green)  !important; }

/* Todas las secciones de servicio — fondo blanco uniforme */
.abna-web-section,
.abna-web-section--seo,
.abna-web-section--sem { background: var(--c-white); }

/* Variante verde — SEM */
.abna-web-card--green {
	border-color: var(--c-green);
}
.abna-web-card--green .abna-web-card__icon {
	background-color: rgba(44,84,77,0.08);
}
.abna-web-card--green:hover {
	background-color: rgba(44,84,77,0.06);
	border-color: transparent;
	box-shadow: 0 8px 32px rgba(44,84,77,0.14);
}
.abna-web-card--green:hover .abna-web-card__icon {
	background-color: rgba(44,84,77,0.14);
}

/* Iconos Diseño Web — amarillo oscuro */
.abna-icon--monitor {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none' stroke='%23c8a000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='3' width='18' height='13' rx='2'/%3E%3Cpath d='M8 19h6m-3-3v3'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: center; background-size: 18px 18px;
}
.abna-icon--doc {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none' stroke='%23c8a000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V9z'/%3E%3Cpolyline points='13 2 13 9 20 9'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: center; background-size: 18px 18px;
}
.abna-icon--chart {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none' stroke='%23c8a000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='22 12 18 12 15 21 9 3 6 12 2 12'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: center; background-size: 18px 18px;
}
.abna-icon--map {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none' stroke='%23c8a000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: center; background-size: 18px 18px;
}

/* ── Iconos SEO (morado) ── */
.abna-icon--maps {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none' stroke='%23bb7fc3' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: center; background-size: 18px 18px;
}
.abna-icon--search {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none' stroke='%23bb7fc3' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='10' r='7'/%3E%3Cline x1='15.5' y1='15.5' x2='21' y2='21'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: center; background-size: 18px 18px;
}
.abna-icon--city {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none' stroke='%23bb7fc3' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='7' width='10' height='14'/%3E%3Crect x='12' y='3' width='8' height='18'/%3E%3Cline x1='6' y1='11' x2='6' y2='11'/%3E%3Cline x1='6' y1='15' x2='6' y2='15'/%3E%3Cline x1='16' y1='7' x2='16' y2='7'/%3E%3Cline x1='16' y1='11' x2='16' y2='11'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: center; background-size: 18px 18px;
}
.abna-icon--clock {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none' stroke='%23bb7fc3' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='9'/%3E%3Cpolyline points='11 6 11 11 15 13'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: center; background-size: 18px 18px;
}

/* ── Iconos SEM (verde corporativo) ── */
.abna-icon--target {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none' stroke='%232c544d' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='9'/%3E%3Ccircle cx='11' cy='11' r='5'/%3E%3Ccircle cx='11' cy='11' r='1'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: center; background-size: 18px 18px;
}
.abna-icon--phone {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none' stroke='%232c544d' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.62 3.4 2 2 0 0 1 3.6 1.21h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L7.91 8.77a16 16 0 0 0 6 6l.87-.87a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: center; background-size: 18px 18px;
}
.abna-icon--landing {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none' stroke='%232c544d' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='3' width='18' height='16' rx='2'/%3E%3Cline x1='2' y1='8' x2='20' y2='8'/%3E%3Cline x1='7' y1='12' x2='15' y2='12'/%3E%3Cline x1='7' y1='15' x2='12' y2='15'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: center; background-size: 18px 18px;
}
.abna-icon--shield {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none' stroke='%232c544d' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 2L3 6v5c0 5.25 3.5 10.15 8 11.5C16.5 21.15 20 16.25 20 11V6L11 2z'/%3E%3Cpolyline points='8 11 10 13 14 9'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: center; background-size: 18px 18px;
}

.abna-web-card__title {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 0.95rem;
	font-weight: 600;
	color: var(--c-ink);
	margin: 0;
	line-height: 1.3;
	flex-shrink: 0;
}

.abna-web-card__p {
	font-size: 0.875rem;
	color: var(--c-muted);
	line-height: 1.55;
	margin: 0;
	flex: 1 1 auto;
	align-self: stretch;
}

/* ═══════════════════════════════════════════════════════════
   SECCIÓN 3 · PROCESO — 3 pasos horizontales
═══════════════════════════════════════════════════════════ */
/* ═══════════════════════════════════════════════════════════
   SECCIÓN PROCESO v2 · Texto + Acordeón · Fondo imagen + overlay
═══════════════════════════════════════════════════════════ */
.abna-process {
	position: relative;
	background: var(--c-white);
	padding: var(--sec-v) 0;
}

.abna-process__inner {
	max-width: 1320px;
	margin: 0 auto;
	padding: 0 var(--pad-x);
	display: grid;
	grid-template-columns: 1fr 1.15fr;
	gap: clamp(3rem, 7vw, 6rem);
	align-items: center;
}

/* ── Columna izquierda ── */
.abna-process__left {
	display: flex;
	flex-direction: column;
	gap: 22px;
}

.abna-process__left .abna-eyebrow {
	color: var(--c-yellow);
	opacity: 1;
}

.abna-process__left .abna-section-header__h2,
.abna-process__left .abna-web-section__h2 {
	color: #fff !important;
	font-size: clamp(1.75rem, 3vw, 2.4rem) !important;
}

.abna-process__sub {
	font-size: 17px;
	line-height: 1.7;
	color: rgba(255,255,255,0.78);
	margin: 0;
}

/* ── Columna derecha: acordeón ── */
.abna-process__accordion {
	display: flex;
	flex-direction: column;
}

.abna-accord {
	border-bottom: 1px solid rgba(255,255,255,0.15);
}
.abna-accord:first-child { border-top: 1px solid rgba(255,255,255,0.15); }

.abna-accord summary {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 22px 4px;
	cursor: pointer;
	list-style: none;
	outline: none;
	user-select: none;
}
.abna-accord summary::-webkit-details-marker { display: none; }

.abna-accord__num {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1em;
	color: var(--c-yellow);
	min-width: 28px;
	flex-shrink: 0;
}

.abna-accord__title {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 1.05rem;
	font-weight: 600;
	color: #fff;
	flex: 1;
	line-height: 1.3;
}

.abna-accord__icon {
	width: 30px;
	height: 30px;
	border: 1.5px solid rgba(255,255,255,0.25);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	font-weight: 300;
	line-height: 1;
	color: rgba(255,255,255,0.6);
	transition: transform 0.3s ease, border-color 0.3s ease, color 0.3s ease;
	flex-shrink: 0;
}

.abna-accord[open] .abna-accord__icon {
	transform: rotate(45deg);
	border-color: var(--c-yellow);
	color: var(--c-yellow);
}

.abna-accord__body {
	padding: 0 4px 24px 44px;
}

.abna-accord__body p {
	font-size: 15px;
	line-height: 1.72;
	color: rgba(255,255,255,0.72);
	margin: 0;
}

/* ═══════════════════════════════════════════════════════════
   SECCIÓN 4 · CASO DE ÉXITO
═══════════════════════════════════════════════════════════ */
/* ═══════════════════════════════════════════════════════════
   SECCIÓN 5 · SECTORES — flip cards
═══════════════════════════════════════════════════════════ */
.abna-sectors-stripe {
	background: var(--c-white);
	padding: var(--sec-v) 0;
	border-bottom: 1px solid var(--c-border-lt);
}

.abna-sectors-stripe__inner {
	max-width: var(--max-w);
	margin: 0 auto;
	padding: 0 var(--pad-x);
}

.abna-sectors__header {
	text-align: center;
	max-width: 680px;
	margin: 0 auto 3rem;
}

/* Grid flip cards — contenido no full width */
.abna-flip-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	max-width: 960px;
	margin: 0 auto;
}

/* Contenedor con perspectiva y altura fija */
.abna-flip-card {
	perspective: 1200px;
	height: 300px;
	cursor: pointer;
}

.abna-flip-inner {
	position: relative;
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	transition: transform 0.6s cubic-bezier(0.4, 0.2, 0.2, 1);
}

.abna-flip-card:hover .abna-flip-inner {
	transform: rotateY(180deg);
}

/* Caras compartidas — imagen de fondo con overlay negro 50% */
.abna-flip-front,
.abna-flip-back {
	position: absolute;
	inset: 0;
	border-radius: 18px;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 1.5rem 1.25rem;
	text-align: center;
	overflow: hidden;
	gap: 0.8rem;
	/* El background-image se aplica via inline style desde PHP */
	background-size: cover;
	background-position: center;
}

/* ── CARA DELANTERA (amarillo) ── */
.abna-flip-front {
	background-color: var(--c-white);
	border: 2.5px solid var(--c-yellow);
}

/* ── CARA TRASERA (lila) ── */
.abna-flip-back {
	background-color: var(--c-white);
	border: 2.5px solid var(--c-purple);
	transform: rotateY(180deg);
}

/* Contenedor del icono — amarillo con glow */
.abna-flip-icon-wrap {
	width: 56px;
	height: 56px;
	border-radius: 13px;
	background: rgba(252,207,48,0.18);
	border: 1.5px solid rgba(252,207,48,0.55);
	box-shadow: 0 0 18px rgba(252,207,48,0.30);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

/* Contenedor del icono en cara trasera — lila con glow */
.abna-flip-icon-wrap--back {
	background: rgba(187,127,195,0.18);
	border-color: rgba(187,127,195,0.55);
	box-shadow: 0 0 18px rgba(187,127,195,0.30);
}

/* Icono (data URI SVG) */
.abna-ficon {
	width: 38px;
	height: 38px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	flex-shrink: 0;
}

/* Iconos amarillos — cara delantera */
.abna-ficon--fire { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fccf30' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 0 1-7 7 7 7 0 0 1-7-7c0-1.53.4-2.973 1.1-4.2A2.5 2.5 0 0 0 8.5 14.5z'/%3E%3C/svg%3E"); }
.abna-ficon--sun  { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fccf30' stroke-width='1.5' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Cline x1='12' y1='2' x2='12' y2='4'/%3E%3Cline x1='12' y1='20' x2='12' y2='22'/%3E%3Cline x1='2' y1='12' x2='4' y2='12'/%3E%3Cline x1='20' y1='12' x2='22' y2='12'/%3E%3Cline x1='4.93' y1='4.93' x2='6.34' y2='6.34'/%3E%3Cline x1='17.66' y1='17.66' x2='19.07' y2='19.07'/%3E%3Cline x1='4.93' y1='19.07' x2='6.34' y2='17.66'/%3E%3Cline x1='17.66' y1='6.34' x2='19.07' y2='4.93'/%3E%3C/svg%3E"); }
.abna-ficon--lift { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fccf30' stroke-width='1.5' stroke-linecap='round'%3E%3Crect x='3' y='2' width='18' height='20' rx='2'/%3E%3Cline x1='3' y1='9' x2='21' y2='9'/%3E%3Cline x1='3' y1='15' x2='21' y2='15'/%3E%3C/svg%3E"); }
.abna-ficon--bolt { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fccf30' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'/%3E%3C/svg%3E"); }
.abna-ficon--drop { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fccf30' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z'/%3E%3C/svg%3E"); }
.abna-ficon--key  { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fccf30' stroke-width='1.5' stroke-linecap='round'%3E%3Ccircle cx='7.5' cy='9.5' r='5.5'/%3E%3Cline x1='11.8' y1='13.8' x2='22' y2='24'/%3E%3C/svg%3E"); }

/* Iconos lila — cara trasera (sobrescriben el color) */
.abna-flip-back .abna-ficon--fire { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bb7fc3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 0 1-7 7 7 7 0 0 1-7-7c0-1.53.4-2.973 1.1-4.2A2.5 2.5 0 0 0 8.5 14.5z'/%3E%3C/svg%3E"); }
.abna-flip-back .abna-ficon--sun  { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bb7fc3' stroke-width='1.5' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Cline x1='12' y1='2' x2='12' y2='4'/%3E%3Cline x1='12' y1='20' x2='12' y2='22'/%3E%3Cline x1='2' y1='12' x2='4' y2='12'/%3E%3Cline x1='20' y1='12' x2='22' y2='12'/%3E%3Cline x1='4.93' y1='4.93' x2='6.34' y2='6.34'/%3E%3Cline x1='17.66' y1='17.66' x2='19.07' y2='19.07'/%3E%3Cline x1='4.93' y1='19.07' x2='6.34' y2='17.66'/%3E%3Cline x1='17.66' y1='6.34' x2='19.07' y2='4.93'/%3E%3C/svg%3E"); }
.abna-flip-back .abna-ficon--lift { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bb7fc3' stroke-width='1.5' stroke-linecap='round'%3E%3Crect x='3' y='2' width='18' height='20' rx='2'/%3E%3Cline x1='3' y1='9' x2='21' y2='9'/%3E%3Cline x1='3' y1='15' x2='21' y2='15'/%3E%3C/svg%3E"); }
.abna-flip-back .abna-ficon--bolt { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bb7fc3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'/%3E%3C/svg%3E"); }
.abna-flip-back .abna-ficon--drop { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bb7fc3' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z'/%3E%3C/svg%3E"); }
.abna-flip-back .abna-ficon--key  { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bb7fc3' stroke-width='1.5' stroke-linecap='round'%3E%3Ccircle cx='7.5' cy='9.5' r='5.5'/%3E%3Cline x1='11.8' y1='13.8' x2='22' y2='24'/%3E%3C/svg%3E"); }

/* Título cara delantera — grande, amarillo, pesado */
.abna-flip-title {
	font-family: 'Space Grotesk', sans-serif;
	font-size: clamp(1.1rem, 1.8vw, 1.45rem);
	font-weight: 800;
	color: var(--c-yellow);
	letter-spacing: -0.03em;
	line-height: 1.2;
	margin: 0;
	text-transform: uppercase;
}

.abna-flip-back__title {
	font-family: 'Space Grotesk', sans-serif;
	font-size: clamp(1rem, 1.5vw, 1.2rem);
	font-weight: 800;
	color: var(--c-purple);
	margin: 0;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: -0.02em;
}

.abna-flip-back__p {
	font-size: 0.875rem;
	color: var(--c-body, #333);
	line-height: 1.55;
	margin: 0;
}

/* Mantener abna-card__title para otras partes que lo usen */
.abna-card__title {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 15px;
	font-weight: 700;
	color: var(--c-green);
	letter-spacing: -0.02em;
	margin: 0 0 10px;
	line-height: 1.3;
}

.abna-card__p {
	font-size: 14px;
	line-height: 1.62;
	color: var(--c-body);
	margin: 0;
}

.abna-card__wash { display: none; }

/* ═══════════════════════════════════════════════════════════
   SECCIÓN 6 · TESTIMONIOS
═══════════════════════════════════════════════════════════ */
/* ══ TESTIMONIOS – CARRUSEL ══════════════════════════════════ */

/* Fuerza el mismo tamaño de H2 que el resto de secciones */
.abna-testimonials .abna-section-header__h2 {
	font-size: clamp(1.75rem, 3vw, 2.4rem) !important;
	line-height: 1.18 !important;
}

.abna-testimonials {
	background: var(--c-white);
	padding: var(--sec-v) 0;
	border-bottom: 1px solid var(--c-border-lt);
}

.abna-testimonials__inner {
	max-width: 1320px;
	margin: 0 auto;
	padding: 0 var(--pad-x);
}

/* Wrapper con overflow oculto: el JS mueve el track con transform */
.abna-carousel {
	overflow: hidden;
}

.abna-carousel__track {
	display: flex;
	gap: 24px;
	align-items: stretch;
	will-change: transform;
}

/* Cada slide ocupa 1/3 del contenedor (3 visibles a la vez) */
.abna-testi-slide {
	flex: 0 0 calc((100% - 48px) / 3);
	min-width: 0;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-self: stretch;
	height: auto;
	transition: none !important;
}

/* Tarjeta individual mejorada */
.abna-testimonial {
	background: #fff;
	border: 1px solid var(--c-border);
	border-radius: 20px;
	padding: 32px 28px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	box-shadow: 0 4px 32px rgba(44,84,77,0.07);
	position: relative;
	flex: 1 1 auto;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	transition: none !important;
}

/* Comilla decorativa */
.abna-testi-bigquote {
	font-family: Georgia, serif;
	font-size: 88px;
	line-height: 1;
	color: var(--c-green);
	opacity: 0.12;
	position: absolute;
	top: 20px;
	left: 40px;
	pointer-events: none;
	user-select: none;
}

.abna-testimonial__stars {
	color: var(--c-yellow);
	font-size: 17px;
	letter-spacing: 3px;
}

.abna-testimonial__quote {
	font-size: clamp(0.95rem, 1.3vw, 1.05rem);
	line-height: 1.72;
	color: var(--c-body);
	margin: 0;
	font-style: normal;
	font-weight: 400;
	position: relative;
	z-index: 1;
	flex: 1 1 auto;
}

.abna-testimonial__author {
	display: flex;
	align-items: center;
	gap: 14px;
	border-top: 1px solid var(--c-border);
	padding-top: 16px;
	margin-top: auto;
	flex-shrink: 0;
}

.abna-testimonial__avatar {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: var(--c-green);
	color: #fff;
	font-family: 'Space Grotesk', sans-serif;
	font-size: 13px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.abna-testimonial__author strong { display: block; font-size: 14px; font-weight: 700; color: var(--c-ink); }
.abna-testimonial__author span   { display: block; font-size: 12px; color: var(--c-muted); margin-top: 2px; }

/* Controles del carrusel */
.abna-carousel__nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	margin-top: 28px;
}

.abna-carousel__btn {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	border: 2px solid var(--c-border);
	background: #fff;
	color: var(--c-green);
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: border-color 0.2s, background 0.2s, color 0.2s;
	line-height: 1;
}
.abna-carousel__btn:hover {
	border-color: var(--c-green);
	background: var(--c-green);
	color: #fff;
}

.abna-carousel__dots {
	display: flex;
	gap: 8px;
	align-items: center;
}

.abna-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--c-border);
	border: none;
	cursor: pointer;
	padding: 0;
	transition: background 0.25s, transform 0.25s;
}
.abna-dot--active {
	background: var(--c-green);
	transform: scale(1.4);
}

/* ═══════════════════════════════════════════════════════════
   SECCIÓN 7 · EXCLUSIVIDAD
═══════════════════════════════════════════════════════════ */
.abna-exclusivity {
	background: var(--c-green);
	padding: var(--sec-v) 0;
}

.abna-exclusivity__inner {
	max-width: 720px;
	margin: 0 auto;
	padding: 0 var(--pad-x);
	text-align: center;
}

.abna-excl-badge {
	display: inline-block;
	font-family: 'Space Grotesk', sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--c-yellow);
	border: 1px solid rgba(252,207,48,0.40);
	padding: 4px 10px;
	border-radius: 4px;
	margin-bottom: 14px;
}

.abna-exclusivity__h2 {
	font-family: 'Space Grotesk', sans-serif;
	font-size: clamp(1.75rem, 3vw, 2.4rem);
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -0.035em;
	color: var(--c-white);
	margin: 0 0 20px;
}

.abna-exclusivity__p {
	font-size: 17px;
	line-height: 1.68;
	color: rgba(255,255,255,0.75);
	margin: 0 0 32px;
	max-width: 560px;
	margin-left: auto;
	margin-right: auto;
}

.abna-exclusivity .abna-btn--primary {
	background: var(--c-yellow);
	color: var(--c-green-dk);
	border-color: var(--c-yellow);
	margin: 0 auto;
}

.abna-excl-zones-title {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.10em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.45);
	margin: 0 0 12px;
}

.abna-excl-zones-list {
	list-style: none;
	padding: 0;
	margin: 0;
	background: rgba(255,255,255,0.07);
	border: 1px solid rgba(255,255,255,0.12);
	border-radius: var(--radius);
	overflow: hidden;
}

.abna-zone {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 11px 16px;
	font-size: 13px;
	font-weight: 500;
	color: rgba(255,255,255,0.78);
	border-bottom: 1px solid rgba(255,255,255,0.08);
}
.abna-zone:last-child { border-bottom: none; }

.abna-zone__dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	flex-shrink: 0;
}

.abna-zone--available .abna-zone__dot { background: #4ade80; }
.abna-zone--occupied .abna-zone__dot  { background: rgba(255,255,255,0.22); }
.abna-zone--occupied { color: rgba(255,255,255,0.40); }
.abna-zone__status { margin-left: auto; font-size: 12px; font-weight: 500; }
.abna-zone--available .abna-zone__status { color: #4ade80; }
.abna-zone--occupied .abna-zone__status  { color: rgba(255,255,255,0.28); }

/* ═══════════════════════════════════════════════════════════
   SECCIÓN 8 · FAQ
═══════════════════════════════════════════════════════════ */
.abna-faq-stripe {
	background: var(--c-white);
	padding: var(--sec-v) 0;
	border-bottom: 1px solid var(--c-border-lt);
}

.abna-faq-stripe__inner {
	max-width: var(--max-w);
	margin: 0 auto;
	padding: 0 var(--pad-x);
	display: grid;
	grid-template-columns: 1fr 1.8fr;
	gap: clamp(3rem, 5vw, 5rem);
	align-items: start;
}

.abna-faq-stripe__list { border-top: 1px solid var(--c-border-lt); }
.abna-faq-stripe__item { border-bottom: 1px solid var(--c-border-lt); }

.abna-faq-stripe__item summary {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 18px 0;
	font-family: 'Space Grotesk', sans-serif;
	font-size: 15px;
	font-weight: 600;
	color: var(--c-ink);
	cursor: pointer;
	letter-spacing: -0.01em;
	line-height: 1.45;
	list-style: none;
	user-select: none;
}
.abna-faq-stripe__item summary::-webkit-details-marker { display: none; }

.abna-faq-stripe__item summary::after {
	content: '+';
	font-size: 22px;
	font-weight: 300;
	color: var(--c-muted);
	flex-shrink: 0;
	margin-left: 20px;
	transition: transform 0.22s ease, color 0.18s ease;
}
.abna-faq-stripe__item[open] summary::after {
	transform: rotate(45deg);
	color: var(--c-green);
}

.abna-faq-stripe__body { padding: 0 48px 18px 0; }
.abna-faq-stripe__body p { font-size: 15px; line-height: 1.72; color: var(--c-body); margin: 0; }

/* ═══════════════════════════════════════════════════════════
   CONTACTO LANDING
═══════════════════════════════════════════════════════════ */
.abna-contact-stripe {
	background: var(--c-white);
	padding: clamp(4rem, 8vw, 6rem) 0;
	border-top: 1px solid var(--c-border-lt);
}

.abna-contact-stripe__inner {
	max-width: 1040px;
	width: calc(100% - clamp(2rem, 8vw, 7rem));
	margin: 0 auto;
	padding: clamp(2rem, 4vw, 3rem);
	display: grid;
	grid-template-columns: 1fr minmax(320px, 460px);
	gap: clamp(2.2rem, 5vw, 4rem);
	align-items: center;
	background:
		radial-gradient(circle at 0% 0%, rgba(252,207,48,0.18), transparent 32%),
		radial-gradient(circle at 100% 0%, rgba(187,127,195,0.14), transparent 30%),
		var(--c-white);
	border: 1px solid rgba(44,84,77,0.12);
	border-radius: 28px;
	box-shadow: 0 24px 70px rgba(44,84,77,0.10);
}

.abna-contact-stripe__content .abna-web-section__sub {
	margin-left: 0;
	margin-right: 0;
}

.abna-contact-stripe__facts {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 1.6rem;
}

.abna-contact-stripe__facts span {
	display: inline-flex;
	align-items: center;
	border: 1px solid rgba(44,84,77,0.12);
	border-radius: 999px;
	padding: 0.55rem 0.85rem;
	background: rgba(255,255,255,0.74);
	color: var(--c-green);
	font-family: 'Space Grotesk', sans-serif;
	font-size: 13px;
	font-weight: 700;
}

.abna-contact-form {
	background: var(--c-white);
	border: 1px solid rgba(44,84,77,0.12);
	border-radius: 24px;
	padding: clamp(1.4rem, 3vw, 2rem);
	box-shadow: 0 20px 60px rgba(44,84,77,0.12);
	display: grid;
	gap: 14px;
}

.abna-contact-form label {
	display: grid;
	gap: 7px;
	margin: 0;
}

.abna-contact-form label span {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 13px;
	font-weight: 700;
	color: var(--c-green);
}

.abna-contact-form input,
.abna-contact-form select,
.abna-contact-form textarea {
	width: 100%;
	border: 1px solid var(--c-border);
	border-radius: 12px;
	padding: 0.78rem 0.95rem;
	font-family: 'Inter', sans-serif;
	font-size: 15px;
	line-height: 1.35;
	color: var(--c-ink);
	background: #fff;
	box-sizing: border-box;
}

.abna-contact-form input:focus,
.abna-contact-form select:focus,
.abna-contact-form textarea:focus {
	outline: none;
	border-color: var(--c-green);
	box-shadow: 0 0 0 3px rgba(44,84,77,0.10);
}

.abna-contact-form select {
	appearance: none;
	min-height: 52px;
	padding: 0.82rem 2.8rem 0.82rem 0.95rem;
	background-image: linear-gradient(45deg, transparent 50%, var(--c-green) 50%), linear-gradient(135deg, var(--c-green) 50%, transparent 50%);
	background-position: calc(100% - 18px) 50%, calc(100% - 12px) 50%;
	background-size: 6px 6px, 6px 6px;
	background-repeat: no-repeat;
	background-color: #fff;
	cursor: pointer;
}

.abna-contact-form textarea {
	resize: vertical;
	min-height: 120px;
}

.abna-contact-form .abna-btn {
	justify-content: center;
	border: none;
}

/* ═══════════════════════════════════════════════════════════
   SECCIÓN 9 · CTA FINAL — fondo amarillo (GMEDIA style)
═══════════════════════════════════════════════════════════ */
.abna-cta-stripe {
	background:
		linear-gradient(rgba(44,84,77,0.84), rgba(44,84,77,0.84)),
		url('https://abnamarketing.com/wp-content/uploads/2026/07/qwtcej5clys-1024x737.jpg'),
		var(--c-green);
	background-size: cover;
	background-position: center;
	padding: clamp(4rem, 8vw, 5.5rem) 0;
	position: relative;
	overflow: hidden;
}

.abna-cta-stripe__halo { display: none; }

.abna-cta-stripe__inner {
	max-width: var(--max-w);
	margin: 0 auto;
	padding: 0 var(--pad-x);
	text-align: center;
}

.abna-cta-stripe .abna-eyebrow {
	color: var(--c-yellow) !important;
}

.abna-cta-stripe__h2 {
	font-family: 'Space Grotesk', sans-serif !important;
	font-size: clamp(1.9rem, 3.5vw, 2.8rem) !important;
	font-weight: 700 !important;
	letter-spacing: -0.035em !important;
	line-height: 1.15 !important;
	color: var(--c-white) !important;
	margin-bottom: 14px !important;
}

.abna-cta-stripe__p {
	font-size: 16px !important;
	line-height: 1.68 !important;
	color: rgba(255,255,255,0.78) !important;
	margin-bottom: 2rem !important;
	max-width: 560px;
	margin-left: auto;
	margin-right: auto;
}

.abna-cta-stripe .abna-hero__actions { justify-content: center; }

.abna-cta-stripe .wp-block-button.abna-btn--primary > .wp-block-button__link {
	background: var(--c-yellow) !important;
	color: var(--c-green-dk) !important;
	border-color: var(--c-yellow) !important;
}
.abna-cta-stripe .wp-block-button.abna-btn--primary > .wp-block-button__link:hover {
	background: var(--c-yellow-dk) !important;
	border-color: var(--c-yellow-dk) !important;
}

.abna-cta-stripe .wp-block-button.abna-btn--secondary > .wp-block-button__link {
	background: transparent !important;
	color: var(--c-white) !important;
	border-color: rgba(255,255,255,0.55) !important;
}
.abna-cta-stripe .wp-block-button.abna-btn--secondary > .wp-block-button__link:hover {
	background: rgba(255,255,255,0.12) !important;
	color: var(--c-white) !important;
	border-color: rgba(255,255,255,0.85) !important;
}

/* ═══════════════════════════════════════════════════════════
   OVERRIDES v1.4.0 — Proceso, Caso, Sectores, Testimonios, FAQ, CTA
═══════════════════════════════════════════════════════════ */

/* Proceso: sección blanca full-width + tarjeta verde centrada */
.abna-process {
	background: var(--c-white) !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-sizing: border-box;
}

.abna-process__inner {
	max-width: 1320px;
	margin-left: auto;
	margin-right: auto;
	background: var(--c-green);
	border: 1px solid rgba(44,84,77,0.12);
	border-radius: 24px;
	padding: clamp(2rem, 4vw, 3.5rem) !important;
	box-shadow: 0 18px 60px rgba(44,84,77,0.16);
}

/* Sectores: 6 subcontenedores en grid 3x2 con imagen y hover */
.abna-sectors-stripe__inner {
	max-width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.abna-sectors__header {
	max-width: 760px !important;
	padding: 0 var(--pad-x);
}

.abna-sector-panels {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	width: 100%;
}

.abna-sector-panel {
	position: relative;
	min-height: 380px;
	padding: 24px;
	display: flex;
	align-items: flex-end;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	isolation: isolate;
}

.abna-sector-panel::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0,0,0,0.78), rgba(0,0,0,0.30));
	z-index: -1;
	transition: background 0.28s ease;
}

.abna-sector-panel::after {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(44,84,77,0.78);
	opacity: 0;
	transition: opacity 0.28s ease;
	z-index: -1;
}

.abna-sector-panel:hover::after { opacity: 1; }

.abna-sector-panel__base {
	display: flex;
	flex-direction: column;
	gap: 12px;
	position: relative;
	z-index: 1;
	transform: translateY(0);
	transition: transform 0.28s ease;
}

.abna-sector-panel .abna-ficon {
	width: 34px;
	height: 34px;
	filter: brightness(0) invert(1);
}

.abna-sector-panel h3 {
	font-family: 'Space Grotesk', sans-serif;
	font-size: clamp(1.05rem, 1.35vw, 1.35rem);
	line-height: 1.18;
	color: #fff;
	margin: 0;
	letter-spacing: -0.03em;
}

.abna-sector-panel p {
	position: absolute;
	left: 24px;
	right: 24px;
	bottom: 24px;
	font-size: 16px;
	line-height: 1.6;
	color: rgba(255,255,255,0.86);
	margin: 0;
	opacity: 0;
	transform: translateY(16px);
	transition: opacity 0.28s ease, transform 0.28s ease;
	z-index: 2;
}

.abna-sector-panel:hover .abna-sector-panel__base {
	transform: translateY(-96px);
}

.abna-sector-panel:hover p {
	opacity: 1;
	transform: translateY(0);
}

/* Testimonios: H2 grande y sin comilla decorativa */
.abna-testimonials .abna-testimonials__h2 {
	font-size: clamp(2.4rem, 4.4vw, 3.6rem) !important;
	line-height: 1.10 !important;
	color: var(--c-green) !important;
}

.abna-testi-bigquote { display: none !important; }

/* FAQ centrado + desplegables más grandes */
.abna-faq-stripe__inner {
	display: block !important;
	max-width: 900px !important;
}

.abna-faq-stripe .abna-section-header {
	text-align: center !important;
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}

.abna-faq-stripe__list {
	border-top: none !important;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

/* Cerrado: fondo amarillo. Abierto: fondo blanco */
.abna-faq-stripe__item {
	border: 1px solid var(--c-yellow) !important;
	border-radius: 16px;
	background: var(--c-yellow);
	overflow: hidden;
	transition: background 0.25s ease, border-color 0.25s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.abna-faq-stripe__item:hover {
	border-color: var(--c-green) !important;
	box-shadow: 0 10px 34px rgba(44,84,77,0.10);
	transform: translateY(-2px);
}

.abna-faq-stripe__item[open] {
	background: #fff;
	border-color: var(--c-border) !important;
}

.abna-faq-stripe__item summary {
	padding: 24px 28px !important;
	font-size: clamp(1rem, 1.45vw, 1.15rem) !important;
}

.abna-faq-stripe__body {
	padding: 0 28px 26px !important;
}

.abna-faq-stripe__body p {
	font-size: 16px !important;
}

/* ═══════════════════════════════════════════════════════════
   FOOTER — verde oscuro, texto blanco
═══════════════════════════════════════════════════════════ */
#colophon.site-footer {
	background: transparent !important;
	padding: 0 !important;
	border-top: none !important;
}
#colophon .ast-footer-overlay,
.footer-adv-overlay,
.footer-widget-area,
.site-below-footer-wrap { display: none !important; }

.abna-footer-top {
	background: var(--c-green-dk);
	background-image: linear-gradient(180deg, rgba(252,207,48,0.07), rgba(252,207,48,0) 40%);
	padding: clamp(3rem, 7vw, 5rem) 0 clamp(2.5rem, 5vw, 3.5rem);
	position: relative;
}
.abna-footer-top::before {
	content: '';
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--c-yellow), var(--c-purple), var(--c-green));
}

.abna-footer-inner {
	max-width: none;
	width: calc(100% - clamp(2rem, 5vw, 4.5rem));
	margin: 0 auto;
	padding: 0;
	display: grid;
	grid-template-columns: 1.2fr 0.8fr 0.8fr 0.8fr 1.3fr;
	gap: 2.5rem;
	align-items: start;
}

.abna-footer-logo {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: -0.03em;
	color: #fff !important;
	text-decoration: none;
	margin-bottom: 0.9rem;
	display: inline-block;
}
.abna-footer-logo span { color: var(--c-yellow); }

.abna-footer-tagline { color: rgba(255,255,255,0.48); font-size: 14px; line-height: 1.65; margin: 0 0 1rem; }
.abna-footer-email { color: rgba(255,255,255,0.55); font-size: 14px; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,0.18); padding-bottom: 1px; transition: color 0.15s; }
.abna-footer-email:hover { color: var(--c-yellow); border-color: var(--c-yellow); }

.abna-footer-col h4 { font-family: 'Space Grotesk', sans-serif; color: rgba(255,255,255,0.90) !important; font-size: 12px; font-weight: 700; letter-spacing: 0.10em; text-transform: uppercase; margin: 0 0 1.1rem; position: relative; }
.abna-footer-col ul { list-style: none; padding: 0; margin: 0; }
.abna-footer-col ul li { margin-bottom: 9px; }
.abna-footer-col ul li a { color: rgba(255,255,255,0.50); font-size: 14px; text-decoration: none; transition: color 0.15s, padding-left 0.15s; }
.abna-footer-col ul li a:hover { color: var(--c-yellow); padding-left: 3px; }
.abna-footer-col ul li:not(:has(a)) { color: rgba(255,255,255,0.38); font-size: 14px; }

/* Formulario de contacto rápido */
.abna-footer-contact { min-width: 0; }
.abna-footer-form { display: flex; flex-direction: column; gap: 10px; }
.abna-footer-form__hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.abna-footer-form input[type="text"],
.abna-footer-form input[type="email"],
.abna-footer-form textarea {
	width: 100%;
	background: rgba(255,255,255,0.06);
	border: 1px solid rgba(255,255,255,0.14);
	border-radius: 10px;
	padding: 0.65rem 0.85rem;
	font-family: 'Inter', sans-serif;
	font-size: 13px;
	color: #fff;
	transition: border-color 0.15s, background-color 0.15s;
	resize: none;
	box-sizing: border-box;
}
.abna-footer-form input::placeholder,
.abna-footer-form textarea::placeholder { color: rgba(255,255,255,0.38); }
.abna-footer-form input:focus,
.abna-footer-form textarea:focus {
	outline: none;
	border-color: var(--c-yellow);
	background: rgba(255,255,255,0.10);
}
.abna-footer-form__submit {
	font-family: 'Space Grotesk', sans-serif;
	background: var(--c-yellow);
	color: var(--c-green-dk);
	font-weight: 700;
	font-size: 13px;
	border: none;
	border-radius: 999px;
	padding: 0.65rem 1.2rem;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	transition: background-color 0.15s, transform 0.15s;
}
.abna-footer-form__submit:hover { background: var(--c-yellow-dk); transform: translateY(-1px); }
.abna-footer-form__msg {
	font-size: 13px;
	line-height: 1.6;
	border-radius: 10px;
	padding: 0.85rem 1rem;
	margin: 0;
}
.abna-footer-form__msg--ok { background: rgba(252,207,48,0.14); color: var(--c-yellow); }
.abna-footer-form__msg--err { background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.75); }
.abna-footer-form__msg--err a { color: var(--c-yellow); }

.abna-footer-bottom {
	background: var(--c-ink);
	padding: 14px 0;
}
.abna-footer-bottom .abna-footer-inner { grid-template-columns: 1fr auto; align-items: center; gap: 1rem; }
.abna-footer-copy { color: rgba(255,255,255,0.28); font-size: 13px; margin: 0; }
.abna-footer-legal { display: flex; gap: 12px; align-items: center; }
.abna-footer-legal a { color: rgba(255,255,255,0.28); font-size: 13px; text-decoration: none; transition: color 0.15s; }
.abna-footer-legal a:hover { color: rgba(255,255,255,0.65); }
.abna-footer-legal span { color: rgba(255,255,255,0.15); }

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════════════════ */
@media (max-width: 960px) {
	.abna-header-topbar {
		top: 8px;
		height: 30px;
		background: transparent;
		border-bottom: none;
	}
	.abna-header-topbar__inner {
		justify-content: flex-end;
		gap: 8px;
		padding: 0 12px;
	}
	.abna-header-topbar__link {
		color: var(--c-green);
		font-size: 11.5px;
		padding: 0.38rem 0.62rem;
	}
	.abna-header-topbar__audit {
		color: var(--c-green);
		background: rgba(252,207,48,0.92);
		border-color: rgba(252,207,48,0.5);
	}
	.site-header,
	.abna-header-scrolled .site-header {
		top: 48px;
		width: calc(100% - 20px);
		background: transparent !important;
		border-bottom: none !important;
		box-shadow: none !important;
	}
	.main-header-bar {
		min-height: 70px !important;
		border-radius: 20px !important;
		box-shadow: 0 12px 36px rgba(26,46,40,0.14) !important;
	}
	.main-header-bar .ast-container {
		display: flex !important;
	}
	.main-header-bar .ast-main-header-bar-alignment {
		position: static !important;
		transform: none;
		width: auto !important;
	}
	.site-title a,
	.ast-site-identity .site-title a { color: var(--c-green) !important; }
	.menu-toggle,
	button.menu-toggle { color: var(--c-green) !important; }
	.menu-toggle .menu-toggle-icon,
	.menu-toggle .menu-toggle-icon::before,
	.menu-toggle .menu-toggle-icon::after { background: var(--c-green) !important; }
	.ast-header-break-point .main-header-bar-navigation {
		background: var(--c-white) !important;
		border-top: 1px solid var(--c-border-lt);
		box-shadow: 0 18px 38px rgba(26,46,40,0.12);
	}
	/* Menú móvil: solo ítems de primer nivel visibles por defecto */
	.ast-header-break-point .main-header-menu > li,
	.ast-header-break-point .ast-nav-menu > li {
		width: 100% !important;
		display: block !important;
		flex: 1 1 100% !important;
	}
	.ast-header-break-point .main-header-menu .sub-menu,
	.ast-header-break-point .ast-nav-menu .sub-menu {
		display: none;
	}
	.ast-header-break-point .main-header-menu > li > a,
	.ast-header-break-point .ast-nav-menu > li > a {
		color: var(--c-green) !important;
		border-bottom: 1px solid var(--c-border-lt) !important;
		background: var(--c-white) !important;
		font-size: 16px !important;
		padding: 15px 52px 15px 20px !important;
		display: block !important;
		width: 100% !important;
	}
	.ast-header-break-point .main-header-menu > li > a:hover,
	.ast-header-break-point .ast-nav-menu > li > a:hover {
		color: var(--c-green) !important;
		background: rgba(252,207,48,0.10) !important;
	}
	.abna-hero { min-height: 82vh; }
	.abna-hero__inner { flex-direction: column; align-items: flex-start; padding: 10rem 2rem 4rem; gap: 1.5rem; }
	.abna-hero__text { max-width: 100%; }
	.abna-hero__popup { display: none; }
	.abna-hero__sub { max-width: 100%; }

	.abna-feature__inner { grid-template-columns: 1fr; gap: 2.5rem; }
	.abna-feature--reversed .abna-feature__media { order: 0; }
	.abna-media-card img { height: 280px; }
	.abna-web-section__body,
	.wp-block-columns.abna-web-section__body { grid-template-columns: 1fr !important; }
	.abna-web-cards,
	.wp-block-column.abna-web-cards { flex-direction: row; flex-wrap: wrap; height: auto !important; }
	.abna-web-card,
	.wp-block-group.abna-web-card { flex: 1 1 calc(50% - 0.625rem); min-height: auto !important; }
	.abna-web-section__image img { height: 280px; min-height: 0; }

	.abna-stats__inner { flex-wrap: wrap; }
	.abna-stat { flex: 1 1 45%; border-right: none; border-bottom: 1px solid var(--c-border-lt); }
	.abna-stat:nth-child(odd) { border-right: 1px solid var(--c-border-lt); }
	.abna-stat:nth-last-child(-n+2) { border-bottom: none; }

	/* Proceso en móvil — burbujas apiladas verticalmente */
	.abna-process__inner { grid-template-columns: 1fr; }
	.abna-accord__body { padding-left: 28px; }

	.abna-sector-panels { grid-template-columns: repeat(2, 1fr); }

	.abna-flip-grid { grid-template-columns: 1fr 1fr; gap: 14px; }
	.abna-flip-title { font-size: 1.2rem; }
	.abna-flip-back__title { font-size: 1rem; }
	.abna-testi-slide { flex: 0 0 calc(100% - 0px); }
	.abna-testimonial { padding: 28px 24px; }
	.abna-testi-bigquote { font-size: 60px; top: 12px; left: 20px; }
	.abna-faq-stripe__inner { grid-template-columns: 1fr; }
	.abna-contact-stripe__inner { grid-template-columns: 1fr; }

	.abna-footer-inner { grid-template-columns: 1fr 1fr; gap: 2.5rem; }
	.abna-footer-brand, .abna-footer-contact { grid-column: 1 / -1; }
	.abna-footer-bottom .abna-footer-inner { grid-template-columns: 1fr; text-align: center; gap: 8px; }
	.abna-footer-legal { justify-content: center; }
}

@media (max-width: 600px) {
	.abna-header-topbar__mail { display: none; }
	.abna-header-topbar__inner { justify-content: center; }
	.abna-hero__h1 { font-size: 2rem !important; }
	.abna-stats__inner { flex-direction: column; border-radius: 14px; animation: none; }
	.abna-stat { flex: 1 1 100%; border-right: none; border-bottom: 1px solid var(--c-border-lt); }
	.abna-stat:last-child { border-bottom: none; }
	.abna-flip-grid { grid-template-columns: 1fr 1fr; }
	.abna-trust__label { border-right: none; border-bottom: 1px solid var(--c-border); padding-right: 0; padding-bottom: 10px; }
	.abna-trust__inner { flex-direction: column; align-items: flex-start; }
	.abna-footer-inner { grid-template-columns: 1fr; }
	.abna-footer-brand, .abna-footer-contact { grid-column: auto; }
}

@media (max-width: 680px) {
	.abna-sector-panels { grid-template-columns: 1fr; }
	.abna-sector-panel { min-height: 300px; }
	.abna-sector-panel:hover .abna-sector-panel__base { transform: translateY(-82px); }
}

/* ═══════════════════════════════════════════════════════════
   PÁGINAS LEGALES
═══════════════════════════════════════════════════════════ */
body.page-politica-de-privacidad .site-main,
body.page-politica-de-cookies .site-main,
body.page-aviso-legal .site-main {
	padding-top: clamp(6.5rem, 10vw, 8rem);
}

body.page-politica-de-privacidad .entry-content,
body.page-politica-de-cookies .entry-content,
body.page-aviso-legal .entry-content {
	max-width: 820px;
	margin: 0 auto;
	padding: 0 var(--pad-x) clamp(4rem, 8vw, 6rem);
}

body.page-politica-de-privacidad .entry-content h1,
body.page-politica-de-cookies .entry-content h1,
body.page-aviso-legal .entry-content h1 {
	font-family: 'Space Grotesk', sans-serif;
	color: var(--c-green);
	font-size: clamp(2rem, 4vw, 2.6rem);
	margin-bottom: 1.2rem;
}

body.page-politica-de-privacidad .entry-content h2,
body.page-politica-de-cookies .entry-content h2,
body.page-aviso-legal .entry-content h2 {
	font-family: 'Space Grotesk', sans-serif;
	color: var(--c-green);
	font-size: clamp(1.25rem, 2.2vw, 1.55rem);
	margin: 2rem 0 0.85rem;
}

body.page-politica-de-privacidad .entry-content p,
body.page-politica-de-cookies .entry-content p,
body.page-aviso-legal .entry-content p,
body.page-politica-de-privacidad .entry-content li,
body.page-politica-de-cookies .entry-content li,
body.page-aviso-legal .entry-content li {
	color: var(--c-body);
	line-height: 1.75;
}

body.page-politica-de-cookies .cmplz-document {
	margin-top: 1.5rem;
}

/* ═══════════════════════════════════════════════════════════
   PUENTE GUTENBERG — la home ahora se maqueta con bloques nativos.
   Estas reglas adaptan el marcado de bloques (botones, imágenes,
   columnas, detalles) al diseño ABNA existente.
═══════════════════════════════════════════════════════════ */

/* Astra aplica 3em de padding por defecto a los bloques de primer nivel
   del contenido (.entry-content > .wp-block-group / .wp-block-columns).
   Como la home ahora usa bloques nativos, eso estrechaba las secciones y
   añadía margen lateral y vertical extra. Restauramos el padding original
   del diseño (secciones full-width, el contenido interno gestiona su ancho). */
.home .entry-content > .wp-block-group,
.home .entry-content > .wp-block-columns {
	padding-top: var(--sec-v);
	padding-bottom: var(--sec-v);
	padding-left: 0;
	padding-right: 0;
}
.home .entry-content > .abna-hero {
	padding-top: 0;
	padding-bottom: 0;
}
.home .entry-content > .abna-stats {
	padding-top: clamp(3rem, 6vw, 4.5rem);
	padding-bottom: clamp(3rem, 6vw, 4.5rem);
	padding-left: 0;
	padding-right: 0;
}
.home .entry-content > .abna-process {
	padding-left: clamp(1rem, 3vw, 2rem);
	padding-right: clamp(1rem, 3vw, 2rem);
}

/* Neutraliza el blockGap del layout dentro de contenedores flex/grid */
.abna-hero > *,
.abna-hero__inner > *,
.abna-hero__text > * + *,
.abna-stats__inner > *,
.abna-stat > *,
.abna-sector-panels > *,
.abna-sector-panel > *,
.abna-sector-panel__base > *,
.abna-trust-track > *,
.abna-testimonial > *,
.abna-testimonial__author > *,
.abna-testimonial__meta > *,
.abna-web-section__body > *,
.abna-web-cards > *,
.abna-web-card > *,
.abna-process__accordion > * {
	margin-top: 0;
	margin-bottom: 0;
}

/* ── Botones nativos con clases ABNA ── */
.wp-block-button.abna-btn > .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: 'Space Grotesk', sans-serif !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	border-radius: var(--radius) !important;
	padding: 13px 24px !important;
	text-decoration: none !important;
	letter-spacing: -0.01em;
	transition: all 0.18s ease;
}
.wp-block-button.abna-btn--primary > .wp-block-button__link {
	background: var(--c-yellow) !important;
	color: var(--c-green-dk) !important;
	border: 2px solid var(--c-yellow) !important;
}
.wp-block-button.abna-btn--primary > .wp-block-button__link:hover {
	background: var(--c-yellow-dk) !important;
	border-color: var(--c-yellow-dk) !important;
	box-shadow: 0 4px 16px rgba(252,207,48,0.35);
}
.wp-block-button.abna-btn--secondary > .wp-block-button__link {
	background: transparent !important;
	color: var(--c-green) !important;
	border: 2px solid var(--c-green) !important;
}
.wp-block-button.abna-btn--secondary > .wp-block-button__link:hover {
	background: var(--c-green) !important;
	color: var(--c-white) !important;
}
.wp-block-button.abna-btn--hero-sec > .wp-block-button__link {
	background: transparent !important;
	color: #ffffff !important;
	border: 2px solid rgba(255,255,255,0.50) !important;
}
.wp-block-button.abna-btn--hero-sec > .wp-block-button__link:hover {
	background: rgba(255,255,255,0.12) !important;
	border-color: rgba(255,255,255,0.85) !important;
}
.wp-block-buttons.abna-hero__actions { gap: 12px; }

/* ── Hero: imagen de fondo (figura) + overlay via ::before ── */
.abna-hero::before {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(20,44,38,0.50);
	z-index: 1;
	pointer-events: none;
}
.abna-hero__bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	z-index: 0;
}
.abna-hero__bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}
.abna-hero__popup p { margin: 0; }
.abna-popup__label { margin-top: 6px; }

/* ── Columnas de las secciones de servicio ── */
.wp-block-columns.abna-web-section__body {
	display: grid !important;
	grid-template-columns: 1.2fr 1fr 1.2fr !important;
	gap: 1.75rem !important;
	align-items: stretch !important;
	margin: 0;
}
.wp-block-column.abna-web-cards {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	min-width: 0;
	height: 420px;
}
.abna-web-section__header .wp-block-buttons {
	display: flex;
	justify-content: center;
}
/* Botones de servicio: sin doble borde del wrapper Gutenberg */
.wp-block-button.abna-btn {
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
.wp-block-button.abna-btn .wp-block-button__link {
	border-width: 2px !important;
	border-style: solid !important;
}
.abna-web-section__image .wp-block-image,
.abna-web-section__image figure { margin: 0; }
.abna-web-section__image img { border-radius: var(--radius-img); }

/* ── Sectores: imagen como fondo dentro del panel ── */
.abna-sector-panel { background: var(--c-green-dk); }
.abna-sector-panel__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	z-index: 0;
}
.abna-sector-panel__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.abna-sector-panel::before { z-index: 1; }
.abna-sector-panel::after  { z-index: 1; }
.abna-sector-panel__base   { z-index: 2; }
.abna-sector-panel p       { z-index: 3; }

/* ── Marquesina "Especializados en" con párrafos ── */
.abna-trust-track.wp-block-group {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	width: max-content !important;
	gap: 0 !important;
}
.abna-trust-track p {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 17px;
	font-weight: 600;
	color: rgba(26,46,40,0.85);
	padding: 0 32px;
	margin: 0;
	white-space: nowrap;
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 9px;
}
.abna-trust-track p::before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.abna-trust-track p::after {
	content: '|';
	position: absolute;
	right: -3px;
	color: rgba(26,46,40,0.28);
	font-size: 16px;
	font-weight: 300;
	line-height: 1;
}

/* ── Métricas ── */
.abna-stat.wp-block-group,
.wp-block-group.abna-stat {
	gap: 4px !important;
	row-gap: 4px !important;
}
.abna-stat__num,
.abna-stat__label,
.abna-stat p {
	margin: 0 !important;
	padding: 0 !important;
}

/* ── Tarjetas de servicio: altura igual a imagen ── */
.wp-block-columns.abna-web-section__body {
	align-items: stretch !important;
}
.wp-block-column.abna-web-cards,
.wp-block-column.abna-web-section__image {
	display: flex;
	flex-direction: column;
}
.wp-block-column.abna-web-cards {
	height: 420px;
	gap: 1.25rem !important;
}
.wp-block-group.abna-web-card {
	flex: 1 1 0 !important;
	min-height: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-start !important;
	align-items: flex-start !important;
	gap: 0.75rem !important;
	row-gap: 0.75rem !important;
	height: auto !important;
	padding: 1.15rem 1.25rem !important;
}
.wp-block-group.abna-web-card > .abna-web-card__title,
.wp-block-group.abna-web-card > h3.abna-web-card__title,
.wp-block-group.abna-web-card > .abna-web-card__p,
.wp-block-group.abna-web-card > p.abna-web-card__p {
	margin: 0 !important;
	width: 100% !important;
}
.wp-block-group.abna-web-card > .abna-web-card__icon,
.wp-block-group.abna-web-card > .wp-block-group.abna-web-card__icon {
	margin: 0 !important;
	width: 36px !important;
	min-width: 36px !important;
	max-width: 36px !important;
	height: 36px !important;
	flex: 0 0 36px !important;
	align-self: flex-start !important;
}
.wp-block-group.abna-web-card > .abna-web-card__p,
.wp-block-group.abna-web-card > p.abna-web-card__p {
	flex: 1 1 auto !important;
}
.abna-web-section__image figure,
.abna-web-section__image .wp-block-image {
	flex: 1;
	margin: 0;
	height: 100%;
}
.abna-web-section__image img {
	height: 100%;
	min-height: 420px;
}

/* ── Testimonios: todas las tarjetas misma altura y ancho ── */
.abna-carousel {
	overflow: hidden;
	width: 100%;
}
.abna-carousel__track > .abna-testi-slide {
	align-self: stretch !important;
	flex: 0 0 calc((100% - 48px) / 3) !important;
	width: calc((100% - 48px) / 3) !important;
	max-width: calc((100% - 48px) / 3) !important;
}
.abna-testi-slide.wp-block-group {
	display: flex !important;
	flex-direction: column !important;
	height: auto !important;
	width: 100% !important;
	gap: 0 !important;
}
.abna-testimonial.wp-block-group {
	flex: 1 1 auto !important;
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	height: 100% !important;
	gap: 16px !important;
	transition: none !important;
}
.abna-testimonial__quote {
	flex: 1 1 auto;
}
.abna-testimonial__author {
	margin-top: auto !important;
}

/* ── Testimonios: autor con párrafos ── */
.abna-testimonial__stars { margin: 0; }
.abna-testimonial__avatar { margin: 0; }
.abna-testimonial__meta { display: flex; flex-direction: column; gap: 2px; }
.abna-testimonial__name {
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	color: var(--c-ink);
	font-family: 'Space Grotesk', sans-serif;
}
.abna-testimonial__role { margin: 0; font-size: 12px; color: var(--c-muted); }

/* ── Acordeón del proceso (bloque Detalles) ── */
.abna-process__accordion { counter-reset: abna-step; }
.abna-process .wp-block-details.abna-accord {
	counter-increment: abna-step;
	border-bottom: 1px solid rgba(255,255,255,0.15);
}
.abna-process .wp-block-details.abna-accord:first-child {
	border-top: 1px solid rgba(255,255,255,0.15);
}
.abna-process .wp-block-details.abna-accord summary {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 22px 4px;
	cursor: pointer;
	list-style: none;
	color: #fff;
	font-family: 'Space Grotesk', sans-serif;
	font-size: 1.05rem;
	font-weight: 600;
	line-height: 1.3;
}
.abna-process .wp-block-details.abna-accord summary::-webkit-details-marker { display: none; }
.abna-process .wp-block-details.abna-accord summary::before {
	content: counter(abna-step, decimal-leading-zero);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1em;
	color: var(--c-yellow);
	min-width: 28px;
	flex-shrink: 0;
}
.abna-process .wp-block-details.abna-accord summary::after {
	content: '+';
	margin-left: auto;
	width: 30px;
	height: 30px;
	border: 1.5px solid rgba(255,255,255,0.25);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	font-weight: 300;
	line-height: 1;
	color: rgba(255,255,255,0.6);
	transition: transform 0.3s ease, border-color 0.3s ease, color 0.3s ease;
	flex-shrink: 0;
}
.abna-process .wp-block-details.abna-accord[open] summary::after {
	transform: rotate(45deg);
	border-color: var(--c-yellow);
	color: var(--c-yellow);
}
.abna-process .wp-block-details.abna-accord > p {
	padding: 0 4px 24px 44px;
	margin: 0;
	font-size: 15px;
	line-height: 1.72;
	color: rgba(255,255,255,0.72);
}

/* ── FAQ (bloque Detalles) ── */
.abna-faq-stripe__item.wp-block-details summary { list-style: none; }
.abna-faq-stripe__item.wp-block-details summary::-webkit-details-marker { display: none; }
.abna-faq-stripe__item.wp-block-details > p {
	padding: 0 48px 18px 0;
	margin: 0;
	font-size: 15px;
	line-height: 1.72;
	color: var(--c-body);
}

/* Reset de márgenes de figuras de imagen dentro de la home */
.abna-sector-panel .wp-block-image { margin: 0; }

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE MÓVIL — overrides finales (tras puente Gutenberg)
═══════════════════════════════════════════════════════════ */
@media (max-width: 960px) {
	/* Evita scroll horizontal por breakout 100vw */
	html,
	body.home {
		overflow-x: hidden;
	}
	.home .entry-content[data-ast-blocks-layout] > .wp-block-group,
	.home .entry-content > .wp-block-shortcode {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	#inicio,
	#quienes-somos,
	#servicios,
	#seo-local,
	#google-ads,
	#proceso,
	#sectores,
	#testimonios,
	#faq,
	#contacto {
		scroll-margin-top: 96px;
	}

	/* Hero */
	.abna-hero__inner {
		padding: 9rem 1.25rem 3.5rem !important;
	}
	.abna-hero__h1 {
		font-size: clamp(1.85rem, 8vw, 2.35rem) !important;
	}
	.abna-hero__actions,
	.wp-block-buttons.abna-hero__actions,
	.abna-cta-stripe .abna-hero__actions {
		flex-direction: column !important;
		align-items: stretch !important;
		width: 100%;
		gap: 10px !important;
	}
	.abna-hero__actions .wp-block-button,
	.abna-cta-stripe .abna-hero__actions .wp-block-button {
		width: 100% !important;
	}
	.abna-hero__actions .wp-block-button__link,
	.abna-cta-stripe .abna-hero__actions .wp-block-button__link {
		width: 100% !important;
		justify-content: center !important;
		text-align: center !important;
		box-sizing: border-box !important;
	}

	/* Servicios: 2 tarjetas + foto + 2 tarjetas */
	.wp-block-columns.abna-web-section__body,
	.abna-web-section__body {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 1rem !important;
	}
	.wp-block-columns.abna-web-section__body > .wp-block-column,
	.abna-web-section__body > .wp-block-column {
		width: 100% !important;
		flex-basis: 100% !important;
		max-width: 100% !important;
	}
	.wp-block-column.abna-web-cards--left,
	.wp-block-column.abna-web-cards--right,
	.abna-web-cards--left,
	.abna-web-cards--right {
		grid-column: 1 / -1 !important;
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		height: auto !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		gap: 0.75rem !important;
	}
	.wp-block-column.abna-web-cards--left,
	.abna-web-cards--left {
		order: 1;
	}
	.wp-block-column.abna-web-section__image,
	.abna-web-section__image {
		grid-column: 1 / -1 !important;
		order: 2;
	}
	.wp-block-column.abna-web-cards--right,
	.abna-web-cards--right {
		order: 3;
	}
	.wp-block-group.abna-web-card,
	.abna-web-card {
		flex: 1 1 auto !important;
		min-height: auto !important;
		width: 100% !important;
	}
	.abna-web-section__image img,
	.abna-web-section__image .wp-block-image img {
		height: auto !important;
		min-height: 0 !important;
		max-height: 240px;
		width: 100%;
		aspect-ratio: 16 / 10;
		object-fit: cover;
	}

	/* Especializados en — marquesina en móvil */
	.abna-trust {
		padding: 22px 0 18px !important;
	}
	.abna-trust__title {
		font-size: 11px !important;
		letter-spacing: 0.14em !important;
		margin-bottom: 12px !important;
		padding: 0 var(--pad-x);
	}
	.abna-trust-carousel {
		mask-image: linear-gradient(to right, transparent 0%, black 4%, black 96%, transparent 100%) !important;
		-webkit-mask-image: linear-gradient(to right, transparent 0%, black 4%, black 96%, transparent 100%) !important;
	}
	.abna-trust-track {
		animation-duration: 22s;
	}
	.abna-trust-track p,
	.abna-trust-track span {
		font-size: 13px !important;
		padding: 0 18px !important;
		gap: 7px !important;
	}
	.abna-trust-track p::before,
	.abna-trust-track span::before {
		width: 15px !important;
		height: 15px !important;
	}
	.abna-web-section__h2 {
		font-size: clamp(1.65rem, 6vw, 2.2rem) !important;
	}
	.abna-web-section__header {
		margin-bottom: 2rem !important;
	}

	/* Proceso: tarjeta verde con margen lateral */
	.abna-process__inner {
		grid-template-columns: 1fr !important;
		margin-left: var(--pad-x) !important;
		margin-right: var(--pad-x) !important;
		max-width: none !important;
		gap: 2rem !important;
	}
	.abna-process .wp-block-details.abna-accord > p {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/* Testimonios: 1 tarjeta visible */
	.abna-carousel__track {
		gap: 16px !important;
	}
	.abna-carousel__track > .abna-testi-slide,
	.abna-testi-slide {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	.abna-testimonial {
		padding: 24px 20px !important;
	}
	.abna-testi-bigquote {
		font-size: 48px !important;
		left: 16px !important;
	}

	/* Contacto */
	.abna-contact-stripe__inner {
		grid-template-columns: 1fr !important;
		width: calc(100% - 2 * var(--pad-x)) !important;
		padding: 1.5rem !important;
		border-radius: 20px !important;
		gap: 1.75rem !important;
	}
	.abna-contact-stripe__facts {
		gap: 8px;
	}
	.abna-contact-stripe__facts span {
		font-size: 12px;
		padding: 0.45rem 0.7rem;
	}

	/* FAQ */
	.abna-faq-stripe__inner {
		grid-template-columns: 1fr !important;
		gap: 2rem !important;
	}
	.abna-faq-stripe__body,
	.abna-faq-stripe__item.wp-block-details > p {
		padding-right: 0 !important;
	}
	.abna-faq-stripe__item summary {
		font-size: 14px;
		padding: 16px 0;
	}

	/* CTA */
	.abna-cta-stripe {
		padding: 3rem 0 !important;
	}
	.abna-cta-stripe__h2 {
		font-size: clamp(1.5rem, 6vw, 2rem) !important;
	}
}

@media (max-width: 600px) {
	:root {
		--pad-x: 1.15rem;
	}

	.site-header,
	.abna-header-scrolled .site-header {
		width: calc(100% - 16px);
		top: 44px;
	}
	.main-header-bar {
		min-height: 62px !important;
		border-radius: 16px !important;
	}

	.abna-hero {
		min-height: auto !important;
	}
	.abna-hero__inner {
		padding: 8.5rem 1rem 3rem !important;
	}

	.abna-stat {
		padding: 1.25rem 1rem !important;
	}
	.abna-stat__num {
		font-size: clamp(1.75rem, 8vw, 2.2rem) !important;
	}

	.abna-sector-panels {
		grid-template-columns: 1fr !important;
	}
	.abna-sector-panel {
		min-height: 260px !important;
	}

	.abna-footer-inner {
		grid-template-columns: 1fr !important;
		gap: 2rem !important;
	}

	.abna-carousel__nav {
		gap: 14px;
		margin-top: 20px;
	}
	.abna-carousel__btn {
		width: 38px;
		height: 38px;
		font-size: 14px;
	}
}