/* Figma 411:3890; the homepage remains the authority for type, color and hero sizing. */
body:has(.hbo-page) { background:#f2f6f6; }
.hbo-page { --hbo-section-space:clamp(56px,4.583333vw,88px); }
.hbo-page ::selection { background:#bce8e9; color:var(--ink); }
.hbo-section { margin-top:var(--hbo-section-space); }
.hbo-page h2,.hbo-page h3 { text-wrap:balance; }
.hbo-page p { color:var(--muted); }
.hbo-hero .hero-image img { width:100%; height:100%; min-height:0; inset:0; transform:none; object-fit:cover; object-position:center; }
.hbo-hero .hero-image:after { background:linear-gradient(90deg,rgb(6 21 27 / 42%),rgb(6 21 27 / 10%) 50%,transparent 75%); }
.hbo-hero .hero-inner { justify-content:flex-start; }
.hbo-hero .hero-copy { width:782px; max-width:60%; margin-top:clamp(100px,8.85vw,170px); }
.hbo-hero .hero-description { max-width:590px; line-height:1.45; }
.hbo-hero .hero-description p { color:#fff; }
.hbo-hero .hero-actions { margin-top:2px; }
.hbo-overview { display:grid; grid-template-columns:644fr 700fr; align-items:center; gap:clamp(40px,5vw,96px); }
.hbo-overview-copy { display:grid; gap:22px; }
.hbo-overview h2,.hbo-indication-note h3 { display:flex; align-items:flex-start; gap:18px; }
.hbo-overview h2>img { width:40px; height:40px; flex:none; }
.hbo-overview h2 .hbo-heading-text { color:var(--ink); }
.hbo-overview p { font-size:clamp(16px,1.145833vw,22px); line-height:1.5; }
.hbo-indication-note { padding:clamp(26px,2.1875vw,42px); border:1px solid #b8d4d4; border-radius:32px; background:#dcefef; display:grid; gap:24px; }
.hbo-indication-note h3 { font-size:clamp(22px,1.5625vw,30px); font-weight:500; line-height:1.2; color:var(--teal); letter-spacing:-.02em; }
.hbo-indication-note h3>img { width:40px; height:40px; flex:none; }
.hbo-narrative { display:grid; gap:clamp(20px,1.3636vw,27px); }
.hbo-mechanism { padding:clamp(28px,2.2727vw,44px); background:#fff; border-radius:32px; overflow:clip; scroll-margin-top:120px; }
.hbo-mechanism-body { display:grid; grid-template-columns:759.27fr 541.09fr; align-items:start; gap:clamp(28px,2.727vw,53px); padding-top:24px; }
.hbo-mechanism>summary { list-style:none; cursor:pointer; min-height:44px; border-radius:4px; }
.hbo-mechanism>summary::-webkit-details-marker { display:none; }
.hbo-mechanism>summary::marker { content:''; }
.hbo-mechanism>summary:hover { color:var(--ink); }
.hbo-mechanism>summary:focus-visible { outline:2px solid var(--teal); outline-offset:8px; }
.hbo-mechanism.is-animating { overflow-anchor:none; }
.hbo-mechanism-copy { display:grid; gap:24px; }
.hbo-topic { display:flex; align-items:center; gap:20px; font-size:clamp(14px,1.13636vw,22px); line-height:1.35; }
.hbo-mechanism .hbo-topic { color:var(--teal); }
.hbo-number { font-size:clamp(30px,2.272727vw,44px); line-height:1; font-weight:500; font-variant-numeric:tabular-nums; flex:none; }
.hbo-mechanism h2 { font-size:clamp(26px,2.291667vw,44px); font-weight:500; line-height:1.1; letter-spacing:-.022em; }
.hbo-mechanism-copy>p:last-child { font-size:clamp(16px,1.25vw,24px); line-height:1.45; }
.hbo-mechanism-visual { min-width:0; display:grid; gap:20px; }
.hbo-illustration { width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; border-radius:24px; background:#f0f7f7; }
.hbo-supports { list-style:none; padding:0; margin:0; display:grid; gap:11px; }
.hbo-supports li { display:flex; align-items:center; gap:13px; color:var(--muted); font-size:clamp(14px,1.13636vw,22px); line-height:1.35; }
.hbo-supports img { width:clamp(25px,1.59vw,31px); height:clamp(25px,1.59vw,31px); flex:none; }
.hbo-indications>h2 { text-align:center; margin-bottom:36px; }
.hbo-indication-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.hbo-indication-card { background:linear-gradient(154deg,#0f7f86 14.64%,#3ab3b5 85.36%); border:1px solid #53b6bf; border-radius:16px; padding:30px 32px; min-height:320px; display:flex; flex-direction:column; gap:18px; color:#fff; }
.hbo-indication-card>img { width:48px; height:48px; }
.hbo-indication-card h3 { font-size:clamp(19px,1.25vw,24px); line-height:1.2; font-weight:500; }
.hbo-indication-card p { color:var(--paper); font-size:clamp(15px,.9896vw,19px); line-height:1.45; }
.hbo-clinical-note { text-align:center; margin-top:28px; font-size:clamp(14px,.9375vw,18px); line-height:1.5; }
.hbo-steps-heading { display:grid; grid-template-columns:620fr 700fr; gap:clamp(40px,6.25vw,120px); align-items:center; }
.hbo-steps-heading h2 { line-height:1.25; }
.hbo-steps-heading>p { font-size:clamp(16px,1.145833vw,22px); line-height:1.45; }
.hbo-steps-list { --hbo-step-gap:60px; position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--hbo-step-gap); list-style:none; padding:0; margin:48px 0 0; }
.hbo-steps-list:before { content:''; position:absolute; left:40px; right:calc((100% - 2 * var(--hbo-step-gap)) / 3 - 40px); top:40px; height:1px; background:#23868b; }
.hbo-steps-list li { position:relative; display:grid; align-content:start; gap:18px; }
.hbo-step-icon { background:#dcefef; border-radius:50%; width:80px; height:80px; display:grid; place-items:center; }
.hbo-step-icon>img { width:40px; height:40px; }
.hbo-steps-list h3 { color:var(--teal); font-size:clamp(20px,1.354167vw,26px); font-weight:500; line-height:1.3; }
.hbo-steps-list p { font-size:clamp(16px,1.09375vw,21px); line-height:1.45; }
.hbo-units-wrap { position:relative; isolation:isolate; margin-top:var(--hbo-section-space); padding-bottom:var(--hbo-section-space); }
.hbo-unit-decoration { position:absolute; top:-80px; left:0; width:100%; height:clamp(600px,58.854167vw,1130px); pointer-events:none; z-index:-1; }
.hbo-unit-backdrop { position:absolute; top:0; height:100%; background-repeat:no-repeat; mask-repeat:no-repeat; mask-size:100vw 100%,100% 100%; -webkit-mask-composite:source-in; mask-composite:intersect; }
.hbo-unit-backdrop--left { left:0; width:49.947917%; opacity:.1; mix-blend-mode:color-burn; background-image:url('/assets/hiperbarica/units-background-left.webp'); background-size:100% 105.39%; background-position:left 50%; mask-image:url('/assets/hiperbarica/units-background-mask.svg'),url('/assets/hiperbarica/units-background-mask-left.svg'); mask-position:0 0,0 0; }
.hbo-unit-backdrop--right { right:0; width:50.052083%; opacity:.15; mix-blend-mode:hard-light; background-image:url('/assets/hiperbarica/units-background-right.webp'); background-size:100% 105.61%; background-position:left -27.094%; mask-image:url('/assets/hiperbarica/units-background-mask.svg'),url('/assets/hiperbarica/units-background-mask-right.svg'); mask-position:-49.947917vw 0,0 0; }
.hbo-page .units { padding-top:0; }
.hbo-page .units-heading { height:auto; }
.hbo-page .unit-grid { margin-top:40px; }
.hbo-page .hbo-consult { margin-top:0; min-height:340px; padding-top:0; background:linear-gradient(110deg,#087980,#38b2b5); }
.hbo-consult .consult-content { min-height:340px; }
.hbo-consult .consult-copy p { color:var(--paper); font-size:clamp(16px,1.145833vw,22px); line-height:1.4; }
.hbo-page .faq-section { padding-bottom:88px; }
.hbo-page .faq-contact strong { color:var(--ink); }
.hbo-page .faq-item summary { font-weight:500; }
@media(min-width:901px) {
  .hbo-mechanism h2 { text-wrap:wrap; }
  .hbo-mechanism:first-child .hbo-illustration { object-position:left center; }
}
@media(max-width:1280px) {
  .hbo-overview { gap:32px; }
  .hbo-indication-note { padding:26px; }
  .hbo-overview h2,.hbo-indication-note h3 { gap:12px; }
  .hbo-indication-grid { gap:20px; }
  .hbo-indication-card { padding:24px; min-height:300px; }
  .hbo-steps-list { --hbo-step-gap:28px; }
  .hbo-mechanism-copy { gap:20px; }
  .hbo-hero .hero-copy { max-width:68%; }
}
@media(max-width:900px) {
  .hbo-hero .hero-copy { max-width:85%; margin-top:110px; }
  .hbo-hero .hero-image img { object-position:60% center; }
  .hbo-hero .hero-image:after { background:linear-gradient(90deg,rgb(6 21 27 / 72%),rgb(6 21 27 / 20%)); }
  .hbo-overview { grid-template-columns:1fr; gap:32px; }
  .hbo-indication-note { max-width:none; }
  .hbo-mechanism { padding:32px; }
  .hbo-mechanism-body { grid-template-columns:1fr; gap:28px; }
  .hbo-mechanism-copy>p:last-child { max-width:65ch; }
  .hbo-mechanism-visual { width:100%; }
  .hbo-illustration { max-height:420px; object-fit:contain; }
  .hbo-supports { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 20px; }
  .hbo-indication-grid { grid-template-columns:1fr; }
  .hbo-indication-card { min-height:0; display:grid; grid-template-columns:48px 1fr; gap:12px 22px; }
  .hbo-indication-card>img { grid-row:1/3; }
  .hbo-indication-card h3 { text-wrap:initial; }
  .hbo-steps-heading { gap:28px; }
  .hbo-steps-list { grid-template-columns:1fr; gap:32px; }
  .hbo-steps-list:before { top:40px; bottom:40px; left:32px; width:1px; height:auto; right:auto; }
  .hbo-steps-list li { grid-template-columns:64px 1fr; gap:10px 24px; }
  .hbo-step-icon { width:64px; height:64px; grid-row:1/3; }
  .hbo-step-icon>img { width:32px; height:32px; }
  .hbo-steps-list p { grid-column:2; }
  .hbo-page .hbo-consult .consult-content { min-height:0; }
}
@media(max-width:600px) {
  .hbo-hero .hero-copy { max-width:100%; width:100%; margin-top:clamp(190px,30svh,280px); }
  .hbo-hero .hero-image img { object-position:62% 18%; }
  .hbo-hero .hero-image:after { background:linear-gradient(0deg,rgb(6 21 27 / 94%) 2%,rgb(6 21 27 / 74%) 35%,rgb(6 21 27 / 10%) 75%); }
  .hbo-hero .hero-copy h1 { font-size:clamp(30px,8.4vw,42px); }
  .hbo-desktop-break { display:none; }
  .hbo-hero .hero-actions .button { font-size:13px; padding:14px 18px; }
  .hbo-overview h2 { font-size:28px; }
  .hbo-overview h2>img,.hbo-indication-note h3>img { width:32px; height:32px; }
  .hbo-overview-copy { gap:20px; }
  .hbo-indication-note { padding:24px; border-radius:24px; }
  .hbo-indication-note h3 { font-size:22px; }
  .hbo-indication-note h3 br { display:none; }
  .hbo-mechanism { padding:26px 24px; border-radius:24px; }
  .hbo-topic { align-items:flex-start; gap:14px; }
  .hbo-mechanism h2 { font-size:27px; }
  .hbo-illustration { border-radius:16px; }
  .hbo-supports { grid-template-columns:1fr; gap:12px; }
  .hbo-supports li { font-size:14px; }
  .hbo-indications>h2 { font-size:30px; margin-bottom:28px; }
  .hbo-indication-card { padding:24px; grid-template-columns:40px 1fr; gap:12px 16px; }
  .hbo-indication-card>img { width:40px; height:40px; }
  .hbo-steps-heading { grid-template-columns:1fr; gap:24px; }
  .hbo-steps-list { margin-top:32px; }
  .hbo-steps-list li { gap:10px 18px; }
  .hbo-page .units-heading .section-heading { font-size:30px; }
  .hbo-page .unit-grid { margin-top:32px; }
  .hbo-page .faq-section { padding-bottom:60px; }
}
@media print {
  .hbo-mechanism::details-content { content-visibility:visible; }
  .hbo-mechanism-body { display:grid !important; }
}