/* DIMACEA | Extraído de material-pop.html | bloque CSS 2 */

/* V8 FINAL: UX tipo dashboard + responsive universal + footer visible sobre mapa + logo + modo nocturno */
:root{--stickyFooterH:clamp(34px,4.2vw,44px);--mp-page-max:min(1680px,calc(100vw - 24px));--mp-gap:clamp(8px,1.2vw,18px);--mp-pad:clamp(10px,1.35vw,20px);--mp-radius:clamp(16px,1.6vw,26px);--mp-title:clamp(1.05rem,2.1vw,2rem);--mp-kpi:clamp(1.15rem,2.4vw,2rem);--mp-blue:#2563eb;--mp-sky:#0ea5e9;--mp-violet:#7c3aed;--mp-green:#10b981;--mp-red:#ef4444;}
*{box-sizing:border-box;min-width:0}html{scroll-behavior:smooth}html,body{font-family:'Inter',Arial,Helvetica,sans-serif!important;background:#f1f5f9!important;color:#0f172a!important;overflow-x:hidden!important}body{padding-bottom:var(--stickyFooterH)!important}.app{width:100%!important;min-height:100dvh!important;padding-bottom:var(--stickyFooterH)!important;background:radial-gradient(circle at 8% 0%,rgba(37,99,235,.13),transparent 28rem),radial-gradient(circle at 94% 4%,rgba(124,58,237,.10),transparent 30rem),#f1f5f9!important}.hero{padding:clamp(8px,1.2vw,16px)!important;background:linear-gradient(135deg,#eff6ff 0%,#f8fafc 55%,#ecfeff 100%)!important;border-bottom:1px solid rgba(148,163,184,.28)!important}.hero-card,.content{width:var(--mp-page-max)!important;max-width:var(--mp-page-max)!important;margin-left:auto!important;margin-right:auto!important}.hero-card{position:relative!important;overflow:hidden!important;padding:var(--mp-pad)!important;border-radius:var(--mp-radius)!important;background:rgba(255,255,255,.86)!important;border:1px solid rgba(37,99,235,.20)!important;box-shadow:0 18px 48px rgba(15,23,42,.09),inset 0 0 0 1px rgba(255,255,255,.72)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}.hero-card::before{content:"";position:absolute;left:16px;right:16px;top:0;height:3px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,var(--mp-blue),var(--mp-sky),var(--mp-violet));opacity:.9}.content{padding:clamp(8px,1.1vw,16px)!important;padding-bottom:calc(var(--stickyFooterH) + 22px)!important}
.brand-hero-title{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;flex-wrap:wrap!important}.brand-logo{object-fit:contain!important;width:clamp(58px,8vw,92px)!important;max-height:58px!important;padding:5px 8px!important;border-radius:16px!important;background:rgba(255,255,255,.92)!important;border:1px solid rgba(148,163,184,.28)!important;box-shadow:0 12px 28px rgba(15,23,42,.12)!important}.brand-title-text{display:inline-flex!important;align-items:center!important;font-size:var(--mp-title)!important;line-height:1.08!important;font-weight:950!important;color:#0f172a!important;overflow-wrap:anywhere!important;word-break:break-word!important}.user-pill{font-size:clamp(9px,.9vw,11px)!important;line-height:1.15!important;white-space:normal!important;overflow-wrap:anywhere!important;background:linear-gradient(135deg,#dbeafe,#e0f2fe)!important;color:#1d4ed8!important;border:1px solid #bfdbfe!important;box-shadow:0 8px 18px rgba(37,99,235,.12)!important}.actions{gap:clamp(6px,.8vw,10px)!important}.actions button{min-height:clamp(38px,4vw,44px)!important;padding:clamp(8px,.9vw,11px) clamp(10px,1.1vw,16px)!important;font-size:clamp(9px,.8vw,11px)!important;white-space:nowrap!important;border-radius:999px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.05em!important;box-shadow:0 10px 20px rgba(15,23,42,.10)!important;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease!important}.actions button:hover{transform:translateY(-1px)!important;box-shadow:0 14px 26px rgba(15,23,42,.14)!important;filter:brightness(1.03)!important}.btn-dark{background:linear-gradient(135deg,#0f172a,#1e293b)!important;color:#fff!important}.btn-gps{background:linear-gradient(135deg,#059669,#10b981)!important;color:#fff!important}.btn-danger{background:linear-gradient(135deg,#dc2626,#ef4444)!important;color:#fff!important}.btn-theme{background:linear-gradient(135deg,#312e81,#4f46e5)!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}.btn-theme i{color:#facc15!important}
@media (min-width:1200px){.brand-hero-title{display:grid!important;grid-template-columns:150px minmax(0,1fr) minmax(210px,auto)!important;align-items:center!important;text-align:left!important;gap:22px!important}.brand-logo{justify-self:start!important;width:150px!important;max-height:82px!important;padding:7px 12px!important;border-radius:18px!important}.brand-title-text{justify-self:start!important;font-size:clamp(22px,2.35vw,30px)!important;letter-spacing:-.03em!important}.user-pill{justify-self:end!important;max-width:320px!important;text-align:center!important}.actions{padding-left:172px!important;justify-content:flex-end!important}}
@media (min-width:901px) and (max-width:1199px){.brand-hero-title{display:grid!important;grid-template-columns:124px minmax(0,1fr) minmax(170px,auto)!important;align-items:center!important;text-align:left!important;gap:16px!important}.brand-logo{justify-self:start!important;width:124px!important;max-height:72px!important}.brand-title-text{justify-self:start!important}.user-pill{justify-self:end!important}.actions{padding-left:140px!important;justify-content:flex-end!important}}
@media (min-width:641px) and (max-width:900px){.brand-hero-title{display:grid!important;grid-template-columns:auto 1fr!important;grid-template-areas:"logo title" "logo user"!important;align-items:center!important;text-align:left!important;gap:8px 12px!important}.brand-logo{grid-area:logo!important;width:96px!important;max-height:64px!important}.brand-title-text{grid-area:title!important;font-size:clamp(1.18rem,3vw,1.55rem)!important}.user-pill{grid-area:user!important;justify-self:start!important}.actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;padding-left:0!important}.actions button{width:100%!important}.btn-danger,.btn-theme{grid-column:auto!important}}
@media (max-width:640px){.hero-card{padding:12px!important;border-radius:20px!important}.brand-hero-title{display:flex!important;flex-direction:column!important;text-align:center!important;gap:7px!important}.brand-logo{width:86px!important;max-height:58px!important;padding:5px 9px!important}.brand-title-text{font-size:clamp(1.05rem,5vw,1.35rem)!important;justify-content:center!important;text-align:center!important}.user-pill{max-width:100%!important}.actions{display:grid!important;grid-template-columns:1fr 1fr!important;padding-left:0!important;margin-top:10px!important}.actions button{width:100%!important;white-space:normal!important;line-height:1.05!important}.btn-danger,.btn-theme{grid-column:span 1!important}}
@media (max-width:380px){.actions{grid-template-columns:1fr!important}.brand-logo{width:76px!important}.hero-card{padding:10px!important}}
.filters{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))!important;gap:var(--mp-gap)!important;padding:var(--mp-pad)!important;border-radius:var(--mp-radius)!important;background:rgba(255,255,255,.88)!important;border:1px solid rgba(148,163,184,.30)!important;box-shadow:0 16px 38px rgba(15,23,42,.07)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.filters>div:last-child{grid-column:auto!important}@media (min-width:1280px){.filters{grid-template-columns:1fr 1fr 1fr 1.35fr!important}}@media (max-width:480px){.filters{grid-template-columns:1fr!important}}label{color:#475569!important;font-weight:950!important;letter-spacing:.08em!important}input,select{border:1px solid #cbd5e1!important;border-radius:14px!important;background:#fff!important;color:#0f172a!important;font-weight:850!important;box-shadow:0 1px 2px rgba(15,23,42,.03)!important;outline:none!important}input:focus,select:focus{border-color:#2563eb!important;box-shadow:0 0 0 4px rgba(37,99,235,.10)!important}.kpis{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:var(--mp-gap)!important}.kpi{position:relative!important;overflow:hidden!important;padding:clamp(9px,1.1vw,14px)!important;border-radius:clamp(14px,1.2vw,18px)!important;background:linear-gradient(180deg,#fff,#f8fafc)!important;border:1px solid rgba(148,163,184,.28)!important;box-shadow:0 14px 32px rgba(15,23,42,.07)!important}.kpi::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--mp-blue),var(--mp-sky),var(--mp-violet));opacity:.85}.kpi b{font-size:var(--mp-kpi)!important;line-height:1!important;font-weight:950!important;color:#0f172a!important;font-variant-numeric:tabular-nums!important}.kpi span{font-size:clamp(8px,.85vw,10px)!important;line-height:1.05!important;color:#64748b!important;letter-spacing:.08em!important}@media (max-width:360px){.kpis{grid-template-columns:1fr!important}.kpi{display:flex!important;align-items:center!important;justify-content:space-between!important;text-align:left!important}.kpi b{font-size:1.2rem!important}}
.grid{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(320px,.8fr)!important;gap:var(--mp-gap)!important;align-items:start!important}.panel{position:relative!important;overflow:hidden!important;border-radius:var(--mp-radius)!important;padding:clamp(8px,1vw,12px)!important;background:linear-gradient(180deg,#fff,#f8fafc)!important;border:1px solid rgba(148,163,184,.30)!important;box-shadow:0 18px 48px rgba(15,23,42,.08)!important}.panel::before{content:"";position:absolute;inset:0;padding:1.25px;border-radius:inherit;background:linear-gradient(135deg,var(--mp-blue),var(--mp-sky),var(--mp-violet));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:3;opacity:.78}.panel>*{position:relative;z-index:2}#map{position:relative!important;z-index:1!important;height:clamp(380px,58dvh,760px)!important;min-height:0!important;border-radius:calc(var(--mp-radius) - 4px)!important;border:1px solid rgba(148,163,184,.32)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)!important}.table-wrap{max-height:clamp(380px,58dvh,760px)!important;overflow:auto!important;border-radius:18px!important;border:1px solid rgba(226,232,240,.85)!important;background:#fff!important}.leaflet-container{z-index:1!important}.leaflet-pane{z-index:1!important}.leaflet-tile-pane{z-index:1!important}.leaflet-overlay-pane{z-index:2!important}.leaflet-marker-pane{z-index:3!important}.leaflet-tooltip-pane{z-index:4!important}.leaflet-popup-pane{z-index:5!important}.leaflet-control-container,.leaflet-top,.leaflet-bottom{z-index:10!important}.leaflet-popup-content-wrapper{border-radius:16px!important;box-shadow:0 18px 42px rgba(15,23,42,.18)!important}@media (min-width:1500px){.grid{grid-template-columns:minmax(0,1.45fr) minmax(420px,.75fr)!important}#map,.table-wrap{height:clamp(520px,62dvh,820px)!important;max-height:clamp(520px,62dvh,820px)!important}}@media (max-width:1050px){.grid{grid-template-columns:1fr!important}#map{height:clamp(340px,56dvh,560px)!important}.table-wrap{max-height:none!important;overflow:visible!important}}@media (max-width:480px){#map{height:clamp(300px,52dvh,430px)!important;border-radius:16px!important}.panel{padding:8px!important}}
th,td{font-size:clamp(10px,.85vw,12px)!important;line-height:1.25!important}th{background:#f8fafc!important;color:#64748b!important;font-weight:950!important;letter-spacing:.08em!important}td{color:#334155!important;font-weight:800!important}tr:hover td{background:#f8fafc!important}.badge{background:#eff6ff!important;color:#1d4ed8!important;border:1px solid #bfdbfe!important;font-weight:950!important}.client-link{color:#1d4ed8!important;text-decoration:none!important;border-bottom:1px dashed rgba(37,99,235,.45)!important}.thumb{width:clamp(64px,6.2vw,92px)!important;height:clamp(52px,5vw,70px)!important;box-shadow:0 10px 24px rgba(15,23,42,.16)!important;border:1px solid rgba(255,255,255,.75)!important}.msg{font-weight:900!important}@media (max-width:900px){table,thead,tbody,tr,th,td{display:block!important}thead{display:none!important}tr{border:1px solid #e2e8f0!important;border-radius:18px!important;margin:0 0 10px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 10px 24px rgba(15,23,42,.06)!important}td{border-bottom:0!important;padding:9px 12px!important}td:first-child{padding-bottom:4px!important}.thumb{width:100%!important;height:clamp(150px,36vw,230px)!important;border-radius:14px!important;object-fit:cover!important}}@media (max-width:380px){td{padding:8px 10px!important}.badge{font-size:9px!important;padding:4px 7px!important}}
.dimacea-footer{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:9999!important;min-height:var(--stickyFooterH)!important;display:flex!important;align-items:center!important;justify-content:center!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border-top:1px solid rgba(148,163,184,.35)!important;padding:2px 8px calc(2px + env(safe-area-inset-bottom))!important;font-size:10px!important;line-height:1.05!important;text-align:center!important;margin:0!important;color:#94a3b8!important;box-shadow:0 -4px 12px rgba(15,23,42,.05)!important}.footer-brand-wrap{width:100%!important;max-width:1200px!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.footer-brand-logo{width:28px!important;height:22px!important;object-fit:contain!important;flex:0 0 auto!important;border-radius:6px!important;padding:1px 3px!important;background:rgba(255,255,255,.72)!important;border:1px solid rgba(148,163,184,.22)!important}.footer-brand-copy{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;min-width:0!important}.dimacea-footer p{overflow:hidden!important;text-overflow:ellipsis!important}.dimacea-footer p:first-child{font-size:10px!important;font-weight:800!important;letter-spacing:.08em!important;color:#64748b!important;text-transform:uppercase!important;margin:0!important}.dimacea-footer p:last-child{font-size:10px!important;color:#94a3b8!important;margin:1px 0 0!important;opacity:1!important}.dimacea-footer span{font-weight:900!important;color:#475569!important;text-transform:uppercase!important}@media(max-width:420px){.footer-brand-logo{display:none!important}.dimacea-footer p:first-child,.dimacea-footer p:last-child{white-space:normal!important}}
#loginFooterBrandTrade{position:fixed!important;left:0!important;right:0!important;bottom:18px!important;z-index:20!important;text-align:center!important;pointer-events:none!important}#loginFooterBrandTrade p:first-child{font-size:10px!important;font-weight:800!important;letter-spacing:.08em!important;color:#cbd5e1!important;text-transform:uppercase!important;margin:0!important}#loginFooterBrandTrade p:last-child{font-size:10px!important;color:#94a3b8!important;margin:4px 0 0!important;opacity:.9!important}#loginFooterBrandTrade span{font-weight:900!important;color:#cbd5e1!important;text-transform:uppercase!important}.modal{z-index:12000!important}.close-img{z-index:12001!important}
body.dark-mode-pop{background:#020617!important;color:#e5e7eb!important}body.dark-mode-pop .app{background:radial-gradient(circle at 8% 0%,rgba(37,99,235,.22),transparent 28rem),radial-gradient(circle at 94% 4%,rgba(124,58,237,.22),transparent 30rem),linear-gradient(180deg,#020617,#0f172a)!important;color:#e5e7eb!important}body.dark-mode-pop .hero{background:linear-gradient(135deg,#020617,#0f172a 58%,#172554)!important;border-bottom-color:#1e293b!important}body.dark-mode-pop .hero-card,body.dark-mode-pop .filters,body.dark-mode-pop .panel,body.dark-mode-pop .kpi,body.dark-mode-pop .table-wrap{background:linear-gradient(180deg,#111827,#0b1220)!important;border-color:#334155!important;color:#e5e7eb!important;box-shadow:0 18px 48px rgba(0,0,0,.36)!important}body.dark-mode-pop .brand-title-text,body.dark-mode-pop .hero-title,body.dark-mode-pop .kpi b{color:#f8fafc!important}body.dark-mode-pop .brand-logo,body.dark-mode-pop .footer-brand-logo{background:rgba(255,255,255,.10)!important;border-color:#475569!important;box-shadow:0 14px 34px rgba(0,0,0,.34)!important}body.dark-mode-pop .user-pill{background:linear-gradient(135deg,#172554,#1e3a8a)!important;color:#bfdbfe!important;border-color:#1d4ed8!important}body.dark-mode-pop .gps-hint,body.dark-mode-pop label,body.dark-mode-pop .kpi span,body.dark-mode-pop td{color:#cbd5e1!important}body.dark-mode-pop input,body.dark-mode-pop select{background:#020617!important;color:#f8fafc!important;border-color:#475569!important;color-scheme:dark}body.dark-mode-pop input::placeholder{color:#94a3b8!important}body.dark-mode-pop th{background:#020617!important;color:#cbd5e1!important;border-color:#334155!important}body.dark-mode-pop tr{background:#111827!important;border-color:#334155!important}body.dark-mode-pop tr:hover td{background:#1e293b!important}body.dark-mode-pop .badge{background:#172554!important;color:#bfdbfe!important;border-color:#1d4ed8!important}body.dark-mode-pop .client-link{color:#93c5fd!important;border-bottom-color:rgba(147,197,253,.55)!important}body.dark-mode-pop #map{border-color:#334155!important;background:#0f172a!important}body.dark-mode-pop .dimacea-footer{background:rgba(15,23,42,.94)!important;border-top-color:rgba(51,65,85,.9)!important;box-shadow:0 -4px 12px rgba(0,0,0,.28)!important}body.dark-mode-pop .dimacea-footer p:first-child{color:#e5e7eb!important}body.dark-mode-pop .dimacea-footer p:last-child{color:#94a3b8!important}body.dark-mode-pop .dimacea-footer span{color:#cbd5e1!important}body.dark-mode-pop .btn-theme{background:linear-gradient(135deg,#f59e0b,#facc15)!important;color:#111827!important}body.dark-mode-pop .btn-theme i{color:#111827!important}@media (min-height:900px) and (min-width:1200px){#map,.table-wrap{height:min(68dvh,820px)!important;max-height:min(68dvh,820px)!important}}