/* la página de construcción en español — the construction landing's family: every section declares its ground. */
[data-cmp="es-construccion"] .cl, [data-cmp="es-construccion"].cl { background: var(--surface-base); }
[data-cmp="es-construccion"] .cl .ic, [data-cmp="es-construccion"].cl .ic { width: 16px; height: 16px; --ic-stroke: 2.25; }
[data-cmp="es-construccion"] .cl-green, [data-cmp="es-construccion"].cl-green { color: var(--accent); }
[data-cmp="es-construccion"] .cl-fine, [data-cmp="es-construccion"].cl-fine { margin: var(--space-4) 0 0; font-size: 0.8125rem; color: var(--text-muted); }
[data-cmp="es-construccion"] .cl-fine a, [data-cmp="es-construccion"].cl-fine a { color: inherit; }
[data-cmp="es-construccion"] .cl-actions, [data-cmp="es-construccion"].cl-actions { display: flex; flex-direction: column; align-items: center; gap: var(--space-3); margin-top: var(--space-6); }
@media (min-width: 640px) { [data-cmp="es-construccion"] .cl-actions, [data-cmp="es-construccion"].cl-actions { flex-direction: row; justify-content: center; }}

/* ── hero ── */
[data-cmp="es-construccion"] .cl-hero, [data-cmp="es-construccion"].cl-hero { position: relative; overflow: hidden; padding: var(--space-10) 0 var(--space-12);
  background: color-mix(in srgb, var(--surface-subtle) 40%, var(--surface-base)); }
[data-cmp="es-construccion"] .cl-glow, [data-cmp="es-construccion"].cl-glow { pointer-events: none; position: absolute; left: 50%; top: 55%; width: 760px; height: 520px;
  transform: translate(-50%, -50%); border-radius: 50%;
  background: radial-gradient(ellipse, color-mix(in srgb, var(--accent) 10%, transparent), transparent 70%); }
[data-cmp="es-construccion"] .cl-hero-inner, [data-cmp="es-construccion"].cl-hero-inner { position: relative; text-align: center; }
[data-cmp="es-construccion"] .cl-lockup, [data-cmp="es-construccion"].cl-lockup { display: inline-flex; align-items: baseline; gap: var(--space-2); margin: 0 0 var(--space-5); }
[data-cmp="es-construccion"] .cl-by, [data-cmp="es-construccion"].cl-by { font-size: 0.875rem; font-weight: 600; color: var(--text-secondary); }
[data-cmp="es-construccion"] .cl-hero .asio-h1, [data-cmp="es-construccion"].cl-hero .asio-h1 { max-width: 56rem; margin: 0 auto; font-size: clamp(2.25rem, 1.6rem + 2.4vw, 3.5rem); }
[data-cmp="es-construccion"] .cl-lead, [data-cmp="es-construccion"].cl-lead { max-width: 44rem; margin: var(--space-5) auto 0; }

/* ── the four sections ── */
[data-cmp="es-construccion"] .cl-sec, [data-cmp="es-construccion"].cl-sec { padding: var(--space-12) 0; }
[data-cmp="es-construccion"] .cl-sec--paper, [data-cmp="es-construccion"].cl-sec--paper { background: color-mix(in srgb, var(--surface-subtle) 55%, var(--surface-base)); }
[data-cmp="es-construccion"] .cl-sec--white, [data-cmp="es-construccion"].cl-sec--white { background: var(--surface-base); }
[data-cmp="es-construccion"] .cl-grid, [data-cmp="es-construccion"].cl-grid { display: grid; gap: var(--space-8); grid-template-columns: minmax(0, 1fr); align-items: start; }
@media (min-width: 1024px) {
  [data-cmp="es-construccion"] .cl-grid, [data-cmp="es-construccion"].cl-grid { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: var(--space-12); }
  [data-cmp="es-construccion"] .cl-grid--flip .cl-ask, [data-cmp="es-construccion"].cl-grid--flip .cl-ask { order: 2; }
  [data-cmp="es-construccion"] .cl-grid--flip .cl-receipt, [data-cmp="es-construccion"].cl-grid--flip .cl-receipt { order: 1; }}
[data-cmp="es-construccion"] .cl-app, [data-cmp="es-construccion"].cl-app { margin: 0 0 var(--space-3); font-size: 0.875rem; font-weight: 600; color: var(--accent); }
[data-cmp="es-construccion"] .cl-ask .asio-h2, [data-cmp="es-construccion"].cl-ask .asio-h2 { margin: 0 0 var(--space-4); font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2.125rem); text-wrap: balance; }
[data-cmp="es-construccion"] .cl-ask p, [data-cmp="es-construccion"].cl-ask p { margin: 0 0 var(--space-4); line-height: 1.7; color: var(--text-secondary); }
[data-cmp="es-construccion"] .cl-door, [data-cmp="es-construccion"].cl-door { display: inline-flex; align-items: center; gap: var(--space-2); font-weight: 600; color: var(--accent); text-decoration: none; min-height: var(--tap-target, 44px); }
@media (hover: hover) and (pointer: fine) { [data-cmp="es-construccion"] .cl-door:hover, [data-cmp="es-construccion"].cl-door:hover { color: var(--accent-hover); text-decoration: underline; }}
[data-cmp="es-construccion"] .cl-receipt, [data-cmp="es-construccion"].cl-receipt { background: var(--surface-card); border: 1px solid var(--border-default); border-radius: var(--radius-lg);
  padding: var(--space-6); box-shadow: var(--asio-shadow-soft); }
[data-cmp="es-construccion"] .cl-receipt-k, [data-cmp="es-construccion"].cl-receipt-k { margin: 0 0 var(--space-2); font-size: 0.75rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-muted); }
[data-cmp="es-construccion"] .cl-receipt-v, [data-cmp="es-construccion"].cl-receipt-v { margin: 0 0 var(--space-3); font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2rem); font-weight: 700; color: var(--text-primary); font-variant-numeric: tabular-nums; letter-spacing: -0.02em; }
[data-cmp="es-construccion"] .cl-receipt-t, [data-cmp="es-construccion"].cl-receipt-t { margin: 0; line-height: 1.65; color: var(--text-secondary); }
[data-cmp="es-construccion"] .cl-receipt-q, [data-cmp="es-construccion"].cl-receipt-q { margin: var(--space-4) 0 0; padding-top: var(--space-4); border-top: 1px solid var(--border-subtle);
  font-size: 0.9375rem; line-height: 1.65; color: var(--text-secondary); }

/* ── the ink band ── */
[data-cmp="es-construccion"] .cl-band, [data-cmp="es-construccion"].cl-band { padding: var(--space-12) 0; background: var(--surface-inverse); color: var(--text-inverse); }
[data-cmp="es-construccion"] .cl-band .asio-h2, [data-cmp="es-construccion"].cl-band .asio-h2 { margin: 0 0 var(--space-8); text-align: center; font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem); color: var(--text-inverse); }
[data-cmp="es-construccion"] .cl-band-cols, [data-cmp="es-construccion"].cl-band-cols { display: grid; gap: var(--space-8); grid-template-columns: minmax(0, 1fr); max-width: 64rem; margin-inline: auto; }
@media (min-width: 768px) { [data-cmp="es-construccion"] .cl-band-cols, [data-cmp="es-construccion"].cl-band-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-12); }}
[data-cmp="es-construccion"] .cl-band h3, [data-cmp="es-construccion"].cl-band h3 { margin: 0 0 var(--space-3); font-size: 1.125rem; font-weight: 600; color: var(--text-inverse); }
[data-cmp="es-construccion"] .cl-band p, [data-cmp="es-construccion"].cl-band p, [data-cmp="es-construccion"] .cl-band li, [data-cmp="es-construccion"].cl-band li { margin: 0; line-height: 1.7; color: color-mix(in srgb, var(--text-inverse) 82%, transparent); }
[data-cmp="es-construccion"] .cl-band ul, [data-cmp="es-construccion"].cl-band ul { margin: 0; padding-left: var(--space-5); display: flex; flex-direction: column; gap: var(--space-2); }

/* ── the counts ── */
[data-cmp="es-construccion"] .cl-counts, [data-cmp="es-construccion"].cl-counts { padding: var(--space-12) 0; background: var(--surface-base); }
[data-cmp="es-construccion"] .cl-counts-grid, [data-cmp="es-construccion"].cl-counts-grid { display: grid; gap: var(--space-4); grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); }
[data-cmp="es-construccion"] .cl-counts .asio-stat, [data-cmp="es-construccion"].cl-counts .asio-stat { padding: var(--space-5); border-radius: var(--radius-lg); }
[data-cmp="es-construccion"] .cl-counts .asio-stat-value, [data-cmp="es-construccion"].cl-counts .asio-stat-value { font-variant-numeric: tabular-nums; }
[data-cmp="es-construccion"] .cl-counts-note, [data-cmp="es-construccion"].cl-counts-note { margin: var(--space-4) 0 0; font-size: 0.8125rem; color: var(--text-muted); text-align: center; }

/* ── the close ── */
[data-cmp="es-construccion"] .cl-cta, [data-cmp="es-construccion"].cl-cta { padding: var(--space-12) 0; background: color-mix(in srgb, var(--accent) 7%, var(--surface-base)); }
[data-cmp="es-construccion"] .cl-cta-inner, [data-cmp="es-construccion"].cl-cta-inner { max-width: 44rem; margin-inline: auto; text-align: center; }
[data-cmp="es-construccion"] .cl-cta .asio-h2, [data-cmp="es-construccion"].cl-cta .asio-h2 { margin: 0 0 var(--space-4); }
[data-cmp="es-construccion"] .cl-cta p, [data-cmp="es-construccion"].cl-cta p { margin: 0; line-height: 1.7; color: var(--text-secondary); }

[data-cmp="es-construccion"] .cl-band-note, [data-cmp="es-construccion"].cl-band-note { margin-top: var(--space-4); font-size: 0.9375rem; }