@import url("/assets/css/diagnostico-form.css");

.diagnosis-hero{padding-block:clamp(64px,9vw,120px);border-bottom:1px solid var(--sw-border)}
.diagnosis-hero__inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,96px);align-items:center}
.diagnosis-hero__inner>div:first-child{display:grid;gap:var(--sw-space-4)}.diagnosis-hero h1{max-width:730px}.diagnosis-hero p:not(.sw-eyebrow){color:var(--sw-text-muted);font-size:clamp(1.05rem,1.5vw,1.22rem);max-width:650px}
.diagnosis-hero__actions{display:flex;flex-wrap:wrap;gap:12px}.diagnosis-hero .diagnosis-hero__note{font-size:.95rem!important}
.diagnosis-visual{min-height:390px;position:relative;display:grid;place-items:center}.diagnosis-visual__sheet{width:54%;height:66%;border:1px solid #78b9c2;transform:rotate(-13deg);background:rgba(255,255,255,.55)}.diagnosis-visual__sheet--front{position:absolute;transform:translate(28px,20px) rotate(7deg);background:rgba(255,255,255,.78)}.diagnosis-visual__sheet--front::before{content:"";display:block;margin:26% auto;width:60%;height:25%;border-block:1px solid #78b9c2}.diagnosis-visual__glass{position:absolute;width:120px;height:120px;border:3px solid var(--sw-teal);border-radius:50%;transform:translate(-55px,-5px)}.diagnosis-visual__line{position:absolute;width:90px;height:3px;background:var(--sw-teal);transform:translate(23px,89px) rotate(48deg)}
.diagnosis-section{padding-block:clamp(64px,8vw,102px);border-bottom:1px solid var(--sw-border)}.diagnosis-section__grid{display:grid;grid-template-columns:minmax(250px,.36fr) minmax(0,.64fr);gap:clamp(36px,7vw,100px)}.diagnosis-section__grid>div:first-child{display:grid;align-content:start;gap:16px}.diagnosis-section__grid>div:first-child p:not(.sw-eyebrow){color:var(--sw-text-muted)}
.diagnosis-lines p{font-size:clamp(1.25rem,2vw,1.68rem);line-height:1.35;border-top:1px solid var(--sw-border);padding:22px 0}.diagnosis-lines p:last-child{border-bottom:1px solid var(--sw-border)}
.diagnosis-review-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}.diagnosis-review-list span{border-top:1px solid var(--sw-border);padding:20px 0;font-size:1.1rem}
.diagnosis-deliverables{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,4vw,48px);margin-top:44px}.diagnosis-deliverables article{border-top:2px solid var(--sw-teal);padding-top:18px}.diagnosis-deliverables span{color:var(--sw-teal)}.diagnosis-deliverables h3{font-size:1.35rem;margin:14px 0 10px}.diagnosis-deliverables p{color:var(--sw-text-muted)}
.diagnosis-example{margin-top:65px;border:1px solid var(--sw-border);padding:clamp(20px,3vw,32px)}.diagnosis-example>div{display:grid;grid-template-columns:1fr 1.5fr 1.5fr;gap:12px;border-top:1px solid var(--sw-border);padding:15px 0}.diagnosis-example .sw-eyebrow{margin-bottom:12px}.diagnosis-example>div:first-of-type{font-weight:700}
.diagnosis-method{list-style:none;margin:0;padding:0}.diagnosis-method li{display:grid;grid-template-columns:65px 1fr;gap:20px;padding:18px 0;border-top:1px solid var(--sw-border)}.diagnosis-method li span{color:var(--sw-teal);font-weight:700}.diagnosis-method li p{margin-top:8px;color:var(--sw-text-muted)}
.diagnosis-request{background:rgba(3,101,120,.025)}.diagnosis-request__legal{border-left:2px solid #78b9c2;padding-left:16px;margin-top:18px}
@media(max-width:900px){.diagnosis-hero__inner,.diagnosis-section__grid{grid-template-columns:minmax(0,1fr)}.diagnosis-visual{display:none}.diagnosis-deliverables{grid-template-columns:1fr}.diagnosis-review-list{grid-template-columns:1fr}}
@media(max-width:600px){.diagnosis-example{overflow-x:auto}.diagnosis-example>div{min-width:600px}}
