/* =========================================================================
   Agonza Sports — Quiénes somos (página)
   Usa las variables :root de css-header.css.
   ========================================================================= */

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

/* -------------------------------------------------------------------------
   HISTORIA
   ---------------------------------------------------------------------- */
.ag-qs-historia { padding: 72px 24px; }
.ag-qs-historia__inner {
	max-width: var(--ag-maxw); margin: 0 auto;
	display: grid; grid-template-columns: 1.1fr .9fr; gap: 48px; align-items: start;
}
.ag-qs-historia__text { font-size: .98rem; line-height: 1.7; color: rgba(8,40,31,.78); }
.ag-qs-historia__text p { margin: 0 0 14px; }
.ag-qs-historia__media-col { position: relative; }
.ag-qs-historia__media { border-radius: 18px; overflow: hidden; }
.ag-qs-historia__media img { width: 100%; height: 100%; object-fit: cover; display: block; min-height: 340px; }
.ag-qs-historia__dato {
	position: absolute; left: -18px; bottom: -18px;
	background: var(--ag-green); color: #fff;
	border-radius: 16px; padding: 20px 26px;
	box-shadow: 0 16px 34px rgba(8,40,31,.18);
	text-align: center;
}
.ag-qs-historia__dato-num {
	display: block; font-family: var(--ag-font-head); font-weight: 800;
	font-size: 2.2rem; line-height: 1;
}
.ag-qs-historia__dato-txt { display: block; font-size: .82rem; opacity: .9; max-width: 14ch; margin: 6px auto 0; }

/* -------------------------------------------------------------------------
   MISIÓN, VISIÓN Y VALORES
   ---------------------------------------------------------------------- */
.ag-qs-mvv { padding: 24px 24px 72px; }
.ag-qs-mvv__inner { max-width: var(--ag-maxw); margin: 0 auto; }
.ag-qs-mvv__head { text-align: center; max-width: 620px; margin: 0 auto 40px; }
.ag-qs-mvv__text { font-size: 1rem; line-height: 1.6; color: rgba(8,40,31,.72); margin-top: 12px; }
.ag-qs-mvv__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.ag-qs-mvv__card {
	background: #fff; border-radius: 18px; padding: 34px 30px;
	box-shadow: 0 12px 30px rgba(8,40,31,.06);
}
.ag-qs-mvv__card:nth-child(2) { background: var(--ag-lime); box-shadow: none; }
.ag-qs-mvv__icon {
	width: 52px; height: 52px; border-radius: 50%;
	background: var(--ag-green); color: #fff;
	display: inline-flex; align-items: center; justify-content: center;
	margin-bottom: 20px;
}
.ag-qs-mvv__card:nth-child(2) .ag-qs-mvv__icon { background: var(--ag-green-dark); }
.ag-qs-mvv__card-title {
	font-family: var(--ag-font-head); font-weight: 700;
	font-size: 1.4rem; margin: 0 0 10px; color: var(--ag-green-dark);
}
.ag-qs-mvv__card-text { font-size: .92rem; line-height: 1.55; color: rgba(8,40,31,.72); margin: 0; }
.ag-qs-mvv__card:nth-child(2) .ag-qs-mvv__card-text { color: rgba(8,40,31,.8); }

/* -------------------------------------------------------------------------
   VALORES EN DETALLE
   ---------------------------------------------------------------------- */
.ag-qs-valores { padding: 72px 24px; background: var(--ag-white); }
.ag-qs-valores__inner { max-width: var(--ag-maxw); margin: 0 auto; }
.ag-qs-valores__title { text-align: center; margin: 0 auto 40px; }
.ag-qs-valores__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px 40px; }
.ag-qs-valor { display: flex; align-items: flex-start; gap: 20px; }
.ag-qs-valor__num {
	flex: 0 0 auto;
	font-family: var(--ag-font-head); font-weight: 800; font-size: 1.6rem;
	color: var(--ag-green); opacity: .5; line-height: 1;
	min-width: 44px;
}
.ag-qs-valor__title {
	font-family: var(--ag-font-head); font-weight: 700;
	font-size: 1.2rem; margin: 0 0 6px; color: var(--ag-green-dark);
}
.ag-qs-valor__text { font-size: .92rem; line-height: 1.55; color: rgba(8,40,31,.72); margin: 0; }

/* -------------------------------------------------------------------------
   CIFRAS
   ---------------------------------------------------------------------- */
.ag-qs-cifras { padding: 72px 24px; }
.ag-qs-cifras__inner { max-width: var(--ag-maxw); margin: 0 auto; }
.ag-qs-cifras__title {
	text-align: center; font-family: var(--ag-font-head); font-weight: 800;
	font-size: clamp(1.6rem, 3vw, 2.2rem); color: var(--ag-green-dark);
	margin: 0 0 44px;
}
.ag-qs-cifras__grid {
	display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 24px;
	background: var(--ag-green); border-radius: 22px; padding: 48px 32px;
}
.ag-qs-cifra { text-align: center; color: #fff; }
.ag-qs-cifra__num {
	display: block; font-family: var(--ag-font-head); font-weight: 800;
	font-size: clamp(2.4rem, 5vw, 3.4rem); line-height: 1;
	color: var(--ag-lime);
}
.ag-qs-cifra__eti { display: block; font-size: .9rem; opacity: .9; margin-top: 8px; }

/* -------------------------------------------------------------------------
   COMPROMISO
   ---------------------------------------------------------------------- */
.ag-qs-compromiso { padding: 24px 24px 80px; }
.ag-qs-compromiso__inner {
	max-width: var(--ag-maxw); margin: 0 auto;
	display: grid; grid-template-columns: .9fr 1.1fr; gap: 48px; align-items: center;
}
.ag-qs-compromiso__media { border-radius: 18px; overflow: hidden; }
.ag-qs-compromiso__media img { width: 100%; height: 100%; object-fit: cover; display: block; min-height: 320px; }
.ag-qs-compromiso__text { font-size: .98rem; line-height: 1.7; color: rgba(8,40,31,.78); }
.ag-qs-compromiso__text p { margin: 0 0 14px; }

/* -------------------------------------------------------------------------
   RESPONSIVE
   ---------------------------------------------------------------------- */
@media (max-width: 980px) {
	.ag-qs-historia__inner,
	.ag-qs-compromiso__inner { grid-template-columns: 1fr; gap: 32px; }
	.ag-qs-mvv__grid { grid-template-columns: repeat(2, 1fr); }
	.ag-qs-valores__grid { grid-template-columns: 1fr; }
	.ag-qs-historia__dato { left: 16px; bottom: 16px; }
}
@media (max-width: 620px) {
	.ag-qs-mvv__grid { grid-template-columns: 1fr; }
}