html{background:#080a12}
body.page-id-124{background:#080a12 !important}
body.page-id-124::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(900px 620px at 12% 10%, rgba(45,212,191,.16), transparent 46%),radial-gradient(900px 720px at 88% 18%, rgba(124,92,252,.15), transparent 48%),radial-gradient(1000px 800px at 50% 102%, rgba(56,189,248,.11), transparent 52%);transform:translateZ(0)}
body.page-id-124 .content-bg,body.page-id-124 .content-container,body.page-id-124 .site-main,body.page-id-124 #wrapper,body.page-id-124 #inner-wrap,body.page-id-124 .site{background-color:transparent !important}
body.page-id-124 .entry-content{color:#c3cad8}
body.page-id-124 .entry-content a:not([class]){color:#5EEAD4}
.h2{font-family:inherit}.h2 *{box-sizing:border-box}
.h2 .wrap{max-width:1160px;margin:0 auto;padding:0 22px}
.h2 h1,.h2 h2,.h2 h3,.h2 h4{color:#ffffff;margin:0}
.h2 .eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;color:#5EEAD4}
.h2 .h2-btn{display:inline-block;border-radius:40px;padding:14px 28px;font-weight:700;text-decoration:none;transition:.2s}
.h2 .h2-btn.p{background:linear-gradient(135deg,#2DD4BF,#22D3EE);color:#05231f}.h2 .h2-btn.g{background:transparent;border:2px solid rgba(255,255,255,.42);color:#fff}
.h2 .h2-btn:hover{transform:translateY(-2px)}
.h2-hero{position:relative;overflow:hidden;background:linear-gradient(160deg,#0c2f3a 0%,#0a1226 60%,#070a14 100%);padding:86px 0 74px}
.h2-hero-photo{position:absolute;top:0;right:0;bottom:0;width:52%;z-index:1;background:url('/wp-content/uploads/2026/06/Quirofano_cirugia_de_rodilla.jpg') center/cover no-repeat;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.55) 32%,#000 64%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.55) 32%,#000 64%)}
.h2-hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(7,10,20,.94) 0%,rgba(10,18,38,.55) 46%,rgba(12,47,58,.28) 100%)}
.h2-hero .h2-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;pointer-events:none;z-index:1;animation:h2move 18s ease-in-out infinite}.h2-hero .b1{width:380px;height:380px;background:#2DD4BF;top:-120px;left:2%}.h2-hero .b2{width:340px;height:340px;background:#7C5CFC;bottom:-150px;right:6%;animation-delay:-6s}.h2-hero .b3{width:260px;height:260px;background:#38BDF8;top:30%;left:60%;animation-delay:-10s}@keyframes h2move{0%,100%{transform:translate(0,0)}50%{transform:translate(36px,-30px) scale(1.1)}}
.h2-hero .wrap{position:relative;z-index:2}
.h2-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center}
.h2-badges{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.h2-badge{background:rgba(255,255,255,.12);color:#dfeefa;font-size:11px;font-weight:700;padding:5px 13px;border-radius:30px;text-transform:uppercase;letter-spacing:.05em}
.h2-hero h1{font-size:50px;font-weight:800;line-height:1.08;color:#fff}
.h2-eyebrow-hero{color:#5EEAD4;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px}
.h2-datepill{display:inline-flex;align-items:center;gap:8px;margin:20px 0 16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);color:#dfe6f0;padding:9px 16px;border-radius:30px;font-weight:600;font-size:14px}
.h2-dir{color:#cfd9e6;font-size:15px;line-height:1.7;margin:0 0 26px}.h2-dir b{color:#fff}
.h2-hbtns{display:flex;gap:13px;flex-wrap:wrap}
.h2-statcard{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:26px;display:grid;grid-template-columns:1fr 1fr;gap:22px 18px;box-shadow:0 12px 30px rgba(0,0,0,.35);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.h2-stat{display:flex;align-items:center;gap:12px}
.h2-stat-ic{flex:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center}
.h2-stat-tx{display:flex;flex-direction:column;gap:3px;min-width:0}
.h2-stat-n{font-size:30px;font-weight:800;line-height:1;color:#5EEAD4}
.h2-stat-l{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.66)}
.h2-sec{padding:78px 0}
.h2-sec h2{font-size:36px;font-weight:800;line-height:1.16}
.h2-lead{color:#c3cad8;font-size:17px;line-height:1.7;margin:16px 0 6px}
.h2-checks{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.h2-checks li{display:flex;gap:12px;align-items:flex-start;color:#c3cad8;font-size:15.5px;line-height:1.5}
.h2-ck{flex:none;width:24px;height:24px;border-radius:7px;background:rgba(45,212,191,.16);color:#2DD4BF;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
.h2-objgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.h2-obj{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:24px;box-shadow:0 12px 30px rgba(0,0,0,.35);transition:.2s}
.h2-obj:hover{transform:translateY(-4px)}
.h2-obj-n{font-size:34px;font-weight:800;display:block;line-height:1;opacity:.55}
.h2-obj h3{font-size:18px;font-weight:800;margin:12px 0 8px;color:#ffffff}
.h2-obj p{color:#c3cad8;font-size:14px;line-height:1.6;margin:0}
.h2-meth{background:linear-gradient(135deg,#0f5e5b 0%,#1b2a63 100%);padding:74px 0}
.h2-meth-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.h2-meth h2{color:#fff;font-size:34px;font-weight:800;line-height:1.15}
.h2-sedes{display:inline-flex;align-items:center;gap:8px;margin:18px 0 22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);color:#fff;padding:8px 16px;border-radius:30px;font-weight:600;font-size:14px}
.h2-mcards{display:flex;flex-direction:column;gap:16px}
.h2-mcard{background:#fff;border-radius:16px;padding:24px;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.h2-mcard-h{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px}
.h2-mcard-t{font-size:19px;font-weight:800;color:#11161E}
.h2-mtag{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:4px 11px;border-radius:30px}
.h2-mcard p{color:#45515F;font-size:14.5px;line-height:1.6;margin:0}
.h2-subh{font-size:22px;font-weight:800;color:#fff;max-width:820px;margin:0 auto 16px}
.h2-cta{background:linear-gradient(135deg,#0f766e 0%,#3730a3 100%);text-align:center;padding:72px 22px}
.h2-cta h2{color:#fff;font-size:32px;font-weight:800;margin:0 0 22px}
.h2-cta-cifras{display:flex;justify-content:center;gap:34px;flex-wrap:wrap;margin:0 0 28px}
.h2-ctac{display:flex;flex-direction:column;gap:3px}
.h2-ctac-n{font-size:26px;font-weight:800;line-height:1;color:#fff}
.h2-ctac-l{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.rig-sec{position:relative;overflow:hidden;padding:82px 0;background:rgba(8,10,18,.40)}
.rig-sec .wrap{position:relative;z-index:2}
.rig-blob{position:absolute;border-radius:50%;filter:blur(72px);opacity:.45;pointer-events:none;animation:novmove 22s ease-in-out infinite}
.rig-b1{width:400px;height:400px;background:#38BDF8;top:-150px;right:4%}
.rig-b2{width:340px;height:340px;background:#2DD4BF;bottom:-150px;left:6%;animation-delay:-8s}
.rig-b3{width:280px;height:280px;background:#7C5CFC;top:30%;left:42%;animation-delay:-13s}
@keyframes novmove{0%,100%{transform:translate(0,0)}50%{transform:translate(40px,-30px) scale(1.12)}}
.rig-head{text-align:center;max-width:800px;margin:0 auto 40px}
.rig-eyebrow{color:#5EEAD4;font-size:14px;font-weight:700;margin:10px 0 4px}
.rig-head h2{font-size:38px;font-weight:800;line-height:1.14;color:#ffffff;margin:0}
.rig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1000px;margin:0 auto}
.rig-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:30px 22px;text-align:center;box-shadow:0 12px 30px rgba(0,0,0,.35);transition:transform .2s}
.rig-card:hover{transform:translateY(-4px)}
.rig-title{font-size:18px;font-weight:800;color:#ffffff;margin:14px 0 8px}
.rig-desc{font-size:14px;color:#c3cad8;line-height:1.55;margin:0}
.nov-ic{width:58px;height:58px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(45,212,191,.12);margin:0 auto;font-size:28px}
.nov-badge{display:inline-block;background:#2DD4BF;color:#062a26;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:6px 16px;border-radius:30px;margin:0 0 18px}
.nov-foot{display:flex;align-items:center;gap:16px;max-width:820px;margin:34px auto 0;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:20px 26px}
.nov-shield{flex:none;width:46px;height:46px;border-radius:12px;background:#2DD4BF;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800}
.nov-foot p{margin:0;color:#c3cad8;font-size:15px;line-height:1.55}.nov-foot b{color:#ffffff}
.sec-fx{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.sec-dots{position:absolute;inset:0;background-image:radial-gradient(rgba(94,234,212,.13) 1.2px,transparent 1.2px);background-size:24px 24px;-webkit-mask-image:radial-gradient(ellipse 95% 85% at 50% 40%,#000 35%,transparent 100%);mask-image:radial-gradient(ellipse 95% 85% at 50% 40%,#000 35%,transparent 100%)}
.sec-fx::before,.sec-fx::after{content:"";position:absolute;width:55%;height:130%;border-radius:50%;filter:blur(16px)}
.sec-fx::before{top:-15%;left:-15%;background:radial-gradient(circle at center,rgba(45,212,191,.20),transparent 60%);animation:fxd1 19s ease-in-out infinite}
.sec-fx::after{bottom:-15%;right:-15%;background:radial-gradient(circle at center,rgba(124,92,252,.17),transparent 60%);animation:fxd2 24s ease-in-out infinite}
@keyframes fxd1{0%,100%{transform:translate(0,0)}50%{transform:translate(110%,12%)}}
@keyframes fxd2{0%,100%{transform:translate(0,0)}50%{transform:translate(-100%,-12%)}}
@media(prefers-reduced-motion:reduce){.h2-hero .h2-blob,.rig-blob,.sec-fx::before,.sec-fx::after{animation:none}}
@media(max-width:900px){.h2-hero-grid,.h2-meth-grid{grid-template-columns:1fr}.h2-objgrid{grid-template-columns:1fr 1fr}.h2-hero h1{font-size:38px}.rig-grid{grid-template-columns:repeat(2,1fr)}.rig-head h2{font-size:30px}.h2-hero-photo{width:100%;opacity:.24;-webkit-mask-image:linear-gradient(to top,transparent 0%,#000 88%);mask-image:linear-gradient(to top,transparent 0%,#000 88%)}}
@media(max-width:560px){.h2-objgrid,.h2-statcard{grid-template-columns:1fr}.h2-sec h2,.h2-meth h2{font-size:27px}.rig-grid{grid-template-columns:1fr}}