.header-actions{display:flex;align-items:center;gap:14px}.language-switch{display:flex;gap:2px;padding:3px;border:1px solid #344352;border-radius:7px}.language-switch button{background:transparent;color:#97a6b9;border:0;border-radius:4px;padding:8px 9px;font-size:12px}.language-switch button[aria-pressed=true]{background:#1b3432;color:#77e2bb}.language-switch button:hover{color:#edf2f5}.header{gap:20px}.header nav{gap:24px}.demo-distributions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.demo-distributions .demo-allocation{flex-direction:column;gap:13px;padding:8px 0}.demo-distributions .demo-allocation ul{width:100%;max-width:245px}.demo-distributions .demo-donut{width:150px;height:150px;padding:22px}.demo-distributions .demo-allocation li{margin:12px 0}.demo-distributions .chart-title-row{min-height:32px;align-items:flex-start}.demo-distributions .portfolio-donut{background:conic-gradient(#77e2bb 0 40%,#75a7e8 40% 70%,#a799e3 70% 90%,#e6b66d 90%)}.demo-distributions .demo-donut small{font-size:10px;text-align:center}.demo-distributions .demo-donut>div{font-size:14px;text-align:center}.hero h1{font-size:clamp(40px,4.4vw,64px)}html[lang=es] .hero h1{font-size:clamp(39px,4vw,58px)}@media(max-width:1000px){.header nav{gap:14px;font-size:13px}.header{gap:14px}.header-actions{gap:8px}}@media(max-width:700px){.demo-distributions{grid-template-columns:1fr}.demo-distributions .demo-allocation{flex-direction:row;gap:18px}.demo-distributions .demo-donut{width:120px;height:120px;padding:17px}.demo-distributions .demo-allocation li{font-size:11px;gap:6px}.demo-distributions .demo-donut>div{font-size:12px}.demo-distributions .demo-donut small{font-size:9px}.demo-distributions .demo-chart-panel{padding:14px 10px}.demo-distributions .chart-title-row{min-height:0}.hero h1,html[lang=es] .hero h1{font-size:clamp(36px,9vw,60px)}}@media(max-width:480px){.header-actions>.button{display:none}.header{padding-inline:22px;gap:12px}.language-switch button{padding:8px}.demo-distributions .demo-allocation{flex-direction:column}.demo-distributions .demo-allocation li{font-size:13px}.demo-distributions .demo-donut{width:145px;height:145px;padding:21px}}
.header .header-actions > .button.small,
.header .header-actions > .language-switch { height: 42px; box-sizing: border-box; }
.header .header-actions > .button.small { padding-block: 0; line-height: 1; }
.header .header-actions > .language-switch { align-items: stretch; }
.header .language-switch button { display: flex; align-items: center; justify-content: center; padding-block: 0; line-height: 1; }
.header .header-actions > .button.small:hover { transform: none; }
.demo-shell .demo-main { height: 710px; min-height: 0; display: flex; flex-direction: column; }
.demo-main > .demo-toolbar, .demo-main > .demo-disclaimer { flex-shrink: 0; }
.demo-main > #demo-content { flex: 1; min-height: 0; overflow: auto; scrollbar-gutter: stable; }
@media (max-width: 900px) { .demo-shell .demo-main { height: 760px; } }
@media (max-width: 480px) { .demo-shell .demo-main { height: 1160px; } }
.demo-main:has(#demo-content > .demo-chart-panel:first-child) .demo-chart { height: 360px; }
@media (max-width: 700px) { .demo-sidebar .demo-tabs { flex-wrap: wrap; } .demo-sidebar .demo-tabs button { flex: 1 1 30%; } }
.project-breadcrumb { margin-top: 18px; }
.project-breadcrumb a { color: #9eafbc; font-size: 13px; }
.project-breadcrumb a:hover { color: #77e2bb; }
.footer .feedback-link{color:#b5c8c4;font-size:13px}.footer .feedback-link:hover{color:#77e2bb}