/*
 * Conext FSE — custom.css
 *
 * Estilos de polish que theme.json no puede expresar:
 * transiciones del carrusel, hover states complejos,
 * sombras, ajustes de layout y detalles finos.
 *
 * @package Conext
 * @version 1.0.0
 */

/* ==========================================================================
   1. CARRUSEL DE TESTIMONIOS
   ========================================================================== */

/**
 * El wrapper oculta el overflow para que los slides fuera de vista
 * no sean visibles. position:relative es necesario para los botones
 * prev/next posicionados absolutamente si se quieren superponer al track.
 */
.conext-carousel-wrapper {
	overflow: hidden;
	position: relative;
}

/* ==========================================================================
   Sobre nosotros y perfil profesional de Esteban
   ========================================================================== */

.conext-about,
.conext-about-section,
.conext-profile,
.conext-profile-strip,
.conext-profile-section {
	width:       100vw;
	margin-left: calc( 50% - 50vw );
	color:       #172033;
}

.entry-content > .conext-about,
.entry-content > .conext-about-section,
.entry-content > .conext-profile,
.entry-content > .conext-profile-strip,
.entry-content > .conext-profile-section {
	width:        100vw !important;
	max-width:    none !important;
	margin-left:  calc( 50% - 50vw ) !important;
	margin-right: calc( 50% - 50vw ) !important;
}

.conext-about,
.conext-profile-hero {
	background: #172033;
	color:      #ffffff;
}

.conext-about-wrap,
.conext-profile-wrap {
	width:      min( calc( 100vw - 48px ), 1240px );
	margin:     0 auto;
	box-sizing: border-box;
}

.conext-kicker {
	display:        inline-flex;
	margin-bottom:  0.85rem;
	color:          #2e8b22;
	font-size:      0.84rem;
	font-weight:    800;
	letter-spacing: 0;
	text-transform: uppercase;
}

.conext-about-hero {
	padding: 5.5rem 0;
}

.conext-about-hero__grid,
.conext-profile-hero__grid,
.conext-about-director__grid,
.conext-about-process__grid,
.conext-profile-story__grid,
.conext-profile-editorial__grid {
	display:               grid;
	grid-template-columns: minmax( 0, 1.1fr ) minmax( 320px, 0.9fr );
	gap:                   clamp( 2rem, 4vw, 4.5rem );
	align-items:           center;
}

.conext-about-hero h1,
.conext-profile-hero h1 {
	max-width:   980px;
	margin:      0;
	color:       #ffffff;
	font-size:   clamp( 2.45rem, 5vw, 5.25rem );
	line-height: 1.03;
}

.conext-about-lead,
.conext-profile-lead {
	max-width:   820px;
	margin:      1.35rem 0 0;
	color:       rgba( 255, 255, 255, 0.82 );
	font-size:   clamp( 1.05rem, 1.6vw, 1.32rem );
	line-height: 1.72;
}

.conext-about-actions,
.conext-profile-actions {
	display:   flex;
	flex-wrap: wrap;
	gap:       0.85rem;
	margin-top: 2rem;
}

.conext-button {
	display:         inline-flex;
	align-items:     center;
	justify-content: center;
	max-width:       100%;
	min-width:       0;
	padding:         0.92rem 1.15rem;
	border:          1px solid transparent;
	border-radius:   8px;
	font-size:       0.98rem;
	font-weight:     800;
	line-height:     1.2;
	text-align:      center;
	text-decoration: none !important;
	white-space:     normal;
	overflow-wrap:   anywhere;
	box-sizing:      border-box;
	transition:      transform 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

.conext-button:hover {
	transform: translateY( -1px );
}

.conext-button--primary {
	background: #ff9800;
	color:      #172033 !important;
	box-shadow: 0 12px 28px rgba( 0, 0, 0, 0.18 );
}

.conext-button--ghost {
	border-color: rgba( 255, 255, 255, 0.35 );
	color:        #ffffff !important;
	background:   rgba( 255, 255, 255, 0.08 );
}

.conext-about-hero__panel {
	padding:       clamp( 1.4rem, 3vw, 2.1rem );
	border:        1px solid rgba( 255, 255, 255, 0.18 );
	border-radius: 8px;
	background:    rgba( 255, 255, 255, 0.08 );
	box-shadow:    0 24px 60px rgba( 0, 0, 0, 0.22 );
}

.conext-about-hero__panel span,
.conext-about-hero__panel strong {
	display: block;
}

.conext-about-hero__panel span {
	color:       #ff9800;
	font-size:   0.92rem;
	font-weight: 800;
}

.conext-about-hero__panel strong {
	margin-top:  0.7rem;
	font-size:   1.5rem;
	line-height: 1.22;
}

.conext-about-hero__panel p,
.conext-about-hero__panel li {
	color:       rgba( 255, 255, 255, 0.82 );
	line-height: 1.6;
}

.conext-about-hero__panel ul {
	display:       grid;
	gap:           0.6rem;
	margin:        1rem 0 0;
	padding-left:  1rem;
}

.conext-about-hero__panel a {
	color: #ffffff;
}

.conext-about-section,
.conext-profile-section {
	padding:    clamp( 3rem, 6vw, 6rem ) 0;
	background: #ffffff;
}

.conext-about-values,
.conext-profile-expertise,
.conext-profile-links {
	background: #f6f8f7;
}

.conext-section-heading {
	max-width: 860px;
}

.conext-section-heading h2,
.conext-about-director__copy h2,
.conext-about-process h2,
.conext-profile-story h2,
.conext-profile-editorial h2,
.conext-profile-cta h2 {
	margin:      0;
	color:       #172033;
	font-size:   clamp( 2rem, 3.2vw, 3.35rem );
	line-height: 1.08;
}

.conext-section-heading p,
.conext-about-director__copy p,
.conext-process-list,
.conext-profile-story p,
.conext-profile-editorial p,
.conext-profile-editorial li,
.conext-profile-cta p {
	color:       #566071;
	font-size:   1.04rem;
	line-height: 1.72;
}

.conext-about-card-grid,
.conext-profile-card-grid,
.conext-service-grid,
.conext-profile-link-grid {
	display:               grid;
	grid-template-columns: repeat( 3, minmax( 0, 1fr ) );
	gap:                   1rem;
	margin-top:            2rem;
}

.conext-profile-card-grid,
.conext-profile-link-grid {
	grid-template-columns: repeat( 4, minmax( 0, 1fr ) );
}

.conext-about-card,
.conext-profile-card,
.conext-service-grid a,
.conext-profile-link-grid a,
.conext-profile-facts {
	min-width:     0;
	padding:       1.35rem;
	border:        1px solid #e1e6ea;
	border-radius: 8px;
	background:    #ffffff;
	box-shadow:    0 14px 32px rgba( 23, 32, 51, 0.07 );
	box-sizing:    border-box;
}

.conext-about-card span,
.conext-service-grid span,
.conext-profile-link-grid span {
	display:       block;
	color:         #2e8b22;
	font-size:     0.82rem;
	font-weight:   800;
	margin-bottom: 0.65rem;
}

.conext-about-card h3,
.conext-profile-card h3 {
	margin:      0;
	color:       #172033;
	font-size:   1.22rem;
	line-height: 1.25;
}

.conext-about-card p,
.conext-profile-card p {
	margin:      0.75rem 0 0;
	color:       #566071;
	line-height: 1.65;
}

.conext-about-director {
	background: #ffffff;
}

.conext-about-director__image,
.conext-profile-hero__media {
	margin:        0;
	border-radius: 8px;
	overflow:      hidden;
	box-shadow:    0 24px 60px rgba( 23, 32, 51, 0.16 );
}

.conext-about-director__image img {
	display:    block;
	width:      100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	object-position: center 22%;
}

.conext-about-lead-small {
	color:       #172033 !important;
	font-size:   1.15rem !important;
	font-weight: 700;
}

.conext-about-proof {
	display:   flex;
	flex-wrap: wrap;
	gap:       0.6rem;
	margin:    1.25rem 0 1.45rem;
}

.conext-about-proof span {
	padding:       0.5rem 0.7rem;
	border-radius: 8px;
	background:    #edf7ec;
	color:         #245f20;
	font-weight:   800;
}

.conext-service-grid a,
.conext-profile-link-grid a {
	display:         block;
	color:           #172033 !important;
	text-decoration: none !important;
}

.conext-service-grid a:hover,
.conext-profile-link-grid a:hover {
	border-color: #2e8b22;
	box-shadow:   0 18px 40px rgba( 46, 139, 34, 0.12 );
}

.conext-service-grid strong,
.conext-profile-link-grid strong {
	display:     block;
	font-size:   1.05rem;
	line-height: 1.45;
}

.conext-about-process {
	background: #172033;
}

.conext-about-process h2,
.conext-about-process .conext-kicker {
	color: #ffffff;
}

.conext-process-list {
	display:       grid;
	gap:           0.75rem;
	margin:        0;
	padding-left:  1.25rem;
	color:         rgba( 255, 255, 255, 0.82 );
}

.conext-process-list strong {
	color: #ffffff;
}

.conext-map-frame {
	margin-top:    2rem;
	border-radius: 8px;
	overflow:      hidden;
	box-shadow:    0 18px 44px rgba( 23, 32, 51, 0.12 );
	line-height:   0;
}

.conext-profile-hero {
	padding:    clamp( 4rem, 7vw, 7rem ) 0;
	min-height: 680px;
	display:    flex;
	align-items: center;
	box-sizing: border-box;
}

.conext-profile-hero__grid {
	grid-template-columns: minmax( 0, 1.05fr ) minmax( 330px, 0.75fr );
}

.conext-profile-hero__media {
	background: #0f1724;
}

.conext-profile-hero__media img {
	display:         block;
	width:           100%;
	aspect-ratio:    4 / 5;
	object-fit:      cover;
	object-position: center 20%;
}

.conext-profile-hero__media figcaption {
	padding:     0.85rem 1rem;
	color:       rgba( 255, 255, 255, 0.82 );
	font-size:   0.9rem;
	font-weight: 700;
}

.conext-profile-strip {
	padding:    1rem 0;
	background: #ff9800;
	color:      #172033;
}

.conext-profile-strip__grid {
	display:               grid;
	grid-template-columns: repeat( 4, minmax( 0, 1fr ) );
	gap:                   0.85rem;
}

.conext-profile-strip span {
	display:     block;
	min-width:   0;
	font-size:   0.9rem;
	line-height: 1.35;
}

.conext-profile-strip strong {
	display:       block;
	margin-bottom: 0.15rem;
	font-size:     1rem;
}

.conext-profile-story__grid {
	align-items: start;
}

.conext-profile-facts h2 {
	margin:      0 0 1rem;
	font-size:   1.45rem;
	line-height: 1.2;
}

.conext-profile-facts dl {
	display: grid;
	gap:     0.85rem;
	margin:  0;
}

.conext-profile-facts dt {
	color:       #2e8b22;
	font-size:   0.82rem;
	font-weight: 800;
}

.conext-profile-facts dd {
	margin:      0.15rem 0 0;
	color:       #172033;
	font-weight: 700;
	line-height: 1.45;
}

.conext-profile-editorial {
	background: #172033;
	color:      #ffffff;
}

.conext-profile-editorial h2,
.conext-profile-editorial .conext-kicker {
	color: #ffffff;
}

.conext-profile-editorial p,
.conext-profile-editorial li {
	color: rgba( 255, 255, 255, 0.82 );
}

.conext-profile-editorial ul {
	display:       grid;
	gap:           0.65rem;
	margin:        1rem 0 0;
	padding-left:  1.2rem;
}

.conext-profile-cta {
	background: #ffffff;
}

.conext-profile-cta__box {
	display:         flex;
	flex-wrap:       wrap;
	gap:             1.5rem;
	align-items:     center;
	justify-content: space-between;
	padding:         clamp( 1.5rem, 4vw, 2.4rem );
	border:          1px solid #e1e6ea;
	border-radius:   8px;
	background:      #f6f8f7;
	box-shadow:      0 18px 44px rgba( 23, 32, 51, 0.08 );
}

.conext-profile-cta__box > div {
	max-width: 760px;
}

.conext-author-bio__actions {
	display:   flex;
	flex-wrap: wrap;
	gap:       0.85rem;
}

/* Ajustes finos exclusivos de Sobre nosotros. */
.page-id-4966 main.wp-block-group.alignfull {
	padding: 0 !important;
}

.page-id-4966 .entry-content > .conext-about,
.page-id-4966 .entry-content > .conext-about-section {
	margin-top:          0 !important;
	margin-bottom:       0 !important;
	margin-block-start:  0 !important;
	margin-block-end:    0 !important;
}

.page-id-4966 .conext-about-hero {
	padding: clamp( 3.8rem, 5.7vw, 6rem ) 0;
}

.page-id-4966 .conext-about-section {
	padding: clamp( 2.85rem, 5.1vw, 4.9rem ) 0;
}

/* Ajustes finos exclusivos del perfil de Esteban. */
.page-id-5134 main.wp-block-group.alignfull {
	padding: 0 !important;
}

.page-id-5134 .entry-content > .conext-profile,
.page-id-5134 .entry-content > .conext-profile-strip,
.page-id-5134 .entry-content > .conext-profile-section {
	margin-top:          0 !important;
	margin-bottom:       0 !important;
	margin-block-start:  0 !important;
	margin-block-end:    0 !important;
}

.page-id-5134 .conext-profile-hero {
	min-height: 620px;
	padding:    clamp( 3.5rem, 5.4vw, 5.8rem ) 0;
}

.page-id-5134 .conext-profile-section {
	padding: clamp( 2.75rem, 5vw, 4.75rem ) 0;
}

.page-id-5134 .conext-profile-strip {
	margin-block-start: 0 !important;
}

@media (max-width: 980px) {
	.conext-about-hero__grid,
	.conext-profile-hero__grid,
	.conext-about-director__grid,
	.conext-about-process__grid,
	.conext-profile-story__grid,
	.conext-profile-editorial__grid {
		grid-template-columns: 1fr;
	}

	.conext-about-card-grid,
	.conext-service-grid,
	.conext-profile-card-grid,
	.conext-profile-link-grid,
	.conext-profile-strip__grid {
		grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
	}

	.conext-profile-hero {
		min-height: auto;
	}
}

@media (max-width: 640px) {
	.conext-about-wrap,
	.conext-profile-wrap {
		width: min( calc( 100vw - 24px ), 100% );
	}

	.conext-about-hero,
	.conext-profile-hero {
		padding: 3.25rem 0;
	}

	.conext-about-hero h1,
	.conext-profile-hero h1 {
		font-size:   2.45rem;
		line-height: 1.05;
	}

	.conext-about-lead,
	.conext-profile-lead {
		font-size: 1rem;
	}

	.conext-about-actions,
	.conext-profile-actions,
	.conext-profile-cta__box {
		align-items: stretch;
	}

	.conext-button,
	.conext-about-actions a,
	.conext-profile-actions a,
	.conext-profile-cta__box a {
		width: 100%;
	}

	.conext-about-card-grid,
	.conext-service-grid,
	.conext-profile-card-grid,
	.conext-profile-link-grid,
	.conext-profile-strip__grid {
		grid-template-columns: 1fr;
	}

	.conext-about-section,
	.conext-profile-section {
		padding: 2.75rem 0;
	}

	.conext-about-card,
	.conext-profile-card,
	.conext-service-grid a,
	.conext-profile-link-grid a,
	.conext-profile-facts,
	.conext-about-hero__panel {
		padding: 1.05rem;
	}

	.conext-profile-hero__media img,
	.conext-about-director__image img {
		aspect-ratio: 1 / 1.12;
	}

	.conext-profile-strip {
		padding: 0.85rem 0;
	}

	.page-id-5134 .conext-profile-hero {
		padding: 2.5rem 0;
	}

	.page-id-5134 .conext-profile-section {
		padding: 2.25rem 0;
	}

	.page-id-4966 .conext-about-hero {
		padding: 2.65rem 0;
	}

	.page-id-4966 .conext-about-section {
		padding: 2.3rem 0;
	}
}

/**
 * El track es el contenedor flex de los slides.
 * La transición aquí es la clave de la animación.
 * transform: translateX() se aplica via JS.
 */
.conext-carousel-track.wp-block-columns {
	flex-wrap:         nowrap !important;
	transition:        transform 0.4s cubic-bezier( 0.25, 0.46, 0.45, 0.94 );
	will-change:       transform;
	/* Anular el gap por defecto de wp:columns en favor del gap controlado */
	gap:               1.5rem;
}

/**
 * Cada slide ocupa exactamente 1/3 del wrapper en desktop
 * (el JS calcula el translateX basándose en este mismo proporción).
 * En mobile o tablet se ajusta via las media queries de abajo.
 */
.conext-carousel-slide.wp-block-column {
	min-width: calc( ( 100% - 3rem ) / 3 ); /* (100% - 2 gaps) / 3 slides */
	flex:      0 0 calc( ( 100% - 3rem ) / 3 );
}

/* Botones de control del carrusel */
.conext-carousel-prev,
.conext-carousel-next {
	transition: box-shadow 0.2s ease, background-color 0.2s ease;
}

.conext-carousel-prev:hover,
.conext-carousel-next:hover {
	background-color: #f9fafb;
	box-shadow:        0 4px 12px rgba( 0, 0, 0, 0.15 );
}

.conext-carousel-prev:disabled,
.conext-carousel-next:disabled {
	opacity: 0.35;
	cursor:  not-allowed;
}

/* Puntos de navegación */
.conext-dot {
	transition: background-color 0.25s ease, transform 0.25s ease;
}

.conext-dot--active {
	background-color: var( --wp--preset--color--secondary ) !important;
	transform:        scale( 1.4 );
}

.conext-dot:hover:not( .conext-dot--active ) {
	background-color: #9ca3af !important;
}

/* ==========================================================================
   2. TARJETAS DE TESTIMONIO
   ========================================================================== */

.conext-testimonial-card {
	transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.conext-testimonial-card:hover {
	box-shadow: 0 8px 32px rgba( 0, 0, 0, 0.14 );
	transform:  translateY( -3px );
}

/* ==========================================================================
   3. TARJETAS DE SERVICIO
   ========================================================================== */

.conext-service-card {
	transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.conext-service-card:hover {
	box-shadow: 0 8px 32px rgba( 0, 0, 0, 0.12 );
	transform:  translateY( -4px );
}

/* ==========================================================================
   4. HEADER — NAVEGACIÓN Y BOTÓN CTA
   ========================================================================== */

/* Overlay de hover para links de nav */
.wp-block-navigation a {
	transition: color 0.2s ease;
}

/* Menú desplegable (submenu) */
.wp-block-navigation .wp-block-navigation__submenu-container {
	border-radius:    8px;
	box-shadow:       0 8px 24px rgba( 0, 0, 0, 0.18 );
	border:           1px solid rgba( 255, 255, 255, 0.08 );
	background-color: var( --wp--preset--color--brand-dark );
	min-width:        200px;
	overflow:         hidden;
}

.wp-block-navigation .wp-block-navigation__submenu-container a {
	padding: 0.625rem 1.125rem;
	display: block;
	transition: background-color 0.15s ease;
}

.wp-block-navigation .wp-block-navigation__submenu-container a:hover {
	background-color: rgba( 255, 255, 255, 0.07 );
}

/* Botón CTA del header */
.wp-block-button .wp-element-button {
	transition: background-color 0.25s ease, transform 0.15s ease,
	            box-shadow 0.25s ease;
}

.wp-block-button .wp-element-button:hover {
	transform:  translateY( -1px );
	box-shadow: 0 4px 16px rgba( 245, 158, 11, 0.35 );
}

.wp-block-button .wp-element-button:active {
	transform:  translateY( 0 );
	box-shadow: none;
}

/* ==========================================================================
   5. HERO SECTION — CALLOUT LINKS Y BOTONES
   ========================================================================== */

/* El enlace "Learn More Services →" */
.wp-block-paragraph a[ href="#services" ],
.wp-block-paragraph a[ href="#services" ]:hover {
	text-decoration:    none;
	text-underline-offset: 3px;
}

.wp-block-paragraph a[ href="#services" ]:hover {
	text-decoration: underline;
}

/* Imagen del hero: forzar object-position para focalizar en la zona correcta */
.wp-block-cover__image-background {
	object-position: center right;
}

/* ==========================================================================
   6. FOOTER — ENLACES DE NAVEGACIÓN
   ========================================================================== */

footer .wp-block-navigation-item__content {
	color:      #9ca3af;
	transition: color 0.2s ease;
}

footer .wp-block-navigation-item__content:hover {
	color: #ffffff;
}

/* Iconos de RRSS */
.conext-social-links a {
	transition: color 0.2s ease, transform 0.2s ease;
	display:    inline-flex;
}

.conext-social-links a:hover {
	color:     #ffffff !important;
	transform: scale( 1.15 );
}

/* ==========================================================================
   7. TARJETAS DE POST (BLOG INDEX & SINGLE RELATED)
   ========================================================================== */

.conext-post-card,
.conext-related-card {
	transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.conext-post-card:hover,
.conext-related-card:hover {
	box-shadow: 0 6px 24px rgba( 0, 0, 0, 0.1 );
	transform:  translateY( -3px );
}

/* ==========================================================================
   8. PAGINACIÓN
   ========================================================================== */

.conext-pagination .wp-block-query-pagination-numbers a,
.conext-pagination .wp-block-query-pagination-previous,
.conext-pagination .wp-block-query-pagination-next {
	display:          inline-flex;
	align-items:      center;
	justify-content:  center;
	padding:          0.375rem 0.75rem;
	border-radius:    6px;
	border:           1px solid #e5e7eb;
	color:            var( --wp--preset--color--text-base );
	text-decoration:  none;
	transition:       background-color 0.2s ease, color 0.2s ease,
	                  border-color 0.2s ease;
}

.conext-pagination .wp-block-query-pagination-numbers a:hover,
.conext-pagination .wp-block-query-pagination-previous:hover,
.conext-pagination .wp-block-query-pagination-next:hover {
	background-color: var( --wp--preset--color--secondary );
	border-color:     var( --wp--preset--color--secondary );
	color:            #ffffff;
}

.conext-pagination .wp-block-query-pagination-numbers .current {
	background-color: var( --wp--preset--color--secondary );
	border-color:     var( --wp--preset--color--secondary );
	color:            #ffffff;
	font-weight:      600;
}

/* ==========================================================================
   9. RESPONSIVE BREAKPOINTS
   ========================================================================== */

/* Tablet: 2 slides visibles */
@media ( max-width: 1024px ) and ( min-width: 481px ) {
	.conext-carousel-slide.wp-block-column {
		min-width: calc( ( 100% - 1.5rem ) / 2 );
		flex:      0 0 calc( ( 100% - 1.5rem ) / 2 );
	}
}

/* Mobile: 1 slide visible */
@media ( max-width: 480px ) {
	.conext-carousel-slide.wp-block-column {
		min-width: 100%;
		flex:      0 0 100%;
	}

	.conext-carousel-track.wp-block-columns {
		gap: 0;
	}
}

/* Mobile: hero layout (imagen debajo del texto en pantallas pequeñas) */
@media ( max-width: 768px ) {
	.wp-block-cover__image-background {
		object-position: center center;
	}
}

/* ==========================================================================
   10. ACCESSIBILITY — FOCUS STYLES
   ========================================================================== */

.conext-dot:focus-visible,
.conext-carousel-prev:focus-visible,
.conext-carousel-next:focus-visible {
	outline:        3px solid var( --wp--preset--color--primary );
	outline-offset: 3px;
}

.wp-block-button .wp-element-button:focus-visible {
	outline:        3px solid var( --wp--preset--color--primary );
	outline-offset: 3px;
}

/* Reduce motion: desactiva la transición del carrusel si el usuario lo prefiere */
@media ( prefers-reduced-motion: reduce ) {
	.conext-carousel-track.wp-block-columns {
		transition: none;
	}

	.conext-testimonial-card:hover,
	.conext-service-card:hover,
	.conext-post-card:hover,
	.conext-related-card:hover {
		transform: none;
	}
}

/* ==========================================================================
   11. LANDING NACIONALIDAD ESPAÑOLA (DEV)
   ========================================================================== */

.page-id-4944 #wp--skip-link--target {
	padding-top:   0 !important;
	padding-right: 0 !important;
	padding-left:  0 !important;
}

.page-id-4944 .entry-content.wp-block-post-content {
	width:     100% !important;
	max-width: none !important;
}

.page-id-4944 .stk-07c20a8 {
	top:          0 !important;
	width:        100vw !important;
	max-width:    100vw !important;
	min-height:   calc( 100svh - 96px );
	margin-left:  calc( 50% - 50vw ) !important;
	margin-right: calc( 50% - 50vw ) !important;
	padding:      clamp( 4rem, 8vh, 7rem ) clamp( 2rem, 5vw, 6rem ) !important;
	isolation:    isolate;
}

.page-id-4944 .stk-07c20a8 .stk-block-hero__content {
	width:      min( 1280px, calc( 100vw - 80px ) ) !important;
	max-width:  none !important;
	min-height: auto !important;
	margin:     0 auto !important;
	box-sizing: border-box !important;
}

.page-id-4944 .stk-f5f2fe0 .stk-block-heading__text {
	max-width:   1050px;
	margin:      0 auto;
	font-size:   clamp( 2.65rem, 5vw, 4.35rem ) !important;
	line-height: 1.04 !important;
}

.page-id-4944 .stk-f5f2fe0 {
	width:     100% !important;
	max-width: 1050px !important;
	margin:    0 auto !important;
}

.page-id-4944 .stk-c640ab8 .stk-block-text__text {
	max-width:   840px;
	margin:      1rem auto 0;
	line-height: 1.45 !important;
}

.page-id-4944 .stk-f01d674 .stk-block-text__text {
	line-height: 1 !important;
}

.page-id-4944 .entry-content > :where(
	.stk-d4ac1aa,
	.stk-1119663,
	.stk-0955533,
	.stk-5eb5482,
	.stk-49ecc00,
	.stk-f6e14be,
	.stk-ff04a1f,
	.stk-d5da26b,
	.stk-b4d98c8,
	.stk-e3fa5b0,
	.stk-fd8397a,
	.stk-c2dc2b4,
	.stk-748c226,
	.stk-61ebc90
) {
	width:        min( 1240px, calc( 100vw - 80px ) ) !important;
	max-width:    min( 1240px, calc( 100vw - 80px ) ) !important;
	margin-right: auto !important;
	margin-left:  auto !important;
}

.page-id-4944 .stk-d4ac1aa .stk-row {
	align-items: stretch !important;
}

.page-id-4944 .stk-ae23814 {
	flex: 1 1 calc( 42% - var( --stk-column-gap, 0px ) / 2 ) !important;
}

.page-id-4944 .stk-92084c0 {
	flex: 1 1 calc( 58% - var( --stk-column-gap, 0px ) / 2 ) !important;
}

.page-id-4944 .stk-5b1650f .stk-block-heading__text {
	font-size:   clamp( 1.55rem, 2vw, 2rem ) !important;
	line-height: 1.08 !important;
}

.conext-nationality-upgrade,
.conext-nationality-faq {
	width:        100vw;
	max-width:    100vw;
	margin-right: calc( 50% - 50vw ) !important;
	margin-left:  calc( 50% - 50vw ) !important;
	padding:      clamp( 3.25rem, 6vw, 5.75rem ) 0;
	background:   #f8fafc;
}

.conext-nationality-faq {
	background: #ffffff;
}

.conext-nationality-wrap {
	width:     min( 1280px, calc( 100vw - 80px ) );
	margin:    0 auto;
	color:     #172033;
	font-size: 1rem;
}

.conext-nationality-kicker {
	margin:         0 0 0.75rem;
	color:          #1f8a3b;
	font-weight:    800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.conext-nationality-wrap h2 {
	max-width:      880px;
	margin:         0 0 1rem;
	color:          #172033;
	font-size:      clamp( 2rem, 4vw, 3.4rem );
	line-height:    1.08;
	letter-spacing: 0;
}

.conext-nationality-lead {
	max-width:   850px;
	margin:      0 0 2rem;
	color:       #465266;
	font-size:   1.15rem;
	line-height: 1.7;
}

.conext-nationality-intent-grid {
	display:               grid;
	grid-template-columns: repeat( 3, minmax( 0, 1fr ) );
	gap:                   1rem;
	margin:                2rem 0 2.5rem;
}

.conext-nationality-intent-grid article,
.conext-nationality-trust,
.conext-faq-list details {
	border:        1px solid #dfe7ef;
	border-radius: 8px;
	background:    #ffffff;
	box-shadow:    0 10px 30px rgba( 23, 32, 51, 0.07 );
}

.conext-nationality-intent-grid article {
	padding: 1.25rem;
}

.conext-nationality-intent-grid span {
	display:       block;
	margin-bottom: 0.4rem;
	color:         #f29a16;
	font-weight:   800;
}

.conext-nationality-intent-grid strong {
	display:     block;
	color:       #172033;
	font-size:   1.55rem;
	line-height: 1.15;
}

.conext-nationality-intent-grid p,
.conext-nationality-steps,
.conext-nationality-trust p,
.conext-faq-list p,
.conext-nationality-source {
	color:       #4b5565;
	line-height: 1.65;
}

.conext-nationality-columns {
	display:               grid;
	grid-template-columns: minmax( 0, 1.45fr ) minmax( 280px, 0.55fr );
	gap:                   1.5rem;
	align-items:           stretch;
}

.conext-nationality-columns h3,
.conext-nationality-trust h3 {
	margin:      0 0 1rem;
	color:       #172033;
	font-size:   1.45rem;
	line-height: 1.2;
}

.conext-nationality-steps {
	margin:  0;
	padding: 0 0 0 1.25rem;
}

.conext-nationality-steps li + li {
	margin-top: 0.8rem;
}

.conext-nationality-trust {
	display:        flex;
	flex-direction: column;
	gap:            0.75rem;
	min-width:      0;
	padding:        1.35rem;
	background:     linear-gradient( 135deg, #172033, #224436 );
	color:          #ffffff;
	overflow:       hidden;
}

.conext-nationality-trust h3,
.conext-nationality-trust p {
	color: #ffffff;
}

.conext-nationality-button,
.conext-mobile-sticky-cta a {
	display:         inline-flex;
	align-items:     center;
	justify-content: center;
	min-height:      44px;
	border-radius:   8px;
	background:      #f29a16;
	color:           #172033 !important;
	font-weight:     800;
	text-decoration: none;
}

.conext-nationality-button {
	width:      100%;
	max-width:  100%;
	margin-top: auto;
	padding:    0.8rem 1rem;
	box-sizing: border-box;
	text-align: center;
}

.conext-faq-list {
	display: grid;
	gap:     0.9rem;
	margin:  2rem 0 1rem;
}

.conext-faq-list details {
	padding: 1rem 1.15rem;
}

.conext-faq-list summary {
	cursor:      pointer;
	color:       #172033;
	font-size:   1.08rem;
	font-weight: 800;
}

.conext-faq-list p {
	margin: 0.85rem 0 0;
}

.conext-nationality-source {
	margin:    1rem 0 0;
	font-size: 0.95rem;
}

.conext-mobile-sticky-cta {
	display: none;
}

@media ( max-width: 767px ) {
	.page-id-4944 {
		padding-bottom: 78px;
	}

	.page-id-4944 .stk-07c20a8 {
		min-height: calc( 100svh - 86px );
		padding:    2rem 0.875rem 2.35rem !important;
	}

	.page-id-4944 .stk-07c20a8 .stk-block-hero__content {
		width:         calc( 100vw - 24px ) !important;
		max-width:     calc( 100vw - 24px ) !important;
		padding-right: 0 !important;
		padding-left:  0 !important;
	}

	.page-id-4944 .stk-f5f2fe0 .stk-block-heading__text {
		width:       min( 100%, 360px );
		font-size:   1.9rem !important;
		line-height: 1.08 !important;
	}

	.page-id-4944 .stk-c640ab8 .stk-block-text__text {
		font-size:   1rem !important;
		line-height: 1.5 !important;
	}

	.page-id-4944 .stk-2da2d32 .stk-block-text__text {
		font-size: 1.55rem !important;
	}

	.page-id-4944 .stk-86ee63e .stk-block-text__text {
		font-size:   1rem !important;
		line-height: 1.25 !important;
	}

	.page-id-4944 .stk-f01d674 .stk-block-text__text {
		font-size: 3.35rem !important;
	}

	.page-id-4944 .stk-0153110 .stk-inner-blocks {
		flex-direction: column;
		gap:            0.75rem !important;
	}

	.page-id-4944 .stk-0153110 .stk-button,
	.page-id-4944 .stk-c3baded .stk-button {
		width:           min( 100%, 300px );
		justify-content: center;
	}

	.page-id-4944 .stk-ae23814,
	.page-id-4944 .stk-92084c0 {
		flex-basis: 100% !important;
	}

	.page-id-4944 .entry-content > :where(
		.stk-d4ac1aa,
		.stk-1119663,
		.stk-0955533,
		.stk-5eb5482,
		.stk-49ecc00,
		.stk-f6e14be,
		.stk-ff04a1f,
		.stk-d5da26b,
		.stk-b4d98c8,
		.stk-e3fa5b0,
		.stk-fd8397a,
		.stk-c2dc2b4,
		.stk-748c226,
		.stk-61ebc90
	) {
		width:     calc( 100vw - 24px ) !important;
		max-width: calc( 100vw - 24px ) !important;
	}

	.page-id-4944 .stk-e3fa5b0 ul,
	.page-id-4944 .stk-e3fa5b0 ol {
		padding-left: 1.1rem !important;
	}

	.page-id-4944 .stk-e3fa5b0 .stk-block-icon-list-item__content,
	.page-id-4944 .stk-e3fa5b0 .stk-block-icon-list-item__text {
		width:      100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	.conext-nationality-upgrade,
	.conext-nationality-faq {
		padding: 2.5rem 0;
	}

	.conext-nationality-wrap {
		width: calc( 100vw - 24px );
	}

	.conext-nationality-wrap h2 {
		font-size: 2rem;
	}

	.conext-nationality-lead {
		font-size: 1rem;
	}

	.conext-nationality-intent-grid,
	.conext-nationality-columns {
		grid-template-columns: 1fr;
	}

	.conext-mobile-sticky-cta {
		position:        fixed;
		right:           0.75rem;
		bottom:          0.75rem;
		left:            0.75rem;
		z-index:         9999;
		display:         grid;
		grid-template-columns: 1fr 0.65fr;
		gap:             0.55rem;
		padding:         0.55rem;
		border:          1px solid rgba( 255, 255, 255, 0.25 );
		border-radius:   8px;
		background:      rgba( 23, 32, 51, 0.94 );
		box-shadow:      0 12px 28px rgba( 0, 0, 0, 0.24 );
		backdrop-filter: blur( 8px );
	}

	.conext-mobile-sticky-cta a {
		padding:   0.75rem 0.8rem;
		font-size: 0.95rem;
	}

	.page-id-4944 #callnowbutton {
		display: none !important;
	}
}