:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}:root{--color-header:#365c7a;--color-header-dark:#2c4c66;--color-primary:#00365f;--color-primary-dark:#002943;--color-bg:#f8f7fd;--color-surface:#fff;--color-selected:#f8e58a;--color-selected-border:#e8cf5e;--color-border:#c9d0d8;--color-text:#22303c;--color-text-muted:#6b7684;--color-text-inverse:#fff;--color-danger:#c0392b;--color-overlay:#0f172073;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--radius-pill:999px;--shadow-card:0 2px 10px #141e2d0f;--shadow-sheet:0 -8px 30px #141e2d40;--shadow-fab:0 6px 16px #141e2d40;--header-height:64px;--safe-bottom:env(safe-area-inset-bottom,0px)}:root[data-company=gasrosa]{--color-header:#e2549f;--color-header-dark:#cf3f8e;--color-primary:#ec0b8f;--color-primary-dark:#c90076;--color-bg:#f7f8fa;--color-surface:#fff;--color-selected:#ffe0f1;--color-selected-border:#f5a3cd;--color-border:#dbe3e8;--color-text:#1d2433;--color-text-muted:#66717c;--color-danger:#c0392b;--radius-lg:12px;--radius-md:12px;--shadow-card:0 18px 34px #1d24332e;--shadow-fab:0 8px 18px #ec0b8f47}*{box-sizing:border-box}html,body{background:var(--color-bg);color:var(--color-text);-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Segoe UI,Roboto,-apple-system,BlinkMacSystemFont,sans-serif}#root{background:var(--color-bg);width:100%;max-width:480px;min-height:100vh;margin:0 auto;position:relative;overflow-x:hidden}button,input,textarea{font-family:inherit}.app-screen{background:var(--color-bg);width:100%;min-height:100vh;padding-bottom:calc(24px + var(--safe-bottom));flex-direction:column;display:flex}.app-header{background:var(--color-header);color:var(--color-text-inverse);justify-content:center;align-items:center;min-height:108px;padding:18px 16px 26px;display:flex;position:relative}.app-header__back{width:40px;height:40px;color:var(--color-text-inverse);cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:18px;left:16px}.app-header__title{text-align:center;margin:0;font-size:18px;font-weight:700}.app-header__home{justify-content:flex-start;padding-bottom:90px}.app-header__logo{justify-content:center;align-items:center;width:100%;display:flex}.app-header__logo-image{object-fit:contain;width:auto;max-width:min(210px,72vw);height:auto;max-height:58px}.app-header__logo-image--white,:root[data-logo-white=true] .app-header__logo-image{filter:brightness(0)invert()!important}.app-header__actions{gap:14px;display:flex;position:absolute;top:22px;right:16px}.app-header__icon-btn{color:var(--color-text-inverse);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}:root[data-company=gasrosa] .app-header{background:var(--color-header)}:root[data-company=gasrosa] .app-header__home{align-items:flex-start;min-height:clamp(248px,32vh,292px);padding:62px 16px 136px}:root[data-company=gasrosa] .app-header__logo-image{max-width:min(260px,70vw);max-height:92px}.screen-content{flex-direction:column;flex:1;gap:16px;width:100%;min-width:0;padding:16px;display:flex}.home-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);z-index:2;flex-direction:column;gap:16px;margin:-74px 16px 0;padding:20px;display:flex;position:relative}.home-card__title{color:var(--color-text);margin:0;font-size:17px;font-weight:700}:root[data-company=gasrosa] .home-card{gap:22px;margin-top:-116px;padding:26px 28px 22px}:root[data-company=gasrosa] .home-card__title{letter-spacing:0;font-size:20px}.field-box{border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-width:0;padding:14px;position:relative}.field-box__label{background:var(--color-surface);color:var(--color-text-muted);padding:0 6px;font-size:12.5px;position:absolute;top:-9px;left:14px}.field-box__row{align-items:center;gap:12px;min-height:22px;display:flex}.field-box__icon{color:var(--color-text);flex-shrink:0;justify-content:center;align-items:center;display:flex}.field-box__value{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0;font-size:15.5px}.field-box__value::placeholder{color:#9aa4ad}.field-box__chevron{color:var(--color-text);flex-shrink:0;transition:transform .2s;display:flex}.field-box__chevron--open{transform:rotate(180deg)}.field-box--button{cursor:pointer}.field-box--disabled{opacity:.65}:root[data-company=gasrosa] .field-box{padding:18px 16px}:root[data-company=gasrosa] .field-box__row{min-height:34px}:root[data-company=gasrosa] .field-box__label{font-size:14px}:root[data-company=gasrosa] .field-box__value,:root[data-company=gasrosa] .field-box__textarea{font-size:19px}.field-box__value:read-only{cursor:default}.field-box--textarea{padding:14px}.field-box__textarea{resize:none;width:100%;min-height:44px;color:var(--color-text);background:0 0;border:none;outline:none;font-size:15.5px}.field-label{color:var(--color-text-muted);margin:0 0 -4px 2px;font-size:13.5px}.segmented{border:1.5px solid var(--color-border);border-radius:var(--radius-md);display:flex;overflow:hidden}.segmented__option{text-align:center;background:var(--color-surface);border:none;border-right:1.5px solid var(--color-border);color:var(--color-text);cursor:pointer;flex:1;padding:14px 8px;font-size:15px;font-weight:600}.segmented__option:last-child{border-right:none}.segmented__option--active{background:var(--color-selected);color:var(--color-text)}.segmented__option:disabled{opacity:.5;cursor:not-allowed}.schedule-toggle{justify-content:space-between;align-items:center;gap:16px;padding:4px 2px;display:flex}.schedule-toggle__option{color:var(--color-text);font-size:15px}.quantity-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.quantity-fields__item{min-width:0}.address-number-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width<=360px){.quantity-fields,.address-number-grid{grid-template-columns:1fr}}.date-sheet{flex-direction:column;gap:14px;padding-bottom:4px;display:flex}.date-sheet__header{color:var(--color-text);grid-template-columns:40px 1fr 40px;align-items:center;gap:8px;display:grid}.date-sheet__header strong{text-align:center;font-size:16px}.date-sheet__nav{width:40px;height:40px;color:var(--color-primary);background:#eef2f6;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.date-sheet__nav--next{transform:rotate(180deg)}.date-sheet__weekdays,.date-sheet__grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.date-sheet__weekdays span{text-align:center;color:var(--color-text-muted);font-size:12px;font-weight:700}.date-sheet__day{aspect-ratio:1;color:var(--color-text);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex;position:relative}.date-sheet__day--muted{color:#a8b0ba}.date-sheet__day--selected{background:var(--color-primary);color:var(--color-text-inverse);font-weight:700}.date-sheet__day svg{position:absolute;bottom:5px;right:5px}.date-sheet__day:disabled{opacity:.35}.switch{border-radius:var(--radius-pill);cursor:pointer;background:#d7dde2;border:none;flex-shrink:0;width:46px;height:26px;padding:3px;transition:background .2s;position:relative}.switch--on{background:#aeb8c1}.switch__thumb{background:var(--color-primary);border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch--on .switch__thumb{transform:translate(20px)}:root[data-company=gasrosa] .schedule-toggle{padding:2px 0}:root[data-company=gasrosa] .schedule-toggle__option{font-size:19px}:root[data-company=gasrosa] .switch{background:var(--color-surface);border:2px solid #aeb8c1;width:52px;height:32px;padding:3px}:root[data-company=gasrosa] .switch__thumb{width:22px;height:22px;box-shadow:none;background:#aab4bb}:root[data-company=gasrosa] .switch--on{border-color:var(--color-primary);background:var(--color-primary)}:root[data-company=gasrosa] .switch--on .switch__thumb{background:var(--color-text-inverse);transform:translate(20px)}.primary-button{background:var(--color-primary);width:100%;color:var(--color-text-inverse);border-radius:var(--radius-md);cursor:pointer;border:none;padding:16px;font-size:16px;font-weight:700;transition:opacity .15s,background .15s}.primary-button:active{background:var(--color-primary-dark)}.primary-button:disabled{opacity:.45;cursor:not-allowed}.secondary-button{background:var(--color-surface);width:100%;color:var(--color-primary);border:1.5px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;padding:14px;font-size:15px;font-weight:700}.pill-button{background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:10px 18px;font-size:14px;font-weight:700}:root[data-company=gasrosa] .primary-button{border-radius:12px;padding:18px;font-size:20px}:root[data-company=gasrosa] .secondary-button,:root[data-company=gasrosa] .pill-button,:root[data-company=gasrosa] .map-card__button{border-radius:12px}.fab-locate{background:var(--color-surface);width:48px;height:48px;box-shadow:var(--shadow-fab);cursor:pointer;color:var(--color-primary);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:184px;right:16px}.sheet-overlay{background:var(--color-overlay);z-index:40;justify-content:center;align-items:flex-end;animation:.18s sheet-fade-in;display:flex;position:fixed;inset:0}@keyframes sheet-fade-in{0%{opacity:0}to{opacity:1}}.sheet-panel{background:var(--color-surface);width:100%;max-width:480px;box-shadow:var(--shadow-sheet);max-height:82vh;padding-bottom:var(--safe-bottom);border-radius:22px 22px 0 0;flex-direction:column;animation:.22s sheet-slide-up;display:flex}@keyframes sheet-slide-up{0%{opacity:.6;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.sheet-panel__handle{border-radius:var(--radius-pill);background:#d9d9e3;width:40px;height:4px;margin:12px auto 4px}.sheet-panel__title{text-align:center;color:var(--color-text);margin:6px 0 14px;font-size:17px;font-weight:700}.sheet-panel__body{padding:0 20px 20px;overflow-y:auto}.sheet-option{cursor:pointer;text-align:left;width:100%;color:var(--color-text);background:0 0;border:none;border-bottom:1px solid #eef0f4;justify-content:space-between;align-items:center;gap:12px;padding:16px 4px;font-size:15.5px;display:flex}.sheet-option:last-child{border-bottom:none}.sheet-option__left{align-items:center;gap:12px;display:flex}.sheet-option__text{text-align:left;flex-direction:column;gap:2px;display:flex}.sheet-option__title{font-weight:600}.sheet-option__subtitle{color:var(--color-text-muted);font-size:13px}.sheet-option__check{color:var(--color-primary);display:flex}.manual-sheet-entry{flex-direction:column;gap:14px;padding:12px 0 4px;display:flex}.manual-sheet-entry__input{border:1.5px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);outline:none;padding:14px;font-size:15px}.sheet-search{border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);align-items:center;gap:10px;margin-bottom:8px;padding:12px 14px;display:flex}.sheet-search input{min-width:0;color:var(--color-text);border:none;outline:none;flex:1;font-size:15px}.alert-overlay{background:var(--color-overlay);z-index:60;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.alert-panel{background:var(--color-surface);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:360px;box-shadow:var(--shadow-sheet);padding:24px 20px}.alert-panel__icon{background:var(--color-primary);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 14px;display:flex}.alert-panel__title{margin:0 0 8px;font-size:16px;font-weight:700}.alert-panel__message{color:var(--color-text-muted);margin:0 0 20px;font-size:14.5px;line-height:1.4}.order-summary{flex-direction:column;gap:8px;display:flex}.order-summary__row{color:var(--color-text);justify-content:space-between;align-items:center;font-size:15px;display:flex}.order-summary__divider{border:none;border-top:1px solid #e4e2ef;margin:4px 0}.order-summary__total{justify-content:space-between;align-items:center;font-size:16px;font-weight:700;display:flex}.map-card{border-radius:var(--radius-lg);background:var(--color-surface);width:100%;min-width:0;box-shadow:var(--shadow-card);flex-direction:column;gap:10px;padding:10px;display:flex;overflow:hidden}.map-card__preview{border-radius:var(--radius-md);background:linear-gradient(135deg,#e2e8ee,#cfd9e3);height:clamp(138px,36vw,178px);min-height:138px;position:relative;overflow:hidden}.map-card__preview--empty{background:#fafafc}.map-card__empty-state{color:var(--color-text-muted);text-align:center;background-image:linear-gradient(#e4e9ef 1px,#0000 1px),linear-gradient(90deg,#e4e9ef 1px,#0000 1px);background-size:26px 26px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:13.5px;display:flex;position:absolute;inset:0}.map-card__street-label{color:#5b6b78;border-radius:var(--radius-pill);z-index:3;background:#ffffffeb;padding:4px 9px;font-size:12px;position:absolute;top:10px;left:14px;box-shadow:0 2px 8px #141e2d14}.map-card__button{background:var(--color-primary);width:100%;color:var(--color-text-inverse);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:14px;font-size:15px;font-weight:700;display:flex}.map-placeholder-grid{opacity:.5;background-image:linear-gradient(#c3ccd6 1px,#0000 1px),linear-gradient(90deg,#c3ccd6 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.map-full{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#dfe7ee,#cfd9e3);flex:1;position:relative;overflow:hidden}.map-full--dragging{cursor:grabbing}.map-tile-grid{background:linear-gradient(30deg,#0000 0 44%,#fffffff2 44% 47%,#0000 47% 100%) 0 0/180px 150px,linear-gradient(150deg,#0000 0 50%,#fffffff2 50% 53%,#0000 53% 100%) 0 0/220px 180px,linear-gradient(90deg,#0000 0 46%,#fffffff2 46% 49%,#0000 49% 100%) 0 0/160px 160px,#bfc4c8;position:absolute;inset:-10%;transform:rotate(-10deg)scale(1.1)}.map-real-tiles{background:#c8cdd2;position:absolute;inset:0;overflow:hidden}.map-real-tiles img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:256px;height:256px;position:absolute}.map-attribution{color:#384553;z-index:1;background:#ffffffd9;border-radius:4px;padding:2px 6px;font-size:11px;position:absolute;bottom:8px;left:8px}.map-pin{color:var(--color-primary);pointer-events:none;z-index:2;filter:drop-shadow(0 8px 12px #00365f38);flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)}.map-pin__shadow{background:#00000040;border-radius:50%;width:18px;height:7px;margin-top:4px}.map-card__preview .map-pin{color:#3b82f6;transform:translate(-50%,-92%)scale(.86)}.map-card__preview .map-attribution{bottom:6px;left:6px}.field-error{color:var(--color-danger);margin:-8px 0 0 4px;font-size:13px}.search-bar{background:var(--color-surface);border-radius:var(--radius-pill);box-shadow:var(--shadow-card);color:var(--color-text-muted);align-items:center;gap:10px;padding:12px 16px;display:flex}@media (width<=390px){.screen-content{gap:14px;padding:14px 12px}.app-header{min-height:100px}.map-card{border-radius:18px;padding:8px}.field-box{padding:13px 12px}.field-box__value,.field-box__textarea{font-size:14.5px}.primary-button,.map-card__button{padding:14px;font-size:15px}}.search-bar input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:15px}.search-bar__button{background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-pill);border:none;padding:8px 12px;font-size:12px;font-weight:700}.location-suggestions{background:var(--color-surface);border-radius:var(--radius-md);max-height:260px;box-shadow:var(--shadow-sheet);padding:6px;position:absolute;top:70px;left:16px;right:16px;overflow-y:auto}.location-suggestions button{width:100%;color:var(--color-text);text-align:left;border-radius:var(--radius-sm);background:0 0;border:none;padding:12px 10px;font-size:13.5px;line-height:1.35}.location-suggestions button:active{background:#eef2f6}.map-zoom-controls{width:46px;box-shadow:var(--shadow-fab);z-index:3;background:#fffffff5;border:1px solid #c9d0d8d1;border-radius:16px;position:absolute;top:18px;right:16px;overflow:hidden}.map-zoom-controls button{width:46px;height:44px;color:var(--color-primary);cursor:pointer;background:0 0;border:none;font-size:23px;font-weight:700;line-height:1}.map-zoom-controls button+button{border-top:1px solid #e5e9ef}.map-zoom-controls button:disabled{color:#a7b0ba;cursor:not-allowed}.map-address-card{z-index:3;box-shadow:var(--shadow-fab);background:#fffffff5;border:1px solid #c9d0d8db;border-radius:16px;flex-direction:column;gap:4px;padding:12px 14px;display:flex;position:absolute;bottom:104px;left:16px;right:76px}.map-address-card strong{color:var(--color-text);font-size:13.5px}.map-address-card span{color:var(--color-text-muted);font-size:12.5px;line-height:1.35}.map-address-card small{color:#8792a0;font-size:11.5px}.location-picker-footer{z-index:3;position:absolute;bottom:20px;left:16px;right:16px}.choice-row{gap:10px;display:flex}.choice-chip{text-align:center;border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;flex:1;padding:13px 8px;font-size:14px;font-weight:600}.choice-chip--active{background:var(--color-selected);border-color:var(--color-selected-border)}.success-screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:40px 24px;display:flex}.success-screen__icon{color:#2c9a52;background:#e4f6ea;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;display:flex}.success-screen__title{margin:0;font-size:20px;font-weight:700}.success-screen__message{color:var(--color-text-muted);margin:0;font-size:15px;line-height:1.5}.section-title{color:var(--color-text);margin:4px 0 -6px 2px;font-size:14px;font-weight:700}.spinner{border:2.5px solid #fff6;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}