.diagnostico-page{min-height:100svh;background:#fff}
.diagnostico-shell{width:min(100%,1240px);min-height:calc(100svh - 83px);margin-inline:auto;display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr)}
.diagnostico-intro{background:#17294a;color:#fff;padding:clamp(58px,7vw,94px) clamp(32px,5vw,70px);display:flex;flex-direction:column;justify-content:center}
.diagnostico-intro h1{font-size:clamp(2.8rem,4.5vw,4.8rem);line-height:1.05;letter-spacing:-.055em}
.diagnostico-intro h1 em{display:block;margin-top:8px;color:#f288be}
.diagnostico-intro>p{max-width:39ch;margin-top:25px;color:#d9e0eb;font-size:.86rem}
.diagnostico-intro ol{list-style:none;padding:0;margin:42px 0 0;border-top:1px solid #53617a}
.diagnostico-intro li{display:flex;align-items:center;gap:15px;min-height:53px;border-bottom:1px solid #42516d;color:#e8edf5;font-size:.76rem}
.diagnostico-intro li span{color:#f288be;font-weight:700;font-size:.65rem;letter-spacing:.12em}
.diagnostico-panel{padding:clamp(58px,7vw,94px) clamp(34px,6vw,82px);display:flex;align-items:center}
.diagnostico-panel form{width:min(100%,680px);margin-inline:auto}
.panel-index{display:flex;justify-content:space-between;gap:20px;padding-bottom:14px;border-bottom:1px solid #aeb8c7;color:#526078;font-size:.67rem;font-weight:700;letter-spacing:.12em}
.diagnostico-panel label{display:block;margin:36px 0 13px;color:#17294a;font-size:clamp(1.45rem,2.4vw,2.15rem);font-weight:650;line-height:1.2;letter-spacing:-.035em}
.diagnostico-panel textarea{width:100%;min-height:138px}
.field-error{margin-top:8px;color:#a41556;font-size:.76rem}
.diagnostico-panel fieldset{border:0;padding:0;margin:35px 0 0}
.diagnostico-panel legend{margin-bottom:12px;color:#526078;font-size:.72rem;font-weight:650;letter-spacing:.06em}
.diagnostico-option{width:100%;min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 4px;border:0;border-top:1px solid #d7dce5;background:#fff;color:#17294a;text-align:left}
.diagnostico-option:last-child{border-bottom:1px solid #d7dce5}
.diagnostico-option:hover,.diagnostico-option:focus-visible{background:#fbf1f6;padding-inline:14px;color:#a41556}
.diagnostico-option span,.diagnostico-option b,.diagnostico-option small{display:block}
.diagnostico-option b{font-size:.9rem}
.diagnostico-option small{margin-top:4px;color:#526078;font-size:.72rem;font-weight:400}
.diagnostico-option i{font-style:normal;font-size:1.15rem}
@media(min-width:851px){
  .diagnostico-intro{min-width:0;padding-inline:clamp(38px,4vw,56px)}
  .diagnostico-intro h1{max-width:10ch;font-size:clamp(3rem,4vw,3.75rem);line-height:1.04;overflow-wrap:normal;word-break:normal}
  .diagnostico-intro h1 em{max-width:10ch}
  .diagnostico-intro>p{font-size:.82rem}
  .diagnostico-panel{min-width:0;padding-inline:clamp(44px,5vw,72px)}
}
@media(max-width:850px){
  .diagnostico-shell{display:block;min-height:0}
  .diagnostico-intro{padding:50px 24px 38px}
  .diagnostico-intro h1{font-size:clamp(2.5rem,10vw,3.5rem)}
  .diagnostico-intro ol{margin-top:30px}
  .diagnostico-panel{padding:42px 22px 62px}
  .diagnostico-panel label{margin-top:30px;font-size:1.5rem}
}
@media(max-width:520px){
  .diagnostico-option{min-height:82px;gap:12px}
  .diagnostico-option:hover,.diagnostico-option:focus-visible{padding-inline:8px}
}