/* CIVIQ Atlas · capa de tema para las páginas existentes (búsqueda, mapa, resultados,
   cobertura, beta). Se carga al final: reasigna las variables de color de cada hoja
   anterior a la paleta Atlas, cambia la tipografía y quita sombras y adornos.
   No toca la lógica de ninguna página. */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@600&family=Instrument+Sans:wght@400;500;600&display=swap');

:root{
  --atlas-papel:#FFFFFF;--atlas-papel-2:#F5F7F8;--atlas-tinta:#202923;--atlas-gris:#5A625C;--atlas-linea:#DDE3E6;
  --atlas-verde:#275442;--atlas-verde-claro:#DCE6DF;--atlas-terracota:#B9573D;--atlas-terracota-oscura:#9D4630;--atlas-ocre:#7A5A12;
  --atlas-titulo:'Archivo',ui-sans-serif,system-ui,sans-serif;--atlas-texto:'Instrument Sans',ui-sans-serif,system-ui,sans-serif;
  /* market-study.css / cobertura */
  --ink:#202923;--muted:#5A625C;--line:#DDE3E6;--blue:#275442;--teal:#275442;--soft:#F5F7F8;--green:#275442;--amber:#7A5A12;--red:#9D4630;
  --font-mono:'Instrument Sans',ui-sans-serif,system-ui,sans-serif;
  /* market-result.css */
  --navy:#202923;--mint:#DCE6DF;--paper:#FFFFFF;
  /* result-v21.css */
  --v21-ink:#202923;--v21-muted:#5A625C;--v21-line:#DDE3E6;--v21-soft:#F5F7F8;--v21-teal:#275442;--v21-teal-soft:#DCE6DF;
  --v21-amber:#7A5A12;--v21-amber-soft:#F5F7F8;--v21-red:#9D4630;--v21-red-soft:#FFFFFF;--v21-blue:#275442;--v21-navy:#202923;
}

html body{background:var(--atlas-papel)!important;color:var(--atlas-tinta);font-family:var(--atlas-texto)!important;font-variant-numeric:tabular-nums}
body button,body input,body select,body textarea{font-family:var(--atlas-texto)!important}
body h1,body h2,body h3,body h4{font-family:var(--atlas-titulo)!important;font-weight:600!important;letter-spacing:-.015em}
body h1,body h2{color:var(--atlas-tinta)}
body h1{font-size:clamp(1.9rem,3.6vw,2.8rem)!important;line-height:1.1!important}
body h2{line-height:1.2}
body a{color:var(--atlas-verde)}
body :focus-visible{outline:3px solid var(--atlas-terracota)!important;outline-offset:2px}

/* Encabezados: línea divisoria, sin sombras, marca Atlas */
.market-header,.site-header,.app-header{background:var(--atlas-papel)!important;border-bottom:1px solid var(--atlas-linea)!important;box-shadow:none!important;color:var(--atlas-tinta)!important}
.market-header a,.site-header a{color:var(--atlas-tinta)!important}
.market-brand b,.brand-word{font-family:var(--atlas-titulo)!important;font-weight:600!important;letter-spacing:.14em!important;color:var(--atlas-tinta)!important}
.market-hero,.land-v5-hero{background:var(--atlas-papel)!important;background-image:none!important;box-shadow:none!important}
.result-v21-hero{background:var(--atlas-tinta)!important;border-radius:6px!important;box-shadow:none!important}
.result-v21-hero h1{color:var(--atlas-papel)!important}
.result-v21-hero .eyebrow,.result-v21-hero [class*="eyebrow"]{color:#E8A58F!important}
.market-hero span,.eyebrow,[class*="eyebrow"]{color:var(--atlas-terracota-oscura)!important;letter-spacing:.12em}

/* Menos tarjetas: sin sombras, esquinas contenidas, divisiones por línea */
body [class*="card"],body [class*="panel"],body [class*="box"],body section[class*="metric"] > *,body .loading-card{box-shadow:none!important;border-radius:6px!important}
body [class*="card"],body [class*="panel"]{border-color:var(--atlas-linea)!important}
body *{text-shadow:none!important}

/* Botones: terracota primario, tinta secundario */
body button[type=submit],body .primary,body .btn-primary,body .primario,body [class*="submit"],body .header-cta,body .latam-cta,body .beta-boton,body .market-submit{background:var(--atlas-terracota)!important;border-color:var(--atlas-terracota)!important;color:#fff!important;border-radius:6px!important;box-shadow:none!important;font-weight:600!important}
body button[type=submit]:hover,body .primario:hover,body .header-cta:hover{background:var(--atlas-terracota-oscura)!important}
body input,body select,body textarea{border-color:#B7C1C6!important;border-radius:6px!important;background:#FFFFFF!important;color:var(--atlas-tinta)!important}

/* Mapas: cartografía real en tono papel */
.leaflet-container{background:var(--atlas-papel-2)!important;font-family:var(--atlas-texto)!important}
.leaflet-tile-pane{filter:grayscale(1) contrast(1.02) brightness(1.02)}
.leaflet-control-attribution{background:rgba(255,255,255,.92)!important}

/* Pastillas de estado existentes: el símbolo ya va en el texto; aquí sólo la paleta */
.tier-pill.tier-urban{background:var(--atlas-verde-claro)!important;color:var(--atlas-verde)!important}
.tier-pill.tier-national{background:#F5F7F8!important;color:var(--atlas-ocre)!important}

/* Beta y salidas */
.beta-privada{background:var(--atlas-papel-2)!important;border:0!important;border-top:1px solid var(--atlas-linea)!important;border-bottom:1px solid var(--atlas-linea)!important;border-radius:0!important;color:var(--atlas-tinta)!important}
.beta-salidas{background:transparent!important;border:0!important;border-top:3px solid var(--atlas-tinta)!important;border-radius:0!important;padding-left:0!important;padding-right:0!important}
.beta-cupo{background:var(--atlas-papel-2)!important;border:0!important;border-left:3px solid var(--atlas-verde)!important;border-radius:0!important;color:var(--atlas-tinta)!important}

/* Variables de theme-v3.css y predio-v5.css (declaradas en :root y en la clase de página) */
html body,html body.land-v5-page,html body.result-v21-page{
  --navy:#202923;--navy-2:#2E3A32;--ink:#202923;--text:#3A433D;--muted:#5A625C;--line:#DDE3E6;--line-strong:#B7C1C6;
  --surface:#FFFFFF;--surface-soft:#F5F7F8;--surface-blue:#F5F7F8;--teal:#275442;--teal-dark:#275442;--teal-soft:#DCE6DF;
  --blue:#275442;--blue-soft:#DCE6DF;--orange:#7A5A12;--orange-soft:#F5F7F8;--red:#9D4630;--red-soft:#FFFFFF;--green:#275442;--green-soft:#DCE6DF;
  --radius-sm:6px;--radius:6px;--radius-lg:8px;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;
  --v5-danger:#9D4630;--v5-ink:#202923;--v5-line:#DDE3E6;--v5-mint:#DCE6DF;--v5-muted:#5A625C;--v5-navy:#202923;--v5-paper:#FFFFFF;
  --v5-shadow:none;--v5-teal-dark:#275442;--v5-teal:#275442;--v5-warning-bg:#F5F7F8;--v5-warning:#7A5A12;--v5-white:#FFFFFF;
}
.land-v5-page h1 span,.land-v5-page h1 em{color:var(--atlas-verde)!important}
.market-submit,.business-confirm-actions button.confirm-edit{background:var(--atlas-terracota)!important;color:#fff!important}
.metric.dark,.decision-hero,.recommendation-card,.conversion-card,.hero-copy{background:var(--atlas-tinta)!important;color:var(--atlas-papel)!important}
.metric.dark *,.decision-hero *,.recommendation-card *,.conversion-card *,.hero-copy *{color:inherit}
.v21-board-card.money-card{background:var(--atlas-tinta)!important}
#refreshOfficialButton{background:var(--atlas-terracota)!important;color:#fff!important;border-color:var(--atlas-terracota)!important}
.result-v21-hero [class*="answer"] [class*="icon"],.result-v21-hero i[class*="icon"]{background:#E8A58F!important;color:var(--atlas-tinta)!important}
[class*="coverage-notice"]{background:var(--atlas-papel-2)!important;border-color:var(--atlas-linea)!important;color:var(--atlas-tinta)!important;border-radius:6px!important}
[class*="coverage-notice"] [class*="badge"],[class*="coverage-notice"] [class*="tier"],[class*="coverage-notice"] strong:first-child{background:var(--atlas-verde)!important;color:#fff!important}
.result-v21-nav,[class*="section-nav"],[class*="tabs"]{box-shadow:none!important;border-radius:6px!important;border:1px solid var(--atlas-linea)!important;background:var(--atlas-papel)!important}

/* 1-oct-2026 · Estado de la ubicación (mismo bloque en portada, Negocio y Predio):
   punto, municipio comprobado con límite oficial y predio, por separado. */
.ubicacion-resumen{list-style:none;margin:.6rem 0 0;padding:0;display:grid;gap:.35rem}
.ubicacion-resumen li{display:grid;gap:.1rem;padding:.45rem .6rem;border-left:3px solid var(--atlas-linea);background:var(--atlas-papel-2);font-size:.86rem;line-height:1.35}
.ubicacion-resumen li b{font-weight:600;color:var(--atlas-tinta)}
.ubicacion-resumen li small{color:var(--atlas-gris);font-size:.8rem}
.ubicacion-resumen li.tono-ok{border-left-color:var(--atlas-verde)}
.ubicacion-resumen li.tono-aviso{border-left-color:var(--atlas-ocre)}
.ubicacion-resumen li.tono-error{border-left-color:var(--atlas-terracota);background:#FBF1EE}
.ubicacion-resumen li.tono-neutro{border-left-color:var(--atlas-linea)}
.conclusion-section h3{font-size:1rem;margin:.8rem 0 .3rem}
.conclusion-pasos{margin:.3rem 0 .6rem 1.2rem;padding:0;display:grid;gap:.3rem}
@media (max-width:720px){.conclusion-section .split-layout{grid-template-columns:1fr!important}}
.proposal-badges .hipotetico{background:#FBF1EE;color:var(--atlas-terracota-oscura);border:1px solid var(--atlas-terracota);border-radius:999px;padding:2px 8px;font-size:.78rem}
.proposal-capacidad{font-size:.85rem;color:var(--atlas-gris);margin:.4rem 0}
.market-objetivo{display:grid;gap:.3rem;margin:.8rem 0}
.market-objetivo span{font-weight:600}
.market-objetivo select{padding:.55rem .6rem;border:1px solid var(--atlas-linea);border-radius:6px;background:#fff;max-width:100%}
.market-objetivo small{color:var(--atlas-gris);font-size:.8rem}
/* 1-oct-2026 · celular: el formulario de Negocio medía 412 px en una pantalla de 375 px
   (la columna de la cuadrícula tomaba el ancho mínimo de su contenido). */
@media (max-width:720px){
  .market-form-card form{grid-template-columns:minmax(0,1fr)!important}
  .market-form-card form>*{min-width:0;max-width:100%}
  .market-form-card{padding-left:18px!important;padding-right:18px!important}
}
html,body{overflow-x:clip}
.market-form-card .market-objetivo{grid-column:1/-1}
/* 1-oct-2026 · celular: en Predio el buscador quedaba a pantalla y media de
   distancia. El recuadro genérico "Consulta trazable" se oculta en celular (la
   cobertura real del lugar aparece al ubicar el punto) y el texto se acorta. */
@media (max-width:720px){
  .land-v5-hero .land-v5-trust{display:none!important}
  .land-v5-hero-grid>div>p{display:none}
  .land-v5-hero{padding-bottom:8px!important}
  #confirmedUbicacion .ubicacion-resumen li{font-size:.82rem}
}
