/* Stable targets: hovering changes color only, never position. */
.map-marker{--marker-transform:translate(12px,-50%);transform:var(--marker-transform)!important;transition:background .18s,border-color .18s,box-shadow .18s!important;animation:none!important;max-width:none!important}
.marker-cartagena,.marker-buenaventura{--marker-transform:translate(calc(-100% - 12px),-20%)}.marker-barranquilla{--marker-transform:translate(12px,-100%)}.marker-cali{--marker-transform:translate(12px,5%)}
.map-marker:hover,.map-marker:focus-visible,.map-marker.is-current{transform:var(--marker-transform)!important}.map-marker:hover{border-color:#ffe369!important;box-shadow:0 0 0 2px #ffe36930}.map-marker:focus-visible{outline:2px solid #ffe369;outline-offset:4px}
.office-card{background:#fff;border:1px solid #d6e4ec;color:#12314d;box-shadow:0 16px 40px #0003}.office-image{background:linear-gradient(0deg,#fff,transparent 95%),url('../v4/port-clean.webp') center 54%/cover;opacity:1;height:85px}.office-kicker{color:#217a9f}.office-title h3{color:#10334e}.office-title span{background:#e9f4fa;color:#16628e}.office-address,.office-phone,.office-email{color:#40596d!important}.office-divider{background:#dce7ef}.office-caption{color:#356985}.office-card li{color:#536d80}.office-channel{color:#637d8e}.office-directions{background:#eaf2f7;border:1px solid #d6e4ec;color:#234d68!important}.office-directions:hover{background:#dbeaf3}.office-whatsapp{background:#147653;color:white!important}.city-selector{display:none}
.trm-strip{display:flex;align-items:center;gap:24px;padding:19px 24px;margin:8px auto 22px;border:1px solid #315b78;border-radius:17px;background:radial-gradient(ellipse at 65% 0,#17658a55,transparent 65%),linear-gradient(120deg,#071d35,#0d3651);box-shadow:0 9px 24px #0b2d431b;color:#fff;position:relative;overflow:hidden}.trm-strip:before{content:'';position:absolute;left:0;top:16px;bottom:16px;width:3px;background:#f7d133}.indicator-heading{display:flex;align-items:center;gap:14px;flex:1}.indicator-icon{display:grid;place-items:center;width:44px;height:44px;background:#20445c;border:1px solid #3c6379;border-radius:12px;color:#fbd238;font-size:28px}.indicator-heading>div{display:grid;gap:5px}.indicator-label{font-size:9px;letter-spacing:.13em;color:#87b7d3}.indicator-heading b{font-size:16px;font-weight:600;color:#f1f7fc}.indicator-value{display:grid;gap:4px;border-left:1px solid #3d5c72;padding-left:24px;min-width:165px}.indicator-value>span{font-size:9px;color:#abc6d8;letter-spacing:.1em}.trm-strip strong{color:#fff;margin:0;font-size:23px;line-height:1.1}.trm-strip .indicator-action{background:#fbd22d;color:#112e45;border-radius:10px;padding:13px 19px;font-size:12px;font-weight:800;display:flex;align-items:center;gap:24px;box-shadow:0 4px 16px #fbd22d20;min-height:44px}.indicator-action:hover{background:#ffe46b}.indicator-action span{font-size:19px}
.footer-grid{grid-template-columns:1.1fr .8fr 2fr 1fr}.corporate-docs{display:grid;grid-template-columns:.85fr 1.65fr;gap:22px;padding-top:26px;padding-bottom:24px;border-top:1px solid #36506a;margin-top:26px}.document-group{padding:23px;border:1px solid #2c4b66;border-radius:15px;background:#0c2844}.document-group h3{margin:0 0 5px;font-size:17px;color:#fff}.document-group>p{color:#8daec6;font-size:11px;margin:0 0 18px}.document-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.document-group[data-document-group=about] .document-links{grid-template-columns:1fr}.document-links a{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #31516b;border-radius:8px;padding:11px 12px;color:#d6e5ee;font-size:10px;line-height:1.4;background:#15344e;min-height:42px}.document-links a:hover{background:#204862;border-color:#6686a0}.document-links a>span{color:#e7ce65;font-size:8px;white-space:nowrap}
@media(max-width:1100px) and (min-width:761px){.footer-grid{grid-template-columns:1fr 1fr 1fr}.footer-feature-pair{grid-column:1/3}.footer-contact{grid-column:3;grid-row:2}}
@media(max-width:760px){
 body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.mobile-dock{background:linear-gradient(110deg,#071b32,#12364f);border-top:1px solid #396079;box-shadow:0 -7px 25px #08263c33;padding:8px 8px calc(8px + env(safe-area-inset-bottom));gap:5px;min-height:72px}.mobile-dock a,.mobile-dock button{color:#a9c4d7!important;position:relative;border-radius:12px;padding:7px 0;gap:5px;transition:background .18s,color .18s}.mobile-dock svg{width:23px;height:23px}.mobile-dock small{font-size:10px;font-weight:700}.mobile-dock a.is-active{color:#ffda3e!important;background:#28475d}.mobile-dock a.is-active:after{display:none}.mobile-dock button[data-trm]{background:#f4d130;color:#09283f!important;box-shadow:0 2px 9px #0002}.mobile-dock a[href*="wa.me"]{color:#9ae5c5!important}.mobile-dock a:active,.mobile-dock button:active{background:#325772;color:white!important}
 .presence{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto 280px auto;align-items:start;align-content:start;gap:16px;padding:23px 17px!important;min-height:0!important;height:auto!important;overflow:hidden!important;width:calc(100% - 24px);border-radius:21px;isolation:auto}.presence-content{grid-row:1;grid-column:1;align-self:start;width:100%;min-height:0!important;height:auto!important;padding:0!important}.network-status{margin:0 0 14px;font-size:8px}.presence .eyebrow{font-size:9px}.presence h2{font-size:28px;line-height:1.12;margin:10px 0 12px}.presence h2 br{display:none}.presence h2 em{display:block}.presence-content>p{font-size:12px;line-height:1.6;margin:0;max-width:none}.presence-facts{display:none!important}.presence-content>.button{display:none!important}.city-selector{display:flex;gap:7px;overflow:auto;scrollbar-width:none;grid-row:2;grid-column:1;margin:0 -3px;padding:3px;scroll-snap-type:x proximity}.city-chip{flex:none;min-height:40px;padding:9px 13px;border-radius:22px;border:1px solid #3c657f;background:#17364f;color:#c9dfea;font:inherit;font-size:11px;scroll-snap-align:start;cursor:pointer}.city-chip[aria-pressed=true]{background:#f8d337;color:#112c45;border-color:#ffe36d;font-weight:800}.city-chip:focus-visible{outline:2px solid #ffdc4b;outline-offset:2px}
 .presence .map-stage{grid-row:3;grid-column:1;display:block!important;position:relative;width:100%!important;height:280px!important;min-height:0!important;max-height:280px!important;aspect-ratio:auto!important;margin:0!important;align-self:start;order:initial;background:radial-gradient(ellipse at 50% 45%,#16628a55,transparent 65%);overflow:visible}.presence .map-canvas{position:relative;width:214.66px!important;height:280px!important;min-height:0!important;max-width:none!important;aspect-ratio:auto!important;margin:0 auto!important}.presence .colombia-map{position:absolute;inset:0;width:214.66px!important;height:280px!important;max-width:none;margin:0!important}.map-label{font-size:7px;letter-spacing:.1em;left:0;top:0;max-width:74px;line-height:1.7}.map-label b{display:block}.presence .map-marker{--marker-transform:translate(-50%,-50%);width:40px!important;height:40px!important;min-height:40px;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;border-radius:50%!important;z-index:3}.map-marker b,.map-marker small{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.presence .map-marker:after{content:'';position:absolute;left:50%;top:50%;width:10px;height:10px;transform:translate(-50%,-50%);border:2px solid white;border-radius:50%;background:#eac332;box-shadow:0 0 0 4px #f9d53425}.presence .map-marker.is-current:after{background:#fff;box-shadow:0 0 0 5px #f9d53466,0 0 14px #f9d534aa}.marker-cartagena,.marker-barranquilla{width:29px!important;height:29px!important;min-height:29px!important}.presence .map-marker:focus-visible{outline:2px solid #ffdc4b;outline-offset:0}.map-canvas:after{content:'Toca una ciudad para ver su información';position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:8px;color:#a7cadd;pointer-events:none}.presence .office-card{grid-row:4;grid-column:1;position:relative!important;inset:auto!important;width:100%!important;min-height:0!important;max-height:none!important;opacity:1!important;visibility:visible!important;transform:none!important;transition:none!important;z-index:1;order:initial;margin:0;overflow:hidden;border-radius:14px;box-shadow:0 8px 24px #0002}.office-card .office-image,.office-card .office-close,.office-card .office-divider,.office-card .office-caption,.office-card ul,.office-card .office-channel{display:none!important}.office-card-content{padding:20px!important}.office-kicker{font-size:7px;margin-bottom:9px}.office-title{align-items:start;gap:7px;flex-wrap:wrap}.office-title h3{font-size:23px}.office-title span{font-size:9px}.office-card-content p{margin:10px 0;line-height:1.5}.office-address,.office-phone,.office-email{font-size:11px!important;overflow-wrap:anywhere}.office-whatsapp,.office-directions{min-height:43px;padding:11px;font-size:11px;margin-top:10px}.map-backdrop,.map-backdrop.is-open{display:none!important}
 .trm-strip{display:grid!important;grid-template-columns:1fr auto;gap:15px;padding:17px;margin-top:4px;margin-bottom:15px;width:calc(100% - 24px);border-radius:14px}.indicator-heading{grid-column:1/-1;gap:10px}.indicator-icon{width:34px;height:34px;font-size:23px;border-radius:9px}.indicator-label{font-size:7px;letter-spacing:.08em}.indicator-heading b{font-size:12px}.indicator-value{border:0;padding:0;min-width:0;gap:5px}.indicator-value>span{font-size:8px}.trm-strip strong{font-size:22px}.trm-strip .indicator-action{font-size:11px;gap:18px;min-height:42px;padding:11px 15px}.trm-strip:before{top:14px;bottom:14px}
 .footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-feature-pair{grid-column:1/-1;grid-row:2}.footer-contact{grid-column:auto;grid-row:auto}.corporate-docs{grid-template-columns:1fr;gap:12px;padding-top:20px;margin-top:20px}.document-group{padding:18px;border-radius:12px}.document-group h3{font-size:16px}.document-links{grid-template-columns:1fr}.document-links a{font-size:11px;min-height:43px}.document-group>p{font-size:10px}
}
@media(prefers-reduced-motion:no-preference){.city-chip[aria-pressed=true]{animation:chip-highlight .3s ease-out}.presence .map-marker.is-current:after{animation:pin-glow 2.6s ease-in-out infinite}@keyframes chip-highlight{from{box-shadow:0 0 0 4px #f8d33740}to{box-shadow:0 0 0 0 transparent}}@keyframes pin-glow{50%{box-shadow:0 0 0 8px #f9d53420,0 0 18px #f9d53488}}}
