:root{--blue:#1d3b80;--navy:#142b5b;--yellow:#f5c51a;--ink:#202d43;--muted:#5f6b7b;--line:#dce2ec}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #b98500;outline-offset:5px}.skip{position:absolute;top:-80px;left:20px;z-index:5;background:#fff;padding:16px}.skip:focus{top:15px}.topbar{background:var(--navy);color:#fff}.topbar>div{max-width:1280px;margin:auto;padding:11px 5%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.6px}.topbar a{letter-spacing:0}.header{max-width:1280px;margin:auto;padding:22px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:block;flex-shrink:0}.brand img{display:block;width:300px;max-width:100%;height:auto}.header nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:600}.nav-contact{padding:14px 20px;border:1px solid var(--blue);color:var(--blue)}.nav-contact span{margin-left:25px}.hero{background:linear-gradient(115deg,#122b60,#21448e);color:#fff;position:relative;border-bottom:5px solid var(--yellow)}.hero-inner{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding:50px 5% 45px;gap:15px}.hero-copy{padding:16px 0 32px}.eyebrow{font-size:10px;letter-spacing:2px;line-height:1.8;font-weight:700;margin:0 0 24px}.hero .eyebrow{color:var(--yellow)}h1{font-size:clamp(39px,4.2vw,62px);line-height:1.12;letter-spacing:-2px;margin:0 0 25px;font-weight:700}h1 span{color:var(--yellow)}.intro{font-size:16px;line-height:1.8;color:#d7e1f4;margin-bottom:30px}.hero-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--yellow);color:#152c60;padding:17px 21px;font-size:12px;font-weight:700;transition:background .2s}.button:hover{background:#ffda4c}.button span{font-size:18px}.secondary{font-size:12px;color:#e9eff9;display:flex;gap:18px}.port-art{min-width:0}.port-art svg{width:100%;display:block}.port-art p{font-size:10px;letter-spacing:3px;padding:0 10% 0 12%;display:flex;justify-content:space-between;color:#fff}.port-art p span{color:#aabfe4}.identity-strip{background:#f3f5f9;border-bottom:1px solid var(--line)}.identity-strip>div{max-width:1280px;margin:auto;padding:24px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px}.strip-label{font-size:9px;letter-spacing:1.2px;color:var(--blue);font-weight:bold}.identity-strip a{color:var(--blue);font-weight:600}.section{max-width:1280px;margin:auto;display:grid;grid-template-columns:1fr 1.1fr;gap:75px;padding:78px 5%}h2{font-size:36px;line-height:1.2;letter-spacing:-1px;margin:0;color:var(--navy)}.section .eyebrow{color:var(--blue);margin-bottom:17px}.yellow-rule{width:55px;height:4px;background:var(--yellow);margin-top:26px}.about-copy .large{font-size:23px;line-height:1.5;color:var(--navy);margin-top:0}.about-copy p{font-size:14px;color:var(--muted);line-height:1.85}.text-link{display:inline-flex;gap:65px;font-size:12px;font-weight:bold;color:var(--blue);border-bottom:1px solid #aebbd6;padding:12px 0}.contact{max-width:none;background:#f0f3f8;border-top:1px solid var(--line)}.contact>div{max-width:585px;width:100%}.contact>div:first-child{justify-self:end}.contact p:not(.eyebrow):not(.copy-status){font-size:14px;line-height:1.8;color:var(--muted);max-width:340px}.contact .location{margin-top:27px;color:var(--blue)!important;font-weight:600}.location span{color:var(--blue);margin-right:8px}.contact-panel{background:#fff;padding:28px;border-top:3px solid var(--blue);align-self:start;min-width:0;box-shadow:0 8px 30px #142b5b06}.email{font-size:clamp(17px,1.9vw,24px);line-height:1.5;color:var(--blue);letter-spacing:-.5px;overflow-wrap:anywhere}.email span{margin-left:7px}.contact-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:24px}.contact-actions button{border:0;border-bottom:1px solid #aebbd6;background:none;color:var(--blue);font-size:12px;cursor:pointer;padding:6px 0}.contact .hint{font-size:11px!important;margin:16px 0 0}.copy-status{font-size:12px;min-height:14px;margin:8px 0 0;color:var(--blue)}footer{max-width:1280px;padding:34px 5% 22px;margin:auto}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-main .brand img{width:230px}.footer-main p{font-size:12px;line-height:1.9;color:var(--navy)}.footer-main p span{color:var(--muted)}.footer-main>a:last-child{font-size:11px;color:var(--blue)}.footer-bottom{border-top:1px solid var(--line);margin-top:25px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}@media(min-width:1400px){.contact{padding-left:calc((100vw - 1152px)/2);padding-right:calc((100vw - 1152px)/2)}}@media(max-width:800px){.brand img{width:240px}.header nav{gap:20px;font-size:12px}.header{padding:20px 5%}.nav-contact{padding:12px}.nav-contact span{margin-left:10px}.hero-inner{padding:40px 6%;grid-template-columns:1fr}.hero-copy{padding:0}h1{font-size:48px}.hero .eyebrow{font-size:9px}.port-art{max-width:480px;width:100%;justify-self:center;margin-top:15px}.port-art svg{max-height:300px}.port-art p{padding:0 13%;font-size:9px}.identity-strip>div{flex-wrap:wrap;justify-content:flex-start;gap:16px 30px}.strip-label{width:100%}.section{grid-template-columns:1fr;padding:55px 6%;gap:30px}.contact>div{max-width:none}.contact-panel{padding:25px}h2{font-size:31px}.footer-main{flex-wrap:wrap}.footer-main .brand img{width:220px}.footer-bottom{flex-direction:column;gap:10px}}@media(max-width:540px){.topbar>div{justify-content:center;font-size:9px}.topbar a{display:none}.header{gap:15px}.brand img{width:205px}.header nav>a:not(.nav-contact){display:none}.nav-contact{font-size:11px;padding:10px}.nav-contact span{display:none}h1{font-size:41px;letter-spacing:-1.5px}.intro{font-size:14px}.hero-actions{gap:22px}.hero-actions .button{gap:18px;padding:15px}.identity-strip>div{font-size:10px}.identity-strip a{width:100%}.email{font-size:19px}.footer-main p{width:100%;margin:0}.footer-main{gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Fotografías locales y detalle nacional. */
.country{display:inline-flex;align-items:center;gap:10px}.country img{display:inline-block;object-fit:contain;flex-shrink:0;box-shadow:0 0 0 1px #ffffff20}.location-photos{display:grid;gap:16px;min-width:0;padding:6px 0}.location-photos figure{margin:0;overflow:hidden;border:1px solid #ffffff25;background:#112b60}.location-photos img{display:block;width:100%;height:205px;object-fit:cover}.port-photo img{object-position:50% 35%}.airport-photo img{height:170px;object-position:50% 48%}.location-photos figcaption{display:flex;justify-content:space-between;gap:14px;padding:13px 15px;font-size:8px;line-height:1.5;font-weight:600;letter-spacing:1.3px}.location-photos figcaption span:last-child{color:#afc1e3;font-weight:400;font-size:8px}.hero-inner{padding-top:38px;padding-bottom:38px;gap:35px}.photo-credits{font-size:10px;line-height:1.7;color:var(--muted);margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.photo-credits summary{cursor:pointer;width:fit-content}.photo-credits p{max-width:850px}.photo-credits a{text-decoration:underline;text-underline-offset:2px}.footer-main .country{margin-top:5px}@media(max-width:800px){.hero-inner{gap:25px}.location-photos{grid-template-columns:1fr 1fr;gap:12px;padding-top:5px}.location-photos img{height:185px}.location-photos figcaption{flex-direction:column;gap:4px;letter-spacing:.8px;padding:12px}.port-photo img{object-position:45% 38%}}@media(max-width:540px){.location-photos{grid-template-columns:1fr}.location-photos img{height:180px}.location-photos figcaption{flex-direction:row;font-size:8px}.location-photos .airport-photo img{height:145px}.hero-inner{padding-top:32px;padding-bottom:28px}}
.port-photo .photo-frame{height:205px;overflow:hidden}.port-photo .photo-frame img{height:100%;object-position:50% 0%;transform:scale(1.75);transform-origin:50% 0%}@media(max-width:800px){.port-photo .photo-frame{height:185px}.port-photo .photo-frame img{transform:scale(1.6)}}@media(max-width:540px){.port-photo .photo-frame{height:180px}.port-photo .photo-frame img{transform:scale(1.75)}}
/* Portada: únicamente la fotografía verificada del puerto. */
.location-photos{display:block}.port-photo .photo-frame{height:340px}.port-photo .photo-frame img{transform:scale(1.65);object-position:50% 0%;transform-origin:50% 0%}@media(max-width:800px){.port-photo .photo-frame{height:285px}.port-photo .photo-frame img{transform:scale(1.65)}}@media(max-width:540px){.port-photo .photo-frame{height:230px}.port-photo .photo-frame img{transform:scale(1.65)}}
/* Imagen portuaria facilitada por el usuario: encuadre completo. */
.port-photo .photo-frame{height:auto;aspect-ratio:419/310;background:#183779}.port-photo .photo-frame img{width:100%;height:100%;object-fit:contain;object-position:center;transform:none}.location-photos{width:100%;max-width:500px;justify-self:end}@media(max-width:800px){.location-photos{max-width:500px;justify-self:center}.port-photo .photo-frame{height:auto}.port-photo .photo-frame img{transform:none}}@media(max-width:540px){.port-photo .photo-frame{height:auto}.port-photo .photo-frame img{transform:none}}
.company-rif{font-size:12px;letter-spacing:.5px;color:var(--muted);margin:20px 0 0;font-weight:600}.footer-bottom{flex-wrap:wrap}
/* Puerto integrado en toda la portada, sin marco ni tarjeta. */
.hero{background:#142b5b url('assets/puerto-mejorado.png') center 48%/cover no-repeat;isolation:isolate}.hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,31,71,.96) 0%,rgba(16,41,88,.89) 31%,rgba(17,43,88,.46) 57%,rgba(17,43,88,.08) 100%)}.hero-inner{display:flex;min-height:550px;padding-top:75px;padding-bottom:75px;align-items:center}.hero-copy{max-width:650px;width:62%;padding:0}.hero .intro{color:#eef3ff;text-shadow:0 1px 8px #0c1f4750}.hero h1{text-shadow:0 2px 14px #0c1f4740}.hero .eyebrow{color:#ffdb43}@media(max-width:800px){.hero{background-position:62% center}.hero::before{background:linear-gradient(90deg,rgba(12,31,71,.93),rgba(16,41,88,.72) 58%,rgba(17,43,88,.22))}.hero-inner{min-height:520px;padding-top:65px;padding-bottom:65px}.hero-copy{width:85%}}@media(max-width:540px){.hero{background-position:60% center}.hero::before{background:linear-gradient(90deg,rgba(12,31,71,.92),rgba(16,41,88,.68)),linear-gradient(0deg,rgba(12,31,71,.25),transparent)}.hero-inner{min-height:530px;padding-top:55px;padding-bottom:55px}.hero-copy{width:100%}}
.company-address{font-style:normal;font-size:14px;line-height:1.9;color:var(--navy);margin-top:26px}.address-label{display:block;font-size:10px;font-weight:700;letter-spacing:1.6px;color:var(--blue);margin-bottom:8px}
