:root{--ship-cyan:#36c5d5;--ship-blue:#1674d1;--ship-deep:#082e5d}
.shipping-hero{position:relative;overflow:hidden;display:flex;align-items:center;gap:24px;padding:25px 28px;margin-bottom:16px;border-radius:18px;color:#fff;background:radial-gradient(circle at 86% -20%,rgba(54,197,213,.38),transparent 32%),linear-gradient(120deg,#082e5d,#155d9b);box-shadow:0 20px 45px rgba(12,49,93,.16)}
.shipping-hero:after{content:"";position:absolute;right:22%;top:-95px;width:260px;height:260px;border:1px solid rgba(255,255,255,.14);border-radius:50%;box-shadow:0 0 0 34px rgba(255,255,255,.025),0 0 0 70px rgba(255,255,255,.018)}
.shipping-brand{display:flex;align-items:center;gap:17px;flex:1;position:relative;z-index:1}.shipping-brand>span{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#43d0dd,#1682da);font-size:18px;font-weight:950;box-shadow:0 10px 25px rgba(0,0,0,.16)}.shipping-brand small{color:#8ee6ee;letter-spacing:.14em;font-weight:900;font-size:9px}.shipping-brand h2{margin:4px 0;font-size:25px}.shipping-brand p{margin:0;color:#c8deef;font-size:11px}
.shipping-api-state{display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.09);position:relative;z-index:1}.shipping-api-state i{width:10px;height:10px;border-radius:50%;background:#ffc738;box-shadow:0 0 0 5px rgba(255,199,56,.12)}.shipping-api-state.ready i{background:#32d583;box-shadow:0 0 0 5px rgba(50,213,131,.13)}.shipping-api-state b,.shipping-api-state small{display:block}.shipping-api-state small{color:#b9d4e8;font-size:9px;margin-top:2px}.shipping-hero .secondary-btn{position:relative;z-index:1;background:#fff;color:var(--ship-deep);border:0}
.shipping-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.shipping-kpis article{display:flex;align-items:center;gap:13px;padding:17px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 7px 24px rgba(24,58,91,.045)}.shipping-kpis article>span{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#e8f7fb;color:#156ca9;font-size:9px;font-weight:950}.shipping-kpis small,.shipping-kpis b{display:block}.shipping-kpis small{color:var(--muted);font-size:9px}.shipping-kpis b{font-size:22px;margin-top:3px}
.shipping-alert{margin-bottom:16px;padding:17px 20px;border:1px solid #f3d589;border-radius:13px;background:#fff9e5;display:flex;gap:16px;align-items:center}.shipping-alert b{color:#735800}.shipping-alert p{margin:0;color:#6e6242;font-size:11px}.shipping-alert code{padding:2px 5px;background:#fff;border:1px solid #eadba9;border-radius:4px}
.fulfillment-legend,.fulfillment-chips{display:flex;gap:6px;flex-wrap:wrap}.fulfillment-legend span,.fulfillment-chips span{padding:5px 8px;border-radius:20px;font-size:8px;font-weight:850}.fulfillment-legend .own,.fulfillment-chips .own{background:#e7f7fb;color:#116994}.fulfillment-legend .syscom,.fulfillment-chips .syscom{background:#edf0ff;color:#3a4aa3}.shipment-status{display:inline-flex;padding:6px 9px;border-radius:20px;background:#edf1f5;color:#526174;font-size:9px;font-weight:850;text-transform:capitalize}.shipment-status.cotizado{background:#e8f3ff;color:#176cb0}.shipment-status.guia_generada{background:#eee9ff;color:#6441b1}.shipment-status.en_transito{background:#e2f7fb;color:#087b8d}.shipment-status.entregado{background:#dff8e9;color:#087747}.shipment-status.cancelado,.shipment-status.devuelto{background:#ffe6e6;color:#a52028}.shipment-status.syscom{background:#eef0ff;color:#38489a}
.shipment-drawer{width:min(980px,calc(100vw - 60px))}.shipment-drawer .drawer-head small{font-size:9px;color:var(--ship-blue);font-weight:900;letter-spacing:.12em}.shipment-drawer .drawer-head h3{margin-top:4px}.shipment-flow{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr 30px 1fr;align-items:center;margin:21px 0;padding:14px;background:#f4f8fb;border-radius:12px}.shipment-flow>div{display:flex;align-items:center;gap:8px;color:#8793a2}.shipment-flow b{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#dfe6ed}.shipment-flow div.active{color:var(--ship-deep);font-weight:800}.shipment-flow div.active b{background:var(--yellow);color:var(--ship-deep)}.shipment-flow i{height:1px;background:#cbd7e1}
.shipment-section-title{display:flex;align-items:end;justify-content:space-between;margin:18px 0 12px}.shipment-section-title small{font-size:8px;color:var(--ship-blue);font-weight:900;letter-spacing:.14em}.shipment-section-title h4{font-size:18px;margin:4px 0 0}.shipment-section-title>span{font-size:9px;color:var(--muted)}.package-grid{display:grid;grid-template-columns:2fr repeat(5,1fr);gap:9px}.package-grid label{display:flex;flex-direction:column;gap:6px;font-size:9px;font-weight:800}.package-grid input{min-width:0;padding:11px;border:1px solid #ccd7e2;border-radius:7px}.carrier-checks{border:0;padding:0;margin:16px 0;display:flex;gap:8px;flex-wrap:wrap}.carrier-checks legend{font-size:9px;font-weight:850;color:var(--muted);margin-bottom:8px}.carrier-checks label{display:flex!important;flex-direction:row!important;align-items:center;gap:6px!important;padding:8px 11px;border:1px solid #d5dfe8;border-radius:8px;background:#fff;font-size:9px!important}.carrier-checks label:has(input:checked){border-color:var(--ship-blue);background:#eef7ff;color:#075f9c}.carrier-checks input{width:auto!important;margin:0}.shipping-quote-form>.primary-btn,.rate-selection>.primary-btn{float:right;margin-top:8px}
.rate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.rate-grid label{position:relative;display:flex;flex-direction:column;gap:5px;padding:15px;border:1px solid #dce4eb;border-radius:12px;background:#fff;cursor:pointer}.rate-grid label:has(input:checked){border-color:var(--ship-blue);box-shadow:0 0 0 3px rgba(22,116,209,.1)}.rate-grid input{position:absolute;right:12px;top:12px}.rate-grid .carrier-logo{color:var(--ship-blue);font-size:10px;font-weight:950}.rate-grid b{font-size:12px}.rate-grid small{color:var(--muted);font-size:9px}.rate-grid strong{font-size:19px;margin-top:7px;color:var(--ship-deep)}
.label-result{display:grid;grid-template-columns:70px 1fr auto;gap:16px;align-items:center;padding:18px;border:1px solid #cfe6f2;background:linear-gradient(110deg,#f0fbfd,#fff);border-radius:14px}.label-icon{width:62px;height:76px;display:grid;place-items:center;background:#fff;border:1px solid #cbdbe6;border-radius:8px;color:#cf2d37;font-size:12px;font-weight:950;box-shadow:0 6px 16px rgba(10,45,76,.08)}.label-result small{color:var(--ship-blue);font-size:8px;font-weight:900;letter-spacing:.14em}.label-result h4{font-size:16px;margin:5px 0}.label-result>div:nth-child(2)>b{font-size:20px;letter-spacing:.04em}.label-result p{margin:5px 0 0;color:var(--muted);font-size:10px}.label-actions{display:flex;flex-direction:column;gap:7px}.label-actions form,.label-actions button{width:100%}.danger-outline{margin-top:15px;padding:10px 13px;border:1px solid #e7aeb2;border-radius:8px;background:#fff;color:#af252c;font-weight:800}
.tracking-timeline{margin-top:18px;padding:17px;border:1px solid var(--line);border-radius:12px}.tracking-timeline h4{margin:0 0 12px}.tracking-timeline article{display:grid;grid-template-columns:14px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid #edf1f4}.tracking-timeline article:last-child{border-bottom:0}.tracking-timeline i{width:8px;height:8px;margin-top:4px;border-radius:50%;background:var(--ship-cyan);box-shadow:0 0 0 4px #e7f9fb}.tracking-timeline b,.tracking-timeline small{display:block}.tracking-timeline small{color:var(--muted);font-size:9px;margin-top:3px}
.customer-shipment{margin-top:18px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:14px}.customer-shipment-head{display:grid;grid-template-columns:45px 1fr auto;gap:12px;align-items:center}.customer-shipment-head>span:first-child{width:43px;height:43px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,var(--ship-cyan),var(--ship-blue));color:#fff;font-weight:950}.customer-shipment-head small{color:var(--ship-blue);font-size:8px;font-weight:900;letter-spacing:.13em}.customer-shipment-head h2{margin:3px 0}.tracking-number{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding:16px 18px;border-radius:11px;background:#eef8fb}.tracking-number small,.tracking-number b{display:block}.tracking-number small{color:var(--muted);font-size:8px;font-weight:900}.tracking-number b{font-size:21px;margin-top:4px;letter-spacing:.04em}
button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:1050px){.shipping-hero{align-items:flex-start;flex-wrap:wrap}.shipping-brand{min-width:60%}.shipping-kpis{grid-template-columns:repeat(2,1fr)}.package-grid{grid-template-columns:repeat(3,1fr)}.package-grid .content{grid-column:1/-1}.rate-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.shipping-hero{padding:20px}.shipping-brand{min-width:100%}.shipping-api-state{width:100%}.shipping-kpis,.rate-grid{grid-template-columns:1fr}.package-grid{grid-template-columns:1fr 1fr}.shipment-flow{grid-template-columns:1fr 1fr;gap:8px}.shipment-flow i{display:none}.label-result{grid-template-columns:55px 1fr}.label-actions{grid-column:1/-1}.customer-shipment-head{grid-template-columns:45px 1fr}.customer-shipment-head>.shipment-status{grid-column:1/-1;width:max-content}.tracking-number{align-items:flex-start;flex-direction:column}.shipment-section-title{align-items:flex-start;flex-direction:column;gap:5px}}

/* Checkout shipping selector */
.checkout-heading p{color:var(--muted);font-size:15px;margin:0 0 24px}.checkout-error{margin:0 0 18px;padding:15px 18px;border:1px solid #f1b9bd;border-radius:10px;background:#fff1f2;color:#a51f2b}.checkout-error ul{margin:7px 0 0;padding-left:18px}.section-kicker{color:var(--blue);font-size:10px;font-weight:950;letter-spacing:.14em;margin-bottom:8px}.section-help{color:var(--muted);line-height:1.55;margin:-4px 0 20px}.delivery-payment-section{overflow:hidden}.checkout-subhead{display:flex;align-items:center;gap:11px;margin:18px 0 11px}.checkout-subhead>span{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:var(--navy-2);font-weight:900}.checkout-subhead b,.checkout-subhead small{display:block}.checkout-subhead small{color:var(--muted);font-weight:400;margin-top:3px}.payment-subhead{border-top:1px solid var(--line);padding-top:21px;margin-top:24px}.shipping-quote-action{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 18px;border:1px solid #dbe5ef;border-radius:12px;background:linear-gradient(110deg,#f5fbff,#fff)}.shipping-quote-action b,.shipping-quote-action small{display:block}.shipping-quote-action small{color:var(--muted);margin-top:5px}.shipping-quote-action .primary-btn{white-space:nowrap}.shipping-quote-action .primary-btn:disabled{opacity:.65}.checkout-shipping-status{margin-top:11px;padding:11px 13px;border-radius:8px;background:#f3f6fa;color:#5b687a;font-size:12px}.checkout-shipping-status.loading{background:#eef7ff;color:#12649b}.checkout-shipping-status.success{background:#eaf9f1;color:#087b46}.checkout-shipping-status.warning{background:#fff7dc;color:#7b5d00}.checkout-shipping-status.error{background:#fff0f1;color:#ad202d}.checkout-rate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.checkout-rate-card{position:relative;display:grid;grid-template-columns:auto 70px minmax(0,1fr) auto;align-items:center;gap:10px;padding:15px;border:1px solid #d8e1eb;border-radius:11px;background:#fff;cursor:pointer;transition:.18s}.checkout-rate-card:hover{border-color:#9dc8e5;box-shadow:0 7px 18px rgba(20,62,105,.08)}.checkout-rate-card.selected{border:2px solid var(--navy);padding:14px;background:#f6faff;box-shadow:0 8px 22px rgba(23,59,113,.12)}.checkout-rate-card input{accent-color:var(--navy)}.checkout-carrier{display:grid;place-items:center;min-height:34px;padding:5px 7px;border-radius:7px;background:#e9f4fc;color:var(--navy);font-size:9px;font-weight:950;overflow-wrap:anywhere;text-align:center}.checkout-rate-copy b,.checkout-rate-copy small{display:block}.checkout-rate-copy b{font-size:12px}.checkout-rate-copy small{margin-top:4px;color:var(--muted);font-size:10px}.checkout-rate-card strong{font-size:16px;color:var(--navy);white-space:nowrap}.direct-shipping-card{display:grid;grid-template-columns:48px 1fr auto;gap:13px;align-items:center;padding:17px;border:2px solid var(--navy);border-radius:11px;background:#f6faff}.direct-shipping-card>span{width:45px;height:45px;display:grid;place-items:center;border-radius:10px;background:var(--navy);color:#fff;font-weight:900}.direct-shipping-card b,.direct-shipping-card small{display:block}.direct-shipping-card small{color:var(--muted);margin-top:3px}.checkout-summary .mini-items{max-height:300px;overflow:auto}.checkout-summary button:disabled{opacity:.5;cursor:not-allowed}.secure-checkout{text-align:center;margin-top:9px!important}.config-grid label small{color:var(--muted);font-size:9px;font-weight:400;line-height:1.4}

.checkout-flow-bar{display:flex;align-items:center;max-width:600px;margin:22px 0 26px}.checkout-flow-bar span{display:flex;align-items:center;gap:7px;color:#8a96a6;font-size:12px;font-weight:900}.checkout-flow-bar span{width:33px;height:33px;justify-content:center;border-radius:50%;background:#e8edf3;transition:.2s}.checkout-flow-bar span b{position:absolute;margin-top:58px;white-space:nowrap;font-size:10px}.checkout-flow-bar span.active{background:var(--yellow);color:var(--navy-2)}.checkout-flow-bar span.complete{background:#1ab46d;color:#fff}.checkout-flow-bar i{height:2px;flex:1;background:#dce3eb;margin:0 8px}.locked-step{border-color:#e5e9ee!important;box-shadow:none!important}.locked-step>h2,.locked-step>.checkout-subhead,.locked-step>.shipping-quote-action,.locked-step>.direct-shipping-card,.locked-step>.payment-note{opacity:.5}.payment-grid.payment-locked{opacity:.5;filter:grayscale(.35)}.stripe-payment-card{grid-column:1/-1!important;grid-template-columns:auto auto 1fr auto!important;gap:12px!important;align-items:center!important;padding:18px!important;border:2px solid var(--navy)!important;background:linear-gradient(105deg,#f8fbff,#fff)!important}.stripe-payment-card>span:nth-of-type(2) b,.stripe-payment-card>span:nth-of-type(2) small{display:block}.stripe-payment-card>span:nth-of-type(2) small{margin-top:4px;color:var(--muted)}.stripe-payment-card>strong{margin-left:auto;color:var(--navy);font-size:12px}.stripe-mark{width:38px;height:38px;display:grid!important;place-items:center;border-radius:9px;background:#635bff;color:#fff;font-size:20px;font-weight:950}.payment-grid.payment-locked .stripe-payment-card{border-color:#cfd7e2!important;cursor:not-allowed}.payment-grid:not(.payment-locked) .stripe-payment-card{box-shadow:0 9px 25px rgba(23,59,113,.1)}
.form-grid textarea{width:100%;resize:vertical;min-height:82px;padding:13px;border:1px solid #ccd5e0;border-radius:7px;background:#fff}.form-grid textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px rgba(73,169,230,.13)}.form-grid label>small{color:var(--muted);font-size:10px;font-weight:400;line-height:1.45}

.address-assistant{padding:17px;border:1px solid #cfe0ee;border-radius:13px;background:linear-gradient(120deg,#f1f9ff,#fff);box-shadow:inset 4px 0 0 var(--blue)}.address-assistant-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.address-assistant-head>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--navy);color:var(--yellow);font-size:19px;font-weight:900}.address-assistant-head b,.address-assistant-head small{display:block}.address-assistant-head b{font-size:14px;color:var(--navy-2)}.address-assistant-head small{color:var(--muted);font-weight:400;line-height:1.45;margin-top:3px}.address-search-grid{display:grid;grid-template-columns:210px minmax(0,1fr);gap:12px}.address-search-grid input{width:100%}.address-lookup-status{display:grid;grid-template-columns:31px 1fr;align-items:center;gap:9px;margin-top:11px;padding:10px 12px;border:1px solid #dce7ef;border-radius:9px;background:#fff;color:#607086}.address-lookup-status>span{min-width:31px;height:26px;padding:0 5px;display:grid;place-items:center;border-radius:7px;background:#e9f4fc;color:var(--navy);font-size:9px;font-weight:950}.address-lookup-status p{margin:0;font-size:11px}.address-lookup-status.loading{border-color:#b8def3;background:#f2faff;color:#12649b}.address-lookup-status.success{border-color:#bcebd2;background:#effbf5;color:#087b46}.address-lookup-status.success>span{background:#dff7e9;color:#087b46}.address-lookup-status.warning{border-color:#efd57d;background:#fffae9;color:#7b5d00}.address-lookup-status.error{border-color:#efc2c6;background:#fff2f3;color:#aa2430}.checkout-destination{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;margin:17px 0 8px;padding:13px;border:1px dashed #cdd7e2;border-radius:10px;background:#f8fafc}.checkout-destination>span{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#e8edf3;color:#788697;font-weight:900}.checkout-destination small,.checkout-destination b,.checkout-destination p{display:block;margin:0}.checkout-destination small{font-size:8px;letter-spacing:.11em;color:var(--muted);font-weight:900}.checkout-destination b{font-size:11px;margin-top:3px}.checkout-destination p{font-size:10px;color:var(--muted);margin-top:2px}.checkout-destination.ready{border-style:solid;border-color:#bce7cf;background:#f0fbf5}.checkout-destination.ready>span{background:#dff7e9;color:#087b46}

@media(max-width:900px){.checkout-rate-grid{grid-template-columns:1fr}.checkout-rate-card{grid-template-columns:auto 64px minmax(0,1fr) auto}}
@media(max-width:650px){.shipping-quote-action{align-items:stretch;flex-direction:column}.shipping-quote-action .primary-btn{width:100%}.checkout-rate-card{grid-template-columns:auto 58px 1fr}.checkout-rate-card strong{grid-column:2/-1}.direct-shipping-card{grid-template-columns:43px 1fr}.direct-shipping-card>strong{grid-column:2}.checkout-flow-bar{margin-bottom:36px}.stripe-payment-card{grid-template-columns:auto auto 1fr!important}.stripe-payment-card>strong{grid-column:2/-1;margin-left:0}.address-search-grid{grid-template-columns:1fr}.address-assistant{padding:14px}.address-assistant-head{align-items:flex-start}}

@media(max-width:600px){
    .shipping-hero{padding:18px 15px}
    .shipping-brand{align-items:flex-start}
    .shipping-brand>span{width:48px;height:48px;border-radius:13px}
    .shipping-brand h2{font-size:21px}
    .shipping-api-state,.shipping-hero .secondary-btn{width:100%}
    .shipping-kpis{gap:9px}
    .shipping-kpis article{padding:14px}
    .shipping-alert{align-items:flex-start;flex-direction:column;padding:15px}
    .shipping-alert code{overflow-wrap:anywhere;word-break:break-all}
    .shipment-flow{grid-template-columns:1fr;padding:11px}
    .package-grid{grid-template-columns:1fr}
    .carrier-checks label{min-height:44px}
    .checkout-rate-card{grid-template-columns:28px minmax(52px,64px) minmax(0,1fr);padding:13px}
    .checkout-rate-card.selected{padding:12px}
    .checkout-rate-card strong{grid-column:2/-1;white-space:normal}
    .checkout-carrier{overflow-wrap:anywhere}
    .direct-shipping-card{grid-template-columns:42px minmax(0,1fr);padding:14px}
    .direct-shipping-card>strong{grid-column:2;white-space:normal}
    .stripe-payment-card{padding:14px!important}
    .stripe-payment-card>span:nth-of-type(2){min-width:0}
    .stripe-payment-card>strong{white-space:normal}
    .address-assistant-head>span{width:34px;height:34px;flex:none}
    .address-lookup-status{align-items:start}
    .checkout-flow-bar span{position:relative}
    .checkout-flow-bar span b{
        position:absolute;
        top:41px;
        left:50%;
        margin:0;
        transform:translateX(-50%);
    }
    .checkout-flow-bar span:first-child b{left:0;transform:none}
    .checkout-flow-bar span:last-child b{right:0;left:auto;transform:none}
}

@media(max-width:360px){
    .checkout-rate-card{grid-template-columns:26px minmax(0,1fr)}
    .checkout-rate-copy,.checkout-rate-card strong{grid-column:2}
    .stripe-payment-card{grid-template-columns:auto 1fr!important}
    .stripe-payment-card input{grid-row:1}
    .stripe-mark{grid-row:1}
    .stripe-payment-card>span:nth-of-type(2),
    .stripe-payment-card>strong{grid-column:1/-1!important}
}