@import url("https://use.typekit.net/cvl8kln.css");

:root{--navy:#0e3360;--orange:#ffa00e;--white:#fff;--ink:#122033;--muted:#637083;--line:#dce2e9;--max:1240px;--display:"archivo-expanded","Arial Black",sans-serif;--body:Helvetica,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:var(--body);font-size:16px;line-height:1.65;overflow-x:hidden}body.menu-open{overflow:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,h4,.display,.btn,.nav-link,.submenu a,.kicker,.marquee,.pagination button{font-family:var(--display);font-weight:700;line-height:1.02;letter-spacing:-.03em;margin:0}h1{font-size:clamp(3.3rem,8vw,8rem)}h2{font-size:clamp(2.35rem,5vw,5rem)}h3{font-size:clamp(1.3rem,2.1vw,2rem)}p{margin:0 0 1.35rem}.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.section{padding:clamp(80px,10vw,150px) 0;position:relative}.section-sm{padding:70px 0}.blue{background:var(--navy);color:#fff}.orange{color:var(--orange)}.muted{color:var(--muted)}.kicker{font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:20px}.rule{height:1px;background:var(--line);margin:36px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:54px;padding:15px 24px;background:var(--orange);color:var(--navy);font-size:.84rem;letter-spacing:.04em;text-transform:uppercase;border:0;border-radius:0;cursor:pointer;transition:.25s ease}.btn:hover,.btn:focus-visible{background:#fff;color:var(--navy);transform:translateY(-3px)}.btn.navy{background:var(--navy);color:#fff}.btn.navy:hover{background:var(--orange);color:var(--navy)}.btn.ghost{background:transparent;color:inherit;border:1px solid currentColor}.btn.ghost:hover{background:var(--orange);border-color:var(--orange);color:var(--navy)}.arrow{font-size:1.25rem;line-height:1}.eyeless{margin:0}.site-header{position:fixed;inset:0 0 auto;z-index:1000;transition:.3s}.site-header.scrolled{background:rgba(14,51,96,.96);box-shadow:0 10px 35px rgba(0,0,0,.12)}.nav{height:102px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand img{width:132px;filter:brightness(0) invert(1)}.nav-menu{display:flex;align-items:center;gap:30px;color:#fff}.nav-item{position:relative}.nav-link,.nav-toggle{font-size:.84rem;letter-spacing:.035em;text-transform:uppercase;background:none;border:0;color:#fff;padding:16px 0;cursor:pointer}.nav-link:hover,.nav-toggle:hover,.nav-link[aria-current="page"]{color:var(--orange)}.submenu{position:absolute;top:100%;left:-22px;width:285px;background:#fff;color:var(--navy);padding:12px 0;opacity:0;visibility:hidden;transform:translateY(10px);transition:.2s;box-shadow:0 18px 45px rgba(0,0,0,.18)}.nav-item:hover .submenu,.nav-item:focus-within .submenu,.nav-item.open .submenu{opacity:1;visibility:visible;transform:none}.submenu a{display:block;padding:13px 22px;font-size:.78rem;letter-spacing:.02em}.submenu a:hover{background:var(--orange)}.menu-toggle{display:none;background:var(--orange);border:0;width:50px;height:50px;color:var(--navy);font-size:1.4rem}.hero{min-height:100svh;display:flex;align-items:flex-end;color:#fff;background:linear-gradient(90deg,rgba(5,22,42,.86) 0%,rgba(5,22,42,.5) 48%,rgba(5,22,42,.18) 100%),url('/assets/images/hero-tren-panama.png') center/cover no-repeat;position:relative;overflow:hidden}.hero::after{content:"";position:absolute;inset:auto 0 -1px;height:8vw;background:#fff;clip-path:polygon(0 72%,100% 0,100% 100%,0 100%)}.hero-content{position:relative;z-index:2;padding:180px 0 13vw;max-width:900px}.hero h1 span{display:block}.hero .lead{font-size:clamp(1.1rem,2vw,1.4rem);max-width:560px;margin:26px 0 38px}.hero-line{width:100px;height:6px;background:var(--orange);margin-bottom:28px}.marquee-wrap{overflow:hidden;background:var(--orange);color:var(--navy);padding:19px 0;white-space:nowrap}.marquee-track{display:flex;width:max-content}.marquee{font-size:1rem;letter-spacing:.08em;text-transform:uppercase}.marquee span{display:inline-block;padding-right:35px}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(50px,8vw,120px);align-items:center}.copy-lg{font-size:clamp(1.1rem,1.7vw,1.38rem);max-width:720px}.quote{font-family:var(--display);font-size:clamp(1.45rem,2.6vw,2.6rem);line-height:1.18;color:var(--navy);border-left:7px solid var(--orange);padding-left:26px;margin:40px 0}.image-frame{position:relative;min-height:580px;overflow:hidden}.image-frame img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.image-frame::after{content:"";position:absolute;inset:auto 0 0;height:18%;background:var(--orange);clip-path:polygon(0 100%,100% 0,100% 100%);mix-blend-mode:multiply}.button-row{display:flex;flex-wrap:wrap;gap:14px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:50px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.news-card{background:#fff;min-width:0}.news-image{height:260px;overflow:hidden;background:#dfe5ea}.news-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.news-card:hover .news-image img{transform:scale(1.05)}.news-body{padding:28px}.date{font-family:var(--display);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--orange);margin-bottom:13px}.news-card h3{font-size:1.35rem;line-height:1.14;margin-bottom:18px}.news-card p{color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.text-link{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:.78rem;color:var(--navy)}.text-link:hover{color:var(--orange)}.parallax-panel{min-height:650px;display:flex;align-items:center;color:#fff;background:linear-gradient(rgba(6,25,48,.66),rgba(6,25,48,.78)),url('/assets/images/tren-puente-panama.png') center/cover no-repeat;background-attachment:fixed;position:relative;clip-path:polygon(0 9%,100% 0,100% 91%,0 100%);margin:-30px 0}.panel-copy{max-width:660px}.panel-copy p{font-size:1.2rem}.video-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px;align-items:center}.video{position:relative;aspect-ratio:16/9;background:#071d35}.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.25);border-left:1px solid rgba(255,255,255,.25)}.benefit{padding:42px 32px;border-right:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25)}.benefit .num{font-family:var(--display);font-size:4rem;color:var(--orange);line-height:1;margin-bottom:50px}.benefit h3{font-size:1.35rem;margin-bottom:16px}.benefit p{color:rgba(255,255,255,.72)}.diagonal-top{clip-path:polygon(0 7vw,100% 0,100% 100%,0 100%);padding-top:calc(clamp(80px,10vw,150px) + 5vw)}.impact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.impact{padding:34px 0;border-top:5px solid var(--orange)}.impact h3{color:#fff;margin-bottom:18px}.follow{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:70px 0}.follow h2{font-size:clamp(2.3rem,6vw,6.5rem)}.site-footer{background:#071d35;color:#fff;padding:70px 0 30px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:50px}.footer-logo{width:170px;filter:brightness(0) invert(1);margin-bottom:25px}.footer-nav a{display:block;margin:9px 0;color:rgba(255,255,255,.72)}.footer-nav a:hover{color:var(--orange)}.copyright{border-top:1px solid rgba(255,255,255,.15);padding-top:25px;margin-top:55px;color:rgba(255,255,255,.55);font-size:.85rem}.page-hero{min-height:530px;display:flex;align-items:flex-end;color:#fff;background:linear-gradient(rgba(7,29,53,.55),rgba(7,29,53,.82)),url('/assets/images/tren-puente-panama.png') center/cover no-repeat;position:relative;overflow:hidden}.page-hero::after{content:"";position:absolute;inset:auto 0 -1px;height:90px;background:#fff;clip-path:polygon(0 70%,100% 0,100% 100%,0 100%)}.page-hero .container{padding-bottom:120px;position:relative;z-index:1}.page-hero h1{font-size:clamp(2.8rem,6vw,6.2rem);max-width:1100px}.objectives{counter-reset:item;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:50px}.objective{counter-increment:item;padding:32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.objective::before{content:"0" counter(item);font-family:var(--display);font-size:1rem;color:var(--orange);display:block;margin-bottom:28px}.accordion{border-top:1px solid var(--line)}.accordion-item{border-bottom:1px solid var(--line)}.accordion-button{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;background:none;border:0;padding:26px 0;color:var(--navy);font-family:var(--display);font-size:clamp(1.05rem,2vw,1.45rem);font-weight:700;cursor:pointer}.accordion-button span:last-child{font-size:1.8rem;color:var(--orange)}.accordion-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s}.accordion-panel>div{overflow:hidden}.accordion-panel p{padding:0 0 28px;max-width:760px}.accordion-item.open .accordion-panel{grid-template-rows:1fr}.pdf-wrap{background:#071d35;padding:14px;box-shadow:0 25px 60px rgba(8,30,55,.18)}.pdf-wrap iframe{display:block;width:100%;height:75vh;min-height:560px;border:0;background:#fff}.org-toolbar{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.search{width:min(100%,420px);border:0;border-bottom:2px solid var(--navy);padding:13px 0;font-size:1rem;font-family:var(--body);outline:none}.search:focus{border-color:var(--orange)}.org-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.org-card{background:#fff;padding:30px;min-height:275px;display:flex;flex-direction:column;transition:.25s}.org-card:hover{background:var(--navy);color:#fff}.org-logo{height:105px;display:flex;align-items:center;margin-bottom:28px}.org-logo img{max-height:100%;max-width:180px;object-fit:contain}.org-card:hover .org-logo{background:#fff;padding:10px}.org-card h3{font-size:1rem;line-height:1.2;margin-top:auto}.pagination{display:flex;justify-content:center;gap:7px;margin-top:45px}.pagination button{width:45px;height:45px;border:1px solid var(--line);background:#fff;color:var(--navy);cursor:pointer}.pagination button.active,.pagination button:hover{background:var(--orange);border-color:var(--orange)}.detail-logo{background:#fff;border:1px solid var(--line);padding:45px;min-height:320px;display:flex;align-items:center;justify-content:center}.detail-logo img{max-height:220px}.social-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.social-links a{font-family:var(--display);font-size:.76rem;text-transform:uppercase;padding:12px 16px;border:1px solid var(--line)}.social-links a:hover{background:var(--orange);border-color:var(--orange)}.timeline{position:relative;margin-top:65px}.timeline::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--orange)}.timeline-item{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin:0 0 90px;align-items:center}.timeline-item:nth-child(even) .timeline-image{order:2}.timeline-image{height:420px;overflow:hidden}.timeline-image img{width:100%;height:100%;object-fit:cover}.timeline-copy{position:relative}.timeline-copy::before{content:"";position:absolute;top:12px;width:18px;height:18px;background:var(--orange);border:5px solid #fff;box-shadow:0 0 0 2px var(--orange)}.timeline-item:nth-child(odd) .timeline-copy::before{left:-80px}.timeline-item:nth-child(even) .timeline-copy::before{right:-80px}.year{font-family:var(--display);font-size:clamp(3rem,7vw,7rem);color:var(--orange);line-height:1}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.gallery img{width:100%;height:220px;object-fit:cover}.article{max-width:860px;margin:auto}.article .lead-image{width:100%;max-height:560px;object-fit:cover;margin-bottom:45px}.article-content{font-size:1.08rem}.article-content h2,.article-content h3{margin:40px 0 18px;color:var(--navy)}.article-content img{width:100%;height:auto;margin:28px 0}.article-content iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;margin:25px 0}.article-content a{color:var(--navy);text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px}.back{display:inline-block;font-family:var(--display);font-size:.8rem;text-transform:uppercase;color:var(--navy);margin-bottom:35px}.back:hover{color:var(--orange)}.reveal{visibility:hidden}.skip{position:fixed;left:10px;top:-60px;z-index:3000;background:var(--orange);color:var(--navy);padding:12px}.skip:focus{top:10px}.empty{text-align:center;padding:80px 20px;color:var(--muted);grid-column:1/-1}
@media(max-width:980px){.nav{height:82px}.brand img{width:108px}.menu-toggle{display:block}.nav-menu{position:fixed;inset:82px 0 0;background:var(--navy);display:block;padding:30px 25px;transform:translateX(100%);transition:.35s;overflow:auto}.nav-menu.open{transform:none}.nav-item{border-bottom:1px solid rgba(255,255,255,.15)}.nav-link,.nav-toggle{width:100%;display:block;text-align:left;padding:20px 0}.submenu{position:static;width:auto;background:rgba(255,255,255,.06);color:#fff;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none}.nav-item.open .submenu{display:block}.split,.video-grid{grid-template-columns:1fr}.image-frame{min-height:460px}.news-grid{grid-template-columns:repeat(2,1fr)}.benefit-grid,.impact-grid{grid-template-columns:1fr}.benefit{min-height:auto}.org-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.timeline::before{left:18px}.timeline-item{grid-template-columns:1fr;gap:30px;padding-left:55px}.timeline-item:nth-child(even) .timeline-image{order:0}.timeline-copy::before,.timeline-item:nth-child(odd) .timeline-copy::before,.timeline-item:nth-child(even) .timeline-copy::before{left:-45px;right:auto}.parallax-panel{background-attachment:scroll}}
@media(max-width:680px){.container{width:min(calc(100% - 28px),var(--max))}.section{padding:72px 0}.hero-content{padding-top:150px;padding-bottom:30vw}.hero h1{font-size:clamp(3rem,15vw,5rem)}.section-head,.org-toolbar,.follow{align-items:flex-start;flex-direction:column}.news-grid,.org-grid,.objectives{grid-template-columns:1fr}.image-frame{min-height:360px}.parallax-panel{min-height:610px;clip-path:polygon(0 4%,100% 0,100% 96%,0 100%)}.page-hero{min-height:470px}.page-hero .container{padding-bottom:100px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.org-card{min-height:240px}.timeline-item{padding-left:45px}.timeline-image{height:300px}.gallery{grid-template-columns:1fr}.gallery img{height:auto}.pdf-wrap{padding:6px}.pdf-wrap iframe{height:70vh;min-height:480px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{visibility:visible}.parallax-panel{background-attachment:scroll}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}