/* Corporate identity refinement — intentionally loaded last. */
.site-header{border-bottom:1px solid rgba(255,255,255,.13)}
.header-accent{position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,var(--accent) 0 18%,transparent 18%)}
.nav-shell{height:92px}
.brand-lockup{display:flex;align-items:center;gap:12px;min-width:310px;color:inherit}
.brand-symbol{position:relative;display:block;width:50px;height:58px;flex:0 0 50px}
.brand-symbol img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .3s var(--ease)}
.symbol-dark{opacity:0}
.brand-name{display:flex;flex-direction:column;padding-right:15px;border-right:1px solid rgba(255,255,255,.25);font-family:var(--font-display);line-height:.92;text-transform:uppercase}
.brand-name small{font-size:.62rem;font-weight:700;letter-spacing:.18em;color:var(--accent);margin-bottom:5px}
.brand-name strong{font-size:1.38rem;letter-spacing:.16em;color:#fff}
.brand-sector{font:600 .57rem/1.35 var(--font-display);letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.site-header.is-scrolled{border-bottom-color:var(--border)}
.site-header.is-scrolled .nav-shell{height:72px}
.site-header.is-scrolled .symbol-light{opacity:0}
.site-header.is-scrolled .symbol-dark{opacity:1}
.site-header.is-scrolled .brand-name{border-color:var(--border)}
.site-header.is-scrolled .brand-name strong{color:var(--primary-dark)}
.site-header.is-scrolled .brand-sector{color:var(--text-muted)}
.site-nav{gap:27px;font-size:.72rem;letter-spacing:.02em}
.site-nav>a:not(.nav-cta){position:relative;padding:8px 0}
.site-nav>a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:100%;bottom:1px;height:1px;background:var(--accent);transition:right .3s var(--ease)}
.site-nav>a:not(.nav-cta):hover::after{right:0}
.nav-cta{display:flex;align-items:center;gap:20px;padding:0 0 0 19px;min-height:42px;border-left:1px solid rgba(255,255,255,.3);background:transparent;color:#fff}
.nav-cta b{display:grid;place-items:center;width:42px;height:42px;background:var(--accent);color:var(--primary-dark);font-size:1rem}
.site-header.is-scrolled .nav-cta{color:var(--primary-dark);border-color:var(--border)}
.hero::after{content:"JMSG / DISTRIBUCIÓN REGIONAL";position:absolute;top:47%;right:-72px;transform:rotate(90deg);font:700 .56rem var(--font-display);letter-spacing:.22em;color:rgba(255,255,255,.33)}
.hero-copy-block{max-width:760px;border-left:1px solid rgba(255,255,255,.28);padding-left:34px}
.hero-copy-block h1{font-weight:600;letter-spacing:-.06em;line-height:.97}
.hero-copy-block h1 em{display:inline;color:#fff;position:relative}
.hero-copy-block h1 em::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:7px;background:var(--accent);opacity:.78;z-index:-1}
.hero-media{filter:saturate(.78) contrast(1.06)}
.hero-grid{opacity:.1;background-size:64px 64px}
.hero-capacity{background:rgba(4,23,44,.54);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2)}
.hero-signal{padding-left:34px}
.about{position:relative}.about::before{content:"JMSG";position:absolute;right:-1.5vw;top:50px;font:800 clamp(7rem,17vw,16rem)/1 var(--font-display);letter-spacing:-.08em;color:rgba(7,49,92,.025);pointer-events:none}
.editorial-grid{position:relative}.rail-label{writing-mode:vertical-rl;transform:rotate(180deg);justify-self:start;padding:0;border-left:1px solid var(--border)}
.about-copy{border-top:1px solid var(--border);padding-top:30px}
.metrics{border-block:1px solid var(--border)}
.metric{position:relative}.metric::after{content:"";position:absolute;left:-1px;top:0;width:2px;height:0;background:var(--accent);transition:height .55s var(--ease)}.metric:hover::after{height:100%}
.product-card{border:1px solid rgba(255,255,255,.12)}
.product-content{display:grid;grid-template-columns:1fr auto;align-items:end;gap:0 20px}.product-content span,.product-content p{grid-column:1}.product-content h3{grid-row:1/3;grid-column:2;writing-mode:vertical-rl;transform:rotate(180deg);font-size:1.45rem;letter-spacing:-.02em}
.brands{border-block:1px solid var(--border)}
.brand-track span{text-transform:uppercase;letter-spacing:.04em;font-size:1.05rem}
.logistics-console{box-shadow:28px 28px 0 rgba(0,0,0,.12)}
.process-line li{position:relative}.process-line li:hover h3{color:var(--primary-light)}
.route-map{box-shadow:18px 18px 0 #cbdce4}
.values-grid article{transition:background .3s,padding .3s}.values-grid article:hover{background:var(--surface-soft);padding-left:25px}
.contact-cta{border-top:1px solid rgba(255,255,255,.15)}
.contact-cta::after{content:"20 TON / RUTAS REGIONALES / CADENA DE FRÍO";position:absolute;right:3%;top:24px;font:700 .56rem var(--font-display);letter-spacing:.18em;color:rgba(255,255,255,.3)}
.footer-identity{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:20px}.footer-identity img{width:100px;height:100px}.footer-identity p{margin:0;border-left:1px solid rgba(255,255,255,.14);padding-left:20px}
.page-hero{overflow:hidden;border-bottom:1px solid rgba(255,255,255,.14);background-color:var(--primary-dark);background-image:linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px);background-size:64px 64px}
.page-hero::before{content:"JMSG";position:absolute;right:-1vw;bottom:-.21em;font:800 clamp(9rem,24vw,22rem)/1 var(--font-display);letter-spacing:-.09em;color:rgba(255,255,255,.035)}
.page-hero::after{content:"NORTE DE ANTIOQUIA / COLOMBIA";position:absolute;right:5%;top:50%;font:700 .57rem var(--font-display);letter-spacing:.2em;color:rgba(255,255,255,.36);writing-mode:vertical-rl}
.page-hero .container{position:relative;z-index:1}.page-hero h1{max-width:990px;font-weight:600}.page-hero h1 em{color:var(--accent)}
.page-content{position:relative}.page-content::before{content:"";position:absolute;left:calc((100% - min(var(--container),calc(100% - 80px)))/2);top:0;width:1px;height:64px;background:var(--accent)}
.feature-list{gap:0;border:1px solid var(--border);background:transparent}.feature-list article{position:relative;padding:28px 32px;border-bottom:1px solid var(--border);transition:background .3s,padding-left .3s}.feature-list article:last-child{border:0}.feature-list article:hover{background:var(--surface-soft);padding-left:42px}.feature-list article::after{content:"↗";position:absolute;right:25px;top:25px;color:var(--primary-light)}
.contact-details{align-content:start;padding:36px;background:var(--primary-dark);color:#fff;box-shadow:18px 18px 0 var(--surface-soft)}.contact-details p,.contact-details address{color:rgba(255,255,255,.67)}.contact-details small{color:var(--accent)}
.contact-form{padding-top:10px}.field input,.field textarea{transition:border-color .25s,background .25s;padding .25s}.field input:focus,.field textarea:focus{background:var(--surface-soft);padding-inline:12px}.form-submit{margin-top:8px}
.site-footer{position:relative;border-top:2px solid var(--accent)}.site-footer::before{content:"DISTRIBUCIÓN / CONSERVACIÓN / SERVICIO";position:absolute;top:24px;right:4%;font:700 .53rem var(--font-display);letter-spacing:.18em;color:rgba(255,255,255,.25)}
@media(max-width:1100px){.brand-sector{display:none}.brand-lockup{min-width:230px}.site-nav{gap:18px}}
@media(max-width:820px){.site-header{border-bottom-color:rgba(255,255,255,.12)}.brand-lockup{min-width:0}.brand-symbol{width:43px;height:50px;flex-basis:43px}.brand-name{border:0;padding:0}.brand-name small{font-size:.52rem}.brand-name strong{font-size:1.12rem}.site-nav{gap:22px}.nav-cta{border:0;padding:0}.nav-cta b{width:38px;height:38px}.hero-copy-block{padding-left:20px}.hero-signal{padding-left:20px}.hero::after{display:none}.rail-label{display:none}.product-content h3{writing-mode:initial;transform:none;grid-column:1;grid-row:auto;font-size:1.55rem}.product-content{display:block}.logistics-console,.route-map{box-shadow:none}}
@media(max-width:520px){.brand-symbol{width:39px;height:45px;flex-basis:39px}.brand-name strong{font-size:1rem}.brand-name small{letter-spacing:.12em}.hero-copy-block{border-left:0;padding-left:0}.hero-signal{padding-left:0}.hero-copy-block h1 em::after{height:5px}.footer-identity{grid-template-columns:78px 1fr}.footer-identity img{width:78px;height:78px}}
.header-accent{background:rgba(255,255,255,.08);overflow:hidden}.header-accent i{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;will-change:transform}

/* Pointer-aware polish: lightweight interactions with no framework dependency. */
.product-card,.operation-card,.logistics-console{isolation:isolate}
.product-card::before,.operation-card::before,.logistics-console::before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(320px circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(255,255,255,.16),transparent 65%);transition:opacity .35s}
.product-card:hover::before,.operation-card:hover::before,.logistics-console:hover::before{opacity:1}
.product-card .product-art{transition:transform .8s var(--ease),filter .8s var(--ease)}
.product-card:hover .product-art{transform:scale(1.035);filter:saturate(1.08)}
.magnetic{transition:transform .18s ease,background-color .25s,color .25s,border-color .25s}
@media(prefers-reduced-motion:reduce){.product-card .product-art,.magnetic{transition:none}.product-card:hover .product-art{transform:none}}

/* App-like navigation and entrance states. */
.site-nav>a:not(.nav-cta){position:relative}
.site-nav>a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}
.site-nav>a:not(.nav-cta):hover::after,.site-nav>a.is-active::after{transform:scaleX(1);transform-origin:left}
.site-nav>a.is-active{color:var(--accent)}
html.is-ready body{animation:page-ready .35s ease both}@keyframes page-ready{from{opacity:.72}to{opacity:1}}
.brand-marquee{mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.not-found{min-height:100svh;display:grid;place-items:center;padding:150px 0 90px;background:var(--surface-soft)}
.not-found .container{position:relative}.not-found strong{display:block;font:700 clamp(7rem,20vw,17rem)/.78 var(--font-display);letter-spacing:-.09em;color:var(--primary-dark);opacity:.08}
.not-found h1{max-width:920px;margin:-.12em 0 28px;font-size:clamp(2.8rem,6vw,6rem)}.not-found p:not(.eyebrow){max-width:540px;margin-bottom:34px;color:var(--text-muted)}
@media(max-width:820px){.site-nav>a:not(.nav-cta)::after{bottom:-5px}.brand-marquee{mask-image:none;-webkit-mask-image:none}}