/* ==========================================================================
   Misiunea — identitatea (.eid): introducerea centrată, chemarea scoasă în evidență,
   trei coloane „Suntem…” și pastilele de verset. Doar roluri comune + spațiere și grilă.
   ========================================================================== */
/* coloana din Elementor are 30 px sus (celelalte 10): -20 px, ca distanța cap → conținut să fie 86 px, ca la celelalte secțiuni */
.eid { max-width: 1280px; margin: -20px auto 0; }
.eid-intro { max-width: 760px; margin: 0 auto !important; text-align: center; text-wrap: pretty; }

/* chemarea lui Cristos: citatul, mare și liniștit, cu pastila dedesubt */
.eid-chemare { margin: 28px auto 0 !important; padding: 0 !important; border: 0 !important; text-align: center; }
.eid-chemare p {
	margin: 0 0 14px !important;
	font-family: "macha", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 30px;
	line-height: 1.25;
	color: var(--elim-t-plum, #483041);
}
.eid-refs { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }

/* arcada, ca pe Cine suntem (secțiunea „Ne bazăm pe”): banda #F7F3F2 pe toată lățimea ecranului,
   iar peste ea panoul alb de 1300 px, cu colțurile de sus rotunjite (210 px), care urcă 40 px peste bandă */
.eid-arch {
	margin: 72px calc(50% - 50vw) 0;
	background: linear-gradient(#F7F3F2, #F7F3F2) bottom / 100% calc(100% - 40px) no-repeat;
}
.eid-arch__in {
	/* textul stă pe grilă (1280); panoul iese în afara ei cu --ax de fiecare parte, ca textul să aibă aer:
	   80 px pe ecrane mari, mai puțin unde nu e loc, ca laturile nuanțate să rămână vizibile */
	--ax: clamp(16px, calc((100vw - 1280px) / 2 - 24px), 80px);
	max-width: calc(1280px + 2 * var(--ax));
	margin: 0 auto;
	padding: 104px var(--ax) 12px;   /* sus: cât curbura de 210 px să nu atingă primul rând; jos: banda se oprește după pastile */
	background: #fff;
	border-radius: 210px 210px 0 0;
}

/* cele trei „Suntem…”: coloane de citit */
.eid-cols {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 48px;
}
.eid-col { padding-top: 0; }   /* fără linia de sus: arcada ține deja coloanele împreună */
.eid-col__k { margin: 0 0 8px !important; }
.eid .eid-col__t { margin: 0 0 12px !important; }
.eid-col__p { margin: 0 !important; }

.eid-refs--end { margin-top: 36px; }

@media (max-width: 991px) {
	.eid-cols { grid-template-columns: minmax(0, 1fr); gap: 32px; margin-top: 48px; }
	.eid-col { max-width: 640px; }
	.eid-col + .eid-col { padding-top: 8px; }
}
/* sub 1340 px grila are margini (--elim-gutter): panoul iese 20 px în afara ei, coloanele stau exact pe ea */
@media (max-width: 1339px) { .eid-arch__in { --ax: 20px; max-width: none; margin: 0 calc(var(--elim-gutter, 32px) - var(--ax)); padding-top: 130px; } }
@media (max-width: 767px) {
	.eid-chemare p { font-size: 24px; }
	.eid-arch { margin-top: 48px; }
	.eid-arch__in { --ax: 12px; padding: 72px var(--ax) 12px; border-radius: 120px 120px 0 0; }   /* 72: curbura de 120 px lasă loc */
}