:root{--ink: #102832;--ink-strong: #081923;--ink-soft: #35505d;--muted: #65757d;--paper: #f7efe2;--paper-soft: #fffaf2;--paper-deep: #f1e6d6;--glass: rgba(255, 250, 242, .78);--white: #ffffff;--line: rgba(16, 40, 51, .12);--line-strong: rgba(16, 40, 51, .2);--teal: #14736b;--teal-strong: #0d5b55;--coral: #e76f51;--sun: #f0b94f;--sky: #62aec6;--shadow-xl: 0 32px 80px rgba(16, 40, 51, .18);--shadow-lg: 0 22px 54px rgba(16, 40, 51, .14);--shadow-md: 0 14px 30px rgba(16, 40, 51, .1);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px;--radius-sm: 14px;--content-width: 1280px}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root,.app-shell{min-height:100%}body{margin:0;font-family:Outfit,Avenir Next,Segoe UI,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fbf4e7,#edf6f4 48%,#eef2fb)}body:before,body:after{content:"";position:fixed;inset:-18%;pointer-events:none}body:before{z-index:-2;background:radial-gradient(circle at 18% 18%,rgba(240,185,79,.22),transparent 26%),radial-gradient(circle at 84% 14%,rgba(98,174,198,.18),transparent 24%),radial-gradient(circle at 52% 82%,rgba(231,111,81,.16),transparent 30%),radial-gradient(circle at 72% 64%,rgba(20,115,107,.12),transparent 26%);animation:drift 24s ease-in-out infinite alternate}body:after{z-index:-1;opacity:.45;background-image:linear-gradient(rgba(16,40,51,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(16,40,51,.03) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,transparent 0%,black 18%,black 82%,transparent 100%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}h1,h2,h3,h4,.page-title,.section-title,.hero-title,.card-title,.brand h1{font-family:Fraunces,Georgia,serif;letter-spacing:-.03em}p{line-height:1.65}.app-shell{position:relative;overflow-x:clip}.layout{max-width:var(--content-width);margin:0 auto;padding:0 24px 72px}.section{margin-top:28px}.topbar{position:sticky;top:0;z-index:1000;padding:18px 0 10px}.topbar-inner{max-width:calc(var(--content-width) + 48px);margin:0 auto;padding:16px 18px 16px 22px;display:flex;align-items:center;gap:18px;background:#081923bd;border:1px solid rgba(255,255,255,.08);border-radius:28px;backdrop-filter:blur(18px);box-shadow:var(--shadow-lg)}.brand{display:flex;align-items:center;gap:16px;min-width:0}.brand-mark{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(140deg,var(--sun),var(--coral));color:var(--white);box-shadow:0 18px 26px #e76f513d;font-weight:800;letter-spacing:.08em}.brand-mark span{transform:translateY(1px)}.brand-copy{min-width:0}.brand-eyebrow{display:block;margin-bottom:4px;color:#ffffff8f;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.brand h1{margin:0;color:var(--white);font-size:1.34rem}.brand p{margin:4px 0 0;color:#ffffffb8;font-size:.92rem;max-width:36ch}.menu-toggle{display:none}.nav-links{display:flex;align-items:center;gap:16px;margin-left:auto}.nav-panel-header{display:none}.nav-primary{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nav-divider{color:#f0b94fd6;font-size:.73rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin:0 4px 0 10px}.nav-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.user-nav-info{display:flex;align-items:center;gap:10px}.nav-link,.ghost-button,.primary-button,.secondary-button,.control-button,.badge-button{border:0;border-radius:999px;padding:12px 18px;cursor:pointer;transition:transform .25s ease,background .25s ease,color .25s ease,box-shadow .25s ease,opacity .25s ease;font-weight:700}.nav-link{color:#ffffffad;padding:10px 14px}.nav-link.active,.nav-link:hover{background:#ffffff1a;color:var(--white)}.primary-button{background:linear-gradient(135deg,var(--coral),#ff9a68);color:var(--white);box-shadow:0 18px 30px #e76f5140}.secondary-button{background:linear-gradient(135deg,var(--teal),var(--sky));color:var(--white);box-shadow:0 18px 30px #14736b33}.ghost-button,.control-button,.badge-button{background:#ffffffd1;color:var(--ink);border:1px solid var(--line);box-shadow:0 12px 22px #10283314}.nav-actions .ghost-button{background:#ffffff14;color:var(--white);border-color:#ffffff14;box-shadow:none}.nav-actions .primary-button{box-shadow:0 12px 24px #e76f5140}.nav-link:hover,.ghost-button:hover,.primary-button:hover,.secondary-button:hover,.control-button:hover,.badge-button:hover{transform:translateY(-1px)}.nav-link:disabled,.ghost-button:disabled,.primary-button:disabled,.secondary-button:disabled,.control-button:disabled,.badge-button:disabled{opacity:.56;transform:none;box-shadow:none;cursor:not-allowed}.button-row,.hero-actions,.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.section-kicker,.hero-kicker,.live-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 14px;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.section-kicker{background:#1028330f;color:var(--ink-soft);border:1px solid var(--line)}.hero-kicker,.live-pill{background:#ffffff1f;color:var(--white);border:1px solid rgba(255,255,255,.12)}.hero-panel,.hero-aside,.card,.panel,.sidebar-card,.table-card,.map-card,.stats-card,.timeline-card,.filter-card{position:relative;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.46);background:var(--glass);backdrop-filter:blur(18px);box-shadow:var(--shadow-lg);animation:fade-rise .65s ease both}.panel,.card,.filter-card,.table-card,.sidebar-card,.map-card,.timeline-card,.stats-card{padding:24px}.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.85fr);gap:22px;align-items:stretch;padding-top:10px}.hero-panel{overflow:hidden;padding:34px clamp(24px,4vw,42px);background:linear-gradient(140deg,#102832,#146e66 52%,#31586a);color:var(--white);border-color:#ffffff1f}.hero-panel:before{content:"";position:absolute;inset:auto -10% -45% 28%;height:320px;background:radial-gradient(circle,rgba(240,185,79,.28),transparent 55%)}.hero-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 0,transparent 42%,rgba(255,255,255,.08) 100%)}.hero-panel>*{position:relative;z-index:1}.hero-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-panel .small-chip{background:#ffffff1f;color:var(--white);border-color:#ffffff24}.hero-title{margin:20px 0 18px;font-size:clamp(3rem,7vw,5.4rem);line-height:.92;max-width:11ch}.hero-copy,.page-copy{max-width:64ch;color:var(--ink-soft);font-size:1.02rem}.hero-copy{color:#ffffffd1}.hero-metrics,.grid,.cards-grid,.stats-grid{display:grid;gap:16px}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px}.metric{min-height:120px;border-radius:22px;padding:18px;border:1px solid rgba(255,255,255,.14);background:#ffffff17}.metric strong{display:block;margin-bottom:10px;font-size:clamp(1.8rem,3vw,2.4rem)}.metric span{color:#ffffffc2}.hero-aside{padding:26px;background:linear-gradient(180deg,#ffffffd1,#f6efe4eb)}.hero-aside h3,.section-title,.page-title,.card-title{margin:10px 0 0}.page-title{font-size:clamp(2rem,4.8vw,3.4rem)}.section-title{font-size:clamp(1.55rem,3vw,2.15rem)}.card-title{font-size:1.26rem}.hero-list,.detail-list,.timeline-list,.legend-list,.sidebar-list,.feature-list{display:grid;gap:14px}.hero-category-stack{display:grid;gap:12px;margin-top:18px}.hero-list-item,.timeline-item,.sidebar-item,.summary-row,.hero-category-card{border-radius:22px;border:1px solid var(--line);background:#ffffffb8;padding:16px 18px}.hero-category-card{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:flex-start}.hero-category-card .icon-pill{margin-bottom:0;width:48px;height:48px;font-size:1.28rem}.hero-category-card p,.hero-list-item p{margin:6px 0 0}.page-hero{background:linear-gradient(135deg,#ffffffd6,#eff7f6f0)}.page-hero-compact{display:grid;gap:14px}.admin-hero{color:var(--white);border-color:#ffffff1a;background:linear-gradient(135deg,#102833f5,#146e66eb)}.admin-hero .section-kicker,.auth-story .section-kicker,.site-footer .section-kicker{background:#ffffff1f;color:var(--white);border-color:#ffffff24}.admin-hero .page-copy,.auth-story .page-copy,.auth-story .text-muted,.site-footer p,.site-footer .footer-note{color:#ffffffc7}.admin-hero .metric{background:#ffffff14;border-color:#ffffff24}.section-header{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px}.section-header p{margin:8px 0 0;max-width:64ch;color:var(--muted)}.results-toolbar{align-items:center}.grid-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,360px);gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.map-card{overflow:hidden}.map-shell{position:relative}.mapa-reportes,.mapa-picker,.mapa-admin,.detalle-mapa{border-radius:26px;overflow:hidden;border:1px solid rgba(16,40,51,.12)}.mapa-picker .leaflet-container{height:420px}.mapa-reportes .leaflet-container,.mapa-admin .leaflet-container{height:540px}.detalle-mapa .leaflet-container{height:280px}.map-overlay-controls{position:absolute;top:18px;left:18px;right:18px;z-index:500;display:flex;justify-content:space-between;gap:12px;pointer-events:none}.map-overlay-controls>*{pointer-events:auto}.status-chip,.urgency-chip,.small-chip,.map-float-chip{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 12px;font-size:.84rem;font-weight:700}.status-chip{color:var(--white)}.urgency-chip{border:1px solid transparent}.small-chip{background:#1028330f;border:1px solid var(--line);color:var(--ink)}.small-chip input{accent-color:var(--teal)}.form-grid,.filters-grid{display:grid;gap:16px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field-group{display:grid;gap:8px}.field-group label{color:var(--ink-soft);font-weight:700;font-size:.9rem;letter-spacing:.04em;text-transform:uppercase}.input,.textarea,.select{width:100%;border-radius:18px;border:1px solid var(--line);background:#ffffffe0;padding:15px 16px;color:var(--ink);box-shadow:inset 0 1px #ffffffb8}.input::placeholder,.textarea::placeholder{color:#35505d8f}.textarea{min-height:130px;resize:vertical}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:#14736b85;box-shadow:0 0 0 4px #14736b1f}.error-text{color:#b42318;font-size:.87rem;font-weight:700}.helper-text{color:var(--muted);font-size:.88rem}.filters-meta{margin-top:14px}.wizard-layout{display:grid;gap:22px}.wizard-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.wizard-step{padding:16px 18px;border-radius:24px;border:1px solid var(--line);background:#ffffff9e}.wizard-step.active{background:linear-gradient(135deg,var(--ink),var(--teal));color:var(--white);box-shadow:var(--shadow-md)}.wizard-step span{display:block;margin-bottom:6px;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.72}.wizard-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);gap:22px;align-items:start}.wizard-heading{margin-bottom:18px}.wizard-summary{border-radius:22px;border:1px solid var(--line);background:linear-gradient(180deg,#1028330d,#f0b94f14);padding:20px}.wizard-summary p{margin:0 0 10px}.wizard-summary p:last-child{margin-bottom:0}.wizard-actions{justify-content:space-between;margin-top:30px}.auth-shell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:22px}.auth-story{overflow:hidden;background:linear-gradient(145deg,#102832,#146e66 60%,#31586a);color:var(--white)}.auth-form{padding-top:28px}.feature-list{margin-top:22px}.auth-story .hero-list-item{background:#ffffff14;border-color:#ffffff1f}.category-grid,.subcategory-grid,.report-card-grid{display:grid;gap:16px}.category-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.subcategory-grid,.report-card-grid,.civic-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.category-card,.subcategory-card,.report-card{border-radius:24px;border:1px solid var(--line);padding:20px;background:#ffffffe0;cursor:pointer;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease}.category-card:hover,.subcategory-card:hover,.report-card:hover,.sidebar-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.category-card.selected,.subcategory-card.selected,.sidebar-item.active{border-color:#14736b94;background:linear-gradient(180deg,#14736b14,#ffffffeb);box-shadow:0 0 0 3px #14736b1f,var(--shadow-md)}.report-card{display:flex;flex-direction:column;gap:12px}.report-card-copy{margin:0}.civic-card p{margin-bottom:0}.icon-pill{width:60px;height:60px;border-radius:20px;display:grid;place-items:center;font-size:1.6rem;margin-bottom:14px;background:linear-gradient(135deg,#14736b24,#f0b94f24);box-shadow:inset 0 1px #ffffffb8}.upload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px}.upload-preview{position:relative;overflow:hidden;border-radius:18px;aspect-ratio:1 / 1;border:1px solid var(--line);background:var(--paper-deep)}.search-box{position:relative}.search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:700;border-radius:20px;border:1px solid var(--line);background:#fffffff2;backdrop-filter:blur(16px);box-shadow:var(--shadow-lg);overflow:hidden}.search-option{width:100%;text-align:left;border:0;padding:14px 16px;background:transparent;cursor:pointer;border-bottom:1px solid rgba(16,40,51,.08)}.search-option:last-child{border-bottom:0}.search-option:hover{background:#14736b0f}.empty-state{padding:28px;text-align:center;border:1px dashed rgba(16,40,51,.18);border-radius:22px;color:var(--muted);background:#fff9}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px 12px;border-bottom:1px solid rgba(16,40,51,.08);text-align:left;vertical-align:top}thead tr{background:#1028330a}tbody tr:hover{background:#14736b0d}th{color:var(--ink-soft);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.detail-layout,.admin-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,380px);gap:20px}.timeline-item{position:relative}.timeline-item:before{content:"";position:absolute;left:-14px;top:22px;width:10px;height:10px;border-radius:50%;background:var(--teal)}.stepper{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.stepper-item{padding:14px 12px;border-radius:18px;border:1px solid var(--line);background:#ffffffbd;text-align:center;font-size:.88rem}.stepper-item.active{background:linear-gradient(135deg,#e76f5124,#f0b94f3d);border-color:#e76f5138}.notifications{position:relative}.notifications-dropdown{position:absolute;right:0;top:calc(100% + 12px);width:min(420px,92vw);z-index:1000;background:#fffffff5;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-xl);backdrop-filter:blur(20px);overflow:hidden}.notification-item{padding:16px 18px;border-bottom:1px solid rgba(16,40,51,.08)}.notification-item:last-child{border-bottom:0}.notification-item.unread{background:linear-gradient(90deg,rgba(20,115,107,.08),transparent)}.map-legend,.floating-card{position:absolute;right:16px;bottom:16px;z-index:500;padding:14px 16px;border-radius:20px;background:#fffffff0;border:1px solid var(--line);box-shadow:var(--shadow-lg)}.admin-map-layout{display:grid;grid-template-columns:minmax(320px,360px) minmax(0,1fr);gap:20px}.sidebar-scroll{max-height:760px;overflow:auto;padding-right:4px}.leaflet-control-button{border:0;background:#fffffff0;padding:10px 14px;border-radius:12px;box-shadow:var(--shadow-md);font-weight:700;color:var(--ink)}.pulse-marker{width:16px;height:16px;border-radius:50%;background:#2563eb;border:3px solid rgba(255,255,255,.92);box-shadow:0 0 #2563eb70;animation:pulse-blue 2s infinite}.marker-cluster-custom,.report-marker-icon{display:grid;place-items:center;border-radius:50%;color:var(--white);font-weight:800;border:3px solid rgba(255,255,255,.9)}.marker-cluster-custom{width:44px;height:44px}.report-marker-icon{box-shadow:0 12px 18px #0819233d}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.32);border-top-color:currentColor;animation:spin .8s linear infinite}.modal-backdrop{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:20px;background:#08192373;backdrop-filter:blur(6px)}.modal-card{width:min(720px,100%);background:#ffffffeb;border-radius:28px;border:1px solid rgba(255,255,255,.56);box-shadow:var(--shadow-xl);padding:24px}.site-footer{max-width:var(--content-width);margin:20px auto 0;padding:0 24px 40px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px;padding:28px;background:#081923e6;border:1px solid rgba(255,255,255,.08);border-radius:32px;color:var(--white);box-shadow:var(--shadow-xl)}.footer-grid h3{margin:14px 0 10px;font-size:1.55rem}.footer-grid p{margin:0}.footer-note{display:block;margin-bottom:10px;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.site-footer .ghost-button{background:#ffffff14;color:var(--white);border-color:#ffffff1a}.text-muted{color:var(--muted)}.text-right{text-align:right}.loading-overlay{position:absolute;inset:0;z-index:600;display:grid;place-items:center;background:#ffffffb3}.not-found-panel{display:grid;justify-items:center;gap:12px;text-align:center}.not-found-panel .page-title{max-width:12ch}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(1.5%,-1.5%,0) scale(1.03)}}@keyframes fade-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-blue{0%{box-shadow:0 0 #2563ebb3}70%{box-shadow:0 0 0 15px #2563eb00}to{box-shadow:0 0 #2563eb00}}@keyframes spin{to{transform:rotate(360deg)}}.leaflet-popup-content-wrapper{border-radius:16px;padding:4px}.leaflet-popup-content{margin:12px;line-height:1.5}.leaflet-control-layers{border:none!important;box-shadow:var(--shadow-md)!important;border-radius:14px!important;padding:8px!important}@media (max-width: 1180px){.hero,.grid-2,.auth-shell,.detail-layout,.admin-layout,.wizard-shell,.admin-map-layout{grid-template-columns:1fr}.hero-metrics,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr}}@media (max-width: 920px){.topbar{padding-top:12px}.topbar-inner{margin:0 16px;padding:14px 16px}.menu-toggle{width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin-left:auto;border-radius:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.08);cursor:pointer;z-index:1100}.hamburger{position:relative;width:24px;height:2px;background:var(--white);transition:all .3s ease}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0;width:24px;height:2px;background:var(--white);transition:all .3s ease}.hamburger:before{top:-8px}.hamburger:after{bottom:-8px}.menu-toggle.active .hamburger{background:transparent}.menu-toggle.active .hamburger:before{top:0;transform:rotate(45deg)}.menu-toggle.active .hamburger:after{bottom:0;transform:rotate(-45deg)}.nav-links{position:fixed;top:12px;right:12px;bottom:12px;width:min(260px,calc(100vw - 24px));padding:64px 14px 14px;background:#081923f5;border:1px solid rgba(255,255,255,.08);border-radius:18px;backdrop-filter:blur(22px);box-shadow:var(--shadow-xl);overflow-y:auto;display:flex;flex-direction:column;align-items:stretch;gap:10px;transform:translate(110%);transition:transform .32s ease;z-index:1050}.nav-links .nav-link{padding:8px 10px;font-size:.92rem;border-radius:10px}.nav-panel-header p{font-size:.82rem!important;line-height:1.3}.nav-actions{gap:8px;padding-top:12px!important}.nav-actions .ghost-button,.nav-actions .primary-button{padding:9px 12px;font-size:.88rem}.nav-divider{font-size:.68rem;margin:8px 0 2px!important}.nav-links.open{transform:translate(0)}.topbar.menu-open .topbar-inner{backdrop-filter:none;-webkit-backdrop-filter:none}.nav-panel-header{display:grid;gap:10px}.nav-panel-header p{margin:0;color:#ffffffb8;font-size:.94rem}.nav-primary{flex-direction:column;align-items:stretch}.nav-link{width:100%;color:#fffc}.nav-divider{margin:14px 0 2px}.nav-actions{margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);flex-direction:column;align-items:stretch}.user-nav-info{flex-direction:column;align-items:stretch}.notifications{width:100%}.nav-actions .ghost-button,.nav-actions .primary-button,.nav-actions .control-button,.nav-actions .badge-button{width:100%;justify-content:center}.nav-overlay{position:fixed;inset:0;background:#08192366;backdrop-filter:blur(4px);z-index:990}}@media (max-width: 720px){.layout,.site-footer{padding-left:16px;padding-right:16px}.brand{gap:12px}.brand-mark{width:48px;height:48px}.brand p{display:none}.brand h1{font-size:1.14rem}.hero-title{font-size:clamp(2.5rem,11vw,3.7rem)}.page-title{font-size:clamp(1.9rem,7vw,2.6rem)}.hero-metrics,.grid-3,.form-grid.two,.wizard-progress,.stepper,.filters-grid{grid-template-columns:1fr!important}.hero-panel,.hero-aside,.card,.panel,.filter-card,.table-card,.sidebar-card,.map-card,.stats-card,.timeline-card{padding:20px;border-radius:24px}.mapa-picker .leaflet-container{height:320px}.mapa-reportes .leaflet-container,.mapa-admin .leaflet-container{height:420px}.map-overlay-controls{top:12px;left:12px;right:12px;flex-direction:column;align-items:stretch}.section-header,.results-toolbar{flex-direction:column;align-items:flex-start}.wizard-actions{flex-direction:column-reverse;width:100%}.wizard-actions>*{width:100%;justify-content:center}}@media (max-width: 480px){.topbar-inner{margin:0 12px}.layout,.site-footer{padding-left:12px;padding-right:12px}.footer-grid{padding:20px}.upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{--ink: #172026;--ink-strong: #0f1519;--ink-soft: #43515a;--muted: #65727b;--paper: #f5f7f2;--paper-soft: #ffffff;--paper-deep: #e9efe7;--glass: rgba(255, 255, 255, .92);--white: #ffffff;--line: rgba(23, 32, 38, .12);--line-strong: rgba(23, 32, 38, .22);--teal: #006b5f;--teal-strong: #004f47;--coral: #cf4f2e;--sun: #f2a900;--sky: #1f7a9d;--shadow-xl: 0 24px 55px rgba(23, 32, 38, .14);--shadow-lg: 0 16px 36px rgba(23, 32, 38, .12);--shadow-md: 0 10px 22px rgba(23, 32, 38, .1);--radius-xl: 10px;--radius-lg: 8px;--radius-md: 8px;--radius-sm: 6px}body{background:linear-gradient(180deg,#f8faf5,#eef4f7 52%,#f7f5ef)}body:before,body:after{content:none}h1,h2,h3,h4,.page-title,.section-title,.hero-title,.card-title,.brand h1{font-family:Outfit,Avenir Next,Segoe UI,sans-serif;letter-spacing:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(31,122,157,.34);outline-offset:3px}.layout{padding-top:8px}.topbar{padding:10px 0}.topbar-inner{padding:12px 16px;border-radius:10px;background:#fffffff0;border-color:#1720261a;box-shadow:var(--shadow-md)}.brand-mark{width:48px;height:48px;border-radius:8px;background:linear-gradient(135deg,var(--teal),var(--sky));box-shadow:none}.brand-eyebrow,.brand p{color:var(--muted)}.brand h1{color:var(--ink-strong)}.nav-link{color:var(--ink-soft)}.nav-link.active,.nav-link:hover{background:#006b5f14;color:var(--teal-strong)}.nav-divider{color:var(--teal)}.primary-button{background:#0f766e;color:var(--white);box-shadow:0 12px 22px #0f766e33}.secondary-button{background:#1f7a9d;color:var(--white);box-shadow:0 12px 22px #1f7a9d2e}.ghost-button,.control-button,.badge-button{background:var(--white);color:var(--ink);border-color:var(--line);box-shadow:none}.nav-actions .ghost-button,.nav-actions .primary-button{box-shadow:none}.nav-actions .ghost-button{background:#1720260a;color:var(--ink);border-color:var(--line)}.nav-link,.ghost-button,.primary-button,.secondary-button,.control-button,.badge-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px}.section-kicker,.hero-kicker,.live-pill{border-radius:999px;letter-spacing:.08em}.section-kicker{background:#e8f3ef;border-color:#006b5f29;color:var(--teal-strong)}.hero-kicker,.live-pill{background:#006b5f1a;border-color:#006b5f29;color:var(--teal-strong)}.hero-panel,.hero-aside,.card,.panel,.sidebar-card,.table-card,.map-card,.stats-card,.timeline-card,.filter-card,.category-card,.subcategory-card,.report-card,.hero-list-item,.timeline-item,.sidebar-item,.summary-row,.hero-category-card,.footer-grid,.modal-card{border-radius:8px;background:var(--glass);border-color:var(--line);backdrop-filter:none;box-shadow:var(--shadow-md);animation:soft-enter .4s ease both}.hero{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:16px}.hero-panel{padding:clamp(24px,4vw,44px);background:var(--white);color:var(--ink);border-top:6px solid var(--teal);overflow:hidden}.hero-panel:before,.hero-panel:after{content:none}.hero-title{max-width:14ch;margin:18px 0 16px;font-size:clamp(2.55rem,6vw,5rem);line-height:.98}.hero-copy,.page-copy{color:var(--ink-soft)}.hero-actions{margin-top:24px}.hero-panel .small-chip{background:#edf4f7;border-color:#1f7a9d2e;color:#155e75}.hero-statline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:28px;border-top:1px solid var(--line);padding-top:18px}.hero-statline div{display:grid;gap:4px}.hero-statline strong{font-size:clamp(1.7rem,3vw,2.4rem);color:var(--teal-strong)}.hero-statline span{color:var(--muted);font-weight:700}.hero-aside{background:#172026;color:var(--white)}.hero-aside .section-kicker{background:#ffffff1a;border-color:#ffffff29;color:var(--white)}.hero-aside .text-muted{color:#ffffffb8}.flow-grid{display:grid;gap:10px;margin-top:18px}.flow-step{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff0f}.flow-step span{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:var(--sun);color:var(--ink-strong);font-weight:800}.flow-step p{grid-column:2;margin:0}.action-card{margin-top:14px;padding:16px;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.14)}.category-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.category-pills .small-chip{background:#ffffff1a;color:var(--white);border-color:#ffffff24}.page-hero{background:var(--white);border-left:6px solid var(--teal)}.admin-hero,.auth-story{background:#172026}.metric,.mapa-reportes,.mapa-picker,.mapa-admin,.detalle-mapa{border-radius:8px}.status-chip,.urgency-chip,.small-chip,.map-float-chip{border-radius:999px}.input,.textarea,.select{border-radius:8px;background:var(--white)}.field-group>span{color:var(--ink-soft);font-weight:800;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.filter-toolbar .filters-meta{display:flex;justify-content:space-between;align-items:center;gap:12px}.wizard-progress{gap:8px}.wizard-step{border-radius:8px;background:var(--white)}.wizard-step.active{background:#0f766e;color:var(--white)}.wizard-step.complete{border-color:#04785742;background:#e8f3ef}.wizard-insight,.upload-item{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#f8faf5}.upload-list{display:grid;gap:10px}.upload-item span{overflow-wrap:anywhere;color:var(--ink-soft);font-weight:700}.category-card,.subcategory-card,.report-card{background:var(--white)}.report-card-link{color:inherit;min-height:100%}.report-card-link:hover{color:inherit}.icon-pill{border-radius:8px;background:#e8f3ef;box-shadow:none}.table-card{background:var(--white)}table{font-size:.94rem}th{letter-spacing:.06em}.modal-backdrop{background:#0f15198a}.modal-card{background:var(--white)}.site-footer .footer-grid{background:#172026}@keyframes soft-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 920px){.topbar-inner{margin:0 12px}.menu-toggle{background:#1720260d;border-color:var(--line)}.hamburger,.hamburger:before,.hamburger:after{background:var(--ink-strong)}.menu-toggle.active .hamburger{background:transparent}.nav-links .nav-link,.nav-links .ghost-button,.nav-links .primary-button,.nav-links .small-chip{color:var(--white)}}@media (max-width: 720px){.hero-statline{grid-template-columns:1fr}.filter-toolbar .filters-meta{align-items:flex-start;flex-direction:column}.wizard-insight,.upload-item{flex-direction:column}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.route-fallback{display:flex;align-items:center;justify-content:center;gap:.75rem;min-height:50vh;padding:2rem;color:var(--text-muted, #475569);font-size:.95rem}.route-fallback-spinner{width:1.25rem;height:1.25rem;border:2px solid rgba(15,23,42,.15);border-top-color:#0f172aa6;border-radius:50%;animation:route-fallback-spin .8s linear infinite}@keyframes route-fallback-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.route-fallback-spinner{animation:none}}.report-cluster-icon-wrap{background:transparent!important;border:0!important}.report-cluster-icon{display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:700;font-size:.9rem;border:3px solid rgba(255,255,255,.85);box-shadow:0 6px 18px #0f172a40}.report-cluster-icon span{line-height:1}.upload-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:12px}.upload-card{border:1px solid rgba(15,23,42,.12);border-radius:10px;background:#fff;overflow:hidden;display:flex;flex-direction:column}.upload-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;background:#f1f5f9}.upload-card-meta{display:flex;flex-direction:column;gap:2px;padding:8px 10px 4px;font-size:.8rem}.upload-card-meta strong{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-card .badge-button{margin:4px 10px 10px;align-self:flex-start}.desktop-only{display:block}.mobile-only{display:none}@media (max-width: 920px){.desktop-only{display:none}.mobile-only{display:block}}.report-cards{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.report-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 2px #0f172a0a}.report-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.report-card-code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.85rem;color:#475569}.report-card-badges{display:flex;gap:6px;flex-wrap:wrap}.report-card-title{font-size:1.05rem;margin:0;line-height:1.3}.report-card-address{margin:0;font-size:.9rem}.report-card-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;font-size:.85rem}.report-card-meta>div{display:flex;flex-direction:column;gap:2px}.report-card-meta strong{font-size:.9rem;word-break:break-word}.report-card-actions{display:flex;flex-direction:column;gap:8px;border-top:1px dashed rgba(15,23,42,.12);padding-top:10px}.report-card-actions .button-row{display:flex;gap:8px;flex-wrap:wrap}.report-card-actions .select{flex:1 1 60%;min-width:140px}.sla-overdue{display:inline-block;margin-left:6px;padding:2px 6px;font-size:.7rem;background:#ef44441f;color:#b42318;border-radius:999px;font-weight:700}.skip-link{position:absolute;left:8px;top:-40px;z-index:10000;background:#0f172a;color:#fff;padding:8px 12px;border-radius:6px;text-decoration:none;font-weight:600;transition:top .15s ease}.skip-link:focus,.skip-link:focus-visible{top:8px;outline:2px solid #fff;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wizard-draft-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fef9c3;border:1px solid #FDE68A;border-radius:12px;padding:12px 16px;margin-bottom:16px;flex-wrap:wrap}.wizard-draft-banner strong{display:block}.wizard-draft-banner p{margin:2px 0 0;font-size:.9rem}.live-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.78rem;font-weight:600;border:1px solid transparent}.live-chip .live-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.live-chip-on{background:#0478571f;color:#047857;border-color:#04785740}.live-chip-on .live-dot{animation:live-dot-pulse 1.6s ease-in-out infinite}.live-chip-warn{background:#b453091f;color:#b45309;border-color:#b4530940}.live-chip-off{background:#b91c1c1f;color:#b91c1c;border-color:#b91c1c40}@keyframes live-dot-pulse{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion: reduce){.live-chip-on .live-dot{animation:none}}.hero-header-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:4px}.skeleton{background:linear-gradient(90deg,#0f172a0f,#0f172a1f,#0f172a0f);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.skeleton-card{display:flex;flex-direction:column;gap:4px}.skeleton-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.skeleton-chart{width:100%;border-radius:12px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}.mapa-picker-responsive{height:360px}@media (max-width: 720px){.mapa-picker-responsive{height:56vh;min-height:320px}}.status-transition{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.status-pill{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;font-weight:700;font-size:.85rem;text-transform:capitalize;border:1px solid transparent}.status-pill-from{background:#0f172a14;color:#1f2937}.status-pill-to{background:#0d6efd1f;color:#1d4ed8;border-color:#0d6efd40}.status-arrow{color:#475569;font-weight:700}