/* Fotografías de apoyo para humanizar la experiencia sin alterar el logo original. */
.hero-person{position:relative;z-index:1;width:min(100%,500px);height:500px;object-fit:cover;object-position:center;border:1px solid rgba(255,255,255,.72);border-radius:34px;box-shadow:var(--shadow-lg)}
.support-stage{place-items:center start}
.support-window{position:absolute;z-index:3;right:-20px;bottom:24px;width:min(72%,350px);border-radius:23px;transform:rotate(1deg)}
.support-window .window-body{padding:18px}.support-window .window-intro{margin-bottom:15px}.support-window .diagnostic-list{gap:8px}.support-window .diagnostic-row{padding:9px 10px}.support-window .window-result{margin-top:12px;padding:12px}.support-window .result-score{font-size:22px}.floating-card{right:-4px;bottom:-7px;width:185px}
.problem-intro{display:grid;grid-template-columns:310px minmax(0,1fr);gap:48px;align-items:center;margin-bottom:38px}.problem-intro .center{text-align:left}.problem-intro .center .title,.problem-intro .center .lead{margin-inline:0}.problem-person{position:relative;margin:0;overflow:hidden;border-radius:28px;box-shadow:var(--shadow-md)}.problem-person img{width:100%;height:285px;object-fit:cover;object-position:center}.problem-person figcaption{position:absolute;inset:auto 14px 14px;padding:10px 13px;color:#fff;background:rgba(18,16,25,.82);border:1px solid rgba(255,255,255,.16);border-radius:13px;backdrop-filter:blur(12px);font-size:12px;font-weight:800}
.trust-human{position:relative;z-index:2;margin:-14px -14px 26px;overflow:hidden;border:1px solid rgba(255,255,255,.28);border-radius:22px}.trust-human img{width:100%;height:165px;object-fit:cover;object-position:center}.trust-human span{position:absolute;left:12px;bottom:12px;padding:8px 11px;color:#fff;background:rgba(18,16,25,.82);border-radius:999px;backdrop-filter:blur(10px);font-size:11px;font-weight:850}
.hero-with-person{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);gap:34px;align-items:center;text-align:left}.hero-with-person .hero-copy{text-align:left}.hero-with-person .hero-copy h1,.hero-with-person .hero-copy p{margin-left:0;margin-right:0}.hero-with-person .hero-person{width:100%;height:auto;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.75);border-radius:28px;box-shadow:var(--shadow);background:#fff}.hero-with-person .hero-person img{width:100%;height:330px;object-fit:cover;object-position:center;display:block}.hero-with-person .hero-person figcaption{position:absolute;inset:auto 14px 14px;padding:9px 12px;color:#fff;background:rgba(18,16,25,.82);border:1px solid rgba(255,255,255,.14);border-radius:12px;backdrop-filter:blur(12px);font-size:12px;font-weight:800}.help-with-person{display:grid;grid-template-columns:125px 1fr;gap:22px;align-items:center;text-align:left}.help-with-person>img{width:125px;height:125px;object-fit:cover;border-radius:24px;box-shadow:0 15px 38px rgba(35,24,49,.13)}.help-with-person h2{margin-top:0}
@media(max-width:1050px){.support-stage{min-height:540px;place-items:center}.hero-person{width:min(100%,610px);height:520px}.support-window{right:1%;width:min(62%,370px)}.problem-intro{grid-template-columns:270px minmax(0,1fr);gap:34px}}
@media(max-width:760px){.hero-with-person{grid-template-columns:1fr;text-align:center}.hero-with-person .hero-copy{text-align:center}.hero-with-person .hero-copy h1,.hero-with-person .hero-copy p{margin-left:auto;margin-right:auto}.hero-with-person .hero-person img{height:280px}.help-with-person{grid-template-columns:1fr;text-align:center}.help-with-person>img{margin:auto}}
@media(max-width:720px){.support-stage{min-height:470px}.hero-person{width:100%;height:430px;border-radius:27px}.support-window{right:8px;bottom:17px;width:calc(100% - 40px);max-width:340px}.support-window .window-bar{padding:11px 13px}.support-window .window-label{font-size:9px}.support-window .diagnostic-row:nth-child(2){display:none}.support-window .window-result{display:none}.floating-card{right:3px;bottom:-12px;width:165px}.problem-intro{grid-template-columns:1fr;gap:25px}.problem-intro .center{text-align:center}.problem-intro .center .title,.problem-intro .center .lead{margin-inline:auto}.problem-person{max-width:390px;margin-inline:auto}.problem-person img{height:250px}.trust-human img{height:145px}}