@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#0c1b2e;--navy2:#142a44;--teal:#00bca4;--teal-dark:#088a7c;--orange:#f59a42;--paper:#f3f6fa;--surface:#fff;--ink:#14253b;--muted:#718097;--outline:#e4eaf0;--shadow:0 14px 38px rgba(24,44,67,.055);font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(0,188,164,.24);outline-offset:2px}input,select{width:100%;border:1px solid #dce3ed;border-radius:10px;background:#fff;color:#23344c;padding:12px 13px;min-height:44px;transition:border .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(0,188,164,.08);outline:none}input::placeholder{color:#a5b0be}label{display:block;font-size:12px;font-weight:800;color:#34485d;letter-spacing:.014em}label>input,label>select{margin-top:7px}p{line-height:1.6}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1,h2,h3,p{margin-top:0}.home-shell{height:100dvh;overflow:hidden;display:flex;flex-direction:column;background:var(--navy)}.global-header{height:78px;padding:0 28px;display:flex;justify-content:space-between;align-items:center;background:var(--navy);border-bottom:1px solid rgba(255,255,255,.075);flex-shrink:0;gap:18px}.brand-lockup{display:flex;align-items:center;gap:14px;color:white}.brand-glyph{width:46px;height:46px;display:grid;place-content:center;border:1px solid rgba(0,188,164,.5);background:linear-gradient(155deg,#12314a,#091827);border-radius:13px;font-weight:900;font-size:19px;letter-spacing:-.09em}.brand-glyph span{color:var(--teal)}.brand-lockup strong{font-family:Manrope;font-size:15px;letter-spacing:.06em;white-space:nowrap;display:block}.brand-lockup em{font-style:normal;color:var(--teal)}.brand-lockup small{font-size:11px;color:#869bb2;display:block;margin-top:3px;letter-spacing:.04em}.header-actions{display:flex;align-items:center;gap:19px}.live-chip{display:flex;align-items:center;gap:8px;color:#9bacc1;font-size:10px;letter-spacing:.13em;font-weight:800;white-space:nowrap}.live-dot,.eyebrow-dot{width:7px;height:7px;background:var(--teal);box-shadow:0 0 0 4px rgba(0,188,164,.1);border-radius:50%;display:inline-block}.install-button{border:1px solid #49677b;background:#1b3148;color:white;border-radius:10px;padding:10px 16px;font-size:12px;font-weight:800}.install-button:hover{border-color:var(--teal)}.split-shell{display:grid;grid-template-columns:1fr 1fr;gap:1px;flex:1;min-height:0;background:#e0e6ef}.frame-shell{min-width:0;display:flex;flex-direction:column;background:#f7f9fc}.pane-heading{height:43px;padding:0 24px;background:#edf2f7;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e1e7ed;font-size:11px}.pane-heading span{font-weight:800;letter-spacing:.17em;color:#8293a9}.pane-heading strong{font-size:12px;color:#53687d}.frame-shell iframe{border:0;width:100%;flex:1;min-height:0;background:var(--paper)}.mobile-switch{display:none}.install-dialog{border:none;border-radius:18px;padding:0;max-width:min(410px,90vw);box-shadow:0 25px 75px rgba(0,0,0,.25)}.install-dialog::backdrop{background:rgba(4,14,28,.65)}.install-modal{padding:28px;text-align:center}.install-icon{margin:0 auto 12px;width:52px;height:52px;background:#defbf5;border-radius:15px;color:var(--teal-dark);font-size:27px;display:grid;place-items:center}.install-modal h2{font-size:21px}.install-modal p{color:#61738c}.install-modal .primary-btn{width:100%}
.panel-body{background:var(--paper);overflow:auto}.panel-content{max-width:780px;padding:32px clamp(16px,4vw,44px) 32px;margin:0 auto}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;color:#71869e;font-weight:900;letter-spacing:.19em}.eyebrow-line{width:14px;height:1px;background:#91a5b7}.panel-title{margin:21px 0 22px;display:flex;align-items:end;justify-content:space-between;gap:14px}.panel-title h1{font-size:clamp(27px,3.4vw,40px);font-weight:800;letter-spacing:-.058em;line-height:1.17;margin:0}.panel-title h1 span{color:var(--teal-dark)}.panel-title p{max-width:220px;color:#738399;font-size:12px;margin:0 0 2px}.surface{background:var(--surface);border:1px solid var(--outline);border-radius:17px;padding:clamp(16px,2.7vw,26px);box-shadow:var(--shadow);margin-bottom:17px}.surface h2{font-size:14px;font-weight:900;letter-spacing:-.015em;display:flex;align-items:center;gap:10px;margin-bottom:20px}.step-num{color:var(--teal-dark);background:#e5f9f4;border-radius:6px;display:inline-grid;place-items:center;width:29px;height:29px;font-size:11px;font-weight:900;flex-shrink:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:span 2}.section-divider{height:1px;background:#edf0f5;margin:23px 0}.route-field{display:flex;align-items:flex-start;gap:13px}.route-field-body{min-width:0;flex:1}.route-field-body>label{font-weight:900;font-size:12px;margin-bottom:8px}.route-field select{margin-bottom:0}.route-indicator{display:grid;place-items:center;color:white;font-weight:900;width:29px;height:29px;flex-shrink:0;margin-top:1px;border-radius:9px}.route-indicator.pickup{background:var(--teal-dark)}.route-indicator.destination{background:var(--orange)}.route-spine{margin:3px 0 3px 14px;height:17px;border-left:2px dotted #cbd5df}.location-search{margin-top:9px;display:flex;gap:7px}.location-search input{min-width:0;flex:1}.small-btn{border:0;border-radius:10px;padding:10px 15px;background:#e3f6f3;color:#067c72;font-weight:900;font-size:12px;flex-shrink:0}.small-btn:hover{background:#c5eee8}.link-button{border:0;background:transparent;padding:10px 0 3px;color:#098d7e;font-size:11px;font-weight:900;text-align:left}.location-label{font-size:11px;color:#8795a5;margin:5px 0 0;min-height:15px}.search-results{border:1px solid var(--outline);background:#fff;margin:7px 0 4px;border-radius:10px;overflow:hidden}.search-results button{width:100%;border:0;background:transparent;padding:10px 12px;text-align:left;font-size:12px;line-height:1.4;color:#42556b}.search-results button:not(:last-child){border-bottom:1px solid var(--outline)}.search-results button:hover{background:#f0faf8}.map-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 9px}.map-heading strong{font-size:12px}.map-heading span{color:#8b9bad;font-size:10px;text-align:right}.map{width:100%;z-index:0;background:#dce5eb;border:1px solid #dfe6ed;overflow:hidden;border-radius:12px}.user-map{height:238px}.driver-map{height:268px}.map-footnote{font-size:10px;color:#93a0b0;margin:8px 0 0;line-height:1.5}.price-summary{display:flex;justify-content:space-between;gap:10px;margin:22px 0 15px;background:#f3f9f8;border:1px solid #dbf0ed;padding:16px;border-radius:12px}.price-summary>div{display:flex;flex-direction:column;gap:6px}.price-summary>div:last-child{text-align:right}.price-summary span,.stats-strip span{font-size:10px;color:#8190a3;font-weight:700}.price-summary strong{font-family:Manrope;font-size:22px;font-weight:900}.price-summary>div:last-child strong{color:#078678}.consent{display:flex;gap:9px;align-items:flex-start;font-weight:500;color:#6c7e91;font-size:11px;margin:15px 0 18px;line-height:1.5}.consent input{width:16px;height:16px;min-height:0;margin:0;accent-color:#08aa95;flex-shrink:0}.primary-btn{background:var(--teal-dark);color:white;border:0;border-radius:10px;padding:12px 16px;font-size:12px;font-weight:900;transition:background .15s}.primary-btn:hover:not(:disabled){background:#006f66}.big-btn{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:50px;font-size:13px;padding:14px 16px}.big-btn>span{font-size:18px}.secondary-btn{width:100%;min-height:45px;border:1px solid #cedde8;background:#f1f6f9;color:#1d4b65;border-radius:10px;font-weight:800}.notice{background:#fff2df;color:#89500c;border:1px solid #f7dab3;padding:12px 14px;border-radius:11px;margin:0 0 14px;font-size:12px;line-height:1.5}.notice.ok{background:#e7f9f3;border-color:#b6ecd8;color:#06765f}.panel-footer{text-align:center;color:#94a1b0;font-size:9px;font-weight:800;letter-spacing:.09em;margin:22px 0 0}.panel-footer span{color:#07897b}.status-pill{display:inline-block;background:#ffefd9;color:#a65c13;border-radius:30px;padding:7px 11px;font-size:10px;font-weight:900;letter-spacing:.025em}.status-pill.accepted{background:#ddf8ed;color:#007c61}.status-pill.finished{background:#e4e8f0;color:#617084}.order-card h2{font-size:19px;display:block;margin:15px 0 7px}.order-card>p{color:#708198;font-size:12px}.order-code{font-family:monospace;font-size:12px;color:#61758b;margin-bottom:13px}.stats-strip{display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap;background:#f6f8fa;padding:14px;border-radius:11px;margin:13px 0}.stats-strip>div{min-width:0;display:flex;flex-direction:column;gap:5px}.stats-strip b{font-size:15px;font-weight:900}.order-card h3{font-size:13px;margin-top:20px}.order-card .secondary-btn{margin-top:10px}
/* Panel del socio */
.socio-theme{--teal:#1d9bb7;--teal-dark:#17839f}.socio-theme .eyebrow-dot{background:#17839f;box-shadow:0 0 0 4px rgba(23,131,159,.1)}.socio-theme .panel-title h1 span{color:#17839f}.socio-theme .step-num{background:#e7f6fa;color:#17839f}.socio-theme .primary-btn{background:#137e99}.socio-theme .primary-btn:hover{background:#096784}.socio-theme .small-btn{background:#e5f6fa;color:#087b98}.socio-theme .small-btn:hover{background:#cfedf6}.socio-theme .status-pill{background:#dff7ef;color:#078163}.driver-location{display:flex;align-items:center;gap:11px;background:#f3f7fa;border:1px solid #e6edf4;border-radius:11px;padding:12px;margin:15px 0 17px}.gps-circle{width:40px;height:40px;flex-shrink:0;border-radius:50%;background:#e1f0f6;color:#167e9c;display:grid;place-items:center;font-size:26px}.driver-location>div:nth-child(2){flex:1;min-width:0}.driver-location strong{display:block;font-size:11px}.driver-location small{color:#8899ab;display:block;font-size:10px;line-height:1.45;margin-top:3px}.driver-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.driver-stats>div{border:1px solid #e9eef4;background:#f8fafc;border-radius:10px;padding:11px 9px}.driver-stats span{font-size:9px;color:#8190a2;display:block;min-height:28px;line-height:1.4}.driver-stats strong{font-size:22px;font-family:Manrope}.field-caption{font-size:11px;color:#8494a7;margin:9px 0 0}.section-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.section-header h2{margin:0}.quiet-btn{border:0;background:transparent;color:#187c98;font-size:11px;font-weight:800}.orders-list{margin-top:18px;display:grid;gap:9px}.empty-state{text-align:center;background:#f8fafc;border:1px dashed #d8e1e8;border-radius:13px;padding:26px 17px}.empty-state strong{font-size:12px}.empty-state p{font-size:11px;color:#8a9bad;margin:7px auto 0;max-width:260px}.empty-symbol{font-size:32px;color:#a7b8c6;margin-bottom:6px}.trip-card{border:1px solid #e2ebf2;background:#fff;border-radius:12px;padding:13px;display:grid;gap:9px;text-align:left;width:100%;color:var(--ink)}.trip-card.selected,.trip-card:hover{border-color:#158aab;background:#f5fcfe}.trip-card .trip-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.trip-card .trip-head strong{font-size:11px}.trip-card .trip-head em{font-style:normal;font-size:9px;font-weight:800;background:#edf6fa;color:#157e9d;padding:5px 7px;border-radius:30px}.trip-route{font-size:11px;color:#65758b;overflow-wrap:anywhere;display:grid;gap:5px}.trip-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;border-top:1px solid #edf1f4;padding-top:9px}.trip-meta span{font-size:10px;color:#66798a}.trip-meta b{color:#078b78;font-size:14px}.selected-details{margin-top:16px}.selected-details .stats-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.selected-details .stats-strip b{font-size:13px}.active-trip .status-pill{margin-bottom:11px}.active-trip h2{font-size:18px;display:block;margin-bottom:5px}.active-trip>p{font-size:12px;color:#718198}
.tp-pin{background:#0a8e7c;border:3px solid white;box-shadow:0 3px 13px #0004;border-radius:50% 50% 50% 8%;transform:rotate(-45deg);width:32px;height:32px;display:grid;place-items:center}.tp-pin.dest{background:#f59a42}.tp-pin.driver{background:#2066b8}.tp-pin>span{transform:rotate(45deg);color:#fff;font-size:12px;font-weight:900}.leaflet-div-icon{background:transparent;border:0}.leaflet-container{font-family:'DM Sans',Arial,sans-serif}.leaflet-control-attribution{font-size:9px!important}
@media(max-width:1050px){.panel-content{padding:23px 18px}.panel-title{display:block}.panel-title p{max-width:none;margin-top:9px}.driver-location{flex-wrap:wrap}.driver-location .small-btn{margin-left:auto}.live-chip{display:none}}
@media(max-width:730px){.home-shell{height:100dvh}.global-header{height:65px;padding:0 14px}.brand-glyph{width:36px;height:36px;font-size:16px}.brand-lockup strong{font-size:11px}.brand-lockup small{font-size:9px}.install-button{font-size:11px;padding:9px 10px}.mobile-switch{display:flex;gap:6px;padding:8px 11px;background:#13253b;flex-shrink:0}.mobile-switch button{border:1px solid #34465f;background:transparent;color:#9ab0c7;padding:10px 7px;border-radius:8px;flex:1;font-size:12px;font-weight:900}.mobile-switch button.active{background:#e7f9f5;color:#0a806e;border-color:#e7f9f5}.split-shell{display:block}.frame-shell{height:100%;display:none}.frame-shell.active{display:flex}.frame-shell iframe{min-height:0}.pane-heading{display:none}.panel-title h1{font-size:34px}.panel-content{padding:23px 15px}.user-map{height:260px}}
@media(max-width:380px){.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:span 1}.location-search{flex-wrap:wrap}.location-search .small-btn{width:100%}.selected-details .stats-strip{grid-template-columns:1fr 1fr}.brand-lockup small{display:none}}

/* ============================================================
   URBI V3 — encabezados, módulos y barras inferiores
   ============================================================ */
html,body{overscroll-behavior-y:contain}
.urbi-shell{height:100dvh;height:100svh;display:flex;flex-direction:column;overflow:hidden;background:#eff3f8;color:var(--ink)}
.urbi-header{min-height:66px;padding:10px 18px;background:#0c1b2e;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #24364a;flex-shrink:0}
.urbi-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;min-width:0}
.urbi-logo{height:43px;width:43px;min-width:43px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#00bca4,#087967);font-family:Manrope,sans-serif;color:white;font-size:25px;font-weight:900;box-shadow:inset 0 0 0 1px #ffffff4d;line-height:1;letter-spacing:-.09em}
.urbi-wordmark{display:flex;flex-direction:column;gap:0}.urbi-wordmark strong{font-family:Manrope;font-size:25px;font-weight:900;letter-spacing:-.09em;line-height:1}.urbi-wordmark strong span{color:#00bca4}.urbi-wordmark small{font-size:8px;letter-spacing:.13em;color:#a6b7c9;font-weight:800;margin-top:5px;white-space:nowrap}
.urbi-header-actions{display:flex;gap:7px;justify-content:end;align-items:center}
.header-pill{border:1px solid #38526a;background:#182e44;color:#f0f7fb;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 12px;min-height:38px;font-size:11px;font-weight:800;white-space:nowrap}
.header-pill:hover{border-color:#00bca4}.header-pill.solid{background:#0c977e;border-color:#0c977e}.header-pill .fa-whatsapp{color:#35e58a;font-size:17px}
.urbi-screen-title{padding:7px 18px;min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#e9eff5;color:#4b6579;font-size:11px;font-weight:900;letter-spacing:.02em;flex-shrink:0}
.urbi-live{color:#158f7d;font-size:9px;letter-spacing:.1em}.urbi-live i{font-size:6px;margin-right:4px}
.urbi-module-frame{width:100%;border:0;display:block;min-height:0;flex:1;overflow-y:auto;background:#f3f6fa}
.urbi-nav{z-index:100;flex-shrink:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:8px 8px max(8px, env(safe-area-inset-bottom));background:white;border-top:1px solid #dfe8ef;box-shadow:0 -5px 25px #13263f10}
.urbi-nav-item{border:0;background:transparent;color:#8090a1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;min-height:55px;padding:8px 2px 5px;border-radius:10px;white-space:normal}
.urbi-nav-item i{font-size:19px}.urbi-nav-item span{font-size:10px;font-weight:800;line-height:1.14;text-align:center}
.urbi-nav-item.active{background:#e7f8f3;color:#078a76}.urbi-nav-item:focus-visible{outline:3px solid #00bca480}
.socio-shell .urbi-nav-item.active{background:#e3f4fa;color:#137e99}.socio-shell .urbi-live{color:#087c98}
.module-placeholder{text-align:center;min-height:300px;padding:55px 25px;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:25px 0}.module-placeholder h1{font-size:23px;letter-spacing:-.04em;margin:10px 0 8px}.module-placeholder p{max-width:390px;color:#718299;font-size:13px}.placeholder-icon{width:67px;height:67px;border-radius:21px;color:#078b7e;background:#e4f7f2;display:grid;place-items:center;font-size:26px}
/* Modales de edición de ubicación */
.urbi-dialog{border:0;padding:0;border-radius:19px;width:min(94vw,530px);max-height:min(90dvh,900px);overflow-y:auto;box-shadow:0 26px 90px #0005;color:#1b2d42;background:#fff}
.urbi-dialog::backdrop{background:rgba(5,16,29,.68);backdrop-filter:blur(3px)}
.dialog-inner{padding:22px 22px 24px}.dialog-head{display:flex;align-items:start;justify-content:space-between;gap:10px;margin-bottom:16px}.dialog-head h2{font-size:19px;letter-spacing:-.03em;margin:6px 0 0}.dialog-head h2 i{color:#079b84}.mini-overline{display:block;font-size:10px;font-weight:900;letter-spacing:.14em;color:#7c8e9f}.icon-close{border:0;background:#edf3f6;border-radius:10px;height:34px;width:34px;flex-shrink:0;color:#4f6176}
.change-map{height:250px!important;margin-top:13px;cursor:grab}.change-map:active{cursor:grabbing}.urbi-map-wrap{position:relative}.urbi-fixed-overlay{position:absolute;inset:0;z-index:500;display:grid;place-items:center;pointer-events:none}.urbi-fixed-pin{transform:translateY(-15px);filter:drop-shadow(0 4px 3px #132d4865);color:#d9364d}.urbi-fixed-pin i{font-size:37px;-webkit-text-stroke:2px white}.change-dialog .field-caption{line-height:1.45}
.change-quote{margin-top:14px;padding:12px 13px;border:1px solid #b4e8d6;background:#e9faf2;display:flex;align-items:center;gap:11px;border-radius:12px;color:#037254}.change-quote>i{font-size:22px}.change-quote strong{display:block;font-size:12px}.change-quote span{font-size:12px;display:block;margin-top:5px;font-weight:700}
.dialog-actions{display:grid;gap:9px;margin-top:18px}.dialog-actions .primary-btn,.dialog-actions .secondary-btn{min-height:46px;width:100%}
.danger-btn{background:#b62e40;border:1px solid #b62e40;color:white;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 15px;width:100%;font-size:12px;font-weight:900;margin:12px 0}.danger-btn:hover{background:#912539}.danger-btn:disabled{opacity:.5}
.confirm-dialog{text-align:center;width:min(92vw,420px)}.confirm-dialog h2{display:block;font-size:19px;margin:8px 0}.confirm-dialog p{font-size:12px;color:#697c91}.confirm-amount{display:block;font-size:35px;font-family:Manrope;font-weight:900;color:#151b25;margin:10px 0;letter-spacing:-.05em}.confirm-icon{height:52px;width:52px;border-radius:16px;background:#fff0e4;color:#b77219;display:grid;place-items:center;font-size:25px;margin:0 auto 13px}.confirm-icon.success{background:#dff8ea;color:#078565}.block{width:100%;display:block}.change-pay-details{margin:17px 0;padding:12px;background:#f3f8f9;border-radius:13px;display:grid;grid-template-columns:1fr auto;gap:12px;text-align:left;font-size:11px}.change-pay-details strong{font-size:13px}.change-pay-details span{color:#667d8d}
@media(max-width:480px){.urbi-header{padding:9px 10px;min-height:61px}.urbi-logo{width:35px;height:35px;min-width:35px;border-radius:10px;font-size:22px}.urbi-wordmark strong{font-size:21px}.urbi-wordmark small{font-size:7px}.urbi-header-actions{gap:5px}.header-pill{font-size:10px;padding:9px 8px}.header-pill i{font-size:12px}.urbi-nav-item{min-height:57px}.urbi-nav-item span{font-size:9px}.dialog-inner{padding:17px 16px}.change-map{height:225px!important}}
@media(max-width:350px){.header-pill span{display:none}.urbi-wordmark small{display:none}}

/* URBI V4 · Zona segura real para estado de iPad/iPhone PWA.
 * 20px de separación extra además del recorte del sistema. */
.urbi-header{
  min-height:calc(89px + env(safe-area-inset-top,0px));
  padding-top:calc(29px + env(safe-area-inset-top,0px));
  padding-bottom:15px;
  padding-left:18px;padding-right:18px;
}
.global-header{
  height:auto;
  min-height:calc(99px + env(safe-area-inset-top,0px));
  padding-top:calc(20px + env(safe-area-inset-top,0px));
  padding-bottom:13px;
}
.trip-change-note{
  background:#e4f9f0;border:1px solid #a8e1c7;
  color:#126b51;border-radius:11px;padding:12px 13px;
  font-size:12px;font-weight:700;line-height:1.55;margin:2px 0 16px;
}
.trip-change-note.accepted-note{background:#fff3e6;border-color:#f3cc95;color:#8a5b20;}
#confirmBreakdown,#incomingBreakdown{font-weight:700;line-height:1.55;}
@media(max-width:480px){
 .urbi-header{min-height:calc(85px + env(safe-area-inset-top,0px));
  padding-top:calc(27px + env(safe-area-inset-top,0px));
  padding-bottom:12px;padding-left:10px;padding-right:10px;}
 .global-header{padding-left:12px;padding-right:12px;}
}

.danger-btn.pending-change-btn{background:#087f76;border-color:#087f76}.danger-btn.pending-change-btn:hover{background:#05655e}

/* URBI V5 · edición dual de origen y destino en el mismo modal */
.urbi-map-wrap[hidden]{display:none!important}
.change-choice-title{font-size:12px;font-weight:850;color:#263e52;margin:8px 0 10px}
.change-mode-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.change-mode-btn{display:flex;align-items:center;gap:12px;text-align:left;min-width:0;
  padding:14px 11px;border-radius:13px;border:2px solid #dbe8ea;background:#f3f7fa;
  color:#65798b;cursor:pointer;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.change-mode-btn>i{font-size:22px;min-width:25px;text-align:center}
.change-mode-btn span{display:grid;gap:3px;min-width:0}
.change-mode-btn strong{font-size:13px;line-height:1.2;letter-spacing:-.01em}
.change-mode-btn small{font-size:10px;line-height:1.2;font-weight:600;opacity:.85}
.change-mode-btn.is-active{color:#065f55;background:#d9fff3;border-color:#00b992;
  box-shadow:0 0 0 3px rgba(0,185,146,.13),0 5px 18px #00a7881c;transform:translateY(-1px)}
.change-mode-btn.is-active>i{color:#00976c}
.change-mode-btn.is-edited:not(.is-active){border-color:#a6dccf;background:#edfcf5;color:#14775e}
.change-mode-btn.is-edited:not(.is-active)::after{content:'✓';color:#0c9873;font-size:15px;font-weight:950;margin-left:auto}
.change-mode-btn:focus-visible{outline:3px solid #12bc98;outline-offset:2px}
#changeMapHint{margin:12px 0 4px}
#changeAddress{min-height:19px;margin-top:10px}
.change-legends{display:grid;grid-template-columns:1fr;gap:9px;margin-top:12px}
.change-legends .change-quote{margin-top:0;align-items:flex-start;padding:12px 13px;background:#f4f8f8;border-color:#dce9e4;color:#688274;min-height:86px}
.change-legends .change-quote.has-change{background:#e8fbf1;border-color:#9bdcbb;color:#06764d}
.change-legends .change-quote>i{font-size:20px;margin-top:2px;min-width:24px;text-align:center}
.change-legends .change-quote>div{min-width:0;flex:1}
.change-legends .change-quote strong{font-size:12px;font-weight:900;margin-bottom:2px}
.change-legends .change-quote span{font-size:11px;font-weight:600;margin-top:2px}
.change-legends .change-quote b{font-size:12px;display:block;margin-top:5px;line-height:1.4;overflow-wrap:anywhere}
.change-total{margin-top:14px;border:1px solid #252e39;border-radius:14px;background:#111b28;color:#fff;text-align:center;padding:16px 14px;display:grid;gap:6px}
.change-total>span{font-size:10px;font-weight:900;letter-spacing:.12em;color:#aabac8}
.change-total>strong{font-family:Manrope,system-ui,sans-serif;font-size:31px;font-weight:950;line-height:1.13;color:#fff;letter-spacing:-.05em}
.change-total>small{font-size:11px;color:#c5d1dc;line-height:1.5}
@media(max-width:470px){
 .change-mode-buttons{gap:7px}.change-mode-btn{gap:7px;padding:12px 7px}.change-mode-btn>i{font-size:18px;min-width:21px}
 .change-mode-btn strong{font-size:12px}.change-mode-btn small{font-size:9px}
 .change-total>strong{font-size:28px}
}