/* 2.7 — Piel de DatosClaros para RastroVivienda y El Cruce */

/* Cabecera común y submenú */
.dc-appcab { background: var(--hoja); border-bottom: 1px solid var(--linea); }
.dc-appcab__in { max-width: var(--ancho); margin: 0 auto; padding: 22px var(--gutter) 0; }
.dc-appcab .dc-migas { margin: 0 0 10px; }
.dc-appcab__k { font: 800 13px/1.2 var(--f-texto); text-transform: uppercase; letter-spacing: .08em; color: var(--acento); margin: 0 0 6px; }
.dc-appcab__d { max-width: 70ch; color: var(--tinta-2); font-size: 17px; line-height: 1.5; margin: 0 0 12px; }
.dc-appnav { display: flex; gap: 6px 26px; overflow-x: auto; padding: 8px 0 0; scrollbar-width: thin; }
.dc-appnav__g { flex: none; display: flex; flex-direction: column; gap: 4px; padding-bottom: 12px; }
.dc-appnav__t { font: 800 11px/1 var(--f-texto); text-transform: uppercase; letter-spacing: .08em; color: var(--tinta-2); }
.dc-appnav ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 4px; }
.dc-appnav a { display: block; white-space: nowrap; font: 600 14px/1 var(--f-texto); color: var(--tinta); text-decoration: none; padding: 9px 12px; border-radius: 999px; border: 1px solid var(--linea); background: var(--papel); }
.dc-appnav a:hover { border-color: var(--acento); }
.dc-appnav a[aria-current="page"] { background: var(--tinta); color: var(--hoja); border-color: var(--tinta); }
@media (max-width: 900px) { .dc-appnav { gap: 6px 18px; } }

/* Pie común */
.dc-apppie { max-width: var(--ancho); margin: 40px auto 0; padding: 0 var(--gutter); }
.dc-apppie h2 { font-size: 24px; }
.dc-apppie ul { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
.dc-apppie a { display: flex; flex-direction: column; gap: 4px; padding: 16px 18px; border-radius: 14px; background: var(--hoja); border: 1px solid var(--linea); text-decoration: none; color: var(--tinta); height: 100%; box-sizing: border-box; }
.dc-apppie a:hover { border-color: var(--tinta-2); }
.dc-apppie span { font-size: 14px; color: var(--tinta-2); }

/* ---------- RastroVivienda ---------- */
.dc-app.dc-app--rastrovivienda {
	--i: var(--tinta); --g: var(--t-dinero); --p: var(--papel); --s: color-mix(in srgb, var(--t-dinero) 12%, var(--hoja));
	--o: var(--t-investigaciones); --l: var(--linea); --m: var(--tinta-2);
	background: transparent; color: var(--tinta);
}
.dc-app.dc-app--rastrovivienda, .dc-app.dc-app--rastrovivienda :is(p, span, div, a, li, td, th, input, select, button, label, small, b, strong, em, .ey, .lead) { font-family: var(--f-texto) !important; }
.dc-app.dc-app--rastrovivienda :is(h1, h2, h3, h4, .stat b, .stat strong) { font-family: var(--f-titular) !important; letter-spacing: -.015em; color: var(--tinta); }
.dc-app.dc-app--rastrovivienda h1 { font-weight: 800 !important; }
.dc-app.dc-app--rastrovivienda .ey { font-size: 12px !important; font-weight: 800 !important; letter-spacing: .08em; text-transform: uppercase; color: var(--acento, var(--t-dinero)); }
.dc-app.dc-app--rastrovivienda main { padding-top: 26px; }
.dc-app.dc-app--rastrovivienda :is(.panel, .stats, .card, .detail, .friendly-card, .facts, .evidence, .source) { background: var(--hoja) !important; border-color: var(--linea) !important; border-radius: 14px; }
.dc-app.dc-app--rastrovivienda .stats { overflow: hidden; }
.dc-app.dc-app--rastrovivienda .stat { border-color: var(--linea) !important; }
.dc-app.dc-app--rastrovivienda .card { box-shadow: none; transition: border-color .15s, transform .15s; }
.dc-app.dc-app--rastrovivienda .card:hover, .dc-app.dc-app--rastrovivienda .card.active { border-color: var(--t-dinero) !important; transform: translateY(-1px); }
.dc-app.dc-app--rastrovivienda .track { background: var(--papel) !important; border-radius: 6px; overflow: hidden; }
.dc-app.dc-app--rastrovivienda .node { border-radius: 10px; }
.dc-app.dc-app--rastrovivienda .controls :is(input, select) { background: var(--hoja) !important; color: var(--tinta); border: 1px solid var(--linea) !important; border-radius: 10px; padding: 10px 12px; }
.dc-app.dc-app--rastrovivienda a { color: var(--tinta); text-decoration-color: var(--t-dinero); }
.dc-app.dc-app--rastrovivienda table { border-collapse: collapse; }
.dc-app.dc-app--rastrovivienda :is(th, td) { border-color: var(--linea) !important; }

/* ---------- El Cruce ---------- */
.dc-app.dc-app--cruce {
	--bg: var(--papel); --panel: var(--hoja); --panel2: var(--hoja-2, var(--papel)); --line: var(--linea);
	--ink: var(--tinta); --muted: var(--tinta-2); --faint: var(--tinta-2);
	background: transparent;
}
.dc-app.dc-app--cruce :is(.topstrip, .topnav, .sitefoot, .footbar) { display: none !important; }
.dc-app.dc-app--cruce, .dc-app.dc-app--cruce :is(p, span, div, a, li, td, th, input, select, button, label, small) { font-family: var(--f-texto); }
.dc-app.dc-app--cruce :is(h1, h2, h3, h4) { font-family: var(--f-titular) !important; letter-spacing: -.015em; color: var(--tinta); }
.dc-app.dc-app--cruce :is(.card, .panel, .box, .tile) { border-radius: 14px; border-color: var(--linea); }
.dc-app.dc-app--rastrovivienda { background: none !important; background-image: none !important; }
.dc-app.dc-app--rastrovivienda .v3-status { background: var(--hoja) !important; border-color: var(--linea) !important; color: var(--tinta) !important; border-radius: 12px; }
.dc-app.dc-app--rastrovivienda .friendly-card { box-shadow: none !important; }
.dc-app.dc-app--cruce :is(.wrap, .inner) { max-width: var(--ancho) !important; padding-left: var(--gutter) !important; padding-right: var(--gutter) !important; box-sizing: border-box; }
.dc-app.dc-app--cruce .heroband { background: var(--hoja) !important; }
.dc-app.dc-app--cruce .hero h1 { font-size: clamp(34px, 5vw, 56px); font-weight: 800; color: var(--tinta) !important; }
.dc-app.dc-app--cruce .hero .eyebrow { color: var(--acento, var(--t-investigaciones)); letter-spacing: .08em; }
.dc-app.dc-app--cruce { background: none !important; }
.dc-appnav { mask-image: linear-gradient(90deg, #000 92%, transparent); -webkit-mask-image: linear-gradient(90deg, #000 92%, transparent); }