/* FASE NUEVE — Envíos v01
   F9 Delivery Route. Carga exclusiva desde envios.html. */

body.shipping-experience {
  --shipping-bg: #07090d;
  --shipping-bg-2: #0b0f15;
  --shipping-panel: #10151d;
  --shipping-panel-2: #141a24;
  --shipping-soft: rgba(255, 255, 255, .035);
  --shipping-line: rgba(255, 255, 255, .12);
  --shipping-line-strong: rgba(255, 255, 255, .22);
  --shipping-text: #f8f9fb;
  --shipping-copy: rgba(248, 249, 251, .72);
  --shipping-copy-soft: rgba(248, 249, 251, .49);
  --shipping-success: #78e8ad;
  --shipping-warning: #ffd173;
  --shipping-radius: 22px;
  color: var(--shipping-text);
  background:
    radial-gradient(circle at 86% 8%, rgba(var(--f9-accent-rgb), .1), transparent 30rem),
    linear-gradient(180deg, var(--shipping-bg) 0%, var(--shipping-bg-2) 42%, var(--shipping-bg) 100%);
}

.shipping-main { position: relative; isolation: isolate; overflow: clip; color: var(--shipping-text); }
.shipping-main::before {
  content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; opacity: .22;
  background-image: linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);
  background-size: 72px 72px; mask-image: linear-gradient(180deg,#000 0%,rgba(0,0,0,.45) 58%,transparent 94%);
}
.shipping-container { width: min(calc(100% - 40px), var(--f9-max)); margin-inline: auto; }
.shipping-section { position: relative; padding: clamp(78px, 8vw, 132px) 0; border-top: 1px solid var(--shipping-line); }
.shipping-section__head { display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(280px, .55fr); align-items: end; gap: clamp(32px, 5vw, 82px); margin-bottom: clamp(42px, 6vw, 76px); }
.shipping-section__head h2, .shipping-consult h2, .shipping-commitment h2, .shipping-manifesto h2, .shipping-faq-layout h2, .shipping-final h2 { margin: 0; font-family: var(--f9-font-display, inherit); font-size: clamp(42px, 6vw, 88px); line-height: .92; letter-spacing: -.06em; text-transform: uppercase; }
.shipping-section__head > p, .shipping-section__head > div + p { margin: 0; color: var(--shipping-copy); font-size: 15px; line-height: 1.72; }
.shipping-kicker { display: inline-flex; align-items: center; gap: 12px; margin: 0 0 18px; color: var(--f9-orange); font-size: 10px; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
.shipping-kicker::before { content: ""; width: 42px; height: 1px; background: currentColor; }
.shipping-btn { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 0 23px; border: 1px solid transparent; color: #080a0d; background: var(--f9-orange); font-size: 10px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; cursor: pointer; transition: transform .22s var(--f9-ease), border-color .2s ease, background .2s ease, color .2s ease; }
.shipping-btn svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; transition: transform .22s var(--f9-ease); }
.shipping-btn:hover { transform: translateY(-3px); background: var(--f9-orange-2); }
.shipping-btn:hover svg { transform: translateX(3px); }
.shipping-btn--secondary { color: var(--shipping-text); border-color: var(--shipping-line-strong); background: rgba(8,11,16,.55); backdrop-filter: blur(14px); }
.shipping-btn--secondary:hover { border-color: rgba(var(--f9-accent-rgb), .62); background: rgba(var(--f9-accent-rgb), .1); }
.shipping-btn--wide { width: 100%; }

/* Hero + F9 Delivery Route */
.shipping-hero { position: relative; min-height: min(820px, calc(100svh - var(--f9-header-offset, 152px))); display: grid; align-items: center; overflow: hidden; border-bottom: 1px solid var(--shipping-line); background: radial-gradient(circle at 76% 46%,rgba(var(--f9-accent-rgb),.16),transparent 23rem),radial-gradient(circle at 12% 112%,rgba(var(--f9-accent-rgb),.07),transparent 34rem),linear-gradient(118deg,#06080c 0%,#0d121a 55%,#07090d 100%); }
.shipping-hero::before { content: ""; position: absolute; inset: 0; opacity: .2; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size: 68px 68px; mask-image: linear-gradient(90deg,transparent 0 30%,#000 72%,transparent 100%); }
.shipping-hero::after { content: "F9 / LOGISTICS SYSTEM"; position: absolute; right: max(22px,calc((100vw - var(--f9-max))/2)); bottom: 20px; color: rgba(255,255,255,.27); font-size: 8px; font-weight: 900; letter-spacing: .22em; }
.shipping-hero__grid { position: relative; z-index: 2; width: min(calc(100% - 40px),var(--f9-max)); min-height: inherit; display: grid; grid-template-columns: minmax(0,.93fr) minmax(520px,1.07fr); align-items: center; gap: clamp(42px,6vw,96px); margin-inline: auto; padding: clamp(58px,6vw,92px) 0; }
.shipping-hero__copy { position: relative; z-index: 3; max-width: 770px; animation: shippingCopyIn .48s var(--f9-ease) .72s both; }
.shipping-hero h1 { max-width: 850px; margin: 0; font-family: var(--f9-font-display,inherit); font-size: clamp(52px,6.2vw,98px); line-height: .88; letter-spacing: -.068em; text-transform: uppercase; }
.shipping-hero__copy > p:not(.shipping-kicker):not(.shipping-hero__note) { max-width: 690px; margin: 26px 0 0; color: rgba(248,249,251,.72); font-size: clamp(16px,1.4vw,19px); line-height: 1.7; }
.shipping-hero__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 32px; }
.shipping-hero__note { display: flex; align-items: center; gap: 10px; margin: 19px 0 0; color: rgba(248,249,251,.5); font-size: 10px; line-height: 1.45; }
.shipping-hero__note span { width: 7px; height: 7px; flex: none; border-radius: 50%; background: var(--shipping-success); box-shadow: 0 0 16px rgba(120,232,173,.58); }

.delivery-route { position: relative; min-width: 0; animation: shippingVisualOpen .62s var(--f9-ease) .12s both; }
.delivery-route__frame { position: relative; min-height: 570px; overflow: hidden; border: 1px solid rgba(255,255,255,.12); background: radial-gradient(circle at 76% 41%,rgba(var(--f9-accent-rgb),.14),transparent 17rem),linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008)); box-shadow: 0 36px 100px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.025); }
.delivery-route__frame::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .3; background-image: linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size: 44px 44px; mask-image: radial-gradient(circle at 60% 50%,#000,transparent 73%); }
.delivery-route__meta { position: absolute; left: 24px; right: 24px; top: 20px; z-index: 3; display: flex; align-items: center; justify-content: space-between; gap: 20px; color: rgba(255,255,255,.42); font-size: 8px; font-weight: 900; letter-spacing: .16em; }
.delivery-route__meta span { color: var(--f9-orange); }
.delivery-route__map { position: absolute; inset: 42px 14px 82px; width: calc(100% - 28px); height: calc(100% - 124px); overflow: visible; }
.delivery-route__country { fill: rgba(255,255,255,.018); stroke: rgba(255,255,255,.08); stroke-width: 1.5; stroke-dasharray: 7 10; }
.delivery-route__base { fill: none; stroke: rgba(255,255,255,.1); stroke-width: 3; }
.delivery-route__progress { fill: none; stroke: url(#shipping-route-gradient); stroke-width: 4; stroke-linecap: round; filter: url(#shipping-glow); stroke-dasharray: 720; stroke-dashoffset: 720; animation: shippingRouteDraw 1.2s var(--f9-ease) .12s forwards; }
.delivery-route__node circle:first-child { fill: rgba(10,13,18,.88); stroke: rgba(255,255,255,.22); stroke-width: 2; }
.delivery-route__node circle:nth-child(2) { fill: var(--f9-orange); filter: url(#shipping-glow); transform: scale(.3); transform-origin: center; animation: shippingNodeOn .24s var(--f9-ease) forwards; }
.delivery-route__node text { fill: rgba(255,255,255,.48); font-size: 11px; font-weight: 900; letter-spacing: 2px; }
.delivery-route__node--origin circle:nth-child(2) { animation-delay: .15s; }
.delivery-route__node--route circle:nth-child(2) { animation-delay: .58s; }
.delivery-route__node--destination circle:nth-child(2) { animation-delay: 1.05s; }
.delivery-route__node--destination circle:first-child { stroke: rgba(var(--f9-accent-rgb),.7); }
.delivery-route__parcel { transform: translate(68px,324px); filter: drop-shadow(0 14px 18px rgba(0,0,0,.45)); animation: shippingParcelTravel 1.24s var(--f9-ease) .1s forwards; }
.delivery-route__parcel-top { fill: #f4f5f7; }
.delivery-route__parcel-left { fill: #bfc5cf; }
.delivery-route__parcel-right { fill: var(--f9-orange); }
.delivery-route__parcel text { fill: #080a0d; font-size: 12px; font-weight: 950; letter-spacing: 1px; }
.delivery-route__states { position: absolute; left: 22px; right: 22px; bottom: 18px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid rgba(255,255,255,.1); }
.delivery-route__states span { min-height: 52px; display: flex; align-items: center; gap: 9px; padding: 12px 10px 0; color: rgba(255,255,255,.42); font-size: 8px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; opacity: .32; transform: translateY(6px); animation: shippingStateOn .28s var(--f9-ease) forwards; }
.delivery-route__states i { width: 6px; height: 6px; flex: none; border-radius: 50%; background: var(--f9-orange); box-shadow: 0 0 12px rgba(var(--f9-accent-rgb),.6); }
.delivery-route__states span:nth-child(1) { animation-delay: .16s; }.delivery-route__states span:nth-child(2) { animation-delay: .46s; }.delivery-route__states span:nth-child(3) { animation-delay: .78s; }.delivery-route__states span:nth-child(4) { animation-delay: 1.08s; }
@keyframes shippingCopyIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: none; } }
@keyframes shippingVisualOpen { from { opacity: 0; transform: translateX(-6%) scale(.96); } to { opacity: 1; transform: none; } }
@keyframes shippingRouteDraw { to { stroke-dashoffset: 0; } }
@keyframes shippingParcelTravel { 0% { transform: translate(68px,324px) scale(.92); } 36% { transform: translate(226px,205px) rotate(-3deg); } 67% { transform: translate(374px,174px) rotate(2deg); } 100% { transform: translate(635px,170px) scale(1.02); } }
@keyframes shippingNodeOn { to { transform: scale(1); } }
@keyframes shippingStateOn { to { opacity: 1; transform: none; color: rgba(255,255,255,.75); } }

/* Trust */
.shipping-trust { border-bottom: 1px solid var(--shipping-line); background: linear-gradient(90deg,rgba(var(--f9-accent-rgb),.045),transparent 40%,rgba(255,255,255,.018)); }
.shipping-trust__grid { width: min(100%,var(--f9-max)); display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-inline: auto; }
.shipping-trust article { min-height: 116px; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 16px; padding: 22px clamp(18px,2.2vw,34px); border-right: 1px solid var(--shipping-line); }
.shipping-trust article:last-child { border-right: 0; }
.shipping-trust article > span { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid rgba(var(--f9-accent-rgb),.45); color: var(--f9-orange); font-size: 9px; font-weight: 900; }
.shipping-trust h2 { margin: 0; font-size: 12px; letter-spacing: .04em; text-transform: uppercase; }
.shipping-trust p { margin: 7px 0 0; color: var(--shipping-copy-soft); font-size: 10px; line-height: 1.5; }

/* Process */
.shipping-section--process { background: linear-gradient(180deg,rgba(255,255,255,.012),transparent); }
.shipping-process { position: relative; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 0; padding-top: 28px; }
.shipping-process__line { position: absolute; left: 6%; right: 6%; top: 47px; height: 2px; overflow: hidden; background: rgba(255,255,255,.1); }
.shipping-process__line span { display: block; width: 100%; height: 100%; background: linear-gradient(90deg,var(--f9-orange),rgba(var(--f9-accent-rgb),.25)); transform: scaleX(0); transform-origin: left; transition: transform 1.05s var(--f9-ease); }
.shipping-process.is-visible .shipping-process__line span { transform: scaleX(1); }
.shipping-process article { position: relative; z-index: 2; min-width: 0; padding: 0 clamp(14px,2vw,27px) 0 0; opacity: 1; }
.shipping-main.is-enhanced .shipping-process article { opacity: .42; transform: translateY(14px); transition: opacity .36s ease,transform .36s var(--f9-ease); }
.shipping-main.is-enhanced .shipping-process article.is-active { opacity: 1; transform: none; }
.shipping-process__node { width: 40px; height: 40px; display: grid; place-items: center; margin-bottom: 27px; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; color: var(--shipping-copy); background: var(--shipping-bg-2); font-size: 9px; font-weight: 900; transition: color .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease; }
.shipping-process article.is-active .shipping-process__node { color: #080a0d; border-color: var(--f9-orange); background: var(--f9-orange); box-shadow: 0 0 0 8px rgba(var(--f9-accent-rgb),.09),0 0 26px rgba(var(--f9-accent-rgb),.25); }
.shipping-process small { color: var(--f9-orange); font-size: 8px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.shipping-process h3 { margin: 12px 0 0; font-size: clamp(18px,1.8vw,25px); line-height: 1.05; text-transform: uppercase; }
.shipping-process p { margin: 15px 0 0; color: var(--shipping-copy); font-size: 12px; line-height: 1.65; }

/* Route cards */
.shipping-section--routes { background: radial-gradient(circle at 84% 12%,rgba(var(--f9-accent-rgb),.075),transparent 28rem); }
.shipping-route-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.shipping-route-card { position: relative; min-height: 390px; padding: clamp(26px,3.4vw,46px); overflow: hidden; border: 1px solid var(--shipping-line); background: linear-gradient(145deg,var(--shipping-panel-2),var(--shipping-panel)); transition: transform .26s var(--f9-ease),border-color .2s ease,box-shadow .25s ease; }
.shipping-route-card:hover { transform: translateY(-4px); border-color: rgba(var(--f9-accent-rgb),.48); box-shadow: 0 28px 70px rgba(0,0,0,.25); }
.shipping-route-card__visual { min-height: 136px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; margin-bottom: 35px; }
.shipping-route-card__visual--long { grid-template-columns: auto 1fr auto 1fr auto; }
.shipping-route-card__point { min-width: 78px; min-height: 52px; display: grid; place-items: center; padding: 9px; border: 1px solid var(--shipping-line-strong); color: var(--shipping-copy); background: rgba(255,255,255,.025); font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.shipping-route-card__point--f9 { color: #080a0d; border-color: var(--f9-orange); background: var(--f9-orange); font-size: 15px; }
.shipping-route-card__visual i { height: 2px; position: relative; overflow: visible; background: linear-gradient(90deg,var(--f9-orange),rgba(var(--f9-accent-rgb),.18)); }
.shipping-route-card__visual i::after { content: ""; position: absolute; right: -1px; top: 50%; width: 8px; height: 8px; border-top: 2px solid var(--f9-orange); border-right: 2px solid var(--f9-orange); transform: translateY(-50%) rotate(45deg); }
.shipping-route-card__index { color: var(--f9-orange); font-size: 8px; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
.shipping-route-card h3 { max-width: 600px; margin: 15px 0 0; font-size: clamp(28px,3.2vw,48px); line-height: .98; letter-spacing: -.04em; text-transform: uppercase; }
.shipping-route-card p { max-width: 650px; margin: 20px 0 0; color: var(--shipping-copy); font-size: 13px; line-height: 1.7; }
.shipping-route-card--special { grid-column: 1/-1; min-height: 330px; display: grid; grid-template-columns: 240px minmax(0,1fr); grid-template-rows: auto auto auto 1fr; column-gap: clamp(32px,5vw,80px); align-items: center; }
.shipping-route-card--special .shipping-route-card__special-icon { grid-row: 1/-1; position: relative; width: 220px; height: 220px; display: grid; place-items: center; border: 1px solid rgba(var(--f9-accent-rgb),.28); background: radial-gradient(circle,rgba(var(--f9-accent-rgb),.15),transparent 62%); }
.shipping-route-card__special-icon::before,.shipping-route-card__special-icon::after { content: ""; position: absolute; border: 1px solid rgba(var(--f9-accent-rgb),.2); }
.shipping-route-card__special-icon::before { inset: 22px; }.shipping-route-card__special-icon::after { inset: 50px; }
.shipping-route-card__special-icon span { position: relative; z-index: 2; font-size: 40px; font-weight: 950; }.shipping-route-card__special-icon i { position: absolute; width: 88px; height: 88px; border: 5px solid var(--f9-orange); transform: rotate(45deg); opacity: .68; }
.shipping-route-card ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0 0; padding: 0; list-style: none; }
.shipping-route-card li { padding: 9px 11px; border: 1px solid var(--shipping-line); color: var(--shipping-copy-soft); font-size: 9px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }

/* Before pay */
.shipping-section--before { background: linear-gradient(135deg,rgba(var(--f9-accent-rgb),.07),transparent 43%); }
.shipping-before-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border: 1px solid var(--shipping-line); }
.shipping-before-grid article { min-height: 250px; display: flex; flex-direction: column; justify-content: space-between; padding: clamp(24px,3vw,42px); border-right: 1px solid var(--shipping-line); background: linear-gradient(165deg,rgba(255,255,255,.035),transparent 68%); transition: background .2s ease,transform .22s var(--f9-ease); }
.shipping-before-grid article:last-child { border-right: 0; }.shipping-before-grid article:hover { background: rgba(var(--f9-accent-rgb),.065); transform: translateY(-3px); }
.shipping-before-grid span { color: var(--f9-orange); font-size: 9px; font-weight: 900; letter-spacing: .16em; }
.shipping-before-grid h3 { margin: auto 0 0; font-size: clamp(21px,2.25vw,32px); line-height: 1; text-transform: uppercase; }
.shipping-before-grid p { margin: 18px 0 0; color: var(--shipping-copy); font-size: 13px; line-height: 1.55; }

/* Delivery consultation */
.shipping-section--consult { background: radial-gradient(circle at 14% 48%,rgba(var(--f9-accent-rgb),.11),transparent 25rem),var(--shipping-bg-2); }
.shipping-consult { display: grid; grid-template-columns: minmax(0,1fr) minmax(430px,.72fr); gap: clamp(40px,7vw,110px); align-items: center; }
.shipping-consult__intro > p:not(.shipping-kicker) { max-width: 660px; margin: 25px 0 0; color: var(--shipping-copy); font-size: 16px; line-height: 1.72; }
.shipping-consult__signal { max-width: 520px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; margin-top: 38px; }
.shipping-consult__signal span { min-height: 42px; display: grid; place-items: center; padding: 0 16px; border: 1px solid var(--shipping-line); color: var(--shipping-copy); font-size: 9px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }.shipping-consult__signal span:last-child { border-color: rgba(var(--f9-accent-rgb),.5); color: var(--f9-orange); }
.shipping-consult__signal i { height: 1px; background: linear-gradient(90deg,var(--f9-orange),rgba(var(--f9-accent-rgb),.1)); }
.shipping-consult__form { padding: clamp(24px,3.5vw,44px); border: 1px solid var(--shipping-line); background: linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012)); box-shadow: 0 30px 90px rgba(0,0,0,.22); }
.shipping-field { display: grid; gap: 9px; margin-bottom: 18px; }
.shipping-field label { color: var(--shipping-text); font-size: 9px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.shipping-field input { width: 100%; min-height: 54px; padding: 0 15px; border: 1px solid var(--shipping-line); border-radius: 0; color: var(--shipping-text); background: rgba(4,7,11,.56); outline: none; transition: border-color .2s ease,box-shadow .2s ease; }
.shipping-field input::placeholder { color: var(--shipping-copy-soft); }.shipping-field input:focus { border-color: var(--f9-orange); box-shadow: 0 0 0 3px rgba(var(--f9-accent-rgb),.11); }.shipping-field input[aria-invalid="true"] { border-color: #ff7e73; }
.shipping-field small,.shipping-form__note { color: var(--shipping-copy-soft); font-size: 9px; line-height: 1.55; }
.shipping-form__error { margin: 0 0 14px; padding: 12px; border-left: 2px solid #ff7e73; color: #ffd3cf; background: rgba(255,85,73,.08); font-size: 11px; line-height: 1.5; }
.shipping-form__note { margin: 13px 0 0; text-align: center; }

/* After purchase */
.shipping-status-flow { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); margin: 0; padding: 0; list-style: none; border: 1px solid var(--shipping-line); }
.shipping-status-flow li { position: relative; min-height: 168px; display: flex; flex-direction: column; justify-content: space-between; padding: 24px 18px; border-right: 1px solid var(--shipping-line); background: rgba(255,255,255,.015); }
.shipping-status-flow li:last-child { border-right: 0; }.shipping-status-flow li::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: linear-gradient(90deg,var(--f9-orange),transparent); transform: scaleX(0); transform-origin: left; transition: transform .45s var(--f9-ease); }.shipping-status-flow li:hover::after { transform: scaleX(1); }
.shipping-status-flow span { color: var(--f9-orange); font-size: 9px; font-weight: 900; letter-spacing: .16em; }.shipping-status-flow strong { font-size: 12px; line-height: 1.25; letter-spacing: .04em; text-transform: uppercase; }
.shipping-after__action { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 22px; padding: 22px 24px; border: 1px solid var(--shipping-line); background: rgba(255,255,255,.018); }.shipping-after__action p { margin: 0; color: var(--shipping-copy); font-size: 13px; }

/* Issues */
.shipping-section--issues { background: linear-gradient(180deg,rgba(255,255,255,.012),transparent); }
.shipping-issues-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.shipping-issues-grid article { min-height: 300px; display: flex; flex-direction: column; padding: clamp(25px,3vw,40px); border: 1px solid var(--shipping-line); background: linear-gradient(145deg,var(--shipping-panel-2),var(--shipping-panel)); transition: transform .24s var(--f9-ease),border-color .2s ease; }.shipping-issues-grid article:hover { transform: translateY(-4px); border-color: rgba(var(--f9-accent-rgb),.42); }
.shipping-issues-grid article > span { color: var(--f9-orange); font-size: 8px; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }.shipping-issues-grid h3 { max-width: 620px; margin: 18px 0 0; font-size: clamp(25px,3vw,42px); line-height: .98; letter-spacing: -.035em; text-transform: uppercase; }.shipping-issues-grid p { max-width: 640px; margin: 18px 0 0; color: var(--shipping-copy); font-size: 13px; line-height: 1.65; }.shipping-issues-grid a { display: inline-block; margin-top: auto; padding-top: 28px; color: var(--shipping-text); font-size: 9px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }.shipping-issues-grid article > div { display: flex; flex-wrap: wrap; gap: 18px; margin-top: auto; }.shipping-issues-grid article > div a { margin: 0; }

/* Commitment + manifesto */
.shipping-section--commitment { background: radial-gradient(circle at 12% 50%,rgba(var(--f9-accent-rgb),.12),transparent 24rem); }
.shipping-commitment { display: grid; grid-template-columns: minmax(0,.9fr) minmax(420px,.75fr); gap: clamp(42px,7vw,110px); align-items: start; }
.shipping-commitment__copy { padding: clamp(25px,3.5vw,44px); border-left: 2px solid var(--f9-orange); background: rgba(var(--f9-accent-rgb),.045); }.shipping-commitment__copy p { margin: 0 0 18px; color: var(--shipping-copy); font-size: 14px; line-height: 1.72; }.shipping-commitment__copy p:first-child { color: var(--shipping-text); font-weight: 750; }.shipping-commitment__copy a { display: inline-block; margin-top: 8px; color: var(--shipping-text); font-size: 9px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.shipping-manifesto { position: relative; overflow: hidden; padding: clamp(92px,10vw,168px) 0; border-top: 1px solid var(--shipping-line); border-bottom: 1px solid var(--shipping-line); background: radial-gradient(circle at 82% 38%,rgba(var(--f9-accent-rgb),.19),transparent 25rem),linear-gradient(135deg,#111720,#06080c 72%); }
.shipping-manifesto::after { content: "F9"; position: absolute; right: -2vw; bottom: -11vw; color: rgba(255,255,255,.025); font-family: var(--f9-font-display,inherit); font-size: min(42vw,600px); font-weight: 950; line-height: .7; }
.shipping-manifesto h2 { position: relative; z-index: 2; max-width: 1280px; font-size: clamp(44px,7vw,108px); }.shipping-manifesto > div > p:last-child { position: relative; z-index: 2; max-width: 740px; margin: 30px 0 0; color: rgba(248,249,251,.7); font-size: clamp(16px,1.7vw,21px); line-height: 1.65; }

/* FAQ */
.shipping-faq-layout { display: grid; grid-template-columns: minmax(280px,.48fr) minmax(0,1fr); gap: clamp(42px,7vw,112px); align-items: start; }.shipping-faq-layout > header { position: sticky; top: calc(var(--f9-header-offset,152px) + 28px); }.shipping-faq-layout > header > p:not(.shipping-kicker) { margin: 23px 0 0; color: var(--shipping-copy); font-size: 14px; line-height: 1.7; }
.shipping-accordion-group { border-top: 1px solid var(--shipping-line); }.shipping-accordion { border-bottom: 1px solid var(--shipping-line); }.shipping-accordion h3 { margin: 0; }.shipping-accordion button { width: 100%; min-height: 88px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 20px; padding: 20px 0; border: 0; color: var(--shipping-text); background: transparent; text-align: left; cursor: pointer; }.shipping-accordion button span { display: grid; gap: 6px; }.shipping-accordion button strong { font-size: 14px; line-height: 1.35; }.shipping-accordion button small { color: var(--shipping-copy-soft); font-size: 9px; font-weight: 700; letter-spacing: .04em; }.shipping-accordion button svg { width: 20px; height: 20px; fill: none; stroke: var(--f9-orange); stroke-width: 1.8; transition: transform .25s var(--f9-ease); }.shipping-accordion button[aria-expanded="true"] svg { transform: rotate(180deg); }.shipping-accordion > div { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .28s var(--f9-ease); }.shipping-accordion > div > p { min-height: 0; overflow: hidden; margin: 0; color: var(--shipping-copy); font-size: 13px; line-height: 1.7; }.shipping-accordion.is-open > div { grid-template-rows: 1fr; }.shipping-accordion.is-open > div > p { padding: 0 42px 24px 0; }

/* Final CTA */
.shipping-section--final { padding-block: clamp(64px,7vw,110px); background: radial-gradient(circle at 11% 50%,rgba(var(--f9-accent-rgb),.17),transparent 22rem),var(--shipping-bg-2); }
.shipping-final { min-height: 330px; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: clamp(40px,6vw,90px); padding: clamp(34px,5vw,66px); border: 1px solid var(--shipping-line); background: linear-gradient(135deg,rgba(255,255,255,.04),transparent 58%); }.shipping-final h2 { max-width: 900px; }.shipping-final > div:first-child > p:last-child { max-width: 650px; margin: 22px 0 0; color: var(--shipping-copy); font-size: 15px; line-height: 1.65; }.shipping-final__actions { display: grid; gap: 10px; min-width: 230px; }

/* Progressive enhancement only: content remains visible if JavaScript fails. */
.shipping-main.is-enhanced [data-shipping-reveal] { opacity: 0; transform: translateY(22px); transition: opacity .55s ease,transform .55s var(--f9-ease); }
.shipping-main.is-enhanced [data-shipping-reveal].is-visible { opacity: 1; transform: none; }

/* Light appearance */
html[data-resolved-scheme="light"] body.shipping-experience { --shipping-bg:#f4f6f9; --shipping-bg-2:#eef1f5; --shipping-panel:#fff; --shipping-panel-2:#f8f9fb; --shipping-soft:rgba(8,12,18,.035); --shipping-line:rgba(8,12,18,.12); --shipping-line-strong:rgba(8,12,18,.22); --shipping-text:#0a0e15; --shipping-copy:rgba(9,13,20,.7); --shipping-copy-soft:rgba(9,13,20,.5); background: radial-gradient(circle at 86% 8%,rgba(var(--f9-accent-rgb),.09),transparent 30rem),linear-gradient(180deg,#fff 0%,#f1f3f6 60%,#fff 100%); }
html[data-resolved-scheme="light"] .shipping-main::before { background-image:linear-gradient(rgba(8,12,18,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(8,12,18,.035) 1px,transparent 1px); }
html[data-resolved-scheme="light"] .shipping-hero { background:radial-gradient(circle at 76% 46%,rgba(var(--f9-accent-rgb),.14),transparent 23rem),linear-gradient(118deg,#fff 0%,#edf1f6 55%,#fff 100%); }
html[data-resolved-scheme="light"] .shipping-hero::before { background-image:linear-gradient(rgba(8,12,18,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(8,12,18,.04) 1px,transparent 1px); }
html[data-resolved-scheme="light"] .shipping-hero::after,html[data-resolved-scheme="light"] .shipping-hero__copy>p:not(.shipping-kicker):not(.shipping-hero__note),html[data-resolved-scheme="light"] .shipping-hero__note { color:rgba(9,13,20,.55); }
html[data-resolved-scheme="light"] .delivery-route__frame { background:radial-gradient(circle at 76% 41%,rgba(var(--f9-accent-rgb),.14),transparent 17rem),linear-gradient(145deg,#fff,#eef2f6); box-shadow:0 30px 80px rgba(19,28,40,.14); }
html[data-resolved-scheme="light"] .delivery-route__frame::before { background-image:linear-gradient(rgba(8,12,18,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(8,12,18,.04) 1px,transparent 1px); }html[data-resolved-scheme="light"] .delivery-route__meta { color:rgba(9,13,20,.46); }
html[data-resolved-scheme="light"] .delivery-route__country { fill:rgba(8,12,18,.018);stroke:rgba(8,12,18,.1); }html[data-resolved-scheme="light"] .delivery-route__base { stroke:rgba(8,12,18,.12); }html[data-resolved-scheme="light"] .delivery-route__node circle:first-child { fill:#fff;stroke:rgba(8,12,18,.22); }html[data-resolved-scheme="light"] .delivery-route__node text,html[data-resolved-scheme="light"] .delivery-route__states span { fill:rgba(8,12,18,.55);color:rgba(8,12,18,.62); }html[data-resolved-scheme="light"] .delivery-route__states { border-color:rgba(8,12,18,.1); }
html[data-resolved-scheme="light"] .shipping-btn--secondary { color:#0a0e15;background:rgba(255,255,255,.7); }html[data-resolved-scheme="light"] .shipping-process__node { background:#fff; }html[data-resolved-scheme="light"] .shipping-field input { color:#0a0e15;background:#fff; }html[data-resolved-scheme="light"] .shipping-manifesto { color:#fff; }html[data-resolved-scheme="light"] .shipping-manifesto .shipping-kicker { color:var(--f9-orange); }html[data-resolved-scheme="light"] .shipping-form__error { color:#a62922; }

@media (min-width: 981px) and (max-height: 780px) {
  .shipping-hero__grid { padding: 26px 0; gap: 30px; }
  .shipping-hero h1 { font-size: clamp(44px,5.15vw,70px); }
  .shipping-hero__copy > p:not(.shipping-kicker):not(.shipping-hero__note) { margin-top: 16px; font-size: 14px; line-height: 1.55; }
  .shipping-hero__actions { margin-top: 20px; }
  .shipping-hero__note { margin-top: 12px; }
  .delivery-route__frame { min-height: 486px; }
}
@media (max-width: 1200px) {
  .shipping-hero__grid { grid-template-columns: minmax(0,.9fr) minmax(470px,1.1fr); gap: 38px; }
  .shipping-trust__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.shipping-trust article:nth-child(2) { border-right:0; }.shipping-trust article:nth-child(-n+2) { border-bottom:1px solid var(--shipping-line); }
  .shipping-before-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.shipping-before-grid article:nth-child(2) { border-right:0; }.shipping-before-grid article:nth-child(-n+2) { border-bottom:1px solid var(--shipping-line); }
  .shipping-status-flow { grid-template-columns: repeat(3,minmax(0,1fr)); }.shipping-status-flow li:nth-child(3) { border-right:0; }.shipping-status-flow li:nth-child(-n+3) { border-bottom:1px solid var(--shipping-line); }
}
@media (max-width: 980px) {
  .shipping-hero { min-height:auto; }.shipping-hero__grid { grid-template-columns:1fr; gap:18px; padding:54px 0 44px; }.shipping-hero__copy { max-width:900px; }.delivery-route__frame { min-height:520px; }
  .shipping-section__head,.shipping-consult,.shipping-commitment,.shipping-faq-layout,.shipping-final { grid-template-columns:1fr; }.shipping-section__head { align-items:start; }.shipping-section__head>p,.shipping-section__head>div+p { max-width:720px; }.shipping-route-grid,.shipping-issues-grid { grid-template-columns:1fr; }.shipping-route-card--special { grid-column:auto; }
  .shipping-process { grid-template-columns:1fr; gap:0; padding:0 0 0 56px; }.shipping-process__line { left:19px; right:auto; top:20px; bottom:20px; width:2px; height:auto; }.shipping-process__line span { width:100%; height:100%; transform:scaleY(0); transform-origin:top; }.shipping-process.is-visible .shipping-process__line span { transform:scaleY(1); }.shipping-process article { min-height:170px; padding:0 0 42px 20px; }.shipping-process__node { position:absolute; left:-57px; top:0; margin:0; }.shipping-process p { max-width:650px; }
  .shipping-consult__signal { display:none; }.shipping-faq-layout>header { position:static; }.shipping-final__actions { min-width:0; grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .shipping-container,.shipping-hero__grid { width:min(calc(100% - 28px),var(--f9-max)); }
  .shipping-section { padding:72px 0; }.shipping-section__head { gap:20px; margin-bottom:36px; }.shipping-section__head h2,.shipping-consult h2,.shipping-commitment h2,.shipping-faq-layout h2,.shipping-final h2 { font-size:clamp(36px,11vw,52px); }.shipping-section__head>p,.shipping-section__head>div+p { font-size:13px; }
  .shipping-hero__grid { padding:28px 0 34px; }.shipping-hero h1 { font-size:clamp(38px,11.5vw,52px); line-height:.91; }.shipping-hero__copy>p:not(.shipping-kicker):not(.shipping-hero__note) { margin-top:15px;font-size:13px;line-height:1.48; }.shipping-hero__actions { display:grid;grid-template-columns:1fr;gap:8px;margin-top:20px; }.shipping-btn { width:100%;min-height:50px; }.shipping-btn--secondary { min-height:46px; }.shipping-hero__note { font-size:9px; }.shipping-hero::after { display:none; }
  .delivery-route__frame { min-height:360px; }.delivery-route__meta { left:14px;right:14px;top:14px; }.delivery-route__meta b { display:none; }.delivery-route__map { inset:36px 4px 70px;width:calc(100% - 8px);height:calc(100% - 106px); }.delivery-route__states { left:12px;right:12px;bottom:10px;grid-template-columns:repeat(2,minmax(0,1fr)); }.delivery-route__states span { min-height:31px;padding:7px 4px 0;font-size:6px; }.delivery-route__progress { animation-duration:.72s; }.delivery-route__parcel { animation-duration:.78s; }.delivery-route__node--route circle:nth-child(2){animation-delay:.32s}.delivery-route__node--destination circle:nth-child(2){animation-delay:.62s}.delivery-route__states span:nth-child(1){animation-delay:.1s}.delivery-route__states span:nth-child(2){animation-delay:.26s}.delivery-route__states span:nth-child(3){animation-delay:.46s}.delivery-route__states span:nth-child(4){animation-delay:.66s}
  .shipping-trust__grid { grid-template-columns:1fr; }.shipping-trust article { min-height:96px;border-right:0!important;border-bottom:1px solid var(--shipping-line);padding:18px 14px; }.shipping-trust article:last-child { border-bottom:0; }
  .shipping-route-card { min-height:0;padding:24px; }.shipping-route-card__visual { min-height:105px;margin-bottom:25px; }.shipping-route-card__visual--long { gap:7px; }.shipping-route-card__point { min-width:58px;min-height:46px;padding:6px;font-size:7px; }.shipping-route-card h3 { font-size:32px; }.shipping-route-card--special { display:block; }.shipping-route-card--special .shipping-route-card__special-icon { width:150px;height:150px;margin-bottom:28px; }.shipping-route-card__special-icon i { width:62px;height:62px; }.shipping-route-card__special-icon span { font-size:31px; }
  .shipping-before-grid { grid-template-columns:1fr; }.shipping-before-grid article { min-height:180px;border-right:0;border-bottom:1px solid var(--shipping-line); }.shipping-before-grid article:last-child { border-bottom:0; }
  .shipping-consult__form { padding:20px; }.shipping-field input { min-height:52px; }.shipping-status-flow { grid-template-columns:repeat(2,minmax(0,1fr)); }.shipping-status-flow li:nth-child(odd) { border-right:1px solid var(--shipping-line); }.shipping-status-flow li:nth-child(even) { border-right:0; }.shipping-status-flow li { min-height:130px;border-bottom:1px solid var(--shipping-line); }.shipping-status-flow li:nth-last-child(-n+2) { border-bottom:0; }.shipping-after__action { align-items:stretch;flex-direction:column; }.shipping-after__action .shipping-btn { width:100%; }
  .shipping-issues-grid article { min-height:260px;padding:24px; }.shipping-commitment__copy { padding:22px;border-left:0;border-top:2px solid var(--f9-orange); }.shipping-manifesto { padding:82px 0; }.shipping-manifesto h2 { font-size:clamp(38px,11vw,58px); }.shipping-accordion button { min-height:76px; }.shipping-accordion button strong { font-size:13px; }.shipping-accordion.is-open>div>p { padding-right:0; }.shipping-final { min-height:0;padding:26px; }.shipping-final__actions { grid-template-columns:1fr; }
  .shipping-main~.site-footer + .f9-floating-tools,.shipping-experience .f9-floating-tools { bottom:18px; }.shipping-experience .f9-floating-gear { display:none!important; }
}
@media (max-width: 430px) {
  .shipping-route-card__visual--long { grid-template-columns:auto 1fr auto; }.shipping-route-card__visual--long i:nth-of-type(2),.shipping-route-card__visual--long .shipping-route-card__point:last-child { display:none; }
  .shipping-status-flow { grid-template-columns:1fr; }.shipping-status-flow li,.shipping-status-flow li:nth-child(odd) { min-height:100px;border-right:0;border-bottom:1px solid var(--shipping-line); }.shipping-status-flow li:last-child { border-bottom:0; }
}
@media (prefers-reduced-motion: reduce) {
  .shipping-hero__copy,.delivery-route,.delivery-route__progress,.delivery-route__parcel,.delivery-route__node circle:nth-child(2),.delivery-route__states span { animation:none!important; opacity:1!important; transform:none!important; stroke-dashoffset:0!important; }
  .delivery-route__parcel { transform:translate(635px,170px)!important; }.delivery-route__node circle:nth-child(2){transform:scale(1)!important}.shipping-process__line span{transition:none!important;transform:none!important}.shipping-main.is-enhanced [data-shipping-reveal],.shipping-main.is-enhanced .shipping-process article { opacity:1!important;transform:none!important;transition:none!important; }.shipping-route-card,.shipping-before-grid article,.shipping-issues-grid article,.shipping-btn,.shipping-btn svg,.shipping-accordion>div,.shipping-accordion button svg { transition:none!important; }
}

.shipping-experience .f9-floating-whatsapp.is-shipping-hidden{opacity:0!important;pointer-events:none!important;transform:translateY(12px)!important}