/* LUCIO SISTEMAS - VISUAL CERT V23 - 2026-09-20
   Override final: unifica geometria, evita solapes y corrige responsive. */
:root{
  --lucio-cert-blue:#0b63d8;
  --lucio-cert-navy:#081f4d;
  --lucio-cert-line:#d8e8f8;
  --lucio-cert-soft:#f7fbff;
}
html,body{overflow-x:hidden!important}
.portal-main{min-width:0!important;overflow:visible!important}
.portal-top{
  position:relative!important;
  top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
  transform:none!important;
  z-index:10!important;
}
.global-live-card{
  position:relative!important;
  top:0!important;left:auto!important;right:auto!important;bottom:auto!important;
  transform:none!important;
  box-sizing:border-box!important;
}
body:not(.lucio-home-view) .portal-top{
  height:auto!important;min-height:184px!important;
  grid-template-rows:56px 98px!important;
}
body:not(.lucio-home-view) .global-live-card{top:0!important}
body:not(.lucio-home-view) .portal-content{
  position:relative!important;z-index:1!important;
  min-width:0!important;
}
body:not(.lucio-home-view) .heading,
body:not(.lucio-home-view) .module-head,
body:not(.lucio-home-view) .panel,
body:not(.lucio-home-view) .table-wrap,
body:not(.lucio-home-view) .toolbar,
body:not(.lucio-home-view) .detail,
body:not(.lucio-home-view) .dossier-section,
body:not(.lucio-home-view) .report-grid,
body:not(.lucio-home-view) .identity-layout{
  min-width:0!important;
  max-width:1240px!important;
  margin-left:auto!important;margin-right:auto!important;
}
body:not(.lucio-home-view) table{max-width:100%!important}
body:not(.lucio-home-view) .table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}

@media(max-width:1200px) and (min-width:761px){
  body:not(.lucio-home-view) .portal-shell{grid-template-columns:220px minmax(0,1fr)!important}
  body:not(.lucio-home-view) .portal-sidebar{padding:16px!important}
  body:not(.lucio-home-view) .portal-top{
    min-height:250px!important;
    padding:14px 18px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:52px 42px 112px!important;
    column-gap:16px!important;row-gap:8px!important;
  }
  body:not(.lucio-home-view) .ls-global-search{grid-column:1!important;grid-row:1!important;min-width:0!important;width:100%!important}
  body:not(.lucio-home-view) .ls-global-search input{width:100%!important;min-width:0!important}
  body:not(.lucio-home-view) .ls-top-actions{grid-column:2!important;grid-row:1!important}
  body:not(.lucio-home-view) .ls-personal-greeting{grid-column:1/3!important;grid-row:2!important}
  body:not(.lucio-home-view) .global-live-card{
    grid-column:1/3!important;grid-row:3!important;
    height:112px!important;min-height:112px!important;
    padding:0 14px!important;
    grid-template-columns:1.6fr .9fr 1.2fr .9fr!important;
  }
  body:not(.lucio-home-view) .live-date-block,
  body:not(.lucio-home-view) .live-clock-block,
  body:not(.lucio-home-view) .global-live-place,
  body:not(.lucio-home-view) .global-live-weather{padding:0 12px!important;gap:9px!important}
  body:not(.lucio-home-view) .live-clock-block strong{font-size:24px!important}
  body:not(.lucio-home-view) .portal-content{min-height:calc(100vh - 250px)!important;padding:16px 18px 30px!important}
}
@media(max-width:760px){
  .portal-shell{display:block!important;min-height:100vh!important}
  .portal-sidebar{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;overflow:visible!important}
  .portal-main{width:100%!important}
  .portal-top{
    display:flex!important;flex-direction:column!important;
    width:100%!important;height:auto!important;min-height:0!important;
    padding:14px!important;gap:12px!important;
  }
  .ls-global-search{order:1!important;width:100%!important;max-width:none!important;margin:0!important}
  .ls-global-search input{width:100%!important;min-width:0!important}
  .ls-personal-greeting{order:2!important;width:100%!important;font-size:16px!important}
  .ls-top-actions{order:3!important;position:static!important;width:100%!important;justify-content:space-between!important}
  .ls-top-user{min-width:0!important}
  .ls-top-user div{min-width:0!important}
  .ls-top-user b{max-width:180px!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .global-live-card{
    order:4!important;width:100%!important;height:auto!important;min-height:0!important;
    margin:0!important;padding:12px!important;
    display:grid!important;grid-template-columns:1fr!important;gap:8px!important;
  }
  .live-date-block,.live-clock-block,.global-live-place,.global-live-weather{
    width:100%!important;height:auto!important;min-height:52px!important;
    padding:8px 4px!important;border-right:0!important;border-bottom:1px solid #d9e7f5!important;
  }
  .global-live-weather{border-bottom:0!important}
  .portal-content{width:100%!important;min-width:0!important;padding:14px!important}
  .heading,.module-head,.panel,.toolbar,.detail,.dossier-section,.report-grid,.identity-layout{max-width:100%!important;min-width:0!important}
  .heading,.module-head{padding:18px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important}
  .heading h1,.module-head h1{font-size:26px!important}
  .cards,.dashboard-grid,.report-grid,.identity-layout,.lucio-profile-grid{grid-template-columns:1fr!important}
  input,select,textarea,button,.button{max-width:100%!important}
}

/* FOTOMULTAS BLUE CERT - elimina tema verde heredado */
body:not(.lucio-home-view) .fines-page,
body:not(.lucio-home-view) .fines-history{
  --fines-blue:#0b63d8;
  --fines-blue-dark:#084ea9;
  --fines-navy:#081f4d;
  --fines-line:#d8e8f8;
  --fines-soft:#f7fbff;
  color:var(--fines-navy)!important;
}
body:not(.lucio-home-view) .fines-breadcrumb{color:#6d819d!important}
body:not(.lucio-home-view) .fines-breadcrumb b{color:#18345e!important}
body:not(.lucio-home-view) .fines-hero-light{
  border-color:var(--fines-line)!important;
  background:linear-gradient(135deg,#fff 0%,#f5faff 72%,#eaf4ff 100%)!important;
  box-shadow:0 10px 26px rgba(31,92,153,.06)!important;
}
body:not(.lucio-home-view) .fines-hero-icon{
  border-color:#cfe0f2!important;
  background:#e8f3ff!important;
  color:var(--fines-blue)!important;
}
body:not(.lucio-home-view) .fines-hero-light .fines-kicker,
body:not(.lucio-home-view) .fines-eyebrow,
body:not(.lucio-home-view) .fines-section-head span{
  color:var(--fines-blue)!important;
}
body:not(.lucio-home-view) .fines-hero-light h1{color:#0a214e!important}
body:not(.lucio-home-view) .fines-hero-light p{color:#617896!important}
body:not(.lucio-home-view) .fines-hero-mark{color:#d9ebff!important}
body:not(.lucio-home-view) .fines-search-v4,
body:not(.lucio-home-view) .fines-result-v4,
body:not(.lucio-home-view) .fines-official-card,
body:not(.lucio-home-view) .fines-vehicle,
body:not(.lucio-home-view) .fines-history-v4{
  border-color:var(--fines-line)!important;
  background:#fff!important;
}
body:not(.lucio-home-view) .fines-search-v4 .fines-field>span{color:#29486f!important}
body:not(.lucio-home-view) .fines-search-v4 .fines-field select,
body:not(.lucio-home-view) .fines-search-v4 .fines-field input{
  border-color:#cfe0f2!important;
  background:#fff!important;
  color:#17365f!important;
}
body:not(.lucio-home-view) .fines-search-v4 .fines-field select:focus,
body:not(.lucio-home-view) .fines-search-v4 .fines-field input:focus{
  border-color:var(--fines-blue)!important;
  box-shadow:0 0 0 4px rgba(11,99,216,.10)!important;
}
body:not(.lucio-home-view) .fines-btn.primary,
body:not(.lucio-home-view) .fines-form-actions .fines-btn.primary{
  background:linear-gradient(180deg,#1675eb,#0b63d8)!important;
  border-color:#0b63d8!important;
  color:#fff!important;
  box-shadow:0 6px 16px rgba(11,99,216,.16)!important;
}
body:not(.lucio-home-view) .fines-btn.primary:hover,
body:not(.lucio-home-view) .fines-form-actions .fines-btn.primary:hover{
  background:#084ea9!important;
  color:#fff!important;
}
body:not(.lucio-home-view) .fines-btn.ghost,
body:not(.lucio-home-view) .fines-form-actions .fines-btn.ghost{
  background:#f7fbff!important;
  color:#0b4fae!important;
  border-color:#c9def3!important;
}
body:not(.lucio-home-view) .fines-btn.ghost:hover{background:#edf6ff!important}
body:not(.lucio-home-view) .fines-result-v4{background:#fff!important}
body:not(.lucio-home-view) .fines-placeholder-v4{
  border-color:#d7e7f7!important;
  background:linear-gradient(180deg,#fff,#f7fbff)!important;
}
body:not(.lucio-home-view) .fines-placeholder-v4 .fines-placeholder-icon,
body:not(.lucio-home-view) .fines-empty-icon,
body:not(.lucio-home-view) .state-icon,
body:not(.lucio-home-view) .fines-official-icon,
body:not(.lucio-home-view) .fines-history-v4>summary>span{
  border-color:#cfe0f2!important;
  background:#e8f3ff!important;
  color:var(--fines-blue)!important;
}
body:not(.lucio-home-view) .fines-state-grid{border-top-color:#e0ebf6!important}
body:not(.lucio-home-view) .fines-state-grid article{
  border:1px solid #e4eef8!important;
  background:#fbfdff!important;
}
body:not(.lucio-home-view) .fines-state-grid b{color:#17365f!important}
body:not(.lucio-home-view) .fines-state-grid span{color:#7086a4!important}
body:not(.lucio-home-view) .fines-summary-grid{
  border-color:#dbe8f6!important;
  background:#f7fbff!important;
}
body:not(.lucio-home-view) .fines-summary-grid article{
  border-color:#dce9f6!important;
  background:#fff!important;
}
body:not(.lucio-home-view) .fines-summary-grid .ok{
  border-left-color:#22a06b!important;
  background:#f6fcf9!important;
}
body:not(.lucio-home-view) .fines-summary-grid .danger{
  border-left-color:#ef4444!important;
  background:#fff8f8!important;
}
body:not(.lucio-home-view) .fines-summary-grid .neutral{
  border-left-color:var(--fines-blue)!important;
  background:#f7fbff!important;
}
body:not(.lucio-home-view) .fines-history-v4>summary{
  background:#fff!important;
  color:#29486f!important;
}
body:not(.lucio-home-view) .fines-history-v4>summary i{color:var(--fines-blue)!important}
body:not(.lucio-home-view) .fine-table th{
  background:#f4f8fc!important;
  color:#315476!important;
  border-bottom:2px solid #bcd8f3!important;
}
body:not(.lucio-home-view) .fine-table td{
  color:#2f435d!important;
  border-bottom-color:#e6eef6!important;
}