/* EBNE — vitrine central de demonstrativos e novos segmentos. Mantém o tema aprovado. */
.demo-page .demo-intro:has(.segment-visuals) .demo-intro-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:46px}
.segment-visuals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.segment-visuals .demo-clinic-figure{min-width:0}
.segment-visuals .demo-clinic-photo{aspect-ratio:3/4}
.segment-visuals .demo-clinic-photo img{object-fit:contain;background:#ebe6dd}
.segment-intro-info{max-width:700px}
.segment-story .demo-clinic-benefits article{min-height:180px}
.segment-data-error{padding:22px;background:#fff1e6;color:#9b3525}
.segment-side-list{margin:0}
.segment-side-note{margin-top:19px;font-size:12px;line-height:1.8;color:#697882}
.segment-demo-end{font-size:12px;line-height:1.8;margin:25px 0 0;color:#6b747b}
.segment-extra{margin-top:20px}
.segment-extra:not([hidden]){display:block}
.segment-extra .demo-results{padding:19px}
.demo-segment-hub .demo-intro-grid{grid-template-columns:1.15fr .85fr}
.demo-segment-hub .demo-intro-art{height:335px}
.demo-hub-list{padding:73px 0}
.demo-hub-list h2{max-width:820px}
.demo-hub-description{max-width:750px;margin-top:16px;font-size:15px;line-height:1.8}
.demo-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:36px}
.demo-hub-card{background:white;border:1px solid #e5dfd6;overflow:hidden;border-radius:7px;min-width:0;transition:border-color .2s,transform .2s}
.demo-hub-card:hover{border-color:#c5a46d;transform:translateY(-3px)}
.demo-hub-card img{width:100%;height:210px;object-fit:cover;background:#e9e5dc}
.demo-hub-card-content{padding:22px 24px 25px}
.demo-hub-card .demo-label{margin-bottom:12px}
.demo-hub-card h3{font-size:20px;line-height:1.3}
.demo-hub-card p{font-size:13px;line-height:1.8;margin:13px 0 18px;min-height:65px}
.demo-hub-card .category-button{font-size:10px;min-height:45px}
.demo-hub-note{font-size:12px;line-height:1.75;color:#68747b;margin-top:25px}
.demo-segment-hub #demonstrativos{scroll-margin-top:105px}
@media(max-width:1000px){
 .demo-page .demo-intro:has(.segment-visuals) .demo-intro-grid{grid-template-columns:1fr}
 .segment-visuals{max-width:650px}
 .demo-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
 .segment-visuals{gap:8px}
 .segment-visuals .demo-clinic-figure figcaption{padding:11px 10px}
 .segment-visuals .demo-clinic-figure figcaption span{font-size:10px;line-height:1.5}
 .segment-story .demo-clinic-benefits{grid-template-columns:1fr}
 .demo-hub-list{padding:50px 0}
 .demo-hub-grid{grid-template-columns:1fr}
 .demo-hub-card img{height:195px}
 .demo-hub-card p{min-height:0}
}