/* ==========================================================================
   Páginas interiores (Acerca, Servicios, Contacto, Privacidad) y blog — usa los tokens de eia.css.
   Mobile-first. Movimiento: parallax suave de imágenes (eia.js) y revelado.
   ========================================================================== */

/* ---- Hero de página ---- */
.eia-page-hero { padding: 10px 10px 0; }

.eia-page-hero__card {
	position: relative;
	isolation: isolate;
	display: flex;
	align-items: flex-end;
	min-height: clamp(420px, 64svh, 660px);
	border-radius: var(--eia-r-xl);
	background: var(--eia-night);
	color: #fff;
	overflow: hidden;
}

.eia-page-hero__bg,
.eia-photo-quote__bg {
	position: absolute;
	inset: -8% 0;
	z-index: -3;
}
.eia-page-hero__bg .eia-img,
.eia-photo-quote__bg .eia-img {
	transform: translate3d(0, var(--parallax, 0%), 0) scale(1.08);
	will-change: transform;
}

/* Contacto: la cara queda debajo de la barra de navegación */
.page-id-14 .eia-page-hero__bg .eia-img { object-position: 50% 20%; }

.eia-page-hero__veil {
	position: absolute;
	inset: 0;
	z-index: -2;
	background:
		radial-gradient(70% 90% at 10% 10%, rgba(0, 86, 239, .35), transparent 60%),
		radial-gradient(60% 70% at 95% 95%, rgba(124, 92, 255, .3), transparent 60%),
		linear-gradient(180deg, rgba(10, 18, 48, .1) 0%, rgba(10, 18, 48, .35) 50%, rgba(10, 18, 48, .85) 100%);
}

.eia-page-hero__content { width: 100%; padding: 124px 22px 36px; }

.eia .eia-page-hero__title {
	max-width: 14ch;
	font-size: clamp(2.75rem, 6.5vw + .75rem, 7.5rem);
	font-weight: 500;
	line-height: .98;
	letter-spacing: -.05em;
}

/* ---- Bloques de texto ---- */
div.eia-split { display: grid; gap: 40px; }

.eia .eia-statement__text--sm {
	max-width: 30ch;
	font-size: clamp(1.625rem, 2.2vw + 1rem, 2.75rem);
	line-height: 1.15;
}

.eia-prose { display: grid; gap: 18px; margin-top: 36px; max-width: 62ch; }
.eia-prose p { font-size: 1.0625rem; line-height: 1.7; color: var(--eia-ink-2); }
.eia-prose .eia-prose__strong { font-size: clamp(1.125rem, .6vw + 1rem, 1.375rem); font-weight: 500; line-height: 1.45; color: var(--eia-ink); }

/* ==========================================================================
   Acerca
   ========================================================================== */
.eia-about-intro .eia-lead { margin-top: 24px !important; }

/* Pilares */
.eia-pillars { padding-top: 0; }
.eia-pillars__grid { display: grid; gap: 16px; }
.eia-pillar {
	display: flex;
	flex-direction: column;
	min-height: 280px;
	padding: 32px;
	border-radius: var(--eia-r-lg);
	background: var(--eia-card);
	transition: transform .6s var(--eia-ease-out), box-shadow .6s var(--eia-ease-out);
}
.eia-pillar:hover { transform: translateY(-6px); box-shadow: 0 30px 50px -30px rgba(11, 16, 32, .35); }
.eia-pillar:hover .eia-pillar__icon { transform: rotate(-6deg) scale(1.06); }
.eia-pillar__icon svg { width: 26px; height: 26px; }
.eia-pillar__icon {
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	border-radius: 16px;
	color: #fff;
	transition: transform .6s var(--eia-ease-out);
	background: linear-gradient(135deg, var(--eia-blue), var(--eia-cyan));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 12px 24px -12px rgba(0, 86, 239, .6);
}
.eia-pillar:nth-child(2) .eia-pillar__icon { background: linear-gradient(135deg, #7c5cff, #b58cff); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 12px 24px -12px rgba(124, 92, 255, .6); }
.eia-pillar:nth-child(3) .eia-pillar__icon { background: linear-gradient(135deg, #0a1230, #0056ef); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 12px 24px -12px rgba(10, 18, 48, .6); }
.eia .eia-pillar__title {
	margin-top: auto !important;
	padding-top: 40px;
	font-size: clamp(1.5rem, 1vw + 1.1rem, 1.875rem);
	font-weight: 500;
	letter-spacing: -.03em;
	line-height: 1.1;
}
.eia-pillar__text { margin-top: 12px !important; font-size: 1rem; line-height: 1.6; color: var(--eia-ink-2); }

/* Cita sobre foto */
.eia-photo-quote { padding: 0 10px; }
.eia-photo-quote__card {
	position: relative;
	isolation: isolate;
	display: grid;
	place-items: center;
	min-height: clamp(460px, 72svh, 760px);
	padding: 64px 20px;
	border-radius: var(--eia-r-xl);
	background: var(--eia-night);
	overflow: hidden;
}
.eia-photo-quote__glass {
	max-width: 920px;
	margin: 0;
	padding: clamp(28px, 5vw, 64px);
	border-radius: var(--eia-r-xl);
	background: var(--eia-glass-dark);
	border: 1px solid var(--eia-glass-dark-line);
	-webkit-backdrop-filter: var(--eia-blur);
	backdrop-filter: var(--eia-blur);
	box-shadow: 0 40px 80px -40px rgba(0, 0, 0, .6);
	color: #fff;
}
.eia-photo-quote__glass blockquote { margin: 0; padding: 0; border: 0; font-style: normal; color: #fff; }
.eia-photo-quote__glass blockquote p {
	color: #fff;
	font-size: clamp(1.5rem, 2.4vw + 1rem, 3rem);
	font-weight: 500;
	line-height: 1.18;
	letter-spacing: -.03em;
	text-wrap: balance;
}
.eia-photo-quote__glass figcaption { margin-top: 28px; font-size: 1rem; font-weight: 500; color: var(--eia-on-night-2); }

/* Misión */
.eia-mission__grid { display: grid; gap: 40px; }
.eia-mission__media { aspect-ratio: 4 / 5; border-radius: var(--eia-r-xl); overflow: hidden; background: #dde3ee; }
.eia-mission__media .eia-img { transition: transform 1.4s var(--eia-ease-out); }
.eia-mission__media:hover .eia-img { transform: scale(1.04); }
.eia-mission__text .eia-statement__text--sm { margin-top: 28px !important; }

/* ==========================================================================
   Servicios
   ========================================================================== */
.eia-srv__list { display: grid; gap: clamp(72px, 10vw, 140px); }
.eia-srv__item { display: grid; gap: 28px; align-items: center; }

.eia-srv__media { position: relative; }
.eia-srv__img {
	aspect-ratio: 1 / 1;
	border-radius: var(--eia-r-xl);
	overflow: hidden;
	background: #dde3ee;
}
.eia-srv__img .eia-img {
	transform: translate3d(0, var(--parallax, 0%), 0) scale(1.14);
	will-change: transform;
}
.eia-srv__num {
	position: absolute;
	left: clamp(16px, 3vw, 32px);
	bottom: clamp(8px, 2vw, 20px);
	font-size: clamp(4rem, 9vw, 8rem);
	font-weight: 500;
	line-height: 1;
	letter-spacing: -.06em;
	font-variant-numeric: tabular-nums;
	color: #fff;
	text-shadow: 0 10px 40px rgba(10, 18, 48, .45);
	pointer-events: none;
}

.eia .eia-srv__title {
	font-size: clamp(2rem, 2.8vw + 1rem, 3.5rem);
	font-weight: 500;
	line-height: 1.04;
	letter-spacing: -.04em;
}
.eia-srv__body { margin-top: 20px !important; max-width: 46ch; font-size: 1.125rem; line-height: 1.65; color: var(--eia-ink-2); }

/* ==========================================================================
   Contacto
   ========================================================================== */
.eia-contact__grid { display: grid; gap: 48px; }
.eia-contact__info .eia-h2 { max-width: 16ch; }

.eia-contact__list { margin: 36px 0 0; border-top: 1px solid var(--eia-line); }
.eia-contact__row {
	display: grid;
	grid-template-columns: 120px 1fr;
	gap: 16px;
	align-items: baseline;
	padding: 18px 0;
	border-bottom: 1px solid var(--eia-line);
}
.eia-contact__row dt { font-size: .9375rem; font-weight: 500; color: var(--eia-ink-2); }
.eia-contact__row dd { margin: 0; font-size: clamp(1.0625rem, .5vw + 1rem, 1.25rem); font-weight: 500; letter-spacing: -.01em; }
.eia-contact__row a { color: inherit; text-decoration: none; }
.eia-contact__row a:hover { color: var(--eia-blue); }

.eia-contact__social { display: flex; align-items: center; gap: 16px; margin-top: 28px; }
.eia-contact__social p { font-size: .9375rem; font-weight: 500; color: var(--eia-ink-2); }
.eia-contact__social ul { display: flex; gap: 8px; }
.eia-contact__social a {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--eia-card);
	color: var(--eia-ink);
	transition: background-color .3s ease, color .3s ease, transform .4s var(--eia-ease-out);
}
.eia-contact__social a:hover { background: var(--eia-blue); color: #fff; transform: translateY(-3px); }

/* Formulario (SureForms) en tarjeta */
.eia-contact__form {
	align-self: start;
	padding: clamp(24px, 4vw, 44px);
	border-radius: var(--eia-r-xl);
	background: var(--eia-card);
	box-shadow: 0 30px 60px -40px rgba(11, 16, 32, .35);
}
.eia-contact__form .srfm-form-container {
	--srfm-color-scheme-primary: var(--eia-blue);
	--srfm-input-field-border-radius: 16px;
	--srfm-btn-border-radius: 999px;
	padding: 0 !important;
	background: none !important;
	font-family: var(--eia-font);
}
.eia-contact__form .srfm-form { padding: 0 !important; background: none !important; }
.eia-contact__form .srfm-block-label,
.eia-contact__form label { font-family: var(--eia-font); font-size: .9375rem; font-weight: 500; color: var(--eia-ink); }
.eia-contact__form .srfm-input-common {
	width: 100%;
	min-height: 54px;
	padding: 14px 18px !important;
	border: 1px solid transparent !important;
	border-radius: 16px !important;
	background: var(--eia-paper) !important;
	color: var(--eia-ink) !important;
	font-family: var(--eia-font);
	font-size: 1rem;
	box-shadow: none !important;
	transition: border-color .3s ease, background-color .3s ease, box-shadow .3s ease;
}
.eia-contact__form textarea.srfm-input-common { min-height: 160px; resize: vertical; }
.eia-contact__form .srfm-input-common::placeholder { color: #6b7288; }
.eia-contact__form .srfm-input-common:focus {
	border-color: var(--eia-blue) !important;
	background: #fff !important;
	box-shadow: 0 0 0 4px rgba(0, 86, 239, .14) !important;
	outline: none;
}
.eia-contact__form .srfm-submit-button {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	min-height: 52px;
	padding: 0 26px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--eia-blue) !important;
	color: #fff !important;
	font-family: var(--eia-font);
	font-size: 1rem !important;
	font-weight: 500 !important;
	text-transform: none !important;
	transition: background-color .3s ease, box-shadow .3s ease;
}
.eia-contact__form .srfm-submit-button:hover { background: var(--eia-blue-hover) !important; box-shadow: 0 12px 30px -12px rgba(0, 86, 239, .65); }

/* Mapa */
.eia-map { padding: 0 10px var(--eia-section-y); }
.eia-map__card {
	overflow: hidden;
	max-width: calc(var(--eia-wrap) + var(--eia-gutter) * 2);
	margin-inline: auto;
	border-radius: var(--eia-r-xl);
	background: #dde3ee;
	aspect-ratio: 16 / 10;
}
.eia-map__card iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	filter: grayscale(.35) contrast(1.05) saturate(.9);
}

/* ==========================================================================
   Blog: listado
   ========================================================================== */
.eia-blog-list .eia-cards--blog { gap: 20px; }
.eia-card__meta { margin-top: 10px !important; font-size: .875rem; color: var(--eia-ink-2); }
.eia-card__excerpt { margin-top: 12px !important; font-size: .9375rem; line-height: 1.6; color: var(--eia-ink-2); }

.eia .eia-pagination { margin-top: 56px; }
.eia .eia-pagination .nav-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.eia .eia-pagination .page-numbers {
	display: inline-grid;
	place-items: center;
	min-width: 44px;
	height: 44px;
	padding: 0 16px;
	border-radius: 999px;
	background: var(--eia-card);
	color: var(--eia-ink);
	font-weight: 500;
	text-decoration: none;
}
.eia .eia-pagination .page-numbers.current,
.eia .eia-pagination .page-numbers:hover { background: var(--eia-blue); color: #fff; }

/* ==========================================================================
   Entrada individual y textos largos (Privacidad)
   ========================================================================== */
/* Astra pone fondo blanco y relleno a los artículos: fuera */
.eia .eia-article {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
}

.eia-article__head {
	max-width: calc(880px + var(--eia-gutter) * 2);
	padding-top: clamp(32px, 6vw, 72px);
	padding-bottom: clamp(28px, 4vw, 48px);
	text-align: center;
}
.eia .eia-article__cat {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 0 16px;
	border-radius: 999px;
	background: var(--eia-card);
	color: var(--eia-blue);
	font-size: .875rem;
	font-weight: 500;
	text-decoration: none;
}
.eia .eia-article__title {
	margin-top: 20px !important;
	font-family: var(--eia-font);
	font-size: clamp(2.25rem, 3.8vw + 1rem, 4.5rem);
	font-weight: 500;
	line-height: 1.04;
	letter-spacing: -.04em;
	text-wrap: balance;
	color: var(--eia-ink);
}
.eia-article__meta { margin-top: 18px !important; font-size: .9375rem; color: var(--eia-ink-2); }

.eia-article__media { margin: 0 auto; background: none; box-shadow: none !important; }
.eia-article__img { aspect-ratio: 16 / 8; border-radius: var(--eia-r-xl); overflow: hidden; background: #dde3ee; }

.eia-article__body { max-width: calc(720px + var(--eia-gutter) * 2); padding-block: clamp(40px, 6vw, 72px); }
.eia-legal .eia-article__body { padding-block: 0; }

/* Contenido de la BD (bloques de WordPress) */
.eia-content { font-size: 1.125rem; line-height: 1.75; color: #2c3345; }
.eia-content > * + * { margin-top: 1.1em; }
.eia-content h2,
.eia-content h3,
.eia-content h4 {
	margin-top: 2em;
	margin-bottom: .4em;
	font-family: var(--eia-font);
	font-weight: 500;
	line-height: 1.15;
	letter-spacing: -.03em;
	color: var(--eia-ink);
	text-transform: none;
}
.eia-content h2 { font-size: clamp(1.625rem, 1.4vw + 1.1rem, 2.25rem); }
.eia-content h3 { font-size: clamp(1.375rem, .8vw + 1.1rem, 1.75rem); }
.eia-content > :first-child { margin-top: 0; }
.eia-content a { color: var(--eia-blue); text-underline-offset: 3px; }
.eia-content ul,
.eia-content ol { padding-left: 1.3em; }
.eia-content li + li { margin-top: .4em; }
.eia-content blockquote,
.eia-content .wp-block-quote {
	margin: 1.6em 0;
	padding: 22px 26px;
	border: 0;
	border-left: 3px solid var(--eia-blue);
	border-radius: 0 var(--eia-r-md) var(--eia-r-md) 0;
	background: var(--eia-card);
	font-style: normal;
	color: var(--eia-ink);
}
.eia-content blockquote p { margin: 0; }
.eia-content img,
.eia-content figure img { border-radius: var(--eia-r-md); }
.eia-content strong { color: var(--eia-ink); }
/* Texto pegado dentro de <code> ocupando todo el párrafo (pasa en Privacidad): se lee como texto normal */
.eia-content p > code:only-child { font: inherit; color: inherit; background: none; padding: 0; white-space: normal; }

/* Anterior / siguiente */
.eia-post-nav {
	display: grid;
	gap: 12px;
	max-width: calc(880px + var(--eia-gutter) * 2);
	padding-bottom: clamp(40px, 6vw, 72px);
}
.eia .eia-post-nav__link {
	display: grid;
	gap: 6px;
	padding: 22px 26px;
	border-radius: var(--eia-r-lg);
	background: var(--eia-card);
	color: var(--eia-ink);
	text-decoration: none;
	transition: transform .5s var(--eia-ease-out), box-shadow .5s var(--eia-ease-out);
}
.eia .eia-post-nav__link:hover { transform: translateY(-4px); box-shadow: 0 24px 40px -28px rgba(11, 16, 32, .4); }
.eia-post-nav__dir { font-size: .875rem; color: var(--eia-blue); font-weight: 500; }
.eia-post-nav__title { font-size: 1.125rem; font-weight: 500; letter-spacing: -.015em; line-height: 1.3; }
.eia-post-nav__link--next { text-align: right; }

/* Comentarios (plantilla de Astra, solo estilo) */
.eia-comments {
	max-width: calc(880px + var(--eia-gutter) * 2);
	padding-bottom: var(--eia-section-y);
}
.eia-comments .comments-area,
.eia-comments .comment-respond {
	margin: 0;
	padding: clamp(24px, 4vw, 40px);
	border: 0;
	border-radius: var(--eia-r-xl);
	background: var(--eia-card);
	box-shadow: none;
}
.eia-comments .comment-reply-title,
.eia-comments .comments-title { font-family: var(--eia-font); font-size: 1.5rem; font-weight: 500; letter-spacing: -.02em; text-transform: none; }
.eia-comments textarea,
.eia-comments input[type="text"],
.eia-comments input[type="email"],
.eia-comments input[type="url"] {
	border: 1px solid transparent;
	border-radius: 16px;
	background: var(--eia-paper);
	font-family: var(--eia-font);
}
.eia-comments textarea:focus,
.eia-comments input:focus { border-color: var(--eia-blue); background: #fff; outline: none; box-shadow: 0 0 0 4px rgba(0, 86, 239, .14); }
.eia-comments .submit {
	min-height: 50px;
	padding: 0 26px;
	border: 0;
	border-radius: 999px;
	background: var(--eia-blue);
	color: #fff;
	font-family: var(--eia-font);
	font-weight: 500;
	text-transform: none;
}
.eia-comments .submit:hover { background: var(--eia-blue-hover); }

/* ==========================================================================
   Tablet
   ========================================================================== */
@media (min-width: 768px) {
	.eia-page-hero { padding: 14px 14px 0; }
	.eia-page-hero__content { padding: 150px 44px 48px; }

	.eia-pillars__grid { grid-template-columns: repeat(3, 1fr); gap: 20px; }
	.eia-pillar { min-height: 340px; padding: 36px; }

	.eia-srv__item { grid-template-columns: 1fr 1fr; gap: clamp(40px, 6vw, 96px); }
	.eia-srv__item:nth-child(even) .eia-srv__media { order: 2; }

	.eia-map { padding-inline: 14px; }
	.eia-post-nav { grid-template-columns: 1fr 1fr; }
	.eia-post-nav__link--next { grid-column: 2; }
}

/* ==========================================================================
   Escritorio
   ========================================================================== */
@media (min-width: 1024px) {
	div.eia-split { grid-template-columns: 5fr 7fr; gap: 80px; align-items: start; }
	.eia-split__aside { position: sticky; top: 140px; }

	.eia-mission__grid { grid-template-columns: 5fr 7fr; gap: 80px; align-items: center; }

	.eia-contact__grid { grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }
	.eia-map__card { aspect-ratio: 21 / 9; }
}

@media (prefers-reduced-motion: reduce) {
	.eia-page-hero__bg .eia-img,
	.eia-photo-quote__bg .eia-img,
	.eia-srv__img .eia-img { transform: scale(1.02); }
}