/* BR PR Enterprise 82.2 — ajuste visual consistente PC, iPad y móvil */
:root{--br-content-max:1440px;--br-card-radius:24px;--br-gap:22px}
html{background:#f6f3f8}
body{overflow-x:hidden}
main,.app-main,.main-content,.content-shell{width:min(100%,var(--br-content-max));margin-inline:auto}
.view{width:100%;max-width:var(--br-content-max);margin-inline:auto;padding-inline:clamp(16px,2.4vw,34px);padding-bottom:120px}
.card,.case-360-card,.geo-map-card{border-radius:var(--br-card-radius);box-shadow:0 14px 36px rgba(46,27,67,.09);border:1px solid rgba(82,49,120,.09)}
button,.button,.small-action,input,select,textarea{min-height:44px}
input,select,textarea{font-size:16px}
img,canvas,svg{max-width:100%}

/* PC: más amplitud, mejor jerarquía y columnas reales */
@media (min-width:1180px){
  :root{--br-gap:26px}
  .view{padding-inline:34px}
  .page-header,.view-header,.section-header{margin-bottom:24px}
  .dashboard-grid,.home-grid,.specialized-layout,.investigation-layout,.indicators-grid,.people-layout,.knowledge-layout{gap:var(--br-gap)}
  .specialized-layout,.people-layout,.knowledge-layout{grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr)}
  .investigation-layout{grid-template-columns:repeat(2,minmax(0,1fr))}
  .full-span{grid-column:1/-1}
  .card{padding:clamp(22px,2vw,30px)}
  h1{font-size:clamp(30px,2.3vw,42px);line-height:1.08}
  h2{font-size:clamp(24px,1.8vw,32px)}
  h3{font-size:clamp(18px,1.25vw,23px)}
  .report-toolbar,.indicators-filter-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
  .mobile-bottom-nav{max-width:920px;left:50%!important;right:auto!important;transform:translateX(-50%);border-radius:24px 24px 0 0}
}

/* iPad: evita la versión móvil estirada y aprovecha dos columnas */
@media (min-width:768px) and (max-width:1179px){
  :root{--br-card-radius:22px;--br-gap:20px}
  .view{padding-inline:24px;padding-bottom:112px}
  .dashboard-grid,.home-grid,.indicators-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--br-gap)}
  .specialized-layout,.people-layout,.knowledge-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:var(--br-gap)}
  .investigation-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--br-gap)}
  .full-span,.report-toolbar,.indicator-latest{grid-column:1/-1}
  .card{padding:22px}
  .mobile-bottom-nav{left:50%!important;right:auto!important;transform:translateX(-50%);width:min(calc(100% - 32px),760px);border-radius:24px 24px 0 0}
  .br820-export-card{width:min(680px,calc(100vw - 40px));margin-inline:auto;border-radius:28px 28px 0 0}
  .br820-export-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
}

/* Móvil: conserva legibilidad y blancos sin encoger controles */
@media (max-width:767px){
  :root{--br-card-radius:20px;--br-gap:16px}
  .view{padding-inline:14px;padding-bottom:106px}
  .card,.case-360-card,.geo-map-card{padding:18px}
  h1{font-size:clamp(27px,8vw,34px)}
  h2{font-size:23px}
  h3{font-size:19px}
  button,.button,.small-action{min-height:46px}
  .report-toolbar,.indicators-filter-bar{display:grid;grid-template-columns:1fr;gap:10px}
  .br820-export-primary,.br820-export-secondary{min-height:50px}
}

/* Exportación visible y estable en las tres plataformas */
.br820-export-preview img{display:block;width:100%;height:auto;max-height:48vh;object-fit:contain;background:#fff;border-radius:16px}
.br820-export-file{overflow-wrap:anywhere}
@media print{.mobile-bottom-nav,.ai-assistant-fab,.crisis-fab,.br820-export-sheet,.br820-export-busy{display:none!important}.view{padding:0!important;max-width:none!important}.card{box-shadow:none!important}}