/* Ethic Lines: secciones de páginas internas (Solución y siguientes). Medidas del Figma: 1440 desktop, 375 mobile. */

/* Texto resaltado en azul dentro de títulos (formato "Resaltar" del editor). */
.el-section mark { background: none; color: var(--wp--preset--color--azul-cielo); }

/* Pila centrada: base de casi todas las secciones internas. */
.el-mini-hero, .el-proceso, .el-seguridad, .el-inversion, .el-testimonios, .el-faq {
	display: flex; flex-direction: column; align-items: center; text-align: center;
}

/* ---------- Mini hero + "Por qué" ---------- */

.el-mini-hero { gap: 24px; padding-block: 40px 0; background: var(--el-glass); }
.el-mini-hero__title { max-width: 760px; font-size: 28px; line-height: 1.13; }
.el-porque {
	display: flex; flex-direction: column; align-items: center; gap: 24px;
	width: 100vw; padding: 48px 20px; box-sizing: border-box; /* centrado en flex: desborda el padding de la sección */
	background: rgba(255, 255, 255, 0.44);
}
.el-porque > * { margin: 0 !important; }
.el-porque__title { font-size: 28px; line-height: 1.1; color: var(--wp--preset--color--azul-cielo); }
.el-porque__grid { display: flex; flex-direction: column; gap: 16px; width: 100%; }
.el-porque__grid > * { margin: 0 !important; }
.el-feature { display: flex; flex-direction: column; gap: 10px; padding: 16px; border-radius: 12px; background: #fff; text-align: left; }
.el-feature > * { margin: 0 !important; }
.el-feature__icon { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; background: var(--el-glass); }
.el-feature__icon img { width: 16px; height: 16px; }
.el-feature__title { font-size: 20px; font-weight: 600; line-height: normal; color: #161616; }
.el-feature__text { font-size: 14px; font-weight: 500; line-height: normal; color: var(--wp--preset--color--gris-medio); }

@media (min-width: 1024px) {
	.el-mini-hero { gap: 42px; padding-block: 76px 49px; } /* el Figma recorta el frame a 729 */
	.el-mini-hero__title { font-size: 40px; }
	.el-porque {
		gap: 40px; width: min(1368px, 100vw - 72px); height: 396px; padding: 0 80px; justify-content: center; border-radius: 10px;
	}
	.el-porque__grid { flex-direction: row; justify-content: center; gap: 24px; }
	.el-feature { flex: 0 1 400px; min-height: 192px; box-sizing: border-box; padding: 28px 24px; border-radius: 20px; }
	.el-feature__icon { width: 50.67px; height: 50.67px; border-radius: 10px; }
	.el-feature__icon img { width: 32px; height: 32px; }
	.el-feature__text { color: #595959; }
}

/* ---------- Proceso (pasos en bloques Detalles) ---------- */

.el-proceso {
	gap: 24px; padding-block: 40px;
	background: linear-gradient(to top, #e3eaf4 0.546%, rgba(232, 232, 232, 0.14) 73.797%);
}
.el-proceso__title span { display: block; font-weight: 400; }
.el-proceso__panel {
	display: flex; flex-direction: column; align-items: center; gap: 24px; width: 100%;
	box-sizing: border-box; padding: 16px; border: 1px solid rgba(136, 171, 227, 0.22); border-radius: 16px;
	background: rgba(255, 255, 255, 0.4);
}
.el-proceso__panel > * { margin: 0 !important; }
.el-proceso__steps { display: flex; flex-direction: column; gap: 16px; width: 100%; text-align: left; }
.el-proceso__steps > * { margin: 0 !important; }
.el-paso {
	padding: 18px 20px; border: 1px solid rgba(136, 171, 227, 0.22); border-radius: 12px;
	background: var(--el-glass); color: var(--wp--preset--color--navy);
}
.el-paso summary { list-style: none; cursor: pointer; font-size: 14px; font-weight: 700; line-height: normal; }
.el-paso summary::-webkit-details-marker { display: none; }
.el-paso summary br { display: none; }
.el-paso[open] summary { font-family: var(--wp--preset--font-family--gelasio); font-style: italic; font-weight: 400; font-size: 15px; }
.el-paso summary:focus-visible { outline: 2px solid var(--wp--preset--color--azul-cielo); outline-offset: 4px; border-radius: 4px; }
.el-paso__media { margin: 8px 0 0 !important; }
.el-paso__media img { display: none; }
.el-paso__media figcaption { margin: 0; font-size: 14px; font-weight: 500; line-height: normal; text-align: left; color: var(--wp--preset--color--gris-medio); }
.el-tags--sm .el-tag { padding: 8px 14px; border: 0; font-size: 12px; }

@media (min-width: 1024px) {
	.el-proceso { gap: 33px; padding-block: 96px; }
	.el-proceso__title { max-width: none; }
	.el-proceso__title span { display: inline; }
	.el-proceso__panel { gap: 32px; max-width: 1280px; padding: 56px; border-radius: 28px; }
	.el-proceso__steps { flex-direction: row; gap: 63px; width: auto; max-width: 996px; min-height: 356px; }
	.el-paso { flex: none; padding: 0; border: 0; border-radius: 0; background: none; }
	.el-paso summary { font-size: 13px; font-weight: 600; }
	.el-paso summary br { display: inline; }
	.el-paso[open] { width: 473px; }
	.el-paso[open] summary { font-size: 24px; line-height: normal; }
	.el-paso__media { position: relative; height: 280px; margin-top: 12px !important; overflow: hidden; border-radius: 16px; }
	.el-paso__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
	.el-paso__media figcaption {
		position: absolute; inset: auto 0 0; padding: 14px 16px; background: rgba(255, 255, 255, 0.82);
		color: var(--wp--preset--color--navy);
	}
	/* Cambio de etapa: la columna se ensancha, la foto se descubre como cortina con un leve zoom y el texto sube. */
	.el-paso { width: min-content; transition: width 0.6s cubic-bezier(.65, 0, .35, 1); } /* min-content (no auto): al abrir, auto mediría el texto oculto sin saltos de línea */
	.el-paso[open] .el-paso__media { animation: el-paso-wipe 0.7s cubic-bezier(.65, 0, .35, 1) both; }
	.is-back .el-paso[open] .el-paso__media { animation-name: el-paso-wipe-back; }
	.el-paso[open] .el-paso__media img { animation: el-paso-zoom 1.2s var(--el-ease) both; }
	.el-paso[open] .el-paso__media figcaption { animation: el-paso-caption 0.5s 0.35s var(--el-ease) both; }
	/* La foto que sale sigue visible mientras su columna se cierra: se aleja y se desvanece. Sin ancho
	   intrínseco (width 0 + min-width 100%) para no frenar el encogimiento de la columna. */
	@supports selector(::details-content) {
		.el-paso::details-content { transition: content-visibility 0.6s allow-discrete; }
		.el-paso:not([open]) .el-paso__media { width: 0; min-width: 100%; opacity: 0; scale: 0.92; filter: blur(4px); transition: opacity 0.45s, scale 0.6s var(--el-ease), filter 0.45s; }
		.el-paso:not([open]) .el-paso__media figcaption { opacity: 0; transition: opacity 0.15s; }
	}

	/* Con scroll (steps.js): panel fijo, pasos ya recorridos en navy, los siguientes atenuados y
	   barra de avance bajo el título del paso abierto. */
	.el-proceso__track { width: 100%; }
	.el-proceso__track > .el-proceso__panel { position: sticky; margin-inline: auto !important; }
	.is-scrolly .el-paso summary { position: relative; transition: color 0.3s; }
	.is-scrolly .el-paso:not([open], .is-done) summary { color: var(--wp--preset--color--gris-medio); }
	.is-scrolly .el-paso[open] summary::after {
		content: ""; position: absolute; left: 0; right: 0; bottom: -6px; height: 3px; border-radius: 3px;
		background: linear-gradient(90deg, var(--wp--preset--color--azul-cielo) calc(var(--p, 0) * 100%), rgba(136, 171, 227, 0.2) 0);
	}
	.is-scrolly .el-paso.is-done summary::before {
		content: "✓"; position: absolute; top: 0; left: -16px; font-size: 11px; color: var(--wp--preset--color--azul-cielo);
	}
	.el-tags--sm { padding-top: 0; }
}

@keyframes el-paso-wipe { from { clip-path: inset(0 100% 0 0 round 16px); } to { clip-path: inset(0 round 16px); } }
@keyframes el-paso-wipe-back { from { clip-path: inset(0 0 0 100% round 16px); } to { clip-path: inset(0 round 16px); } }
@keyframes el-paso-zoom { from { scale: 1.15; } }
@keyframes el-paso-caption { from { opacity: 0; translate: 0 100%; } }

/* ---------- Plataforma ---------- */

.el-plataforma { display: flex; flex-direction: column; align-items: center; gap: 24px; padding-block: 40px; background: var(--wp--preset--color--gris-tenue); }
.el-plataforma__copy { display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; }
.el-plataforma__copy > * { margin: 0 !important; }
.el-bullets {
	display: flex; flex-direction: column; gap: 14px; width: 100%; box-sizing: border-box; margin: 0; padding: 20px 28px;
	border-radius: 12px; background: linear-gradient(to top, #e3eaf4 0.546%, rgba(232, 232, 232, 0.14) 73.797%);
	list-style: none; font-size: 14px; font-weight: 500; line-height: normal; color: var(--wp--preset--color--navy);
}
.el-bullets li { position: relative; padding-left: 16px; }
.el-bullets li::before { content: ""; position: absolute; left: 0; top: 0.5em; width: 6px; height: 6px; border-radius: 50%; background: var(--wp--preset--color--navy); }

@media (min-width: 1024px) {
	.el-plataforma { flex-direction: row; gap: 64px; padding-block: 96px; }
	.el-plataforma__copy { flex: 0 0 560px; align-items: flex-start; text-align: left; }
	.el-plataforma__copy .el-h2, .el-plataforma__copy .el-lead { text-align: left; }
	.el-plataforma__copy .el-lead { max-width: 520px; }
	.el-plataforma__copy > .el-badge { align-self: flex-start; }
	.el-bullets { flex: 1 1 0; padding: 28px; border-radius: 20px; }
}

/* ---------- Cumplimiento ---------- */

.el-cumple { display: flex; flex-direction: column; align-items: center; gap: 20px; padding-block: 40px; background: #f9f9f9; }
.el-cumple__photo { width: 100%; margin: 0; }
.el-cumple__photo img { display: block; width: 100%; aspect-ratio: 325 / 155; height: auto; object-fit: cover; border-radius: 7px; }
.el-cumple__cards { display: flex; flex-direction: column; gap: 20px; width: 100%; }
.el-cumple__cards > * { margin: 0 !important; }
.el-norma { display: flex; flex-direction: column; gap: 12px; padding: 28px; border-radius: 20px; background: #fff; }
.el-norma > * { margin: 0 !important; }
.el-norma__title { display: flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 700; line-height: normal; }
.el-norma__icon { box-sizing: content-box; padding: 6px; border-radius: 8px; background: var(--el-glass); }
.el-norma__text { font-size: 14px; font-weight: 500; line-height: normal; color: var(--wp--preset--color--navy); }
.el-cumple__note { width: 100%; font-size: 13px; font-weight: 600; line-height: normal; }

@media (min-width: 1024px) {
	.el-cumple {
		display: grid; grid-template-columns: minmax(0, 560px) minmax(0, 518px); grid-template-rows: auto auto 1fr; gap: 0 40px;
		justify-content: center; align-items: start; padding-block: 96px;
	}
	.el-cumple > * { grid-column: 1; }
	.el-cumple__badge { align-self: start; justify-self: start; margin-bottom: 31px !important; }
	.el-cumple__photo { grid-column: 2; grid-row: 1 / -1; }
	.el-cumple__photo img { aspect-ratio: 518 / 458; }
	.el-cumple__cards { gap: 24px; margin-bottom: 31px !important; }
	.el-norma { padding: 32px; }
	.el-cumple__note { max-width: 382px; }
}

/* ---------- Seguridad (foto con elementos de chat encima) ---------- */

.el-seguridad { gap: 24px; padding-block: 40px; background: #fff; }
.el-seguridad__visual {
	--u: calc(100cqw / 808);
	position: relative; width: 100%; max-width: 808px; aspect-ratio: 808 / 369; container-type: inline-size; overflow: hidden;
	border-radius: calc(14 * var(--u));
}
.el-seguridad__visual > * { position: absolute; margin: 0 !important; }
.el-seguridad__photo { inset: 0; }
.el-seguridad__photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }
.el-seguridad__tile {
	left: calc(54 * var(--u)); top: calc(150 * var(--u)); display: grid; place-items: center;
	width: calc(87 * var(--u)); height: calc(82.65 * var(--u)); border-radius: calc(10.34 * var(--u)); background: var(--wp--preset--color--navy);
}
.el-seguridad__tile img { width: calc(45.5 * var(--u)); height: auto; }
.el-seguridad__send {
	left: calc(170 * var(--u)); top: calc(150 * var(--u)); display: grid; place-items: center;
	width: calc(82 * var(--u)); aspect-ratio: 1; border-radius: 50%; background: var(--wp--preset--color--azul-cielo);
}
.el-seguridad__send img { width: calc(42.7 * var(--u)); height: auto; }
.el-seguridad__bar {
	left: calc(548 * var(--u)); top: calc(147 * var(--u)); display: flex; align-items: center; gap: calc(30 * var(--u));
	box-sizing: border-box; width: calc(466 * var(--u)); height: calc(86 * var(--u)); padding-left: calc(25 * var(--u));
	border: 1px solid rgba(136, 171, 227, 0.22); border-radius: calc(28 * var(--u)); background: rgba(255, 255, 255, 0.92);
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
	font-size: calc(30.5 * var(--u)); font-weight: 700; color: var(--wp--preset--color--navy);
}
.el-seguridad__bar i { display: grid; place-items: center; width: calc(49 * var(--u)); aspect-ratio: 1; border-radius: 50%; background: var(--wp--preset--color--navy); }
.el-seguridad__bar i img { width: calc(28.6 * var(--u)); height: auto; }

/* Píldoras grises (seguridad, servicios complementarios). */
.el-chips { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.el-chips > * {
	margin: 0 !important; padding: 9px 16px; border: 1px solid #e5e5e5; border-radius: 100px; background: #f9f9f9;
	font-size: 14px; font-weight: 500; line-height: normal; color: #161616; white-space: nowrap;
}
.el-chips--sm { flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 8px; }
.el-chips--sm > * { padding: 6px 12px; border-color: #d9d9d9; background: #fff; font-size: 12px; color: #8c8c8c; }

@media (min-width: 1024px) {
	.el-seguridad { padding-block: 88px; }
	.el-seguridad .el-h2 { max-width: none; }
	.el-chips { flex-direction: row; }
	.el-chips > * { border: 0; }
	.el-chips--sm > * { border: 1px solid #d9d9d9; }
}

/* ---------- Inversión ---------- */

.el-inversion { gap: 16px; padding-block: 40px; background: #f9f9f9; }
.el-inversion .el-h2 { max-width: 775px; }
.el-inversion .el-lead { max-width: 560px; }
.el-inversion__label { margin-top: 8px !important; font-size: 13px; font-weight: 600; line-height: normal; color: #8c8c8c; }
.el-inversion .el-chips { margin-top: -6px !important; }

@media (min-width: 1024px) {
	.el-inversion { padding-block: 88px; }
	.el-inversion .el-lead { color: #595959; }
	.el-inversion__label { margin-top: 24px !important; }
}

/* ---------- Testimonios (tipo de contenido; inc/testimonios.php) ---------- */

.el-testimonios { gap: 24px; padding-block: 40px; background: #fff; overflow-x: clip; }

/* Marquesina de tarjetas a todo lo ancho; no se detiene con el cursor. */
.el-marquee--testimonios {
	width: calc(100% + 2 * var(--el-inline)); margin-inline: calc(-1 * var(--el-inline)) !important; padding-block: 8px 16px;
	mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.el-marquee--testimonios .el-marquee__track { animation-duration: calc(var(--n, 4) * 9s); }
.el-tcards { display: flex; gap: 16px; padding-right: 16px; }
.el-tcard {
	display: flex; flex-direction: column; justify-content: space-between; gap: 20px; box-sizing: border-box;
	width: 290px; margin: 0; padding: 24px; border-radius: 16px; text-align: left;
	background: linear-gradient(150deg, #8db0e8, var(--wp--preset--color--azul-cielo) 60%, #7a9fd9); color: #fff;
	box-shadow: 0 1px 2px rgba(26, 44, 58, 0.06);
	transition: translate 0.4s var(--el-ease), box-shadow 0.4s var(--el-ease);
}
.el-tcard:hover { translate: 0 -6px; box-shadow: 0 18px 36px -12px rgba(26, 44, 58, 0.35); }
.el-tcard__quote { margin: 0; font-family: var(--wp--preset--font-family--gelasio); font-style: italic; font-size: 16px; line-height: 1.45; }
.el-tcard__meta { display: flex; align-items: center; gap: 12px; font-size: 13px; line-height: 1.35; color: rgba(255, 255, 255, 0.85); }
.el-tcard__meta strong { display: block; font-weight: 600; color: #fff; }
.el-tcard__avatar {
	display: grid; place-items: center; flex: none; width: 36px; aspect-ratio: 1; border-radius: 50%;
	background: rgba(255, 255, 255, 0.2); font-weight: 700; color: #fff;
}
.el-ms-testimonios .el-tcard { background: #fff; color: var(--wp--preset--color--navy); border: 1px solid #dee0e3; }
.el-ms-testimonios .el-tcard__meta { color: var(--wp--preset--color--gris-medio); }
.el-ms-testimonios .el-tcard__meta strong { color: var(--wp--preset--color--navy); }
.el-ms-testimonios .el-tcard__avatar { background: var(--el-glass); color: var(--wp--preset--color--navy); }

@media (min-width: 1024px) {
	.el-testimonios { gap: 32px; padding-block: 57px 96px; }
	.el-testimonios .el-h2 { max-width: 680px; }
	.el-testimonios--tira { padding-block: 45px 96px; }
	.el-tcards { gap: 24px; padding-right: 24px; }
	.el-tcard { width: 420px; min-height: 220px; padding: 32px; }
	.el-tcard__quote { font-size: 20px; }
}

/* ---------- Preguntas frecuentes ---------- */

.el-faq { gap: 24px; padding-block: 40px; background: #f9f9f9; }
.el-faq__title { color: #141414; }
.el-faq__list { width: 100%; max-width: 900px; overflow: hidden; text-align: left; }
.el-faq__list > * { margin: 0 !important; }
.el-faq__item { padding: 22px 0; border-bottom: 1px solid #d9d9d9; }
.el-faq__item summary {
	display: flex; justify-content: space-between; align-items: center; gap: 16px;
	list-style: none; cursor: pointer; font-size: 16px; font-weight: 500; line-height: 1.5; color: #141414;
}
.el-faq__item summary::-webkit-details-marker { display: none; }
.el-faq__item summary::after { content: "+"; flex: none; font-size: 20px; font-weight: 600; line-height: 1; color: #8c8c8c; transition: rotate 0.2s; }
.el-faq__item[open] summary::after { rotate: 45deg; }
.el-faq__item summary:focus-visible { outline: 2px solid var(--wp--preset--color--azul-cielo); outline-offset: 4px; }
.el-faq__item p { margin: 10px 0 0; font-size: 14px; font-weight: 500; line-height: normal; color: #595959; }

@media (min-width: 1024px) {
	.el-faq { gap: 32px; padding-block: 88px; }
	.el-faq__list { border-radius: 16px; background: #fff; }
	.el-faq__item { padding: 22px 28px; border-bottom: 0; }
	.el-faq__item + .el-faq__item { border-top: 1px solid #d9d9d9; }
	.el-faq__item summary { font-size: 13px; font-weight: 600; color: var(--wp--preset--color--navy); }
}

/* ---------- CTA "Escuchar a tiempo" (variante del CTA final) ---------- */

.el-cta--escuchar .el-cta__card { background: linear-gradient(to bottom, #9db9bf 1.67%, #1a2c3a 100.08%); }
.el-cta__kicker { display: none; font-size: 13px; font-weight: 600; line-height: normal; color: #fff; }

@media (min-width: 1024px) {
	.el-cta__kicker { display: block; }
}

/* ======================= Nosotros ======================= */

/* ---------- Hero navy con logo ---------- */

.el-nos-hero {
	display: flex; flex-direction: column; align-items: center; gap: 20px; padding-block: 48px; text-align: center;
	background: var(--wp--preset--color--navy); color: #fff;
}
.el-nos-hero > * { margin: 0 !important; }
.el-nos-hero__title { max-width: 330px; font-size: 28px; line-height: 1.13; color: var(--wp--preset--color--gris-claro); }
.el-nos-hero__logo { order: -1; width: 230px; margin-block: 0 !important; }
.el-nos-hero__title { order: -2; }
.el-nos-hero__logo img { display: block; width: 100%; height: auto; }
.el-nos-hero__text { max-width: 553px; font-size: 16px; line-height: normal; }

@media (min-width: 1024px) {
	.el-nos-hero {
		display: grid; grid-template-columns: 553px 324px; grid-template-rows: 1fr auto auto auto 1fr;
		justify-content: space-between; align-items: start; gap: 0; min-height: 466px; box-sizing: border-box;
		padding-block: 52px 96px; padding-inline: var(--el-inline) calc(var(--el-inline) + 151px); text-align: left;
	}
	.el-nos-hero > * { grid-column: 1; order: 0 !important; }
	.el-nos-hero__title { grid-row: 2; font-size: 40px; margin-bottom: 20px !important; }
	.el-nos-hero__text { grid-row: 3; margin-bottom: 20px !important; }
	.el-nos-hero__cta { grid-row: 4; }
	.el-nos-hero__logo { grid-column: 2; grid-row: 1 / -1; align-self: center; width: 324px; }
}

/* ---------- Experiencia (cifras sobre foto) ---------- */

.el-experiencia { min-height: 0; padding-block: 40px; }
.el-experiencia .wp-block-cover__inner-container { display: flex; flex-direction: column; align-items: center; gap: 24px; width: 100%; }
.el-experiencia .wp-block-cover__inner-container > * { margin: 0 !important; }
.el-experiencia__title { max-width: 293px; font-size: 24px; line-height: 1.1; text-align: center; color: #fff; }
.el-experiencia__title em { display: block; white-space: nowrap; font-family: var(--wp--preset--font-family--gelasio); font-weight: 400; font-size: 28px; line-height: normal; color: var(--wp--preset--color--azul-cielo); }
.el-experiencia__grid { display: grid; gap: 24px; width: 100%; }
.el-experiencia__grid > * { margin: 0 !important; }
.el-cifra {
	display: flex; flex-direction: column; gap: 8px; padding: 24px; border: 1px solid #fff; border-radius: 16px;
	background: rgba(255, 255, 255, 0.12); color: #fff;
}
.el-cifra > * { margin: 0 !important; }
.el-cifra__value { font-size: 28px; font-weight: 700; line-height: 1.1; }
.el-cifra__label { font-size: 14px; font-weight: 500; line-height: normal; }

@media (min-width: 1024px) {
	.el-experiencia { min-height: 433px; padding-block: 96px; }
	.el-experiencia .wp-block-cover__inner-container { flex-direction: row; justify-content: space-between; align-items: flex-start; max-width: 1280px; }
	.el-experiencia__title { font-size: 28px; text-align: left; }
	.el-experiencia__title em { font-size: 32px; }
	.el-experiencia__grid { grid-template-columns: 278px 322px; width: auto; margin-right: 11px !important; }
}

/* ---------- Industrias atendidas (dos marquees en sentido opuesto) ---------- */

.el-industrias { display: flex; flex-direction: column; gap: 24px; padding-block: 40px; background: #fff; overflow: hidden; }
.el-industrias__title { font-size: 20px; font-weight: 600; line-height: normal; }
.el-marquee--industrias { width: calc(100% + 2 * var(--el-inline)); margin-inline: calc(-1 * var(--el-inline)) !important; }
.el-marquee--industrias + .el-marquee--industrias { margin-top: -12px !important; }
.el-marquee--industrias .el-marquee__track { animation-duration: 60s; }
.el-marquee--reverse .el-marquee__track { animation-direction: reverse; }
.el-industrias__row { display: flex; gap: 12px; margin: 0; padding: 0 12px 0 0; list-style: none; }
.el-industria {
	display: flex; align-items: center; gap: 12px; padding: 8px 20px 8px 10px; white-space: nowrap;
	border: 2px solid rgba(136, 171, 227, 0.22); border-radius: 200px; background: #f9f9f9;
	font-size: 15px; font-weight: 500; line-height: normal; color: #595959;
}
.el-industria i { display: grid; place-items: center; width: 30px; aspect-ratio: 1; border-radius: 50%; background: var(--el-glass); }
.el-industria img { width: 15px; height: 15px; object-fit: contain; }

@media (min-width: 1024px) {
	.el-industrias { gap: 32px; padding-block: 96px; }
	.el-industrias__title { font-family: var(--wp--preset--font-family--gelasio); font-style: italic; font-weight: 400; font-size: 32px; }
	.el-marquee--industrias + .el-marquee--industrias { margin-top: -17px !important; }
	.el-industrias__row { gap: 24px; padding-right: 24px; }
	.el-industria { gap: 21px; padding: 16px 28px; font-size: 24px; }
	.el-industria i { width: 43px; }
	.el-industria img { width: 22px; height: 22px; }
}

/* ---------- Nuestra historia ---------- */

.el-historia { display: flex; flex-direction: column; gap: 24px; padding-block: 40px; background: var(--wp--preset--color--azul-cielo); color: #fff; }
.el-historia__copy { display: flex; flex-direction: column; gap: 24px; text-align: center; }
.el-historia__copy > * { margin: 0 !important; }
.el-historia__title { font-family: var(--wp--preset--font-family--gelasio); font-style: italic; font-weight: 400; font-size: 28px; line-height: normal; color: #fff; }
.el-historia__text { font-size: 13px; line-height: normal; }
.el-historia__text em { font-family: var(--wp--preset--font-family--gelasio); font-weight: 700; }
.el-historia__photo { display: none; }

@media (min-width: 1024px) {
	.el-historia { flex-direction: row; align-items: center; gap: 122px; padding-block: 45px; }
	.el-historia__copy { flex: 1 1 0; max-width: 556px; margin-inline: auto !important; text-align: left; }
	.el-historia__title { font-size: 44px; }
	.el-historia__text { font-size: 16px; }
	.el-historia__photo { display: block; flex: 0 0 559px; margin: 0; }
	.el-historia__photo img { display: block; width: 100%; height: 415px; object-fit: cover; border-radius: 6px; }
}

/* ---------- Qué nos define (carrusel en escritorio) ---------- */

.el-valores { display: flex; flex-direction: column; gap: 24px; padding-block: 40px; background: var(--el-glass); }
.el-valores > * { margin: 0 !important; }
.el-valores__title { font-family: var(--wp--preset--font-family--gelasio); font-style: italic; font-weight: 400; font-size: 24px; line-height: normal; text-align: center; }
.el-carousel__track { display: flex; flex-direction: column; gap: 16px; }
.el-carousel__track > * { margin: 0 !important; }
.el-valor {
	display: flex; flex-direction: column; gap: 16px; box-sizing: border-box; padding: 28px 24px;
	border: 1px solid var(--wp--preset--color--azul-hielo); border-radius: 16px; background: rgba(255, 255, 255, 0.7);
}
.el-valor > * { margin: 0 !important; }
.el-valor__icon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 9.34px; background: #e6e6e6; }
.el-valor__icon img { width: 22px; height: 22px; }
.el-valor__name { font-size: 16px; font-weight: 600; line-height: normal; }
.el-valor__text { font-size: 14px; font-weight: 500; line-height: normal; color: #8c9499; }
.el-carousel__nav { display: none; }

@media (min-width: 1024px) {
	.el-valores { gap: 32px; padding-block: 96px; }
	.el-valores__title { font-size: 32px; text-align: left; }
	.el-carousel__track {
		flex-direction: row; align-items: flex-start; gap: 32px; margin-right: calc(-1 * var(--el-inline)) !important;
		padding-right: var(--el-inline); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none;
	}
	.el-valor { flex: 0 0 612px; scroll-snap-align: start; }
	.el-valor__name { font-size: 20px; }
	.el-carousel__nav { display: flex; justify-content: flex-end; gap: 16px; }
	.el-carousel__nav button {
		display: grid; place-items: center; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%;
		background: none; color: var(--wp--preset--color--navy); cursor: pointer; transition: background-color 0.2s;
	}
	.el-carousel__nav button:hover { background: rgba(255, 255, 255, 0.7); }
	.el-carousel__nav button:disabled { opacity: 0.3; cursor: default; }
}

/* ---------- El equipo ---------- */

.el-equipo { display: flex; flex-direction: column; gap: 24px; padding-block: 40px; background: #faf9f8; }
.el-equipo__photos { display: flex; gap: 40px; }
.el-equipo__photos > * { flex: 1 1 0; margin: 0 !important; }
.el-equipo__photos > :not(:first-child) { display: none; }
.el-equipo__photos img { display: block; width: 100%; aspect-ratio: 398 / 372; height: auto; object-fit: cover; border-radius: 7px; }
.el-equipo__copy { display: flex; flex-direction: column; gap: 16px; }
.el-equipo__copy > * { margin: 0 !important; }
.el-equipo__title { font-size: 20px; line-height: 1.13; }
.el-equipo__title em { display: block; margin-top: 9px; font-family: var(--wp--preset--font-family--gelasio); font-weight: 400; font-size: 15px; line-height: normal; }
.el-equipo__text { font-size: 14px; line-height: normal; color: #8c9499; }

@media (min-width: 1024px) {
	.el-equipo { gap: 38px; padding-block: 96px; }
	.el-equipo__photos > :not(:first-child) { display: block; }
	.el-equipo__copy { flex-direction: row; justify-content: space-between; align-items: flex-start; }
	.el-equipo__title { font-size: 40px; }
	.el-equipo__title em { font-size: 24px; }
	.el-equipo__text { max-width: 503px; font-size: 16px; }
}

/* ======================= Para quién es ======================= */

.el-pqe-hero, .el-pqe-equipos, .el-pqe-problemas, .el-pqe-industrias, .el-pqe-porque {
	display: flex; flex-direction: column; align-items: center; gap: 16px; padding-block: 48px; text-align: center;
}
.el-pqe-hero > *, .el-pqe-equipos > *, .el-pqe-problemas > *, .el-pqe-industrias > *, .el-pqe-porque > * { margin: 0 !important; }
.el-pqe-hero { gap: 20px; background: #fff; }
.el-pqe-hero__title, .el-pqe__h { max-width: 780px; font-size: 28px; line-height: 1.13; }
.el-pqe__h { max-width: 680px; }

/* Tarjetas con foto (equipos e industrias). */
.el-pqe-equipos { background: linear-gradient(242deg, #e3eaf4 52.934%, rgba(232, 232, 232, 0.14) 71.901%); }
.el-fotocards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; width: 100%; margin-top: 24px !important; text-align: left; }
.el-fotocards > * { margin: 0 !important; }
.el-fotocard {
	position: relative; display: flex; flex-direction: column; overflow: hidden;
	border: 1px solid #dee0e3; border-radius: 12px; background: var(--el-glass);
	transition: transform 0.3s var(--el-ease), box-shadow 0.3s var(--el-ease);
}
.el-fotocard > * { margin: 0 !important; }
.el-fotocard__photo img { display: block; width: 100%; aspect-ratio: 302 / 194; height: auto; object-fit: cover; }
.el-fotocard__name { padding: 12px; background: var(--wp--preset--color--navy); font-size: 13px; font-weight: 600; line-height: normal; color: #fff; }
.el-fotocard__more { padding: 10px 12px; font-size: 10px; font-weight: 700; line-height: normal; }
.el-fotocard__more a { color: var(--wp--preset--color--navy); text-decoration: none; }
.el-fotocard__more a::after { content: ""; position: absolute; inset: 0; } /* toda la tarjeta es clicable */
.el-fotocard:hover { transform: translateY(-4px); box-shadow: 0 16px 32px rgba(26, 44, 58, 0.08); }
.el-fotocards--mini .el-fotocard { background: #fff; }
.el-fotocards--mini .el-fotocard__photo img { aspect-ratio: 236 / 90; }
.el-fotocards--mini .el-fotocard__name { background: var(--wp--preset--color--azul-cielo); }
.el-fotocards--mini > :last-child:nth-child(odd) { grid-column: 1 / -1; justify-self: center; width: calc(50% - 6px); }

/* Problema → Solución (pestañas por equipo). */
.el-pqe-problemas { background: #fafbfc; }
.el-pqe-problemas .el-pqe__h { color: var(--wp--preset--color--navy); }
.el-tabs__list {
	display: flex; gap: 12px; width: calc(100% + 2 * var(--el-inline)); margin-inline: calc(-1 * var(--el-inline)) !important;
	box-sizing: border-box; padding: 8px var(--el-inline); overflow-x: auto; scrollbar-width: none;
}
.el-tabs__tab {
	flex: none; padding: 10px 20px; border: 1px solid #dee0e3; border-radius: 999px; background: #fff; cursor: pointer;
	font: inherit; font-size: 14px; font-weight: 700; line-height: normal; color: var(--wp--preset--color--navy);
	transition: background-color 0.2s, color 0.2s;
}
.el-tabs__tab[aria-selected="true"] { border-color: var(--wp--preset--color--navy); background: var(--wp--preset--color--navy); color: #fff; }
.el-tabs__tab:focus-visible { outline: 2px solid var(--wp--preset--color--azul-cielo); outline-offset: 2px; }
.el-bloques { display: flex; flex-direction: column; gap: 16px; width: 100%; text-align: left; }
.el-bloques > * { margin: 0 !important; }
.el-bloques[hidden] { display: none; }
.el-bloques:not([hidden]) > * { animation: el-pop 0.5s cubic-bezier(.215, .61, .355, 1) both; }
.el-bloques > :nth-child(2) { animation-delay: 0.08s; }
.el-bloques > :nth-child(3) { animation-delay: 0.16s; }
.el-bloque { display: flex; flex-direction: column; gap: 14px; padding: 28px 24px; border: 1px solid #dee0e3; border-radius: 16px; background: #fff; }
.el-bloque > * { margin: 0 !important; line-height: normal; }
.el-bloque__label { font-size: 13px; font-weight: 600; }
.el-bloque__quote { font-family: var(--wp--preset--font-family--gelasio); font-style: italic; font-size: 16px; }
.el-bloque__sol { font-size: 14px; font-weight: 700; }
.el-bloque__text { font-size: 16px; color: var(--wp--preset--color--gris-medio); }

/* Cifras con fuente. */
.el-pqe-stats { padding-block: 48px; background: linear-gradient(#e7e7e7, #ebedf1); } /* colores medidos en el render del Figma: sus paradas invertidas en CSS daban una franja dura */
.el-fuentes {
	display: flex; gap: 16px; width: calc(100% + 2 * var(--el-inline)); margin-inline: calc(-1 * var(--el-inline)) !important;
	box-sizing: border-box; padding-inline: var(--el-inline); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none;
}
.el-fuentes > * { margin: 0 !important; }
.el-fuente {
	flex: 0 0 297px; display: flex; flex-direction: column; gap: 12px; box-sizing: border-box; padding: 20px 16px;
	border: 1px solid #dee0e3; border-radius: 16px; background: #fff; scroll-snap-align: start;
}
.el-fuente > * { margin: 0 !important; line-height: normal; }
.el-fuente__value { font-size: 20px; font-weight: 700; line-height: 1.1; }
.el-fuente__text { font-size: 12px; }
.el-fuente__src { font-size: 10px; font-weight: 500; color: #8c9499; }

/* Por qué eligen Ethic Lines. */
.el-pqe-industrias { background: #fff; }
.el-pqe-porque { background: linear-gradient(#fcfcfc, #f2f3f6); } /* ídem: antes la orilla del degradado cruzaba el texto */
.el-razones { display: grid; gap: 16px; width: 100%; margin-top: 16px !important; text-align: left; }
.el-razones > * { margin: 0 !important; }
.el-razon { display: flex; flex-direction: column; gap: 16px; padding: 28px 24px; border: 1px solid #dee0e3; border-radius: 16px; background: #fff; }
.el-razon > * { margin: 0 !important; }
.el-razon__icon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: #e6e6e6; }
.el-razon__icon img { width: 20px; height: 20px; }
.el-razon__title { font-size: 20px; font-weight: 600; line-height: normal; }
.el-razon__text { font-size: 14px; font-weight: 500; line-height: normal; color: #8c9499; }

@media (min-width: 1024px) {
	.el-pqe-hero { padding-block: 96px; }
	.el-pqe-hero__title, .el-pqe__h { font-size: 40px; }
	.el-pqe-equipos { padding-block: 64px; }
	.el-fotocards { display: flex; justify-content: center; gap: 34px; margin-top: 48px !important; }
	.el-fotocard { flex: 0 1 302px; min-width: 0; border-radius: 16px; }
	.el-fotocard__photo img { aspect-ratio: 302 / 194; }
	.el-fotocard__name { padding: 22px 24px; font-size: 20px; }
	.el-fotocard__more { padding: 20px 24px; font-size: 14px; }
	.el-fotocards--mini { gap: 20px; margin-top: 48px !important; }
	.el-fotocards--mini .el-fotocard { flex-basis: 236px; }
	.el-fotocards--mini .el-fotocard__name { padding: 16px 18px; }
	.el-fotocards--mini .el-fotocard__more { padding: 16px 18px; }
	.el-fotocards--mini > :last-child:nth-child(odd) { width: auto; }
	.el-pqe-problemas { gap: 32px; padding-block: 80px 58px; }
	.el-pqe-problemas .el-pqe__h { margin-bottom: 0 !important; }
	.el-tabs__list { justify-content: center; width: auto; margin-inline: 0 !important; padding: 0; overflow: visible; }
	.el-bloques { flex-direction: row; justify-content: center; align-items: flex-start; gap: 24px; }
	.el-bloque { flex: 0 0 302px; box-sizing: border-box; }
	.el-bloque__quote { font-size: 24px; }
	.el-pqe-stats { padding-block: 80px 87px; }
	.el-fuentes { justify-content: center; gap: 32px; width: auto; margin-inline: 0 !important; padding: 0; overflow: visible; }
	.el-fuente { flex: 0 1 405px; padding: 32px 28px; }
	.el-fuente__value { font-size: 28px; }
	.el-fuente__text { font-size: 16px; }
	.el-fuente__src { font-size: 14px; }
	.el-pqe-industrias { padding-block: 80px; }
	.el-pqe-porque { padding-block: 96px; }
	.el-razones { grid-template-columns: repeat(2, minmax(0, 612px)); justify-content: center; gap: 43px 24px; margin-top: 48px !important; }
	.el-razon { min-height: 174px; box-sizing: border-box; }
}

/* ======================= Microsites (equipos e industrias) ======================= */

.el-ms-hero {
	display: flex; flex-direction: column; gap: 24px; padding-block: 12px 40px;
	background: var(--el-glass);
}
.el-ms-hero__visual { order: -1; margin: 0; }
.el-ms-hero__visual img { display: block; width: 100%; height: auto; border-radius: 12px; }
.el-ms-hero__copy { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }
.el-ms-hero__copy > * { margin: 0 !important; }
.el-ms-hero__title { font-size: 28px; line-height: 1.13; }
.el-ms-hero__lead { font-size: 16px; line-height: normal; }
.el-ms-hero__lead.is-muted { color: #8c9499; }

/* Globos del hero: coordenadas del frame de Figma (669 de ancho) escaladas al ancho real con cqw. */
.el-globos { position: relative; container-type: inline-size; overflow: hidden; border-radius: 12px; --u: calc(100cqw / 669); }
.el-globos figure { margin: 0; }
.el-globos__layer { position: absolute; inset: 0; pointer-events: none; }
.el-globo {
	position: absolute; left: calc(var(--x) * var(--u)); top: calc(var(--y) * var(--u)); margin: 0;
	display: flex; align-items: center; height: 2.036em; padding-inline: 0.714em; box-sizing: border-box;
	font-size: calc(var(--f) * var(--u)); font-weight: 700; line-height: 1.1; white-space: nowrap;
	border-radius: calc(19 * var(--u)); rotate: var(--r, 0deg); color: #fff;
}
.el-globo--white { background: #fff; color: var(--wp--preset--color--azul-cielo); filter: drop-shadow(0 calc(4 * var(--u)) calc(2 * var(--u)) rgba(0, 0, 0, 0.12)); }
.el-globo--glass { background: linear-gradient(to top, #e3eaf4 0.546%, rgba(232, 232, 232, 0.14) 73.797%); }
.el-globo--dark { background: linear-gradient(to bottom, #88abe3, #1a2c3a); }
.el-globo--tint { background: linear-gradient(to bottom, rgba(136, 171, 227, 0.22) 0.975%, rgba(211, 216, 219, 0.22) 143.17%); }
.el-globo.is-dim { color: rgba(255, 255, 255, 0.42); }
.el-globos__shield {
	position: absolute; left: calc(564 * var(--u)); top: calc(32 * var(--u)); width: calc(68 * var(--u)); aspect-ratio: 1;
	display: grid; place-items: center; border-radius: calc(14.57 * var(--u));
	background: var(--wp--preset--color--navy); color: #fff; --ring: rgba(26, 44, 58, 0.4);
}
.el-globos__shield.is-azul { background: var(--wp--preset--color--azul-cielo); color: var(--wp--preset--color--navy); --ring: rgba(136, 171, 227, 0.6); }
.el-globos__shield svg { width: 53.6%; height: auto; }
.el-ms-hero--ind .el-globos { border-radius: 6px; }

.el-ms-bloques { padding-block: 40px; background: #fff; }
.el-ms-stats { padding-block: 40px; background: var(--wp--preset--color--azul-cielo); }
.el-fuentes--ms { flex-direction: column; width: 100%; margin-inline: 0 !important; padding: 0; overflow: visible; }
.el-fuentes--ms .el-fuente { flex: none; padding: 24px; }
.el-fuentes--ms .el-fuente__value { font-size: 20px; }
.el-fuentes--ms .el-fuente__text { font-size: 14px; }
.el-fuentes--ms .el-fuente__src { font-size: 12px; }
.el-ms-testimonios { background: #f9f9f9; }

@media (min-width: 1024px) {
	.el-ms-hero { flex-direction: row; align-items: center; justify-content: space-between; gap: 40px; padding-block: 80px 96px; }
	.el-ms-hero__visual { order: 0; flex: 0 1 669px; min-width: 0; }
	.el-ms-hero__copy { flex: 0 1 560px; min-width: 0; gap: 24px; }
	.el-ms-hero__title { font-size: 40px; }
	.el-ms-bloques { padding-block: 96px; }
	.el-bloques--ms { gap: 32px; }
	.el-bloques--ms .el-bloque { flex: 1 1 0; padding: 32px 28px; }
	.el-ms-stats { padding-block: 96px; }
	.el-fuentes--ms { flex-direction: row; align-items: flex-start; gap: 32px; }
	.el-fuentes--ms .el-fuente { flex: 1 1 0; padding: 32px 28px; }
	.el-fuentes--ms .el-fuente__value { font-size: 28px; }
	.el-fuentes--ms.is-big .el-fuente__value { font-size: 40px; line-height: 1.13; }
	.el-fuentes--ms .el-fuente__text { font-size: 16px; }
	.el-ms-porque { padding-block: 96px; }
	.el-ms-porque__title { max-width: 666px; font-size: 28px; }
	.el-ms-testimonios { padding-block: 96px; background: #fff; }
	.el-ms-testimonios .el-h2 { display: none; } /* el Figma desktop solo lleva la etiqueta */
}

/* ---------- Microsites por industria ---------- */

.el-ms-hero--ind { gap: 20px; padding-block: 32px; background: var(--wp--preset--color--azul-cielo); color: #fff; }
.el-ms-hero--ind .el-badge { align-self: flex-start; background: linear-gradient(to top, #e3eaf4 0.546%, rgba(232, 232, 232, 0.14) 73.797%); font-size: 11px; color: #fff; }
.el-ms-hero--ind .el-ms-hero__title { font-size: 24px; line-height: 1.2; color: #fff; }
.el-ms-hero--ind .el-ms-hero__title mark { color: var(--wp--preset--color--navy); }
.el-ms-hero--ind .el-ms-hero__lead { font-size: 15px; line-height: 1.48; }
.el-ms-hero--ind .el-ms-hero__visual img { border-radius: 6px; }

.el-ms-ind__h { font-family: var(--wp--preset--font-family--gelasio); font-style: italic; font-weight: 400; font-size: 24px; line-height: normal; text-align: center; }
.el-ms-bloques--ind { display: flex; flex-direction: column; gap: 24px; background: #fafafa; }
.el-ms-bloques--ind .el-bloque__quote { font-size: 20px; }

.el-ms-stats--ind { display: flex; flex-direction: column; gap: 24px; padding-block: 48px; background: var(--el-glass); }
.el-fuentes--ind .el-fuente { gap: 10px; padding: 24px; border-radius: 12px; }
.el-fuentes--ind .el-fuente__value { font-size: 30px; line-height: normal; }
.el-fuentes--ind .el-fuente__text { font-size: 14px; line-height: 1.4; color: #8c9499; }

.el-ms-reportes { gap: 12px; background: #fafafa; }
.el-ms-reportes .el-pqe__h { font-size: 20px; line-height: normal; }
.el-ms-reportes .el-lead { font-size: 14px; line-height: 1.4; }
.el-ms-reportes .el-razones { margin-top: 12px !important; }
.el-ms-reportes .el-razon { border-color: #e3eaf4; background: rgba(255, 255, 255, 0.7); }
.el-ms-reportes .el-razon__icon { border-radius: 9.34px; }
.el-ms-reportes .el-razon__icon img { width: 22px; height: 22px; }

.el-ms-equipo { padding-block: 56px; background: var(--wp--preset--color--navy); text-align: center; }
.el-ms-equipo__copy { display: flex; flex-direction: column; gap: 16px; }
.el-ms-equipo__copy > * { margin: 0 !important; }
.el-ms-equipo__title { font-family: var(--wp--preset--font-family--gelasio); font-style: italic; font-weight: 700; font-size: 16px; line-height: normal; color: #fff; }
.el-ms-equipo__text { font-size: 16px; line-height: 1.5; color: #d9dee3; }
.el-ms-equipo__photo { display: none; }

@media (min-width: 1024px) {
	.el-ms-hero--ind { gap: 80px; padding-block: 80px; }
	.el-ms-hero--ind .el-ms-hero__copy { gap: 28px; }
	.el-ms-hero--ind .el-badge { font-size: 13px; }
	.el-ms-hero--ind .el-ms-hero__title { font-size: 40px; line-height: 1.13; }
	.el-ms-hero--ind .el-ms-hero__lead { font-size: 16px; line-height: normal; }
	.el-ms-hero--ind .el-globos { border-radius: 12px; }
	.el-ms-ind__h { font-size: 32px; }
	.el-ms-bloques--ind { gap: 40px; padding-block: 80px; }
	.el-ms-bloques--ind .el-bloque { padding: 28px 24px; }
	.el-ms-bloques--ind .el-bloque__quote { font-size: 24px; }
	.el-ms-stats--ind { gap: 40px; padding-block: 80px; }
	.el-fuentes--ind { gap: 40px; }
	.el-fuentes--ind .el-fuente { gap: 12px; padding: 32px; }
	.el-fuentes--ind .el-fuente__value { font-size: 36px; }
	.el-fuentes--ind .el-fuente__text { font-size: 15px; }
	.el-fuentes--ind .el-fuente__src { font-size: 12px; }
	.el-ms-reportes { padding-block: 80px; }
	.el-ms-reportes .el-pqe__h { font-size: 28px; line-height: 1.1; }
	.el-ms-reportes .el-lead { max-width: 700px; font-size: 16px; }
	.el-ms-reportes .el-razones { gap: 24px; margin-top: 28px !important; }
	.el-ms-reportes .el-razon { min-height: 0; }
	.el-ms-equipo { display: flex; align-items: flex-start; justify-content: space-between; padding-block: 53px; text-align: left; }
	.el-ms-equipo__copy { flex: 0 1 571px; gap: 20px; }
	.el-ms-equipo__title { max-width: 441px; font-weight: 400; font-size: 32px; }
	.el-ms-equipo__text { font-size: 18px; }
	.el-ms-equipo__photo { display: block; flex: 0 0 511px; margin: 0; }
	.el-ms-equipo__photo img { display: block; width: 100%; height: 373px; object-fit: cover; border-radius: 16px; }
}