.ciudadela-page{--ciudadela-ink:#123456;--ciudadela-muted:#53677c;--ciudadela-line:#1234561f;--ciudadela-soft:#f4fbfb;--ciudadela-teal:#16c7c7;--ciudadela-teal-dark:#0c8d8f;--ciudadela-shadow:none;min-height:100vh;color:var(--ciudadela-ink);background:#fff;padding-bottom:5.5rem}.ciudadela-hero{background:#0e2d46;align-items:flex-end;min-height:clamp(520px,66vh,700px);display:flex;position:relative;overflow:hidden}.ciudadela-hero__image,.ciudadela-hero__overlay{position:absolute;inset:0}.ciudadela-hero__image{object-fit:cover;width:100%;height:100%}.ciudadela-hero__overlay{background:#081c2db3}.ciudadela-hero__content{z-index:1;width:min(var(--content-max), calc(100% - 2rem));color:#fff;margin:0 auto;padding:8rem 0 5.5rem;position:relative}.ciudadela-back-link{color:#ffffffd1;align-items:center;gap:.45rem;margin-bottom:1.4rem;font-size:.9rem;font-weight:800;text-decoration:none;display:inline-flex}.ciudadela-back-link svg{transform:rotate(180deg)}.ciudadela-hero h1{letter-spacing:0;max-width:760px;margin:0 0 1.2rem;font-size:clamp(3rem,5.7vw,5.25rem);font-weight:900;line-height:1;color:#fff!important}.ciudadela-hero p{max-width:680px;margin:0;font-size:1.14rem;line-height:1.72;color:#ffffffe6!important}.ciudadela-hero__actions{flex-wrap:wrap;gap:.8rem;margin-top:2rem;display:flex}.ciudadela-button{border-radius:8px;justify-content:center;align-items:center;gap:.55rem;min-height:3rem;padding:.85rem 1.15rem;font-size:.9rem;font-weight:900;text-decoration:none;display:inline-flex}.ciudadela-button--primary{background:var(--ciudadela-teal);color:#06364c;box-shadow:none}.ciudadela-button--ghost{color:#fff;background:#ffffff1a;border:1px solid #ffffff47}.ciudadela-section,.ciudadela-band,.ciudadela-related{width:min(var(--content-max), calc(100% - 2rem));margin:0 auto}.ciudadela-section{padding:5rem 0 0}.ciudadela-section--intro{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:4rem;display:grid}.ciudadela-section__copy h2,.ciudadela-band h2,.ciudadela-choice-panel h2,.ciudadela-visit-copy h2,.ciudadela-related h2{color:var(--ciudadela-ink);letter-spacing:0;margin:0 0 1rem;font-size:clamp(2rem,4vw,3.1rem);font-weight:900;line-height:1.04}.ciudadela-section__copy p,.ciudadela-band__header p,.ciudadela-choice-panel p,.ciudadela-visit-copy p,.ciudadela-related p{color:var(--ciudadela-muted);margin:0;font-size:1rem;line-height:1.72}.ciudadela-highlight-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.8rem;display:grid}.ciudadela-highlight-card,.ciudadela-sector-card,.ciudadela-rule-card{box-shadow:none;background:0 0;border:0;border-radius:0}.ciudadela-highlight-card{border-left:2px solid #16c7c78c;padding:0 0 0 1rem}.ciudadela-highlight-card span,.ciudadela-rule-card svg{color:var(--ciudadela-teal-dark)}.ciudadela-highlight-card span{margin-bottom:1rem;display:inline-flex}.ciudadela-highlight-card h3,.ciudadela-sector-card h3{color:var(--ciudadela-ink);letter-spacing:0;margin:0 0 .65rem;font-size:1.08rem;font-weight:900;line-height:1.2}.ciudadela-highlight-card p,.ciudadela-sector-card p,.ciudadela-rule-card p,.ciudadela-route-item p{color:var(--ciudadela-muted);margin:0;font-size:.95rem;line-height:1.62}.ciudadela-band{border-top:1px solid var(--ciudadela-line);border-bottom:1px solid var(--ciudadela-line);box-shadow:none;background:#fff;border-radius:0;margin-top:5rem;padding:3.25rem 0}.ciudadela-band__header{max-width:780px;margin-bottom:1.6rem}.ciudadela-sector-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;display:grid}.ciudadela-sector-card{border-top:2px solid #12345624;padding:1rem 0 0}.ciudadela-section--split{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:4rem;display:grid}.ciudadela-choice-panel{position:sticky;top:7.5rem}.ciudadela-inline-link{color:var(--ciudadela-teal-dark);align-items:center;gap:.45rem;margin-top:1.3rem;font-weight:900;text-decoration:none;display:inline-flex}.ciudadela-route-list{border-top:1px solid var(--ciudadela-line);gap:0;display:grid}.ciudadela-route-item{border:0;border-bottom:1px solid var(--ciudadela-line);background:0 0;border-radius:0;grid-template-columns:auto 1fr;align-items:start;gap:.85rem;padding:1rem 0;display:grid}.ciudadela-route-item svg{color:var(--ciudadela-teal-dark);margin-top:.15rem}.ciudadela-section--visit{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:4rem;display:grid}.ciudadela-rule-grid{border-top:1px solid var(--ciudadela-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem 2rem;padding-top:1rem;display:grid}.ciudadela-rule-card{grid-template-columns:auto 1fr;gap:.75rem;padding:0;display:grid}.ciudadela-related{padding-top:5.5rem}.ciudadela-related-grid{border-top:1px solid var(--ciudadela-line);grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:1.3rem;display:grid}.ciudadela-related-grid a{min-height:0;color:var(--ciudadela-ink);box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;gap:.8rem;padding:1.2rem 0 0;text-decoration:none;transition:color .18s;display:flex}.ciudadela-related-grid a:hover,.ciudadela-related-grid a:focus-visible{color:var(--ciudadela-teal-dark);box-shadow:none}.ciudadela-related-grid svg{color:var(--ciudadela-teal-dark)}.ciudadela-related-grid span{font-size:1.1rem;font-weight:900}.ciudadela-related-grid small{color:var(--ciudadela-muted);font-size:.92rem;line-height:1.55}@media (max-width:1040px){.ciudadela-section--intro,.ciudadela-section--split,.ciudadela-section--visit{grid-template-columns:1fr}.ciudadela-choice-panel{position:static}.ciudadela-highlight-grid,.ciudadela-sector-grid,.ciudadela-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.ciudadela-page{padding-bottom:7rem}.ciudadela-hero{min-height:620px}.ciudadela-hero__overlay{background:#081c2dad}.ciudadela-hero__content{padding:7rem 0 3.5rem}.ciudadela-hero h1{font-size:3rem}.ciudadela-hero p{font-size:1rem}.ciudadela-hero__actions,.ciudadela-button{width:100%}.ciudadela-section{padding-top:4rem}.ciudadela-band{margin-top:4rem;padding:2rem 0}.ciudadela-highlight-grid,.ciudadela-sector-grid,.ciudadela-rule-grid,.ciudadela-related-grid{grid-template-columns:1fr}.ciudadela-related{padding-top:4rem}}
