.xray-hero{background:#eef7ff;overflow:hidden}.xray-hero-inner{position:relative;min-height:550px;display:flex;align-items:center}.xray-copy{width:52%;z-index:1;padding:55px 0}.xray-copy h1{font-size:clamp(48px,6.3vw,84px);letter-spacing:-.06em;line-height:1;margin:18px 0 22px}.xray-copy h1 span,.process-intro h2 span{color:#0758f5}.xray-copy>p:not(.eyebrow){font-size:23px;line-height:1.35;color:#6b7bad;max-width:460px;margin:0 0 28px}.xray-hero-inner>img{position:absolute;right:calc((min(1180px,100vw - 48px) - 100vw)/2);top:0;height:100%;width:75%;object-fit:cover;object-position:center;mask-image:linear-gradient(to right,transparent 0%,#000 47%)}.xray-options{background:linear-gradient(125deg,#fff,#f2f9ff 60%,#e7f4ff);padding:45px 0}.xray-options .section-heading h2{font-size:48px}.title-line{background:#0863f8;height:3px;width:65px;border-radius:4px;margin:14px auto}.xray-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.xray-option{position:relative;border:1px solid #ecf5ff;border-radius:24px;background:#fff;box-shadow:0 8px 28px #236aba0c;padding:25px 22px 22px;text-align:center;display:flex;flex-direction:column;align-items:center}.xray-art{width:100%;background-image:url('Redirección Radiografías/Sección Nuestras opciones.png');background-repeat:no-repeat;border-radius:12px}.xray-art.single{aspect-ratio:227/195;background-size:451.1% 309.7%;background-position:9.41% 43.28%}.xray-art.full{aspect-ratio:258/195;background-size:396.9% 309.7%;background-position:49.35% 43.28%}.xray-art.promo{aspect-ratio:266/195;background-size:385% 309.7%;background-position:92.5% 43.28%}.xray-option h3{font-size:27px;letter-spacing:-.04em;line-height:1.1;margin:20px 0 12px;white-space:nowrap}.xray-option h3 small{font-size:19px}.xray-option>p{font-size:19px;line-height:1.4;color:#687bac;margin:0 0 20px}.option-price{width:100%;background:#e8f4ff;border-radius:999px;padding:10px;color:#071c70;font-size:40px;font-weight:800;letter-spacing:-.04em;margin-top:auto}.option-price small{font-size:21px;letter-spacing:0}.promotion{border:2px solid #3e9eff;background:linear-gradient(135deg,#e7f5ff,#f7fbff)}.promotion-label{position:absolute;top:-20px;left:6%;width:88%;border-radius:999px;background:linear-gradient(90deg,#00359d,#0658f5);color:#fff;padding:10px 5px;font-weight:800;font-size:18px}.xray-option .first-time{font-weight:800;color:#071c70;font-size:17px;margin-bottom:8px}.promotion del{font-size:23px;color:#506997;margin-bottom:8px}.promotion .option-price{background:#0758f5;color:#fff}.xray-process{padding:55px 0;display:grid;grid-template-columns:minmax(0,.36fr) minmax(0,.64fr);gap:20px;align-items:center}.process-intro h2{font-size:clamp(30px,3.3vw,45px);letter-spacing:-.045em;line-height:1.1;margin:18px 0}.process-intro .title-line{margin-left:0}.process-intro>p:not(.eyebrow){color:#6b7bad;font-size:18px;line-height:1.45;margin:0 0 20px}.xray-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;scroll-margin-top:20px}.xray-steps li{border-radius:20px;background:#fff;box-shadow:0 8px 25px #105da114;padding:12px;position:relative}.xray-steps img{width:100%;height:205px;object-fit:contain;background:#f1f7ff;display:block;border-radius:12px}.step-badge{width:42px;height:42px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;background:#0758f5;color:#fff;font-size:23px;font-weight:800;margin:-25px 0 10px;position:relative}.xray-steps h3{font-size:17px;line-height:1.2;margin:0 0 10px;letter-spacing:-.025em}.xray-steps p{font-size:14px;line-height:1.45;color:#7082ad;margin:0 0 10px}.xray-steps strong{color:#143477}
@media(max-width:1000px){.xray-copy>p:not(.eyebrow){font-size:20px}.xray-option{padding:22px 14px 15px}.xray-option h3{font-size:23px}.xray-option h3 small{font-size:16px}.xray-option>p{font-size:16px}.option-price{font-size:32px}.promotion-label{font-size:15px}.xray-process{grid-template-columns:1fr;gap:25px}.process-intro{max-width:600px}.xray-steps img{height:240px}}
@media(max-width:700px){.xray-hero-inner{display:flex;flex-direction:column;min-height:0}.xray-copy{width:100%;padding:40px 0 18px}.xray-copy h1{font-size:clamp(44px,11.6vw,65px)}.xray-copy>p:not(.eyebrow){font-size:18px}.xray-hero-inner>img{position:static;width:calc(100% + 32px);height:auto;max-width:none;object-fit:contain;mask-image:none}.xray-options{padding:35px 0}.xray-options .section-heading h2{font-size:36px}.xray-grid{grid-template-columns:1fr;gap:32px;width:min(380px,100%);margin:35px auto 0}.xray-option{padding:24px}.xray-option h3{font-size:28px}.xray-option h3 small{font-size:19px}.xray-option>p{font-size:18px}.option-price{font-size:40px}.promotion-label{font-size:18px}.xray-process{padding:35px 0}.xray-steps{grid-template-columns:1fr;gap:20px;width:100%}.xray-steps li{padding:16px}.xray-steps img{height:auto;max-height:330px;object-fit:contain}.xray-steps h3{font-size:22px}.xray-steps p{font-size:16px}.step-badge{margin-top:-23px}.xray-steps li:nth-child(2) img{height:330px}}
.xray-options .section-heading .eyebrow{color:#0758f5}
.xray-option{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;transform-origin:center}
@media(hover:hover) and (pointer:fine){.xray-option:hover{transform:translateY(-6px) scale(1.045);box-shadow:0 18px 38px #1457b52b;border-color:#73b5ff;z-index:2}}
@media(prefers-reduced-motion:reduce){.xray-option{transition:none}}
.full-spine-views{color:#61749f;line-height:1.5;padding-left:22px}.full-spine-views li{margin:8px 0}
.process-intro .button{white-space:normal;text-align:center}
.xray-steps li{transition:opacity .65s ease,transform .65s ease}
.xray-steps li.step-pending{opacity:0;transform:translateY(35px)}
@media(prefers-reduced-motion:reduce){.xray-steps li{transition:none}.xray-steps li.step-pending{opacity:1;transform:none}}

/* Show the full process photos, edge to edge, at their natural proportions. */
.xray-steps{align-items:start}
.xray-steps li{padding:0 0 16px;overflow:hidden}
.xray-steps li img,.xray-steps li:nth-child(2) img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;background:transparent;border-radius:20px 20px 0 0}
.xray-steps .step-badge{margin-left:16px}
.xray-steps h3,.xray-steps p{margin-left:16px;margin-right:16px}

/* Center the side steps beside the taller second photo. */
.xray-steps{align-items:center}
.xray-steps li:first-child img,.xray-steps li:last-child img{aspect-ratio:1372/1147;object-fit:cover}
@media(max-width:700px){.xray-steps{align-items:start}}