/* =========================================================================
   Agonza Sports — Proceso de inscripción
   Usa las variables :root de css-header.css.
   ========================================================================= */

.ag-inscripcion-page { font-family: var(--ag-font-body); color: var(--ag-green-dark); }

/* -------------------------------------------------------------------------
   INTRODUCCIÓN
   ---------------------------------------------------------------------- */
.ag-ins-intro { padding: 64px 24px 24px; }
.ag-ins-intro__inner { max-width: 760px; margin: 0 auto; text-align: center; }
.ag-ins-intro__text { font-size: 1.02rem; line-height: 1.7; color: rgba(8,40,31,.75); margin-top: 14px; }
.ag-ins-intro__text p { margin: 0 0 12px; }

/* -------------------------------------------------------------------------
   PASOS (timeline vertical numerada)
   ---------------------------------------------------------------------- */
.ag-ins-pasos { padding: 40px 24px 80px; }
.ag-ins-pasos__inner { max-width: 820px; margin: 0 auto; }
.ag-ins-pasos__head { text-align: center; max-width: 620px; margin: 0 auto 44px; }
.ag-ins-pasos__text { font-size: 1rem; line-height: 1.6; color: rgba(8,40,31,.72); margin-top: 12px; }

.ag-ins-pasos__list {
	list-style: none; margin: 0; padding: 0;
	position: relative;
}
/* Línea vertical global */
.ag-ins-pasos__list::before {
	content: ""; position: absolute;
	top: 32px; left: 28px;
	width: 2px; height: 80%;
	background: rgba(8,40,31,.15);
	transform: translateX(-50%);
}

.ag-ins-step {
	position: relative;
	display: flex; align-items: center; gap: 24px;
	padding: 0 0 28px 0;
}
.ag-ins-step:last-child { padding-bottom: 0; }
.ag-ins-step__num {
	flex: 0 0 auto; position: relative; z-index: 2;
	width: 56px; height: 56px; border-radius: 50%;
	background: var(--ag-green); color: #fff;
	display: inline-flex; align-items: center; justify-content: center;
	font-family: var(--ag-font-head); font-weight: 800; font-size: 1.5rem;
	box-shadow: 0 0 0 6px #fff;
}
.ag-ins-step__body {
	background: #fff; border-radius: 16px; padding: 24px 28px;
	box-shadow: 0 10px 26px rgba(8,40,31,.06);
	flex: 1 1 auto; margin-top: 2px;
}
.ag-ins-step__title {
	font-family: var(--ag-font-head); font-weight: 700;
	font-size: 1.3rem; line-height: 1.15; margin: 0 0 8px;
	color: var(--ag-green-dark);
}
.ag-ins-step__text {
	font-size: .95rem; line-height: 1.6; color: rgba(8,40,31,.72); margin: 0;
}

@media (max-width: 600px) {
	.ag-ins-intro { padding: 44px 24px 16px; }
	.ag-ins-step { gap: 16px; }
	.ag-ins-step__num { width: 46px; height: 46px; font-size: 1.2rem; }
	.ag-ins-pasos__list::before { left: 23px; }
	.ag-ins-step__body { padding: 20px 22px; }
}