/*
 * Atreyaa Creative — estilos del tema hijo.
 * Réplica de los valores fluidos (clamp) del diseño de referencia que el
 * Personalizador no puede expresar, más microinteracciones del template.
 * Colores vía variables globales de Kadence (--global-palette1…9).
 */

/* ============ HEADER ============ */

/* Efecto "vidrio" translúcido (referencia: blur 12px). */
#masthead .kadence-sticky-header,
#masthead .site-main-header-wrap,
#masthead .site-header-row-container-inner {
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

/* Navegación: tracking de la referencia y peso 600 en el item activo. */
.main-navigation .primary-menu-container > ul > li > a {
	letter-spacing: 0.04em;
}
.main-navigation ul li.current-menu-item > a,
.main-navigation ul li.current_page_item > a {
	font-weight: 600;
}

/* Botón "Hablemos": micro-elevación al pasar el cursor (referencia). */
#masthead .header-button {
	transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
#masthead .header-button:hover {
	transform: translateY(-1px);
	box-shadow: 0 8px 20px rgba(102, 0, 51, 0.26);
}

/* ============ ESCALA DE ESPACIADO DE MARCA (presets de Kadence) ============ */
/* ÚNICA regla central de espaciado de sección (14-jun-2026, "cero reglas ocultas").
   Redefine los tamaños con nombre de Kadence (--global-kb-spacing-*) como clamp() fluido
   con los valores de marca. El cliente NO escribe px ni clases: en cada fila activa
   "Use size preset" en Espaciado → Relleno y ELIGE el tamaño por nombre; el valor sale de aquí.
   Mapa de uso de sección:
     xxl = compacto (pie de mini-hero)
     3xl = sección normal (sec / cta / equipo / pie de hero)
     4xl = amplio (manifiesto)
     5xl = portada / hero (ligado a la altura de pantalla, vh)
   Solo se redefinen estos 4 escalones (los usados por secciones); xxs..xl quedan en el
   default de Kadence para espaciados pequeños de tarjetas/columnas. */
:root {
	--global-kb-spacing-xxl: clamp(64px, 9vw, 96px) !important;
	--global-kb-spacing-3xl: clamp(84px, 11vw, 132px) !important;
	--global-kb-spacing-4xl: clamp(96px, 13vw, 160px) !important;
	--global-kb-spacing-5xl: clamp(150px, 20vh, 200px) !important;
}

/* ============ HERO ============ */

/* Monograma gigante del hero: tamaño/posición exactos de la referencia. */
.atreyaa-hero {
	background-size: auto min(620px, 82%) !important;
	background-position: right -60px center !important;
}

/* Palabra destacada del titular (cursiva durazno). */
.atreyaa-hero-title em {
	color: #eec9b8;
	font-style: italic;
}

/* ============ BOTONES (microinteracciones de la referencia) ============ */

.wp-block-kadence-advancedbtn .kb-button,
.kt-blocks-modal-link {
	transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.wp-block-kadence-advancedbtn .kb-button:hover,
.kt-blocks-modal-link:hover {
	transform: translateY(-2px);
}

/* Tamaño "pequeño" (SM) de botones: de fábrica Kadence lo deja casi igual que el
   estándar (~15px), así que no se notaba la diferencia. Lo hacemos claramente más
   pequeño de forma GLOBAL (cualquier botón en tamaño "Pequeño", editor y front: ~12px).
   El padding del preset va en "em", así que en botones sin padding propio encoge junto
   con la fuente. NO usamos !important: si el cliente escribe un tamaño a mano, ese gana.

   Por qué el selector es tan específico (0,5,0): hay que ganarle a las reglas de Kadence
     · Front:  .wp-block-kadence-advancedbtn .kb-button.kt-btn-size-small            (0,3,0)
     · Editor: .editor-styles-wrapper .wp-block-kadence-advancedbtn .kt-button.kt-btn-size-small (0,4,0)
   WordPress envuelve el prefijo de las hojas del editor en :where(.editor-styles-wrapper),
   que NO suma especificidad, así que en el editor nuestro selector vale lo mismo que sin
   prefijo. Duplicamos .kt-btn-size-small para llegar a 0,5,0 y superar a Kadence en ambos
   contextos. (El botón usa .kt-button en el editor y .kb-button en el front; .kt-button y
   .wp-block-button__link están presentes en los dos.) */
.wp-block-kadence-advancedbtn .wp-block-button__link.kt-button.kt-btn-size-small.kt-btn-size-small {
	font-size: 0.75rem;
}

/* ============ ENLACE "LEER ARTÍCULO" (read-more de kadence/posts) ============ */
/* Mismo estilo que el "Ver más" de los infobox (.kt-blocks-info-box-learnmore):
   Montserrat 600, 14px, SIN mayúsculas ni tracking, burdeos, flecha pequeña inline.
   Especificidad .wp-block-kadence-posts a.post-more-link para ganarle al default de
   Kadence (que pone color:inherit→gris, mayúsculas, bold, font-size:80%). */
.wp-block-kadence-posts a.post-more-link {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-family: var(--global-body-font-family, 'Montserrat', sans-serif);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: normal;
	text-transform: none;
	text-decoration: none;
	color: var(--global-palette1, #660033);
	transition: color 0.25s ease;
}
.wp-block-kadence-posts a.post-more-link .kadence-svg-iconset {
	margin-left: 0;
	display: inline-flex;
	transition: transform 0.25s ease;
}
.wp-block-kadence-posts a.post-more-link .kadence-svg-icon { width: 13px; height: 13px; }
.wp-block-kadence-posts a.post-more-link:hover { color: var(--global-palette5, #A65D61); }
.wp-block-kadence-posts a.post-more-link:hover .kadence-svg-iconset { transform: translateX(4px); }

/* Tarjetas de entradas (blog + "Más ideas"): el card por defecto de Kadence venía con
   esquinas casi rectas (.entry{border-radius:0.25rem}) que se veían "cuadradas" y no
   combinaban con las tarjetas de marca. Las alineamos al lenguaje del sitio: redondeo
   16px (como las tarjetas del home) + elevación suave en hover (igual que .atreyaa-lift).
   Selector .wp-block-kadence-posts article.entry (0,2,1) para vencer al .entry del tema
   padre. overflow:hidden hace que la imagen banner respete las esquinas redondeadas. */
.wp-block-kadence-posts article.entry {
	border-radius: 16px;
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.wp-block-kadence-posts article.entry:hover {
	transform: translateY(-6px);
	box-shadow: 0 22px 50px rgba(44, 46, 53, 0.1);
}

/* ============ TESTIMONIOS (kadence/testimonials · cita de marca) ============ */
/* El monograma (media) y la autoría comparten el mismo meta-wrap y Kadence los coloca
   en FILA (monograma al lado del nombre). Los apilamos y centramos para que quede
   cita → monograma → "— Atreyaa", como la cita de marca de la referencia. Kadence no
   expone un control para esta disposición, así que va por CSS (caso sancionado). */
.wp-block-kadence-testimonials .kt-testimonial-meta-wrap {
	flex-direction: column;
	align-items: center;
	row-gap: 8px;
	margin-top: 16px;
}

/* ============ TARJETAS ============ */

/* Elevación suave (clase "atreyaa-lift" desde el editor / toggle).
   La SOMBRA va sobre el contenedor interno REDONDEADO (front .kt-inside-inner-col,
   editor .kadence-inner-column-inner), NO sobre la columna: Kadence pone el
   border-radius de la tarjeta en ese contenedor, mientras que la columna queda
   con radius 0. Si la sombra cuelga de la columna cuadrada, sus esquinas
   sobresalen de las esquinas redondeadas de la tarjeta. */
.atreyaa-lift {
	transition: transform 0.3s ease;
}
.atreyaa-lift > .kt-inside-inner-col,
.atreyaa-lift .kadence-inner-column-inner {
	transition: box-shadow 0.3s ease;
}
.atreyaa-lift:hover {
	transform: translateY(-6px);
}
.atreyaa-lift:hover > .kt-inside-inner-col,
.atreyaa-lift:hover .kadence-inner-column-inner {
	box-shadow: 0 22px 50px rgba(44, 46, 53, 0.1);
}


/* ============ PORTAFOLIO (cuadrícula dinámica con el estilo de la referencia) ============ */

.atreyaa-portgrid .kb-blocks-portfolio-grid-item {
	border-radius: 14px;
	overflow: hidden;
	transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.atreyaa-portgrid .kb-blocks-portfolio-grid-item:hover {
	transform: translateY(-6px);
	box-shadow: 0 24px 50px rgba(44, 46, 53, 0.16);
}
/* Contenido siempre visible, abajo a la izquierda (la ref. no lo oculta). */
.atreyaa-portgrid .kb-portfolio-grid-item-inner {
	opacity: 1 !important;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	text-align: left;
	padding: 24px;
}
/* Mismo lenguaje que la query card: sombra de gradiente + zoom de la foto. */
.atreyaa-portgrid .kb-portfolio-overlay-color {
	opacity: 1 !important;
	background: linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.45)) !important;
}
.atreyaa-portgrid .kadence-portfolio-image img {
	transition: transform 0.45s ease;
}
.atreyaa-portgrid .kb-blocks-portfolio-grid-item:hover .kadence-portfolio-image img {
	transform: scale(1.04);
}
/* "Ver proyecto →" como la query card (toda la tarjeta ya es enlace). */
.atreyaa-portgrid .kb-portfolio-content-item-inner::after {
	content: "Ver proyecto \2192";
	display: block;
	margin-top: 12px;
	font-family: var(--global-body-font-family, 'Montserrat', sans-serif);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #EEC9B8;
}
.atreyaa-portgrid .kb-portfolio-content-item-inner {
	opacity: 1 !important;
	transform: none !important;
	padding: 0 !important;
}
.atreyaa-portgrid .kb-portfolio-loop-title {
	font-family: var(--global-heading-font-family, 'Playfair Display'), serif;
	font-weight: 400;
	font-size: 24px;
	line-height: 1.2;
	color: var(--global-palette8);
	margin: 14px 0 0;
}
/* Pill de categoría. */
.atreyaa-portgrid .kb-blocks-portfolio-taxonomies,
.atreyaa-portgrid .kb-blocks-portfolio-taxonomies a {
	color: #eec9b8;
	text-decoration: none;
}
.atreyaa-portgrid .kb-blocks-portfolio-taxonomies {
	position: static;
	order: -1; /* pill ANTES del título, como la referencia */
	display: inline-block;
	font-size: 11px !important;
	font-weight: 600 !important;
	letter-spacing: 0.16em !important;
	text-transform: uppercase !important;
	line-height: 1 !important;
	background: rgba(0, 0, 0, 0.18);
	padding: 6px 12px;
	border-radius: 99px;
	margin: 0 0 12px !important;
}
.atreyaa-portgrid .kb-blocks-portfolio-taxonomies a {
	font-size: 11px !important;
	letter-spacing: 0.16em !important;
}

/* Variante de la página Portafolio (5ª ref.): overline plano (sin píldora),
   título 21px y sin el "Ver proyecto →". */
.atreyaa-portgrid-ref .kb-blocks-portfolio-taxonomies,
.atreyaa-portgrid-ref .kb-blocks-portfolio-taxonomies a {
	color: #E7A9AD !important;
}
.atreyaa-portgrid-ref .kb-blocks-portfolio-taxonomies {
	background: transparent !important;
	padding: 0 !important;
	margin: 0 0 4px !important;
	letter-spacing: 0.14em !important;
}
.atreyaa-portgrid-ref .kb-portfolio-loop-title {
	font-size: 21px !important;
	margin-top: 4px;
	color: var(--global-palette8, #EEE5D4) !important;
}
.atreyaa-portgrid-ref .kb-portfolio-content-item-inner::after {
	content: none !important;
}

/* ============ VARIOS ============ */

/* Selección de texto en colores de marca. */
::selection {
	background: var(--global-palette1);
	color: var(--global-palette8);
}

/* Centrar un bloque de texto con ancho máximo. */
.atreyaa-center-block {
	margin-left: auto !important;
	margin-right: auto !important;
}
/* Paridad en el EDITOR: el className custom del advancedheading cae en el WRAPPER del
   bloque (.block-editor-block-list__block, ancho completo), pero el max-width va en el
   texto interno (.kadence-advancedheading-text). Así, el margin:0 auto del wrapper no
   centra nada y el texto (con su max-width) se queda a la izquierda. Centramos ese texto
   interno para que en el editor se vea centrado igual que en el front. (En el front no
   existe .kadence-advancedheading-text, así que esta regla no afecta al front.) */
.atreyaa-center-block .kadence-advancedheading-text {
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Enlace con subrayado fino de marca ("Ver portafolio completo →"). */
.atreyaa-link-underline a {
	text-decoration: none;
	padding-bottom: 6px;
	border-bottom: 1.5px solid var(--global-palette5);
	transition: color 0.2s ease, border-color 0.2s ease;
}
.atreyaa-link-underline a:hover {
	color: var(--global-palette5);
	border-color: var(--global-palette1);
}


/* ============ FOOTER (los bloques de widgets no emiten CSS propio) ============ */

.site-footer .footer-widget-area .wp-block-kadence-advancedheading {
	color: rgba(238, 229, 212, 0.88);
}
/* Títulos de columna (overline). */
.site-footer .footer-widget-area .wp-block-kadence-advancedheading[data-kb-block^="kb-adv-heading"]:first-child {
	font-family: var(--global-body-font-family);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--global-palette6);
	margin-bottom: 18px;
}
/* Logo de la marca. */
.site-footer .footer-widget1 .wp-block-kadence-image img {
	max-width: 100px;
	height: auto;
}
.site-footer .footer-widget1 .wp-block-kadence-image {
	margin-bottom: 22px;
}
/* Descripción de la marca. */
.site-footer .footer-widget1 .wp-block-kadence-advancedheading:last-child {
	font-size: 14.5px;
	font-weight: 300;
	line-height: 1.65;
	letter-spacing: 0;
	text-transform: none;
	color: rgba(238, 229, 212, 0.78);
	max-width: 300px;
	margin-bottom: 0;
}
/* Enlaces de columnas. */
.site-footer .footer-widget-area p.wp-block-kadence-advancedheading:last-child {
	font-size: 15px;
	font-weight: 300;
	line-height: 2;
	letter-spacing: 0;
	text-transform: none;
}
.site-footer .footer-widget-area a {
	color: rgba(238, 229, 212, 0.88);
	text-decoration: none;
	transition: color 0.2s ease;
}
.site-footer .footer-widget-area a:hover {
	color: #ffffff;
}
/* Lema en cursiva (barra inferior, derecha). */
.site-footer .footer-widget5 .wp-block-kadence-advancedheading {
	font-family: var(--global-heading-font-family);
	font-style: italic;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	color: rgba(238, 229, 212, 0.7);
	text-align: right;
	margin-bottom: 0;
}
@media (max-width: 767px) {
	.site-footer .footer-widget5 .wp-block-kadence-advancedheading { text-align: left; }
}

/* Monograma del manifiesto (el editor simplifica el markup del SVG). */
.atreyaa-mani figure.image-is-svg,
.atreyaa-mani figure.wp-block-kadence-image {
	margin: 0 auto 34px;
	text-align: center;
}
.atreyaa-mani figure.image-is-svg img,
.atreyaa-mani figure.wp-block-kadence-image img {
	width: 80px;
	height: auto;
	opacity: 0.9;
	display: inline-block;
}

/* Pill de categoría ANTES del título en las tarjetas del portafolio. */
.atreyaa-portgrid .kb-portfolio-content-item-inner {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

/* Respiro entre el encabezado del portafolio y la cuadrícula (ref: 60px). */
.atreyaa-porthead > .kt-row-column-wrap {
	padding-bottom: 60px !important;
}

/* Info Box alineado a la izquierda: el número/icono también (Kadence centra el medio). */
.kt-info-halign-left .kt-blocks-info-box-media-container,
.kt-info-halign-left .kt-blocks-info-box-media,
.kt-info-halign-left .kadence-info-box-number-container,
.kt-info-halign-left .kadence-info-box-icon-container {
	text-align: left;
}
.kt-info-halign-left .kt-blocks-info-box-number,
.kt-info-halign-left .kadence-info-box-icon-inner-container {
	justify-content: flex-start;
}

/* ============================================================
   COMPONENTES INTERACTIVOS (rediseño aprobado jun-2026)
   Pestañas, acordeón, slider y filtros del portafolio.
   Sobrescribe el estilo de fábrica de Kadence con !important
   sobre sus clases nativas: NO toca el markup de los bloques.
   ============================================================ */

/* ---- Pestañas: control segmentado sobre pista burdeos ---- */
.kt-tabs-wrap > .kt-tabs-title-list {
	display: inline-flex !important;
	flex-wrap: wrap;
	gap: 4px;
	background: var(--global-palette1, #660033);
	border-radius: 999px;
	padding: 5px !important;
	margin-bottom: 28px !important;
	border: 0;
	width: auto;
	max-width: 100%;
}
.kt-tabs-wrap.kt-tab-alignment-center { text-align: center; }
.kt-tabs-wrap > .kt-tabs-title-list li {
	margin: 0 !important;
	display: flex;
}
.kt-tabs-wrap > .kt-tabs-title-list li .kt-tab-title {
	background: transparent !important;
	border: 0 !important;
	border-radius: 999px !important;
	padding: 11px 24px !important;
	font-family: var(--global-body-font-family, 'Montserrat', sans-serif);
	font-size: 13px !important;
	font-weight: 500 !important;
	letter-spacing: 0.02em;
	line-height: 1.2 !important;
	color: rgba(238, 229, 212, 0.78) !important;
	transition: color 0.25s ease, background 0.25s ease;
}
.kt-tabs-wrap > .kt-tabs-title-list li .kt-tab-title:hover,
.kt-tabs-wrap > .kt-tabs-title-list li .kt-tab-title:focus {
	color: var(--global-palette8, #EEE5D4) !important;
	background: rgba(238, 229, 212, 0.08) !important;
}
.kt-tabs-wrap > .kt-tabs-title-list li.kt-tab-title-active .kt-tab-title {
	background: var(--global-palette8, #EEE5D4) !important;
	color: var(--global-palette1, #660033) !important;
	font-weight: 600 !important;
}
.kt-tabs-wrap .kt-tabs-content-wrap {
	border: 0 !important;
	background: transparent !important;
	padding: 0 !important;
	box-shadow: none !important;
}
.kt-tabs-wrap .kt-tab-inner-content {
	border: 0 !important;
	background: transparent !important;
	padding: 0 !important;
}
/* Modo acordeón en móvil: cada título se vuelve una barra-píldora. */
.kt-tabs-wrap .kt-tabs-accordion-title { margin: 6px 0; }
.kt-tabs-wrap .kt-tabs-accordion-title .kt-tab-title {
	border-radius: 12px !important;
	background: transparent !important;
	border: 1px solid rgba(102, 0, 51, 0.25) !important;
	padding: 14px 20px !important;
	font-family: var(--global-body-font-family, 'Montserrat', sans-serif);
	font-size: 13px !important;
	font-weight: 600 !important;
	color: var(--global-palette1, #660033) !important;
	transition: all 0.25s ease;
}
.kt-tabs-wrap .kt-tabs-accordion-title.kt-tab-title-active .kt-tab-title {
	background: var(--global-palette1, #660033) !important;
	border-color: var(--global-palette1, #660033) !important;
	color: var(--global-palette8, #EEE5D4) !important;
}

/* ---- Acordeón: lista editorial con hairlines y numerales ---- */
.kt-accordion-wrap .kt-accordion-inner-wrap { counter-reset: at-faq; }
.kt-accordion-wrap .kt-accordion-pane {
	border: 0 !important;
	border-top: 1px solid rgba(102, 0, 51, 0.14) !important;
	margin: 0 !important;
	background: transparent !important;
}
.kt-accordion-wrap .kt-accordion-pane:last-child {
	border-bottom: 1px solid rgba(102, 0, 51, 0.14) !important;
}
.kt-accordion-wrap .kt-accordion-header-wrap { margin: 0; }
.kt-accordion-wrap .kt-blocks-accordion-header {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	outline-offset: 4px;
	padding: 22px 2px !important;
	display: flex;
	align-items: center;
	width: 100%;
	font-family: var(--global-heading-font-family, 'Playfair Display', serif) !important;
	font-size: 20px !important;
	font-weight: 400 !important;
	line-height: 1.35 !important;
	color: var(--global-palette3, #2C2E35) !important;
	transition: color 0.25s ease;
}
/* Numeral Playfair en cursiva (01, 02…) generado por CSS. */
.kt-accordion-wrap .kt-blocks-accordion-header::before {
	counter-increment: at-faq;
	content: counter(at-faq, decimal-leading-zero);
	font-family: var(--global-heading-font-family, 'Playfair Display', serif);
	font-style: italic;
	font-size: 16px;
	line-height: 1;
	color: var(--global-palette5, #A65D61);
	min-width: 46px;
	flex: none;
}
.kt-accordion-wrap .kt-blocks-accordion-header:hover,
.kt-accordion-wrap .kt-blocks-accordion-header[aria-expanded="true"] {
	background: transparent !important;
	color: var(--global-palette1, #660033) !important;
}
/* Icono "+" fino que rota a "×" al abrir. */
.kt-accordion-wrap .kt-blocks-accordion-icon-trigger {
	position: relative;
	width: 16px !important;
	height: 16px !important;
	min-width: 16px;
	margin-left: auto;
	flex: none;
	background: transparent !important;
	transition: transform 0.3s ease;
}
.kt-accordion-wrap .kt-blocks-accordion-icon-trigger::before,
.kt-accordion-wrap .kt-blocks-accordion-icon-trigger::after {
	content: "" !important;
	position: absolute !important;
	background: var(--global-palette5, #A65D61) !important;
	border-radius: 2px;
	margin: 0 !important;
	border: 0 !important;
}
.kt-accordion-wrap .kt-blocks-accordion-icon-trigger::before {
	top: 50% !important;
	left: 0 !important;
	right: auto !important;
	width: 100% !important;
	height: 1.5px !important;
	transform: translateY(-50%) !important;
}
.kt-accordion-wrap .kt-blocks-accordion-icon-trigger::after {
	left: 50% !important;
	top: 0 !important;
	right: auto !important;
	width: 1.5px !important;
	height: 100% !important;
	transform: translateX(-50%) !important;
}
.kt-accordion-wrap .kt-blocks-accordion-header[aria-expanded="true"] .kt-blocks-accordion-icon-trigger {
	transform: rotate(45deg);
}
.kt-accordion-wrap .kt-accordion-panel { border: 0 !important; background: transparent !important; }
.kt-accordion-wrap .kt-accordion-panel-inner {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 40px 26px 48px !important;
}
.kt-accordion-wrap .kt-accordion-panel-inner > p { max-width: 60ch; }
@media (max-width: 767px) {
	.kt-accordion-wrap .kt-blocks-accordion-header { font-size: 18px !important; }
	.kt-accordion-wrap .kt-blocks-accordion-header::before { min-width: 36px; font-size: 14px; }
	.kt-accordion-wrap .kt-accordion-panel-inner { padding: 0 24px 22px 38px !important; }
}

/* ---- Slider / carruseles: flechas finas y líneas de progreso ----
   PARIDAD EDITOR: el preview del carrusel de testimonios en el editor usa .splide
   SIN la clase .kb-splide (solo el front la lleva), así que cada regla suma el
   selector .wp-block-kadence-testimonials .splide … para verse igual al editar. */
.kb-splide .splide__arrow,
.wp-block-kadence-testimonials .splide .splide__arrow {
	background: transparent !important;
	border: 1.5px solid rgba(102, 0, 51, 0.35) !important;
	border-radius: 50% !important;
	width: 40px !important;
	height: 40px !important;
	color: var(--global-palette1, #660033) !important;
	opacity: 1 !important;
	box-shadow: none !important;
	transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease !important;
}
.kb-splide .splide__arrow:hover,
.wp-block-kadence-testimonials .splide .splide__arrow:hover {
	background: var(--global-palette1, #660033) !important;
	border-color: var(--global-palette1, #660033) !important;
	color: var(--global-palette8, #EEE5D4) !important;
}
.kb-splide .splide__arrow:disabled,
.wp-block-kadence-testimonials .splide .splide__arrow:disabled { opacity: 0.35 !important; }
.kb-splide .splide__arrow svg,
.wp-block-kadence-testimonials .splide .splide__arrow svg { width: 15px; height: 15px; }
/* Puntos → líneas finas. */
.kb-splide .splide__pagination,
.wp-block-kadence-testimonials .splide .splide__pagination { gap: 4px; }
.kb-splide .splide__pagination li,
.wp-block-kadence-testimonials .splide .splide__pagination li { display: flex; }
.kb-splide .splide__pagination__page,
.wp-block-kadence-testimonials .splide .splide__pagination__page {
	width: 18px !important;
	height: 2px !important;
	border-radius: 2px !important;
	background: rgba(102, 0, 51, 0.18) !important;
	box-shadow: none !important;
	border: 0 !important;
	opacity: 1 !important;
	margin: 0 !important;
	padding: 0 !important;
	/* Solo width: transicionar el fondo deja la CSSTransition en bucle con splide. */
	transition: width 0.3s ease !important;
}
.kb-splide .splide__pagination__page.is-active,
.wp-block-kadence-testimonials .splide .splide__pagination__page.is-active {
	background: var(--global-palette1, #660033) !important;
	width: 30px !important;
}
/* Galería editorial (kadence/slider): contador + barra + flechas bajo la imagen.
   La fila .atreyaa-slider-controls la arma assets/js/atreyaa-slider.js. */
.kb-blocks-slider .splide__track { border-radius: 14px; }
.atreyaa-slider-controls {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-top: 16px;
}
.atreyaa-slider-counter {
	font-family: var(--global-heading-font-family, 'Playfair Display', serif);
	font-style: italic;
	font-size: 15px;
	line-height: 1;
	color: var(--global-palette1, #660033);
	flex: none;
	min-width: 64px;
}
.atreyaa-slider-counter .at-tot { color: var(--global-palette5, #A65D61); }
.atreyaa-slider-controls .splide__pagination {
	position: static !important;
	flex: 1;
	display: flex;
	gap: 3px;
	padding: 0 !important;
	margin: 0 !important;
}
.atreyaa-slider-controls .splide__pagination li { flex: 1; }
.atreyaa-slider-controls .splide__pagination__page { width: 100% !important; }
.atreyaa-slider-controls .splide__pagination li.at-done .splide__pagination__page {
	background: var(--global-palette1, #660033) !important;
}
.atreyaa-slider-controls .splide__arrows {
	position: static !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;
	display: flex;
	gap: 10px;
	transform: none !important;
}
.atreyaa-slider-controls .splide__arrows .splide__arrow {
	position: static !important;
	top: auto !important;
	right: auto !important;
	left: auto !important;
	transform: none !important;
}
/* En la fila de controles el segmento activo ocupa su tramo completo. */
.atreyaa-slider-controls .splide__pagination__page.is-active { width: 100% !important; }
@media (max-width: 767px) {
	.atreyaa-slider-controls { gap: 12px; }
	.kb-splide .splide__arrow,
	.wp-block-kadence-testimonials .splide .splide__arrow { width: 36px !important; height: 36px !important; }
}

/* ---- Filtros del portafolio: chips píldora ---- */
.kb-portfolio-filter-container {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	margin-bottom: 38px;
}
.kb-portfolio-filter-container .kb-filter-item {
	background: var(--global-palette9, #FFFFFF) !important;
	border: 1px solid rgba(102, 0, 51, 0.18) !important;
	border-radius: 999px !important;
	padding: 10px 20px !important;
	margin: 0 !important;
	font-family: var(--global-body-font-family, 'Montserrat', sans-serif);
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	line-height: 1 !important;
	color: var(--global-palette4, #56565E) !important;
	box-shadow: none !important;
	cursor: pointer;
	transition: all 0.25s ease;
}
.kb-portfolio-filter-container .kb-filter-item:hover {
	border-color: var(--global-palette1, #660033) !important;
	color: var(--global-palette1, #660033) !important;
	transform: translateY(-1px);
}
.kb-portfolio-filter-container .kb-filter-item.is-active {
	background: var(--global-palette1, #660033) !important;
	border-color: var(--global-palette1, #660033) !important;
	color: var(--global-palette8, #EEE5D4) !important;
}

/* ============================================================
   SINGLE PROYECTO — caso de estudio editorial (jun-2026)
   El contenido del CPT sale fullwidth; las secciones Row Layout
   gestionan su propio ancho. Solo los bloques sueltos (si el
   cliente pega alguno fuera de una sección) van a columna 860.
   ============================================================ */
.single-proyecto .entry-content > :not(.wp-block-kadence-rowlayout):not(.alignfull):not(.alignwide) {
	max-width: 860px;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 24px;
	padding-right: 24px;
}

/* Ficha del proyecto: filas overline + valor con hairlines. */
.atreyaa-ficha p.wp-block-kadence-advancedheading {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 18px;
	margin: 0 !important;
	padding: 13px 2px;
	border-bottom: 1px solid rgba(102, 0, 51, 0.14);
}
.atreyaa-ficha p.wp-block-kadence-advancedheading:first-of-type {
	border-top: 1px solid rgba(102, 0, 51, 0.25);
}
.atreyaa-ficha .at-k {
	font-family: var(--global-body-font-family, 'Montserrat', sans-serif);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--global-palette5, #A65D61);
	flex: none;
}
.atreyaa-ficha .at-v {
	font-family: var(--global-body-font-family, 'Montserrat', sans-serif);
	font-size: 15.5px;
	font-weight: 500;
	line-height: 1.45;
	color: var(--global-palette3, #2C2E35);
	text-align: right;
}

/* Bloques numerados del caso (01 El reto / 02 Lo que hicimos) — legacy. */
.atreyaa-case-block > .kt-inside-inner-col {
	border-top: 1px solid rgba(102, 0, 51, 0.14);
	padding-top: 22px;
}

/* ---- Single proyecto (5ª referencia jun-2026) ---- */

/* Portada que sangra desde el hero burdeos hacia el contenido. */
.atreyaa-portada-row {
	position: relative;
	z-index: 2;
}
.atreyaa-portada-row > .kt-row-column-wrap {
	padding-bottom: 0 !important;
}
.atreyaa-portada-img.wp-block-kadence-image,
.atreyaa-portada-img {
	margin: 0 0 clamp(-170px, -10vw, -96px) 0 !important;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 34px 70px -34px rgba(44, 0, 22, 0.55);
}
.atreyaa-portada-img .kb-is-ratio-image {
	border-radius: 16px;
}

/* Ficha del hero: 3 columnas Servicios / Año / Sector. */
.atreyaa-proyecto-meta > .kt-row-column-wrap {
	align-items: start;
}
@media (max-width: 600px) {
	.atreyaa-proyecto-meta > .kt-row-column-wrap {
		grid-template-columns: 1fr !important;
		row-gap: 20px !important;
	}
}

/* Secciones editoriales 2-col: overline al margen + contenido. */
@media (min-width: 1025px) {
	.atreyaa-proyecto-2col > .kt-row-column-wrap {
		grid-template-columns: minmax(0, 0.82fr) minmax(0, 2.5fr) !important;
	}
}
@media (max-width: 1024px) {
	.atreyaa-proyecto-2col > .kt-row-column-wrap {
		grid-template-columns: 1fr !important;
		row-gap: 18px !important;
	}
	.atreyaa-proyecto-2col .inner-column-1 .wp-block-kadence-advancedheading {
		margin-bottom: 0 !important;
	}
}

/* Lista de entregables (La solución): filas con hairlines. */
.atreyaa-entregables > .kt-inside-inner-col {
	padding: 0;
}
.atreyaa-entregable.wp-block-kadence-advancedheading {
	position: relative;
	padding: 18px 24px 18px 46px;
	margin: 0 !important;
}
.atreyaa-entregable.wp-block-kadence-advancedheading:not(:first-child) {
	border-top: 1px solid rgba(102, 0, 51, 0.1);
}
.atreyaa-entregable.wp-block-kadence-advancedheading::before {
	content: "";
	position: absolute;
	left: 24px;
	top: 26px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--global-palette5, #A65D61);
}

/* Banda de resultados: ahora burdeos con números rosa y divisores crema. */
.atreyaa-results .kb-count-up-number {
	font-family: var(--global-heading-font-family, 'Playfair Display', serif);
	font-weight: 400;
	font-size: clamp(46px, 5vw, 58px);
	line-height: 1;
	color: var(--global-palette6, #E7A9AD);
}
.atreyaa-results .kb-count-up-title {
	font-family: var(--global-body-font-family, 'Montserrat', sans-serif);
	font-size: 15px;
	font-weight: 400;
	line-height: 1.6;
	color: rgba(238, 229, 212, 0.82);
	margin-top: 14px;
}
.atreyaa-results-grid > .kt-row-column-wrap {
	border-top: 1px solid rgba(238, 229, 212, 0.18);
}
.atreyaa-results-grid .wp-block-kadence-column > .kt-inside-inner-col {
	padding: 32px 28px 0 0;
}
.atreyaa-results-grid .inner-column-2 > .kt-inside-inner-col,
.atreyaa-results-grid .inner-column-3 > .kt-inside-inner-col {
	border-left: 1px solid rgba(238, 229, 212, 0.18);
	padding-left: 28px;
}
@media (max-width: 767px) {
	.atreyaa-results-grid .inner-column-2 > .kt-inside-inner-col,
	.atreyaa-results-grid .inner-column-3 > .kt-inside-inner-col {
		border-left: 0;
		padding-left: 0;
	}
	.atreyaa-results-grid .wp-block-kadence-column:not(.inner-column-1) > .kt-inside-inner-col {
		border-top: 1px solid rgba(238, 229, 212, 0.18);
		padding-top: 28px;
	}
}

/* CTA de cierre del proyecto: H2 a la izquierda, botones a la derecha. */
.atreyaa-proyecto-cta .inner-column-2 .kb-buttons-wrap {
	justify-content: flex-end;
}
@media (max-width: 1024px) {
	.atreyaa-proyecto-cta .inner-column-2 .kb-buttons-wrap {
		justify-content: flex-start;
		margin-top: 28px;
	}
}

/* Tarjeta de proyecto relacionado (query card): contenido sobre la imagen. */
.atreyaa-related-card > .kt-inside-inner-col {
	position: relative;
	border-radius: 14px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	aspect-ratio: 3 / 4;
	padding: 24px !important;
}
.atreyaa-related-card figure.wp-block-kadence-image {
	position: absolute;
	inset: 0;
	margin: 0 !important;
	z-index: 0;
}
.atreyaa-related-card figure .kb-is-ratio-image {
	height: 100%;
	padding-bottom: 0 !important;
}
.atreyaa-related-card .kb-is-ratio-image::after {
	content: "";
	position: absolute;
	inset: 45% 0 0 0;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45));
	pointer-events: none;
}
.atreyaa-related-card .kb-img {
	transition: transform 0.45s ease;
}
.atreyaa-related-card:hover .kb-img {
	transform: scale(1.04);
}
.atreyaa-related-card .at-card-pill {
	position: relative;
	z-index: 2;
	margin: 0 0 12px !important;
	display: inline-block;
	font-size: 11px !important;
	font-weight: 600 !important;
	letter-spacing: 0.16em !important;
	text-transform: uppercase !important;
	color: #EEC9B8 !important;
	background: rgba(0, 0, 0, 0.18);
	padding: 6px 12px;
	border-radius: 99px;
	line-height: 1 !important;
}
.atreyaa-related-card h3.wp-block-kadence-advancedheading {
	position: relative;
	z-index: 2;
	margin: 0 0 10px !important;
	color: var(--global-palette8, #EEE5D4) !important;
}
.atreyaa-related-card .kb-buttons-wrap {
	position: relative;
	z-index: 2;
	margin: 0 !important;
}
.atreyaa-related-card .kb-button {
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	color: #EEC9B8 !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase;
	transition: color 0.25s ease;
}
.atreyaa-related-card .kb-button:hover {
	color: #ffffff !important;
	transform: none !important;
	box-shadow: none !important;
}

/* ---- Tabla de contenidos: índice editorial numerado (rediseño jun-2026) ---- */
.kb-table-of-content-nav .kb-table-of-content-wrap {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
}
/* El título se vuelve overline con hairline debajo. */
.kb-table-of-content-nav .kb-table-of-contents-title-wrap {
	background: transparent !important;
	margin: 0 0 6px;
	padding: 0 0 14px;
	border-bottom: 1px solid rgba(102, 0, 51, 0.14);
}
.kb-table-of-content-nav .kb-table-of-contents-title {
	font-family: var(--global-body-font-family, 'Montserrat', sans-serif) !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	letter-spacing: 0.18em !important;
	text-transform: uppercase !important;
	color: var(--global-palette5, #A65D61) !important;
}
/* Numerales Playfair automáticos vía counter CSS. */
.kb-table-of-content-nav .kb-table-of-content-list {
	counter-reset: at-toc;
	margin: 0 !important;
	padding: 0 !important;
	column-gap: 48px;
}
.kb-table-of-content-nav .kb-table-of-content-list li {
	list-style: none !important;
	margin: 0 !important;
	break-inside: avoid;
}
.kb-table-of-content-nav .kb-table-of-contents__entry {
	display: flex !important;
	align-items: baseline;
	gap: 14px;
	padding: 10px 0 !important;
	border-bottom: 1px solid rgba(102, 0, 51, 0.08);
	text-decoration: none !important;
	font-family: var(--global-body-font-family, 'Montserrat', sans-serif);
	font-size: 14.5px !important;
	font-weight: 500 !important;
	line-height: 1.4;
	color: var(--global-palette4, #56565E) !important;
	/* El texto se desliza vía padding para que el hairline no se mueva. */
	transition: color 0.25s ease, padding-left 0.25s ease;
}
.kb-table-of-content-nav .kb-table-of-contents__entry::before {
	counter-increment: at-toc;
	content: counter(at-toc, decimal-leading-zero);
	font-family: var(--global-heading-font-family, 'Playfair Display', serif);
	font-style: italic;
	font-size: 13.5px;
	line-height: 1;
	color: var(--global-palette5, #A65D61);
	min-width: 24px;
	flex: none;
	transition: color 0.25s ease;
}
.kb-table-of-content-nav .kb-table-of-contents__entry:hover,
.kb-table-of-content-nav .kb-table-of-contents__entry:focus {
	color: var(--global-palette1, #660033) !important;
	padding-left: 3px !important;
}
.kb-table-of-content-nav .kb-table-of-contents__entry:hover::before,
.kb-table-of-content-nav .kb-table-of-contents__entry:focus::before {
	color: var(--global-palette1, #660033);
}
/* Subniveles (H3+): sin numeral, con guion fino y sangría. */
.kb-table-of-content-nav .kb-table-of-content-list ul {
	margin: 0 !important;
	padding: 0 0 0 38px !important;
}
.kb-table-of-content-nav .kb-table-of-content-list ul .kb-table-of-contents__entry {
	font-size: 13.5px !important;
	font-weight: 400 !important;
}
.kb-table-of-content-nav .kb-table-of-content-list ul .kb-table-of-contents__entry::before {
	counter-increment: none;
	content: "\2014";
	font-size: 12px;
}
@media (max-width: 599px) {
	.kb-table-of-content-nav .kb-table-of-content-list {
		columns: 1 !important;
	}
}

/* ============================================================
   GUÍA DE ESTILO — extras jun-2026: tablas, formularios
   (Kadence + Gravity Forms consonantes), userinfo, imageoverlay.
   ============================================================ */

/* ---- Tablas (kadence/table): editorial, thead oscuro, sin caja redondeada ---- */
.kb-table-container {
	border: 0;
	border-radius: 0;
	overflow-x: auto;            /* scroll horizontal en móvil, sin romper */
	background: var(--global-palette9, #ffffff);
}
.kb-table {
	width: 100%;
	border-collapse: collapse;
}
.kb-table .kb-table-data {
	padding: 30px 38px !important; /* aire generoso; !important vence el CSS por-bloque de Kadence (8px) */
	border-bottom: 1px solid rgba(102, 0, 51, 0.1);
	text-align: left;
	vertical-align: middle;
}
.kb-table tr:last-child .kb-table-data { border-bottom: 0; }

/* Encabezado: barra oscura burdeos con letra clara, esquinas rectas. */
.kb-table thead .kb-table-data,
.kb-table th.kb-table-data {
	background: var(--global-palette1, #660033) !important;
	border-bottom: 0 !important;
	padding: 24px 38px !important;
	text-align: left !important;
}
.kb-table th.kb-table-data p {
	margin: 0 !important;
	text-align: left !important;
	font-family: var(--global-body-font-family, 'Montserrat', sans-serif) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
	color: var(--global-palette8, #EEE5D4) !important;
}
.kb-table .kb-table-data p {
	margin: 0 !important;
	font-size: 15.5px;
	font-weight: 400;
	line-height: 1.6;
	color: var(--global-palette3, #2C2E35);
}
.kb-table tbody tr:hover td.kb-table-data,
.kb-table tr:hover td.kb-table-data {
	background: rgba(102, 0, 51, 0.045);
}

/* ---- Formularios: receta compartida Kadence + Gravity Forms ---- */
/* Etiquetas como overline editorial. */
.kb-advanced-form .kb-adv-form-label,
.gform_wrapper.gform-theme--orbital .gfield_label.gform-field-label {
	font-family: var(--global-body-font-family, 'Montserrat', sans-serif);
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	color: var(--global-palette3, #2C2E35) !important;
	margin-bottom: 8px;
}
.kb-advanced-form .kb-adv-form-required,
.gform_wrapper.gform-theme--orbital .gfield_required {
	color: var(--global-palette5, #A65D61) !important;
}
/* Campos. */
.kb-advanced-form .kb-field {
	background: var(--global-palette9, #ffffff) !important;
	border: 1px solid rgba(102, 0, 51, 0.22) !important;
	border-radius: 9px !important;
	padding: 13px 16px !important;
	font-family: var(--global-body-font-family, 'Montserrat', sans-serif);
	font-size: 15px !important;
	color: var(--global-palette3, #2C2E35) !important;
	box-shadow: none !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.kb-advanced-form .kb-field:focus {
	border-color: var(--global-palette1, #660033) !important;
	box-shadow: 0 0 0 3px rgba(102, 0, 51, 0.1) !important;
	outline: none !important;
}
.kb-advanced-form .kb-field::placeholder { color: #9a99a2; opacity: 1; }
.kb-advanced-form .kb-adv-form-field:not(.kb-submit-field) { margin-bottom: 18px; }

/* Gravity Forms (theme Orbital): variables + refuerzos puntuales. */
.gform_wrapper.gform-theme {
	--gf-color-primary: #660033;
	--gf-color-primary-rgb: 102, 0, 51;
	--gf-color-primary-darker: #8E2C50;   /* hover/focus de botones (de fábrica #044ad3 azul) */
	--gf-color-primary-lighter: #A65D61;
	--gf-color-primary-contrast: #EEE5D4;
	--gf-color-primary-contrast-rgb: 238, 229, 212;
	--gf-ctrl-border-color: rgba(102, 0, 51, 0.22);
	--gf-ctrl-radius: 9px;
	--gf-ctrl-color: #2C2E35;
	--gf-ctrl-bg-color: #ffffff;
	--gf-ctrl-label-color-primary: #2C2E35;
	--gf-ctrl-label-color-secondary: #56565E;
	--gf-ctrl-desc-color: #56565E;
	--gf-ctrl-placeholder-color: #9a99a2;
	--gf-ctrl-btn-bg-color: #660033;
	--gf-ctrl-btn-color: #EEE5D4;
	--gf-ctrl-check-check-color: #660033;
	--gf-ctrl-radio-check-bg-color: #660033;
	--gf-color-in-ctrl-primary: #660033;
}
.gform_wrapper.gform-theme--orbital input:not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]),
.gform_wrapper.gform-theme--orbital select,
.gform_wrapper.gform-theme--orbital textarea {
	background: #ffffff !important;
	border: 1px solid rgba(102, 0, 51, 0.22) !important;
	border-radius: 9px !important;
	padding: 13px 16px !important;
	font-family: var(--global-body-font-family, 'Montserrat', sans-serif) !important;
	font-size: 15px !important;
	color: var(--global-palette3, #2C2E35) !important;
	box-shadow: none !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.gform_wrapper.gform-theme--orbital input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):focus,
.gform_wrapper.gform-theme--orbital select:focus,
.gform_wrapper.gform-theme--orbital textarea:focus {
	border-color: var(--global-palette1, #660033) !important;
	box-shadow: 0 0 0 3px rgba(102, 0, 51, 0.1) !important;
	outline: none !important;
}
.gform_wrapper.gform-theme--orbital input[type="radio"],
.gform_wrapper.gform-theme--orbital input[type="checkbox"] {
	accent-color: var(--global-palette1, #660033);
}
.gform_wrapper.gform-theme--orbital .gchoice label.gform-field-label {
	font-size: 15px !important;
	font-weight: 300 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	color: var(--global-palette4, #56565E) !important;
}
.gform_wrapper.gform-theme--orbital .gform-field-label--type-sub {
	font-size: 11px !important;
	font-weight: 500 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	color: var(--global-palette4, #56565E) !important;
}
.gform_wrapper.gform-theme--orbital .gfield_description {
	font-size: 13.5px;
	font-weight: 300;
	color: var(--global-palette4, #56565E);
}
/* Secciones del formulario: título Playfair con hairline (familia editorial). */
.gform_wrapper.gform-theme--orbital .gfield--type-section {
	border-bottom: 1px solid rgba(102, 0, 51, 0.14) !important;
	padding-bottom: 12px;
}
.gform_wrapper.gform-theme--orbital .gfield--type-section .gsection_title,
.gform_wrapper.gform-theme--orbital .gfield--type-section h2,
.gform_wrapper.gform-theme--orbital .gfield--type-section h3 {
	font-family: var(--global-heading-font-family, 'Playfair Display', serif) !important;
	font-size: 23px !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	color: var(--global-palette1, #660033) !important;
}
/* Botón de envío idéntico al global del tema. */
.gform_wrapper.gform-theme--orbital input[type="submit"].gform_button,
.gform_wrapper.gform-theme--orbital .gform-theme-button {
	background: var(--global-palette1, #660033) !important;
	color: var(--global-palette8, #EEE5D4) !important;
	border: 0 !important;
	border-radius: 9px !important;
	padding: 16px 32px !important;
	font-family: var(--global-body-font-family, 'Montserrat', sans-serif) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease !important;
}
.gform_wrapper.gform-theme--orbital input[type="submit"].gform_button:hover {
	background: var(--global-palette2, #8E2C50) !important;
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(102, 0, 51, 0.26);
}
.gform_wrapper .gform_validation_errors {
	border: 1px solid rgba(102, 0, 51, 0.3) !important;
	border-radius: 12px !important;
	background: #F6F0E4 !important;
	box-shadow: none !important;
}

/* ---- Perfil de usuario (kadence/userinfo) ---- */
.wp-block-kadence-user-info .kb-user-info-wrap {
	display: flex;
	align-items: center;
	gap: 18px;
	border: 1px solid rgba(102, 0, 51, 0.12);
	border-radius: 14px !important;
}
.wp-block-kadence-user-info .kb-user-info-avatar img {
	border-radius: 50%;
	box-shadow: 0 0 0 2px var(--global-palette9, #fff), 0 0 0 4px #EEC9B8;
}
.wp-block-kadence-user-info .kb-user-info-name {
	font-family: var(--global-heading-font-family, 'Playfair Display', serif);
	font-size: 22px;
	font-weight: 400;
	line-height: 1.2;
	color: var(--global-palette1, #660033);
	margin: 0;
}
.wp-block-kadence-user-info .kb-user-info-joined {
	font-family: var(--global-body-font-family, 'Montserrat', sans-serif);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--global-palette5, #A65D61);
	margin-top: 6px;
}

/* (Image Overlay: el "sin borde" ahora vive en el atributo borderStyle del
   bloque kadence/imageoverlay — editable en el panel Borde. Ya no hay CSS aquí.) */

/* ---- Slider con contenido (story): texto abajo-izquierda sobre la foto ---- */
.atreyaa-slider-story .kb-advanced-slide-inner {
	text-align: left;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 0 clamp(24px, 5vw, 64px) clamp(28px, 4.5vw, 56px);
}

/* ---- Slider hero editorial: panel burdeos (como el minihero) con los
   controles DENTRO del área del slide (superpuestos abajo). ---- */
.atreyaa-slider-hero .kb-blocks-slider { position: relative; }
.atreyaa-slider-hero .kb-advanced-slide { background-color: var(--global-palette1, #660033); }
.atreyaa-slider-hero .kb-advanced-slide-inner-wrap { position: relative; }
.atreyaa-slider-hero .kb-advanced-slide-inner-wrap::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(100deg, rgba(102, 0, 51, 0.74) 40%, rgba(102, 0, 51, 0.5) 100%);
	z-index: 0;
	pointer-events: none;
}
.atreyaa-slider-hero .kb-advanced-slide-inner {
	position: relative;
	z-index: 1;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	text-align: left;
	padding: clamp(28px, 5vw, 72px) clamp(24px, 5vw, 72px) clamp(82px, 9vw, 112px);
}
/* Controles superpuestos dentro del slide, abajo. */
.atreyaa-slider-hero .atreyaa-slider-controls {
	position: absolute;
	left: clamp(24px, 5vw, 72px);
	right: clamp(24px, 5vw, 72px);
	bottom: clamp(20px, 3.2vw, 40px);
	margin-top: 0;
	z-index: 3;
}
/* Recolor de los controles para el fondo oscuro. */
.atreyaa-slider-hero .atreyaa-slider-counter { color: var(--global-palette8, #EEE5D4); }
.atreyaa-slider-hero .atreyaa-slider-counter .at-tot { color: var(--global-palette6, #E7A9AD); }
.atreyaa-slider-hero .atreyaa-slider-controls .splide__pagination__page {
	background: rgba(238, 229, 212, 0.28) !important;
}
.atreyaa-slider-hero .atreyaa-slider-controls .splide__pagination li.at-done .splide__pagination__page {
	background: var(--global-palette6, #E7A9AD) !important;
}
.atreyaa-slider-hero .splide__arrow {
	border-color: rgba(238, 229, 212, 0.5) !important;
	color: var(--global-palette8, #EEE5D4) !important;
}
.atreyaa-slider-hero .splide__arrow:hover {
	background: var(--global-palette8, #EEE5D4) !important;
	border-color: var(--global-palette8, #EEE5D4) !important;
	color: var(--global-palette1, #660033) !important;
}

/* ---- Slider hero CONFIGURABLE: contador / puntos / flechas conmutables ----
   Hereda el look de .atreyaa-slider-hero. Las flechas quedan nativas (a los
   lados) salvo que se pida posición "abajo". Las clases las conmuta la barra
   de la guía (atreyaa-slider.js); en producción el cliente añade la clase
   deseada en el campo "Clase(s) CSS adicional(es)" del bloque. */

/* Flechas a los lados (por defecto): centradas vertical, dentro del slide. */
.atreyaa-slider-cfg .splide__arrows .splide__arrow {
	position: absolute;
	top: 50% !important;
	bottom: auto !important;
	transform: translateY(-50%) !important;
	z-index: 4;
}
.atreyaa-slider-cfg .splide__arrows .splide__arrow--prev { left: clamp(16px, 2.5vw, 28px) !important; right: auto !important; }
.atreyaa-slider-cfg .splide__arrows .splide__arrow--next { right: clamp(16px, 2.5vw, 28px) !important; left: auto !important; }

/* Posición "abajo": las dos flechas a la esquina inferior derecha, y la fila
   de contador+puntos se encoge para no quedar debajo de ellas. */
.atreyaa-slider-cfg.atreyaa-cfg-arrows-bottom .splide__arrows .splide__arrow {
	top: auto !important;
	bottom: clamp(18px, 3vw, 36px) !important;
	transform: none !important;
}
.atreyaa-slider-cfg.atreyaa-cfg-arrows-bottom .splide__arrows .splide__arrow--next { right: clamp(24px, 5vw, 72px) !important; }
.atreyaa-slider-cfg.atreyaa-cfg-arrows-bottom .splide__arrows .splide__arrow--prev { right: calc(clamp(24px, 5vw, 72px) + 52px) !important; left: auto !important; }
.atreyaa-slider-cfg.atreyaa-cfg-arrows-bottom .atreyaa-slider-controls { right: calc(clamp(24px, 5vw, 72px) + 116px); }

/* Conmutadores de visibilidad — DESACOPLADOS del estilo burdeos: funcionan en
   CUALQUIER slider Atreyaa (la fila de controles la arma atreyaa-slider.js en todos),
   no solo en el variant .atreyaa-slider-cfg. Así el cliente puede ocultar contador/
   puntos/flechas también en una galería de fotos normal. */
.atreyaa-cfg-no-counter .atreyaa-slider-counter { display: none !important; }
.atreyaa-cfg-no-dots .atreyaa-slider-controls .splide__pagination { display: none !important; }
.atreyaa-cfg-no-arrows .splide__arrows { display: none !important; }
/* Sin puntos, el contador deja de competir por el ancho. */
.atreyaa-cfg-no-dots .atreyaa-slider-counter { min-width: 0; }

/* Barra de opciones (demo de la guía de estilo). */
.atreyaa-slider-cfg-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0 0 16px;
}
.atreyaa-slider-cfg-bar .at-cfg-title {
	font-family: var(--global-body-font-family, 'Montserrat', sans-serif);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--global-palette5, #A65D61);
	margin-right: 2px;
}
.atreyaa-slider-cfg-bar .at-cfg-sep {
	width: 1px;
	height: 18px;
	background: rgba(102, 0, 51, 0.18);
	margin: 0 6px;
}
.atreyaa-slider-cfg-bar button {
	font-family: var(--global-body-font-family, 'Montserrat', sans-serif);
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	color: var(--global-palette1, #660033);
	background: transparent;
	border: 1.5px solid rgba(102, 0, 51, 0.28);
	border-radius: 999px;
	padding: 9px 16px;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.atreyaa-slider-cfg-bar button:hover { border-color: var(--global-palette1, #660033); }
/* "Encendido" para los toggles de visibilidad y "activo" para la posición. */
.atreyaa-slider-cfg-bar button.is-on,
.atreyaa-slider-cfg-bar button.is-active {
	background: var(--global-palette1, #660033);
	border-color: var(--global-palette1, #660033);
	color: var(--global-palette8, #EEE5D4);
}
.atreyaa-slider-cfg-bar button[data-cfg]::before {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: currentColor;
	opacity: 0.4;
	margin-right: 8px;
	vertical-align: middle;
}
.atreyaa-slider-cfg-bar button[data-cfg].is-on::before { opacity: 1; }

/* Portgrid: la pill ancla al ITEM completo (no al bloque de texto) y
   fuera el borde blanco inset del hover de fábrica. */
.atreyaa-portgrid .kb-portfolio-content-item-inner {
	position: static;
}
.atreyaa-portgrid .kb-portfolio-overlay-border {
	display: none !important;
}

/* ---- Paridad total de formularios (auditoría jun-2026) ----
   Referencia: botón global = 50px alto, padding 16/32, 15px/600, lh 18px, radio 9. */

/* El submit del form de Kadence NO hereda el botón global (sale 43px/radio 3/18px):
   se iguala a mano. */
.kb-advanced-form .kb-adv-form-submit-button {
	background: var(--global-palette1, #660033) !important;
	color: var(--global-palette8, #EEE5D4) !important;
	border: 0 !important;
	border-radius: 9px !important;
	padding: 16px 32px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 18px !important;
	transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
.kb-advanced-form .kb-adv-form-submit-button:hover {
	background: var(--global-palette2, #8E2C50) !important;
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(102, 0, 51, 0.26);
}
/* GF: mismo line-height que el botón global (estaba a 15px → 47px de alto). */
.gform_wrapper.gform-theme--orbital input[type="submit"].gform_button {
	line-height: 18px !important;
}

/* Inputs de GF: Orbital los fija a ~38px de alto; se igualan a los 52px de Kadence
   (padding 13 ×2 + línea 24 + borde 2). */
.gform_wrapper.gform-theme--orbital input:not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]),
.gform_wrapper.gform-theme--orbital select {
	height: auto !important;
	min-height: 52px !important;
	line-height: 24px !important;
	font-weight: 300 !important;
}
.gform_wrapper.gform-theme--orbital textarea {
	font-weight: 300 !important;
}
.gform_wrapper.gform-theme--orbital textarea {
	line-height: 24px !important;
}

/* Leyenda de obligatorios: nota discreta con aire antes de la primera sección. */
.gform_wrapper.gform-theme--orbital .gform_required_legend {
	font-size: 13px !important;
	font-weight: 300;
	font-style: italic;
	color: var(--global-palette4, #56565E) !important;
	margin: 0 0 28px !important;
}

/* ---- Contacto (referencia jun-2026): tarjeta del formulario y chips ---- */
.atreyaa-form-card > .kt-inside-inner-col {
	box-shadow: 0 18px 48px rgba(44, 46, 53, 0.07);
}
/* Inputs crema sobre la tarjeta blanca (la referencia los pinta #FBF7EF). */
.atreyaa-form-card .kb-field {
	background: #FBF7EF !important;
	border: 1.5px solid rgba(102, 0, 51, 0.18) !important;
}
/* Botones sociales (Instagram/LinkedIn) = píldora fantasma, IGUAL en editor y front.
   El editor no honra varios attrs por-bloque del singlebtn (background transparente,
   borde, radio), así que se replica el estilo completo aquí. Scopeado a la FILA
   (.atreyaa-social-pill, rowlayout dinámico cuyo className SÍ renderiza en el editor)
   y por .kt-button (clase común a front y editor). */
.atreyaa-social-pill .kt-button {
	background: transparent !important;
	color: var(--global-palette1, #660033) !important;
	border: 1.5px solid rgba(102, 0, 51, 0.25) !important;
	border-radius: 999px !important;
	/* OJO: NO forzar font-size/padding aquí — eso bloquearía el control de tamaño
	   nativo del Advanced Button. El tamaño lo maneja el preset del bloque (editable). */
}
.atreyaa-social-pill .kt-button:hover {
	background: var(--global-palette1, #660033) !important;
	color: var(--global-palette8, #EEE5D4) !important;
	border-color: var(--global-palette1, #660033) !important;
}
/* Nombre + Empresa lado a lado: el form de Kadence es flex COLUMN de fábrica;
   en la tarjeta lo pasamos a row-wrap y acotamos los dos primeros campos. */
.atreyaa-form-card .kb-advanced-form {
	flex-direction: row;
	flex-wrap: wrap;
}
.atreyaa-form-card .kb-advanced-form > .kb-adv-form-field {
	width: 100%;
}
@media (min-width: 768px) {
	.atreyaa-form-card .kb-advanced-form > .kb-adv-form-field:nth-child(-n+2) {
		width: calc(50% - 14px);
		max-width: calc(50% - 14px);
	}
}
/* GF dentro de la tarjeta de Contacto: inputs crema de la referencia y sin leyenda. */
.atreyaa-form-card .gform_wrapper.gform-theme--orbital input:not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]),
.atreyaa-form-card .gform_wrapper.gform-theme--orbital select,
.atreyaa-form-card .gform_wrapper.gform-theme--orbital textarea {
	background: #FBF7EF !important;
	border: 1.5px solid rgba(102, 0, 51, 0.18) !important;
}
.atreyaa-form-card .gform_wrapper .gform_required_legend {
	display: none;
}

/* ---- Nosotros (referencia jun-2026): grid de stats 2×2 con hairlines ---- */
.atreyaa-stats-grid > .kt-inside-inner-col {
	border: 1px solid rgba(102, 0, 51, 0.1);
	border-radius: 16px;
	overflow: hidden;
	background: var(--global-palette9, #ffffff);
}
.atreyaa-stats-grid .atreyaa-stats-row > .kt-row-column-wrap {
	padding: 0 !important;
	gap: 0 !important;
}
.atreyaa-stats-grid .wp-block-kadence-column > .kt-inside-inner-col {
	background: var(--global-palette9, #ffffff);
	padding: 36px 26px !important;
}
.atreyaa-stats-grid .atreyaa-stats-row .inner-column-2 > .kt-inside-inner-col {
	border-left: 1px solid rgba(102, 0, 51, 0.1);
}
.atreyaa-stats-grid .atreyaa-stats-row--last .wp-block-kadence-column > .kt-inside-inner-col {
	border-top: 1px solid rgba(102, 0, 51, 0.1);
}

/* ---- Servicios (referencia jun-2026): tarjeta blanca de servicios ----
   La tarjeta es una kadence/column (.atreyaa-svc-card) con pares h3+p;
   paddings y divisores full-bleed van aquí (no son attrs de bloque). */
.atreyaa-svc-card > .kt-inside-inner-col {
	padding: 0;
}
/* Paddings/divisores por TAG (no por .wp-block-kadence-advancedheading) para que
   apliquen IGUAL en el editor, donde el advancedheading es .kadence-advancedheading-text. */
.atreyaa-svc-card h3 {
	padding: 28px 30px 0;
}
.atreyaa-svc-card p {
	padding: 0 30px 28px;
}
/* Divisor hairline entre servicios. Front: los h3 son hermanos (:not(:first-child)).
   Editor: cada bloque va envuelto en .block-editor-block-list__block, así que el
   :not(:first-child) se aplica al envoltorio. */
.atreyaa-svc-card > .kt-inside-inner-col > h3:not(:first-child),
.atreyaa-svc-card .block-editor-block-list__block:not(:first-child) h3 {
	border-top: 1px solid rgba(102, 0, 51, 0.1);
}
@media (max-width: 767px) {
	.atreyaa-svc-card h3 {
		padding: 22px 22px 0;
	}
	.atreyaa-svc-card p {
		padding: 0 22px 22px;
	}
}

/* ============================================================
   NAVEGACIÓN MÓVIL — "cortina editorial" (rediseño jun-2026)
   Drawer fullwidth burdeos con numerales Playfair, hairlines,
   entrada escalonada y bloque de contacto al pie.
   ============================================================ */
#mobile-drawer .drawer-inner {
	background: var(--global-palette1, #660033) !important;
	position: relative;
	overflow: hidden;
	/* Pantalla completa: la cortina burdeos ocupa todo el alto (antes solo el del
	   contenido). 100dvh = alto dinámico del viewport (móvil: descuenta la barra del
	   navegador). Columna flex para que la cabecera quede arriba y el contenido llene. */
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	flex-direction: column;
}
/* Monograma de fondo (esquina inferior derecha, como los heros). */
#mobile-drawer .drawer-inner::before {
	content: "";
	position: absolute;
	right: -60px;
	bottom: -30px;
	width: 320px;
	height: 320px;
	background: url('../../../../uploads/2026/06/atreyaa-monograma-crema.svg') no-repeat center / contain;
	opacity: 0.07;
	pointer-events: none;
}
/* Cabecera del drawer: wordmark crema + botón cerrar fino. */
#mobile-drawer .drawer-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 18px 26px 6px;
}
#mobile-drawer .drawer-header::before {
	content: "";
	width: 104px;
	height: 37px;
	background: url('../../../../uploads/2026/06/atreyaa-logo-crema.svg') no-repeat left center / contain;
}
#mobile-drawer .drawer-header .drawer-toggle {
	color: var(--global-palette8, #EEE5D4) !important;
}
/* Contenido en columna, CENTRADO verticalmente en la pantalla completa
   (antes iba pegado arriba). flex:1 hace que ocupe el alto libre bajo la cabecera. */
#mobile-drawer .drawer-content {
	display: flex;
	flex-direction: column;
	/* "safe center": centra cuando cabe; si el contenido es más alto que la pantalla
	   (móviles muy cortos / horizontal) se alinea arriba en vez de recortar por el centro. */
	justify-content: safe center;
	flex: 1 1 auto;
	padding: 30px 26px;
}
/* Enlaces: Playfair grande, hairlines crema y numeral 01/02… */
#mobile-drawer #mobile-menu { counter-reset: at-nav; }
#mobile-drawer #mobile-menu > li {
	counter-increment: at-nav;
	border-bottom: 1px solid rgba(238, 229, 212, 0.14) !important;
}
#mobile-drawer #mobile-menu > li > a {
	display: block;
	padding: 14px 2px 16px !important;
	font-size: 31px !important;
	line-height: 1.12 !important;
}
#mobile-drawer #mobile-menu > li > a::before {
	content: counter(at-nav, decimal-leading-zero);
	display: block;
	font-family: var(--global-heading-font-family, 'Playfair Display', serif);
	font-style: italic;
	font-weight: 400;
	font-size: 12px;
	letter-spacing: 0.06em;
	color: #EEC9B8;
	margin-bottom: 5px;
}
/* Entrada escalonada al abrir (.show-drawer la pone Kadence). */
#mobile-drawer #mobile-menu > li {
	opacity: 0;
	transform: translateY(14px);
}
#mobile-drawer.show-drawer #mobile-menu > li {
	animation: atreyaa-nav-in 0.5s ease forwards;
}
#mobile-drawer.show-drawer #mobile-menu > li:nth-child(1) { animation-delay: 0.08s; }
#mobile-drawer.show-drawer #mobile-menu > li:nth-child(2) { animation-delay: 0.16s; }
#mobile-drawer.show-drawer #mobile-menu > li:nth-child(3) { animation-delay: 0.24s; }
#mobile-drawer.show-drawer #mobile-menu > li:nth-child(4) { animation-delay: 0.32s; }
#mobile-drawer.show-drawer #mobile-menu > li:nth-child(5) { animation-delay: 0.40s; }
#mobile-drawer.show-drawer #mobile-menu > li:nth-child(6) { animation-delay: 0.48s; }
@keyframes atreyaa-nav-in {
	to { opacity: 1; transform: none; }
}
/* CTA "Hablemos" invertido (crema sobre burdeos). Antes usaba margin-top:auto para
   pegarse al pie; con el contenido centrado se agrupa con el menú (solo separación). */
#mobile-drawer .mobile-header-button-wrap {
	margin-top: 0;
	padding-top: 30px;
	width: 100%;
}
#mobile-drawer .mobile-header-button-wrap .mobile-header-button {
	display: block;
	width: 100%;
	text-align: center;
	background: var(--global-palette8, #EEE5D4) !important;
	color: var(--global-palette1, #660033) !important;
	border-radius: 9px !important;
	padding: 15px 24px !important;
	font-weight: 600 !important;
	font-size: 15px !important;
}
/* Bloque de contacto (mobile-html). */
.atreyaa-drawer-contact { margin-top: 24px; }
.atreyaa-drawer-contact .at-ov {
	display: block;
	font-family: var(--global-body-font-family, 'Montserrat', sans-serif);
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #E7A9AD;
	margin-bottom: 6px;
}
.atreyaa-drawer-contact .at-mail {
	display: inline-block;
	font-family: var(--global-heading-font-family, 'Playfair Display', serif);
	font-size: 17px;
	color: var(--global-palette8, #EEE5D4) !important;
	text-decoration: none !important;
	margin-bottom: 16px;
}
.atreyaa-drawer-contact .at-chips { display: flex; gap: 8px; }
.atreyaa-drawer-contact .at-chips a {
	font-family: var(--global-body-font-family, 'Montserrat', sans-serif);
	font-size: 11px;
	font-weight: 600;
	color: var(--global-palette8, #EEE5D4);
	border: 1px solid rgba(238, 229, 212, 0.4);
	border-radius: 99px;
	padding: 8px 15px;
	text-decoration: none;
	transition: border-color 0.25s ease, background 0.25s ease;
}
.atreyaa-drawer-contact .at-chips a:hover {
	border-color: var(--global-palette8, #EEE5D4);
	background: rgba(238, 229, 212, 0.1);
}

/* ---- Inicio · "Lo que nos hace distintos": rejilla fluida (igual que la referencia) ----
   auto-fit reacomoda las tarjetas por el espacio disponible (1 col en móvil → 4 en desktop),
   en vez de los puntos de quiebre fijos de Kadence (4/2/1). Clase en la fila kadence/rowlayout. */
.atreyaa-autofit-cards > .kt-row-column-wrap {
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
}
/* Apiladas en 1 columna (≤479px = siempre 1 col con el auto-fit de arriba):
   alinear todo a la izquierda (quitar el padding-left asimétrico de la rejilla),
   cambiar los divisores verticales (border-left) por hairlines horizontales (border-top). */
@media (max-width: 520px) {
	.atreyaa-autofit-cards .wp-block-kadence-column > .kt-inside-inner-col {
		padding-left: 0 !important;
		border-left-width: 0 !important;
	}
	.atreyaa-autofit-cards .inner-column-2 > .kt-inside-inner-col,
	.atreyaa-autofit-cards .inner-column-3 > .kt-inside-inner-col,
	.atreyaa-autofit-cards .inner-column-4 > .kt-inside-inner-col {
		border-top: 1px solid rgba(238, 229, 212, 0.16) !important;
	}
}