/* ==========================================================================
   DIABETCENTRO — Elige Diabetcentro / Nosotros landing (page 9152; enqueued
   via is_page). Convention: Elementor's selector + `body` prefix.

   >>> ENTIRE FILE IS THE PRE-REBUILD FALLBACK LAYER. The approved direction
   rebuilds this page as the Nosotros hub (PUNCHLIST.md, blocking item 1).
   When that lands: replace this file's contents with the composition layer
   for the new section map. Until then this styles the CURRENT two-section
   DOM: 7a9b9701 hero/narrative (H1 e083ea8 · 822-word text blob 7869f534 ·
   Qi FAQ 6be305f · info-card CTAs 7a93ad52+149a7b3e [dead hrefs, punch
   list] · portrait col 61133676/6bebe02c) · 43521c0e closer (h6 1ccacec1 ·
   Qi H2 66242549 · button 22f69cd8 · parallax 39b73294).
   ========================================================================== */

/* -- Mint masthead band (member straddle pattern): painted behind the
   eyebrow/H1/divider; the sticky portrait crosses its edge on load. The
   band is pure background — no containing block, sticky unaffected. */
body .elementor-9152 .elementor-element.elementor-element-7a9b9701 {
	--dc-band: 340px;
	background: linear-gradient(180deg,
		var(--e-global-color-cff305b) 0 var(--dc-band),
		#ffffff var(--dc-band));
	padding-top: clamp(28px, 4vw, 48px);
}
/* the blob clears the band (kit per-element rules need the full mirror) */
body .elementor-9152 .elementor-element.elementor-element-7869f534 {
	margin-top: 48px;
}
@media (max-width: 767px) {
	body .elementor-9152 .elementor-element.elementor-element-7a9b9701 {
		--dc-band: 380px;
		padding-top: 24px;
	}
}

/* -- H1: display lead + eyebrow + divider ----------------------------------- */

body .elementor-9152 .elementor-element.elementor-element-e083ea8 .qodef-qi-animated-text::before {
	content: "Nosotros";
	display: block;
	margin-bottom: 10px;
	font-family: var(--e-global-typography-accent-font-family), sans-serif;
	font-weight: 700;
	font-size: var(--dc-fs-eyebrow);
	line-height: 1.3;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--dc-color-teal-text);
}
body .elementor-9152 .elementor-element.elementor-element-e083ea8 .qodef-m-title {
	font-size: clamp(2.6rem, 1.95rem + 2.7vw, 4.125rem);
	line-height: 1.08;
	letter-spacing: -0.02em;
	color: var(--e-global-color-accent);
}
body .elementor-9152 .elementor-element.elementor-element-e083ea8 .qodef-m-title::after {
	content: "";
	display: block;
	margin-top: 18px;
	width: 76px;
	height: 4px;
	border-radius: 2px;
	background: linear-gradient(90deg,
		var(--dc-color-drop) 0 20px,
		var(--e-global-color-secondary) 20px);
}

/* -- The 822-word blob → editorial prose ------------------------------------ */

body .elementor-9152 .elementor-element.elementor-element-7869f534 {
	max-width: 70ch;
}
/* H2s chunk the article: hairline top-rules + section voice (the first H2
   near-duplicates the H1 — the rebuild resolves that, not CSS) */
body .elementor-9152 .elementor-element.elementor-element-7869f534 h2 {
	font-size: clamp(1.5rem, 1.35rem + 0.65vw, 1.875rem);
	line-height: 1.25;
	color: var(--e-global-color-accent);
	border-top: 1px solid var(--e-global-color-d59e8a8);
	padding-top: 22px;
	margin: 30px 0 10px;
}
body .elementor-9152 .elementor-element.elementor-element-7869f534 h2:first-child {
	border-top: 0;
	padding-top: 0;
	margin-top: 0;
}
/* inline links to the six about posts → house arrow links */
body .elementor-9152 .elementor-element.elementor-element-7869f534 a {
	color: var(--dc-color-teal-text);
	font-weight: 600;
	text-decoration: none;
	border-bottom: 2px solid var(--e-global-color-primary);
	transition: color var(--dc-speed) var(--dc-ease), border-color var(--dc-speed) var(--dc-ease);
}
body .elementor-9152 .elementor-element.elementor-element-7869f534 a:hover {
	color: var(--e-global-color-accent);
	border-color: var(--dc-color-drop);
}

/* -- Portrait column --------------------------------------------------------- */

/* the authored layout leaves the image stranded at the bottom of a tall
   column — top-anchor the column and let the portrait ride sticky beside
   the article (no overflow:hidden anywhere on this section) */
@media (min-width: 768px) {
	/* kit bottom-anchors the column via an 8-selector rule — FULL mirror
	   (SKILL §5: shorter "equivalents" silently lose), or the sticky can
	   never ride up from its flex-end static position */
	body .elementor-9152 .elementor-element.elementor-element-61133676.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated {
		align-content: flex-start;
		align-items: flex-start;
	}
	body .elementor-9152 .elementor-element.elementor-element-61133676 .elementor-element.elementor-element-6bebe02c {
		position: sticky;
		top: 110px;
	}
}
body .elementor-9152 .elementor-element.elementor-element-6bebe02c img {
	border-radius: var(--dc-radius-media);
	box-shadow: var(--dc-shadow-soft);
}
@supports (animation-timeline: view()) {
	@media (prefers-reduced-motion: no-preference) {
		body .elementor-9152 .elementor-element.elementor-element-6bebe02c {
			animation: dc-focus-in linear both;
			animation-timeline: view();
			animation-range: entry 0% entry 45%;
		}
	}
}

/* -- Info-card CTAs: dead placeholders → quiet cards (hrefs are punch list) -- */

body .elementor-9152 :is(
	.elementor-element.elementor-element-7a93ad52,
	.elementor-element.elementor-element-149a7b3e) .qodef-qi-info-cards {
	background-color: #ffffff;
	border: var(--dc-border);
	border-radius: var(--dc-radius-card);
	padding: 18px 20px;
	transition: border-color var(--dc-speed) var(--dc-ease),
		transform var(--dc-speed) var(--dc-ease),
		box-shadow var(--dc-speed) var(--dc-ease);
}
body .elementor-9152 :is(
	.elementor-element.elementor-element-7a93ad52,
	.elementor-element.elementor-element-149a7b3e):hover .qodef-qi-info-cards {
	border-color: var(--e-global-color-secondary);
	transform: translateY(-3px);
	box-shadow: var(--dc-shadow-soft);
}

/* -- Closer section → spruce CTA panel --------------------------------------- */

body .elementor-9152 .elementor-element.elementor-element-43521c0e {
	background-color: var(--e-global-color-accent);
	max-width: min(1200px, calc(100% - 32px));
	margin-inline: auto;
	margin-block: 40px 64px;
	border-radius: var(--dc-radius-media);
	box-shadow: var(--dc-shadow-soft);
	padding: clamp(28px, 4vw, 56px) clamp(20px, 3.5vw, 48px);
}
body .elementor-9152 .elementor-element.elementor-element-1ccacec1 .elementor-heading-title {
	color: var(--e-global-color-primary);
}
body .elementor-9152 .elementor-element.elementor-element-66242549 .qodef-m-title {
	font-size: clamp(2rem, 1.7rem + 1.3vw, 2.75rem);
	line-height: 1.15;
	letter-spacing: -0.01em;
	color: #ffffff;
}
/* the closer button: ghost-on-spruce (its dead href is punch-listed) */
body .elementor-9152 .elementor-element.elementor-element-22f69cd8 .elementor-button {
	background-color: transparent;
	border: 1.5px solid rgba(255, 255, 255, 0.75);
	color: #ffffff;
	box-shadow: none;
}
body .elementor-9152 .elementor-element.elementor-element-22f69cd8 .elementor-button:is(:hover, :focus) {
	background-color: rgba(255, 255, 255, 0.14);
	border-color: #ffffff;
	color: #ffffff;
}
body .elementor-9152 .elementor-element.elementor-element-39b73294 img {
	border-radius: var(--dc-radius-media);
	box-shadow: var(--dc-shadow-lift);
}
/* ambient float inside the closer (widget-level fadeIn composes with it) */
@media (prefers-reduced-motion: no-preference) {
	body .elementor-9152 .elementor-element.elementor-element-39b73294 img {
		animation: dc-float-far 9s ease-in-out infinite;
	}
}

/* -- Mobile ------------------------------------------------------------------- */

@media (max-width: 767px) {
	body .elementor-9152 .elementor-element.elementor-element-6bebe02c img {
		display: block;
		max-width: min(420px, calc(100% - 32px));
		margin-inline: auto;
	}
}