/* Progressive enhancement: every condition remains readable without JavaScript. */
#padecimientos .section-label,#padecimientos .section-title,#padecimientos .section-sub { text-align:center; margin-inline:auto; }
#padecimientos .section-sub { max-width:680px; }
.condition-orbit { --orbit-ink:#233e32; --orbit-muted:#41524a; --orbit-line:#e2e9e4; position:relative; max-width:1120px; margin:40px auto 0; }
.condition-orbit__names { display:none; }
.condition-orbit__stage { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:24px; }
.condition-orbit__panel { margin:0; min-width:0; overflow:hidden; border:1px solid var(--orbit-line); border-radius:28px; background:#fff; }
.condition-orbit__image { overflow:hidden; aspect-ratio:16/9; background:#e9eeea; }
.condition-orbit__image img { display:block; width:100%; max-width:none; height:100%; object-fit:cover; }
.condition-orbit__copy { padding:24px; }
.condition-orbit .condition-orbit__copy h3 { font-family:inherit; font-size:24px; font-weight:600; line-height:1.2; color:var(--orbit-ink); margin:0 0 28px; letter-spacing:-.5px; text-align:center; }
.condition-orbit .condition-orbit__copy p { font-size:15px; line-height:1.6; color:#58655f; margin:0 0 24px; }
.condition-orbit.is-enhanced { height:740px; }
.condition-orbit.is-enhanced .condition-orbit__names { display:block; position:absolute; inset:0; }
.condition-orbit.is-enhanced .condition-orbit__name { position:absolute; left:50%; top:50%; width:170px; min-height:52px; padding:10px 12px; border:0; border-radius:30px; background:#fff; color:var(--orbit-muted); font-weight:500; font-family:inherit; font-size:16px; line-height:1.3; text-align:center; cursor:pointer; transform:translate(calc(-50% + var(--orbit-x,0px)),calc(-50% + var(--orbit-y,0px))) scale(var(--orbit-scale,1)); opacity:var(--orbit-opacity,1); transition:transform 720ms cubic-bezier(.22,.61,.36,1),opacity 500ms,color 300ms,background-color 300ms; z-index:2; }
.condition-orbit.is-enhanced .condition-orbit__name[aria-selected="true"] { background:#e7efe9; color:var(--orbit-ink); font-weight:650; }
.condition-orbit.is-enhanced .condition-orbit__name[data-outside] { opacity:0; pointer-events:none; visibility:hidden; }
.condition-orbit.is-enhanced .condition-orbit__name:hover { background:#f0f4f0; color:var(--orbit-ink); }
.condition-orbit.is-enhanced .condition-orbit__stage { position:absolute; z-index:1; width:350px; height:395px; left:50%; top:50%; transform:translate(-50%,-44%); display:grid; grid-template-columns:1fr; gap:0; }
.condition-orbit.is-enhanced .condition-orbit__panel { grid-area:1/1; height:100%; opacity:0; visibility:hidden; pointer-events:none; transition:opacity 420ms,visibility 420ms; display:flex; flex-direction:column; }
.condition-orbit.is-enhanced .condition-orbit__panel.is-active { opacity:1; visibility:visible; pointer-events:auto; }
.condition-orbit.is-enhanced .condition-orbit__image { flex:0 0 197px; }
.condition-orbit.is-enhanced .condition-orbit__copy { display:flex; flex-direction:column; flex:1; }
.condition-orbit.is-enhanced .condition-orbit__copy p { margin-bottom:12px; }
.condition-orbit :focus-visible { outline:2px solid #49735c; outline-offset:5px; }
.condition-orbit.is-enhanced .condition-orbit__stage { touch-action:pan-y; }
@media(max-width:999px) {
 .condition-orbit { margin-top:28px; }
 .condition-orbit.is-enhanced { height:auto; padding:0 0 32px; }
 .condition-orbit.is-enhanced .condition-orbit__names { position:relative; display:flex; align-items:center; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:none; gap:8px; padding:8px 0 20px; scroll-snap-type:x mandatory; z-index:2; }
 .condition-orbit__names::-webkit-scrollbar { display:none; }
 .condition-orbit.is-enhanced .condition-orbit__name { position:static; width:auto; flex:0 0 auto; min-height:44px; max-width:230px; padding:12px 20px; transform:none; opacity:1; visibility:visible; scroll-snap-align:center; border:1px solid var(--orbit-line); font-size:14px; }
 .condition-orbit.is-enhanced .condition-orbit__name[data-outside] { opacity:1; visibility:visible; pointer-events:auto; }
 .condition-orbit.is-enhanced .condition-orbit__stage { position:relative; top:auto; left:auto; transform:none; width:min(84%,320px); height:395px; margin:28px auto 0; }
}
@media(max-width:380px) {
 .condition-orbit.is-enhanced .condition-orbit__stage { height:405px; }
 .condition-orbit__copy { padding:20px; }
 .condition-orbit .condition-orbit__copy h3 { font-size:23px; }
}
@media(prefers-reduced-motion:reduce) {
 .condition-orbit.is-enhanced .condition-orbit__name,.condition-orbit.is-enhanced .condition-orbit__panel { transition:none; }
 .condition-orbit__names { scroll-behavior:auto; }
}

.condition-orbit .sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.condition-orbit :focus-visible { outline:2px solid #49735c !important; outline-offset:5px; }
@media(max-width:999px) { .condition-orbit { max-width:calc(100% - 32px); } }
/* Reserve the same footprint before the deferred enhancement loads. */
.condition-orbit:not(.is-enhanced) { height:740px; }
.condition-orbit:not(.is-enhanced) .condition-orbit__stage { display:flex; overflow-x:auto; height:100%; align-items:center; scroll-snap-type:x mandatory; }
.condition-orbit:not(.is-enhanced) .condition-orbit__panel { flex:0 0 min(350px,100%); height:395px; scroll-snap-align:center; }
@media(max-width:999px) {
 .condition-orbit:not(.is-enhanced) { height:511px; }
 .condition-orbit:not(.is-enhanced) .condition-orbit__stage { align-items:flex-start; padding-top:84px; }
}
@media(max-width:380px) { .condition-orbit:not(.is-enhanced) { height:521px; } }

/* A light, moving edge echoes the site's upload and review cards. */
@property --orbit-aura-angle { syntax:'<angle>'; initial-value:0deg; inherits:false; }
@keyframes orbit-aura { to { --orbit-aura-angle:360deg; } }
/* Liquid aura where the ring used to run: three blurred blobs drifting around the whole component, Siri-glow style. */
.condition-orbit__aura { position:absolute; inset:0; pointer-events:none; z-index:0; overflow:hidden; }
.condition-orbit__aura span {
 position:absolute; left:50%; top:50%; width:34%; height:34%; border-radius:50%;
 filter:blur(22px); opacity:.85; animation-play-state:paused; will-change:transform;
}
.condition-orbit__aura span:nth-child(1) { background:radial-gradient(circle,#31bcd6 0%,#31bcd6 40%,#31bcd600 75%); animation:aura-drift-1 14s ease-in-out infinite; }
.condition-orbit__aura span:nth-child(2) { background:radial-gradient(circle,#e0579e 0%,#e0579e 40%,#e0579e00 75%); animation:aura-drift-2 16.5s ease-in-out infinite; }
.condition-orbit__aura span:nth-child(3) { background:radial-gradient(circle,#8b64e6 0%,#8b64e6 40%,#8b64e600 75%); animation:aura-drift-3 12s ease-in-out infinite; }
@keyframes aura-drift-1 { 0%,100% { transform:translate(-88%,-50%) scale(1); } 25% { transform:translate(-50%,-90%) scale(1.15); } 50% { transform:translate(-12%,-50%) scale(.9); } 75% { transform:translate(-50%,-14%) scale(1.05); } }
@keyframes aura-drift-2 { 0%,100% { transform:translate(-14%,-78%) scale(1); } 25% { transform:translate(-84%,-82%) scale(.92); } 50% { transform:translate(-86%,-18%) scale(1.1); } 75% { transform:translate(-16%,-20%) scale(.95); } }
@keyframes aura-drift-3 { 0%,100% { transform:translate(-50%,-12%) scale(.95); } 33% { transform:translate(-90%,-52%) scale(1.08); } 66% { transform:translate(-10%,-52%) scale(1); } }
.condition-orbit.is-in-view .condition-orbit__aura span { animation-play-state:running; }
@media(max-width:999px) {
 /* The card leaves a much narrower margin on mobile, so the blobs need to be bigger and bolder to read at all. */
 .condition-orbit__aura span { width:60%; height:42%; filter:blur(15px); opacity:1; }
}
.condition-orbit.is-enhanced .condition-orbit__panel.is-active,
.condition-orbit.is-enhanced .condition-orbit__name[aria-selected="true"] {
 border:1.5px solid transparent;
 background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from var(--orbit-aura-angle),#75c9ec,#a2a5f4,#ed9fc8,#e9b48d,#93d6c8,#75c9ec) border-box;
 box-shadow:0 3px 18px #a2a5f415;
 animation:orbit-aura 8s linear infinite;
}
.condition-orbit.is-enhanced .condition-orbit__name[aria-selected="true"] { color:#233e32; }
.condition-orbit .condition-orbit__link {
 color:inherit; text-decoration:underline; text-decoration-thickness:1px;
 text-decoration-color:#99afa4; text-underline-offset:5px;
 transition:text-decoration-color 200ms;
}
.condition-orbit .condition-orbit__link:hover { text-decoration-color:currentColor; }
@media(prefers-reduced-motion:reduce) {
 .condition-orbit__aura span,
 .condition-orbit.is-enhanced .condition-orbit__panel.is-active,
 .condition-orbit.is-enhanced .condition-orbit__name[aria-selected="true"] { animation:none; }
}
