.td-page{overflow-wrap:anywhere}
.td-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr);gap:22px;align-items:center;padding:28px 32px}
.td-hero h1{margin:0 0 10px}
.td-hero p{margin:0;max-width:40rem}
.td-hero-art{display:flex;align-items:flex-end;justify-content:flex-end;gap:8px;margin:0;padding:0;list-style:none}
.td-hero-art img{width:auto;height:92px;max-width:100%;object-fit:contain}
.td-block{margin-top:36px}
.td-block h2{margin:0 0 14px;color:var(--ufro-deep);font-size:clamp(22px,2.4vw,28px);letter-spacing:-.4px}
.td-lead{margin:0 0 18px;max-width:46rem;color:var(--text)}
.td-tablist{display:flex;flex-wrap:wrap;gap:8px}
.td-tab{min-height:44px;padding:8px 14px;border:1px solid #b7d0e6;border-radius:999px;background:#f4f8fb;color:#00407b;font-weight:750;cursor:pointer}
.td-tab[aria-selected="true"]{background:#00407b;color:#fff;border-color:#00407b}
.td-tab:hover{border-color:#00407b}
.td-tab:focus-visible,.td-panel:focus-visible,.td-more summary:focus-visible{outline:3px solid #002b5b;outline-offset:2px}
.td-panel{margin-top:14px;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}
.td-panel[hidden]{display:none}
.td-panel p{margin:0;max-width:52rem}
.td-cycle,.td-ambitos{display:grid;gap:14px;align-items:stretch}
.td-cycle{grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr) 36px minmax(0,1fr)}
.td-ambitos{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px}
.td-card{min-width:0;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}
.td-card img{width:100%;height:auto;max-height:210px;object-fit:contain;object-position:center;background:#f7fbff;border-radius:10px}
.td-kicker{margin:12px 0 0;color:#009fdd;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.td-card h3{margin:4px 0 6px;color:var(--ufro-deep);font-size:20px}
.td-role{margin:0 0 8px;color:#00407b;font-weight:750}
.td-card p:last-child{margin-bottom:0}
.td-arrow{display:flex;align-items:center;justify-content:center;margin:0;color:#009fdd;font-size:28px;font-weight:700}
.td-return{grid-column:1/-1;display:flex;align-items:flex-start;gap:10px;margin:4px 0 0;padding:14px 16px;border-radius:12px;background:#f4f8fb;color:var(--ufro-deep)}
.td-return-mark{flex:none;color:#00407b;font-size:22px;line-height:1.2}
.td-more{margin-top:12px;border-top:1px solid var(--line);padding-top:8px}
.td-more summary{min-height:44px;display:flex;align-items:center;color:#00407b;font-weight:750;cursor:pointer}
.td-more p{margin:8px 0 0}
.td-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.td-timeline li{position:relative;display:flex;flex-direction:column;min-width:0;padding:14px 14px 16px;border:1px solid var(--line);border-top:4px solid #00407b;border-radius:12px;background:#fff}
.td-timeline .is-future{border-top-color:#009fdd;background:#f4fbff}
.td-date{margin:0;color:#00407b;font-weight:800}
.td-future{display:inline-block;align-self:flex-start;margin:6px 0 0;padding:2px 8px;border-radius:999px;background:#009fdd;color:#fff;font-size:12px;font-weight:750}
.td-timeline h3{margin:8px 0 6px;color:var(--ufro-deep);font-size:16px;line-height:1.3}
.td-timeline h3 + p{margin:0}
.td-cta{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin-top:auto;padding-top:14px;min-height:44px;color:#00407b;font-size:13px;font-weight:750;line-height:1.3;text-decoration:underline;text-underline-offset:3px;white-space:normal}
.td-cta:hover{color:#002b5b}
.td-cta:focus-visible{outline:3px solid #002b5b;outline-offset:3px}
@media (prefers-reduced-motion:no-preference){
  .td-panel{animation:td-fade .28s ease}
  .td-card{animation:td-rise .45s ease both}
  .td-cycle .td-card:nth-of-type(2){animation-delay:.08s}
  .td-cycle .td-card:nth-of-type(3){animation-delay:.16s}
  .td-ambitos .td-card:nth-child(2){animation-delay:.08s}
  .td-ambitos .td-card:nth-child(3){animation-delay:.16s}
  .td-arrow span{animation:td-shift 1.6s ease-in-out infinite}
  .td-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(3,46,97,.1)}
  .td-tab,.td-card,.td-more{transition:background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}
}
@keyframes td-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes td-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes td-shift{50%{transform:translateX(4px)}}
@media (prefers-reduced-motion:reduce){
  .td-page *,.td-page *::before,.td-page *::after{animation:none!important;transition:none!important}
}
@media (max-width:1024px){
  .td-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:768px){
  .td-hero,.td-cycle,.td-ambitos{grid-template-columns:1fr}
  .td-hero-art{justify-content:flex-start}
  .td-hero-art img{height:72px}
  .td-arrow{min-height:28px;transform:rotate(90deg)}
}
@media (max-width:375px){
  .td-hero{padding:22px 16px}
  .td-tab{padding-inline:10px}
  .td-timeline{grid-template-columns:1fr}
}