.logistics-page { --lp-ink: #27231f; --lp-red: #c53030; color: var(--lp-ink); }
.logistics-page .lp-hero { padding: calc(var(--header-height, 104px) + 32px) 0 72px; background: #fff9f1; overflow: hidden; }
.lp-hero-grid { display: grid; grid-template-columns: 1fr 1.08fr; gap: clamp(28px,5vw,78px); align-items: center; }
.lp-copy { padding-block: 28px; min-width: 0; }
.logistics-page .lp-copy h1 { margin: 0; font-size: clamp(46px,5.2vw,72px); line-height: 1.08; }
.logistics-page .lp-copy h1 .brand-underline { color: var(--lp-red); }
.lp-lead { margin: 32px 0 28px; font-size: clamp(17px,1.5vw,20px); line-height: 1.7; }
.lp-map { position: relative; margin: 0; min-width: 0; }
.lp-map-topline { display: flex; justify-content: space-between; gap: 12px; border-bottom: 1px solid #e0d2c0; padding-bottom: 14px; font-size: 10px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.lp-map-live { display: inline-flex; gap: 7px; align-items: center; }
.lp-map-live i { width: 6px; height: 6px; background: #c53030; border-radius: 50%; }
.lp-map .lp-map-svg { display: block; width: 100%; height: auto; max-height: 640px; overflow: hidden; stroke: none; }
.lp-map-context path { fill: #ede3d5; stroke: #fff9f1; stroke-width: 1.2; }
.lp-country { stroke: #fff9f1; stroke-width: 1.8; stroke-linejoin: round; transition: fill .55s ease,filter .55s ease; }
.lp-country-argentina { fill: #c53030; filter: drop-shadow(0 6px 6px #6c301620); }
.lp-country-uruguay { fill: #d8a66c; }
.lp-map-svg .lp-connection { fill: none; stroke: #a32626; stroke-width: 2; stroke-dasharray: 1; stroke-dashoffset: 0; animation: lp-route 2.4s ease both; }
.lp-map-svg .lp-dot { fill: #fff9f1; stroke: #a32626; stroke-width: 2; }
.lp-map-svg .lp-pulse { fill: none; stroke: #c53030; stroke-width: 1.4; transform-box: fill-box; transform-origin: center; animation: lp-pulse 1.4s ease-out 3; }
.lp-map-label rect { fill: #fff9f1; stroke: #d9c4ad; stroke-width: .8; }
.lp-map-label text { fill: #342b23; font-family: Manrope,sans-serif; font-size: 14px; font-weight: 800; letter-spacing: 1.5px; }
.lp-map-label path { fill: none; stroke: #a98c6c; stroke-width: 1; }
.lp-map-svg .lp-ocean { fill: #9d8d7d; font-size: 10px; font-family: Manrope,sans-serif; letter-spacing: 3px; }
.lp-map figcaption { border-top: 1px solid #e0d2c0; padding-top: 12px; color: #7d6f61; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.lp-reach { padding: clamp(60px,7vw,100px) 0; }
.lp-reach-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 42px; }
.lp-reach article { border-top: 2px solid #d9b587; padding-top: 24px; }
.lp-index { color: #a32626; font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.logistics-page .lp-reach h2 { margin: 26px 0; font-size: clamp(28px,3vw,43px); line-height: 1.2; }
.lp-reach p { max-width: 355px; color: #61574d; line-height: 1.8; margin: 0; font-size: 16px; }
.lp-contact { background: #f4e5d2; padding: 64px 0; overflow: hidden; }
.lp-contact-inner { display: grid; grid-template-columns: 1.3fr 1fr; align-items: center; gap: 40px; }
.logistics-page .lp-contact h2 { margin: 0; font-size: clamp(30px,3.7vw,52px); line-height: 1.2; }
.lp-contact-copy > p:not(.eyebrow) { margin: 26px 0; color: #61574d; }
.lp-products { display: flex; justify-content: center; align-items: center; padding: 15px 0; }
.lp-products img { width: 47%; max-width: 210px; height: auto; filter: drop-shadow(0 15px 12px #6f451925); transform: rotate(-7deg); }
.lp-products img + img { margin-left: -14px; transform: translateY(14px) rotate(8deg); }
@keyframes lp-route { from { stroke-dashoffset: 1; opacity: 0; } to { stroke-dashoffset: 0; opacity: 1; } }
@keyframes lp-pulse { from { transform: scale(.6); opacity: .9; } to { transform: scale(1.8); opacity: 0; } }
@media (max-width:1024px) {
 .logistics-page .lp-hero { padding-top: 116px; }
 .lp-hero-grid { gap: 25px; }
 .logistics-page .lp-copy h1 { font-size: clamp(42px,5.7vw,62px); }
 .lp-map-topline { flex-wrap: wrap; font-size: 9px; }
 .lp-reach-grid { gap: 25px; }
}
@media (max-width:760px) {
 .logistics-page .lp-hero { padding-top: 106px; padding-bottom: 40px; }
 .lp-hero-grid { grid-template-columns: 1fr; gap: 25px; }
 .lp-copy { padding-block: 15px 0; }
 .logistics-page .lp-copy h1 { font-size: clamp(43px,10vw,64px); }
 .lp-lead { margin-block: 26px; }
 .lp-map { width: 100%; max-width: 540px; margin-inline: auto; }
 .lp-map .lp-map-svg { max-height: 570px; }
 .lp-map-topline { font-size: 10px; }
 .lp-reach-grid { grid-template-columns: 1fr; gap: 38px; }
 .logistics-page .lp-reach h2 { margin-block: 20px; font-size: 34px; }
 .lp-reach p { max-width: 100%; }
 .lp-contact-inner { grid-template-columns: 1fr; gap: 32px; }
 .lp-products { max-width: 360px; margin-inline: auto; }
 .lp-contact { padding-block: 50px; }
}
@media (prefers-reduced-motion: reduce) {
 .logistics-page *, .logistics-page *::before, .logistics-page *::after { animation: none !important; transition: none !important; }
}

/* Product imagery and the existing Sr. Pan icon collection. */
.lp-export-note { margin: -10px 0 14px; color: #a32626; font-size: 17px; font-weight: 800; }
.lp-hero-products { display: flex; align-items: center; justify-content: flex-start; gap: 6px; padding: 20px 10px 8px; }
.lp-hero-products img { display: block; width: clamp(120px,12vw,172px); height: auto; filter: drop-shadow(0 12px 10px #6f45191f); transform: rotate(-6deg); }
.lp-hero-products img + img { transform: translateY(8px) rotate(7deg); }
@media(max-width:760px) {
 .lp-hero-products { padding-top: 16px; justify-content: center; }
 .lp-hero-products img { width: clamp(120px,37vw,160px); }
 .lp-export-note { font-size: 16px; }
 .lp-reach-icon { margin-bottom: 18px; }
}

/* Illustrated logistics assets matched to the current homepage. */
.lp-reach-icon { display: block; width: 160px; height: 160px; margin: 0 0 22px; }
.lp-reach-icon img { display: block; width: 100%; height: 100%; object-fit: contain; }

/* Warm brand texture and continuous map movement. */
.logistics-page .lp-hero {
 position: relative;
 isolation: isolate;
 background: radial-gradient(ellipse at 87% 35%, #e4c79f8c 0%, transparent 52%), radial-gradient(ellipse at 9% 89%, #deb37b73 0%, transparent 43%), linear-gradient(125deg, #fffaf3 10%, #f9eddc 58%, #f3e0c6 100%);
}
.logistics-page .lp-hero::before {
 content: '';
 position: absolute;
 inset: 0;
 z-index: -1;
 pointer-events: none;
 background: url('../images/decorativos/trigo-esquinas.svg') center / cover no-repeat, url('../images/decorativos/trama-suave-completa.svg') center / 1600px 700px repeat;
 opacity: .66;
}
.lp-map .lp-map-svg { border-radius: 20px; background: #fff9f16b; }
.lp-map-context path { fill: #e8dac5; }
.lp-map-svg .lp-country-uruguay { animation: lp-uruguay-glow 6s ease-in-out infinite; }
.lp-map-svg .lp-connection { stroke: #a3262659; stroke-dasharray: none; animation: none; }
.lp-map-svg .lp-route-tracer { fill: none; stroke: #c53030; stroke-width: 3; stroke-linecap: round; stroke-dasharray: .22 .78; stroke-dashoffset: 1; animation: lp-travel 5s linear infinite; }
.lp-map-svg .lp-route-highlight { stroke: #f3b550; stroke-width: 2; stroke-dasharray: .045 .955; animation-delay: -.2s; }
.lp-map-svg .lp-pulse { animation: lp-signal 3s ease-out infinite; }
.lp-map-svg .lp-pulse-uy { animation-delay: -1.5s; }
.lp-map-svg .lp-pulse-echo { animation-delay: -1.5s; }
.lp-map-svg .lp-pulse-uy.lp-pulse-echo { animation-delay: 0s; }
.lp-map .lp-map-live i { animation: lp-live 3s ease-in-out infinite; }
.lp-map[data-lp-paused="true"] *, .lp-map[data-lp-offscreen="true"] *, .lp-map[data-lp-hidden="true"] * { animation-play-state: paused !important; }
@keyframes lp-travel { from { stroke-dashoffset: 1; } to { stroke-dashoffset: -1; } }
@keyframes lp-signal { 0% { transform: scale(.45); opacity: .8; } 75%,100% { transform: scale(2.15); opacity: 0; } }
@keyframes lp-uruguay-glow { 0%,100% { fill: #d8a66c; } 45%,65% { fill: #c85d3f; } }
@keyframes lp-live { 0%,100% { opacity: .45; } 50% { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
 .lp-map-svg .lp-route-tracer { stroke-dashoffset: 0; }
 .lp-map-svg .lp-pulse-echo { opacity: 0; }
}
/* AI-generated logistics background with a quiet layer behind the copy. */
.logistics-page .lp-hero { background: #f4e8d6; }
.lp-hero-background { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.logistics-page .lp-hero::before { background: linear-gradient(90deg, #fff9f1ed 0%, #fff9f1c4 36%, #fff9f18a 70%, #fff9f14d 100%); opacity: 1; }
.lp-map .lp-map-svg { background: #fff9f1c9; }
.logistics-page .lp-reach { padding-bottom: 34px; }
.lp-reach article { border: 0; padding-top: 0; text-align: center; }
.lp-reach .lp-reach-icon { width: 170px; height: 170px; margin: 0 auto 18px; }
.lp-reach .lp-index { display: block; }
.logistics-page .lp-reach h2 { margin: 22px 0; font-size: clamp(22px,2.05vw,29px); line-height: 1.3; }
.lp-reach p { max-width: 34ch; margin-inline: auto; line-height: 1.75; }
.logistics-page .product-categories { padding-top: 115px; padding-bottom: 90px; }
.logistics-page .category-product-overlay strong { font-family: 'Archivo Black',Manrope,sans-serif; font-weight: 400; }
.logistics-page .lp-contact { padding-block: 72px; background: #f4e5d2; }
.lp-contact-inner { display: block; text-align: center; }
.lp-contact-copy { max-width: 900px; margin-inline: auto; }
.logistics-page .lp-contact h2 { font-size: clamp(32px,3.4vw,48px); }
.lp-contact-copy > p:not(.eyebrow) { max-width: 560px; margin: 26px auto; }
@media(max-width:760px) {
 .lp-hero-background { object-position: 65% center; }
 .logistics-page .lp-hero::before { background: linear-gradient(180deg, #fff9f1dc, #fff9f1a6 52%, #fff9f180); }
 .lp-reach-grid { gap: 48px; }
 .logistics-page .lp-reach h2 { font-size: clamp(22px,6.3vw,28px); }
 .logistics-page .product-categories { padding-top: 86px; padding-bottom: 64px; }
 .logistics-page .lp-contact { padding-block: 56px; }
}