.surgery-header { position: absolute; }
.surgery-hero { position: relative; overflow: hidden; padding: 205px 0 112px; background: linear-gradient(120deg, #031321 12%, #0a263d 58%, #2f210f 130%), url('./azul-fios-dourados.webp') center/cover; }
.surgery-hero::after { content: ''; position: absolute; inset: auto 0 0; height: 1px; background: linear-gradient(90deg, transparent, #dca74d, transparent); }
.surgery-glow { position: absolute; width: 520px; height: 520px; right: -120px; top: 60px; border-radius: 50%; border: 1px solid #dca74d42; box-shadow: 0 0 0 70px #dca74d0a, 0 0 0 140px #dca74d08; }
.surgery-hero-grid { position: relative; display: grid; grid-template-columns: 1.1fr .9fr; gap: 110px; align-items: end; }
.surgery-hero h1 { font-size: clamp(4.4rem, 7vw, 7rem); }
.surgery-hero-copy { color: #d9d2c4; max-width: 520px; }
.surgery-intro { margin-top: 0; color: #f0e5d0; font: 1.65rem/1.45 var(--serif); }
.surgery-hero-copy .button { margin-top: 20px; }
.general-guidance { color: var(--ink); background: var(--cream-soft) url('./textura-marfim.webp') center/cover; }
.guidance-heading { display: grid; grid-template-columns: .9fr 1.1fr; align-items: end; margin-bottom: 55px; }
.guidance-heading h2 { font-size: clamp(3.2rem, 5vw, 5.2rem); }
.guidance-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.guidance-card { padding: clamp(32px, 4vw, 54px); border: 1px solid #9c733d55; background: #f6edddc9; box-shadow: 0 18px 45px #53370f12; }
.guidance-card-dark { color: var(--white); background: linear-gradient(145deg, #0c2b43, #031321); }
.guidance-card .card-number { margin: 0 0 42px; color: #a5742b; font: 1.15rem var(--serif); }
.guidance-card h3 { margin: 0 0 24px; font-size: 2.2rem; }
.guidance-card ul { margin: 0; padding: 0; list-style: none; }
.guidance-card li { position: relative; padding: 14px 0 14px 27px; border-top: 1px solid #9c733d36; }
.guidance-card li::before { content: ''; position: absolute; left: 0; top: 27px; width: 7px; height: 7px; border-radius: 50%; background: var(--bronze-bright); box-shadow: 0 0 8px #dda94f80; }
.guidance-card-dark li { color: #ddd4c5; border-color: #c2914533; }
.alert-panel { display: grid; grid-template-columns: .7fr 1.3fr; gap: 60px; align-items: center; margin-top: 26px; padding: 34px 42px; color: #f0e4ce; background: linear-gradient(105deg, #5d3514, #241707); border: 1px solid #d7a34866; }
.alert-panel > div { display: flex; align-items: center; gap: 22px; }
.alert-mark { display: grid; place-items: center; flex: 0 0 44px; height: 44px; border: 1px solid var(--bronze-bright); border-radius: 50%; color: var(--bronze-bright); font-weight: 600; }
.alert-panel h3 { margin: 0; font-size: 1.8rem; }
.alert-panel p { margin: 0; color: #e2d6c4; }
.procedure-section { background: var(--midnight) url('./textura-azul.webp') center/cover; }
.procedure-heading { display: grid; grid-template-columns: 1.1fr .9fr; gap: 100px; align-items: end; margin-bottom: 60px; }
.procedure-heading h2 { font-size: clamp(3.4rem, 5.5vw, 5.6rem); }
.procedure-heading > p { color: #cec8bd; max-width: 500px; }
.procedure-list { border-top: 1px solid var(--line-light); }
.procedure-list details { border-bottom: 1px solid var(--line-light); }
.procedure-list summary { display: grid; grid-template-columns: 52px minmax(300px, 1.3fr) 1fr 30px; gap: 24px; align-items: center; min-height: 104px; padding: 22px 0; list-style: none; cursor: pointer; }
.procedure-list summary::-webkit-details-marker { display: none; }
.procedure-list summary > span { color: var(--bronze-bright); font: 1.1rem var(--serif); }
.procedure-list summary strong { color: var(--white); font: 500 1.65rem/1.25 var(--serif); }
.procedure-list summary small { color: #bdb9b0; font-size: .9rem; }
.procedure-list summary b { color: var(--bronze-bright); font: 400 1.65rem var(--sans); transition: transform 160ms; }
.procedure-list details[open] summary b { transform: rotate(45deg); }
.procedure-content { display: grid; grid-template-columns: 1fr 1fr; gap: 54px; margin: 0 0 32px 76px; padding: 28px 34px; background: #0a2133b8; border-left: 1px solid var(--bronze); }
.procedure-content h3 { margin: 0 0 8px; color: var(--bronze-pale); font: 600 .78rem var(--sans); letter-spacing: .16em; text-transform: uppercase; }
.procedure-content p { margin: 0; color: #d2cdc3; font-size: 1rem; }
.surgery-closing { background: radial-gradient(ellipse at 0 0, #bc853aba, transparent 65%), linear-gradient(120deg, #563618, #241707); }
.closing-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 100px; align-items: end; }
.closing-grid h2 { font-size: clamp(3.2rem, 5vw, 5.2rem); }
.closing-grid > div:last-child { color: #e0d3c0; }
.line-link-light { color: var(--bronze-pale); margin-top: 18px; }
.topic-row-link { color: inherit; }
@media (max-width: 880px) {
  .surgery-hero { padding: 170px 0 90px; }
  .surgery-hero-grid, .guidance-heading, .procedure-heading, .closing-grid { grid-template-columns: 1fr; gap: 38px; }
  .guidance-columns { grid-template-columns: 1fr; }
  .alert-panel { grid-template-columns: 1fr; gap: 20px; }
  .procedure-heading { gap: 20px; }
  .procedure-list summary { grid-template-columns: 40px 1fr 30px; }
  .procedure-list summary small { grid-column: 2; }
  .procedure-list summary b { grid-column: 3; grid-row: 1 / span 2; }
  .procedure-content { margin-left: 64px; }
}
@media (max-width: 600px) {
  .surgery-hero { padding: 145px 0 72px; }
  .surgery-hero h1 { font-size: clamp(3.4rem, 15vw, 4.6rem); }
  .surgery-intro { font-size: 1.4rem; }
  .guidance-heading h2, .procedure-heading h2, .closing-grid h2 { font-size: clamp(2.8rem, 12vw, 3.8rem); }
  .guidance-card { padding: 30px 24px; }
  .guidance-card .card-number { margin-bottom: 28px; }
  .guidance-card h3 { font-size: 1.9rem; }
  .alert-panel { padding: 28px 24px; }
  .procedure-list summary { grid-template-columns: 30px 1fr 24px; gap: 12px; min-height: 96px; }
  .procedure-list summary strong { font-size: 1.4rem; }
  .procedure-content { grid-template-columns: 1fr; gap: 24px; margin: 0 0 26px 0; padding: 24px 20px; }
}