/* Dr. Rodrigo Jorrat — identidad 2026 (guía AVA BLUE). v2
Roles de color: paper/mist = superficies · ink = texto y bandas de cierre · sage = acento y paneles de forma.
Tipografía: Juturu. */
@font-face{font-family:"Juturu";src:url("/brand/fonts/Juturu-Light.woff2") format("woff2"),url("/brand/fonts/Juturu-Light.otf") format("opentype");font-weight:300;font-display:swap}
@font-face{font-family:"Juturu";src:url("/brand/fonts/Juturu-Regular.woff2") format("woff2"),url("/brand/fonts/Juturu-Regular.otf") format("opentype");font-weight:400;font-display:swap}
@font-face{font-family:"Juturu";src:url("/brand/fonts/Juturu-Medium.woff2") format("woff2"),url("/brand/fonts/Juturu-Medium.otf") format("opentype");font-weight:500;font-display:swap}
@font-face{font-family:"Juturu";src:url("/brand/fonts/Juturu-Bold.woff2") format("woff2"),url("/brand/fonts/Juturu-Bold.otf") format("opentype");font-weight:700;font-display:swap}
:root{
--ink:#1c2834;--ink-2:#2a3a4a;
--mist:#e4e5e9;--mist-2:#eff0f3;
--paper:#f7f8fa;--white:#fff;
--sage:#698d89;--sage-2:#557672;--sage-soft:#dfe8e6;
--text:#1c2834;--text-2:#4a5663;--text-3:#5f6a76;
--line:rgba(28,40,52,.12);
--ease:cubic-bezier(.16,1,.3,1);
--r:16px;--r-s:12px;--wrap:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--text);font-family:"Juturu",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55;font-size:17px}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-weight:700;line-height:1.08;letter-spacing:-.015em;text-wrap:balance;margin:0}
h2{font-size:clamp(1.9rem,1.3rem + 2.2vw,2.9rem)}
h3{font-size:1.2rem;font-weight:500}
p{margin:0;text-wrap:pretty}
.rj-wrap{width:min(var(--wrap),100% - 32px);margin-inline:auto}
.rj-lead{font-weight:300;font-size:1.15rem;color:var(--text-2);max-width:62ch}
.rj-sec{padding:clamp(64px,8.5vw,120px) 0}
.rj-sec__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:clamp(28px,4vw,48px)}
.rj-sec__head .rj-lead{margin-top:10px}
/* botones */
.rj-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 24px;border-radius:999px;font-weight:500;font-size:1rem;text-decoration:none;transition:transform .18s var(--ease),box-shadow .22s var(--ease),background .2s;cursor:pointer;border:0}
.rj-btn--primary{background:var(--ink);color:#fff}
.rj-btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(28,40,52,.22)}
.rj-btn--ghost{background:transparent;color:var(--ink);border:1px solid rgba(28,40,52,.35)}
.rj-btn--ghost:hover{background:rgba(28,40,52,.06)}
.rj-btn--light{background:#fff;color:var(--ink)}
.rj-btn--light:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.18)}
.rj-btn:active{transform:translateY(0) scale(.98);transition-duration:.1s}
.rj-btn:focus-visible,.rj-nav a:focus-visible,.rj-link:focus-visible,.rj-ba__range:focus-visible+.rj-ba__handle{outline:2px solid var(--sage);outline-offset:3px}
/* header */
.rj-header{position:sticky;top:0;z-index:50;background:rgba(247,248,250,.88);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line);transition:box-shadow .3s}
.rj-header.is-scrolled{box-shadow:0 10px 30px -18px rgba(28,40,52,.25)}
.rj-header__in{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:74px}
.rj-header__logo img{width:auto;height:32px}
.rj-nav{display:flex;align-items:center;gap:26px}
.rj-nav a{text-decoration:none;font-weight:500;font-size:.98rem;color:var(--text-2);position:relative}
.rj-nav a:not(.rj-nav__cta){padding-bottom:4px}
.rj-nav a:not(.rj-nav__cta)::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:2px;background:var(--sage);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.rj-nav a:hover,.rj-nav a.is-active{color:var(--ink)}
.rj-nav a:hover::after,.rj-nav a.is-active::after{transform:scaleX(1)}
.rj-nav__lang{font-size:.82rem!important;font-weight:700!important;letter-spacing:.06em;padding:6px 10px!important;border:1px solid var(--line);border-radius:999px;color:var(--text-2)!important}
.rj-nav__lang::after{display:none!important}
.rj-nav__lang:hover{border-color:var(--sage);color:var(--ink)!important}
.rj-mobile__lang{color:var(--sage-2)!important}
.rj-nav__cta{background:var(--ink);color:#fff!important;padding:10px 18px;border-radius:999px;line-height:1.2;display:inline-flex;align-items:center}
.rj-nav__cta:hover{background:var(--sage-2)}
.rj-burger{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer}
.rj-burger span{display:block;height:2px;background:var(--ink);margin:6px 10px;border-radius:2px;transition:transform .25s var(--ease)}
.rj-burger[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
.rj-burger[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
.rj-mobile{display:none}
.rj-mobile:not([hidden]){display:flex;flex-direction:column;border-top:1px solid var(--line);padding:8px 16px 16px;background:var(--paper)}
.rj-mobile a{padding:12px 4px;text-decoration:none;font-weight:500;border-bottom:1px solid var(--line)}
/* hero: tipografía + doctor recortado sobre panel de forma */
.rj-hero{padding:clamp(40px,6vw,80px) 0 clamp(48px,6vw,88px);overflow:hidden;position:relative}
.rj-hero::before{content:"";position:absolute;inset:-10% -10% auto auto;width:52vw;height:52vw;max-width:760px;max-height:760px;border-radius:50%;background:radial-gradient(closest-side,rgba(105,141,137,.18),transparent 70%);pointer-events:none}
.rj-hero .rj-wrap{position:relative;z-index:1}
.rj-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,5vw,72px);align-items:center}
.rj-hero__copy{padding-bottom:0}
.rj-hero__pre{color:var(--sage-2);font-weight:500;letter-spacing:.01em;font-size:.98rem;margin-bottom:18px;display:flex;align-items:center;gap:10px}
.rj-hero__pre::before{content:"";width:28px;height:2px;background:var(--sage)}
.rj-hero h1{font-size:clamp(2.2rem,1.2rem + 3.4vw,4.1rem);line-height:1.04;color:var(--ink);max-width:14ch}
.rj-hero__lead{margin:24px 0 34px;font-weight:300;font-size:1.18rem;color:var(--text-2);max-width:48ch;line-height:1.6}
.rj-hero__actions{display:flex;flex-wrap:wrap;gap:12px}
.rj-hero__panel{position:relative;align-self:center;min-height:560px;border-radius:280px 280px var(--r) var(--r);background:linear-gradient(180deg,var(--sage-soft),var(--sage) 70%);isolation:isolate;box-shadow:0 30px 60px -30px rgba(28,40,52,.35)}
.rj-hero__panel::before{content:"";position:absolute;inset:14px;border-radius:inherit;border:1px solid rgba(255,255,255,.35);pointer-events:none}
.rj-hero__panel img{position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:min(96%,620px);width:auto;max-width:none;filter:drop-shadow(0 24px 40px rgba(28,40,52,.28))}
.rj-hero__card{position:absolute;left:-22px;bottom:28px;z-index:2;display:flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;border-radius:14px;background:#fff;border:1px solid rgba(255,255,255,.8);box-shadow:0 18px 40px -16px rgba(28,40,52,.35);max-width:260px}
.rj-hero__card i{flex:0 0 40px;height:40px;border-radius:12px;background:var(--sage-soft);color:var(--sage-2);display:grid;place-items:center}
.rj-hero__card b{display:block;font-weight:700;font-size:.92rem;color:var(--ink);line-height:1.2}
.rj-hero__card small{display:block;font-size:.78rem;color:var(--text-3);margin-top:2px}
.rj-trust{background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.rj-trust__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr)}
.rj-trust__list li{display:flex;align-items:center;gap:14px;padding:22px 24px;border-right:1px solid var(--line)}
.rj-trust__list li:last-child{border-right:0}
.rj-trust__list i{flex:0 0 42px;height:42px;border-radius:50%;background:var(--sage-soft);color:var(--sage-2);display:grid;place-items:center}
.rj-trust__list b{display:block;font-weight:700;font-size:.95rem;color:var(--ink)}
.rj-trust__list span{font-size:.85rem;color:var(--text-3)}
.rj-wa{position:fixed;right:20px;bottom:20px;z-index:60;width:56px;height:56px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;box-shadow:0 14px 30px -8px rgba(28,40,52,.5);opacity:0;transform:translateY(16px) scale(.9);pointer-events:none;transition:opacity .3s var(--ease),transform .4s var(--ease)}
.rj-wa.is-on{opacity:1;transform:none;pointer-events:auto}
.rj-wa:hover{background:var(--sage-2)}
/* sociedades: protagonismo real */
.rj-soc{background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(44px,6vw,72px) 0}
.rj-soc__head{text-align:center;margin-bottom:34px}
.rj-soc__head h2{font-size:clamp(1.4rem,1.1rem + 1.2vw,1.9rem)}
.rj-soc__head p{color:var(--text-2);margin-top:8px;font-weight:300}
.rj-soc__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}
.rj-soc__list li{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:22px 14px;border-radius:var(--r-s);background:var(--paper);min-height:132px;text-align:center}
.rj-soc__list img{height:52px;width:auto;max-width:100%;object-fit:contain}
.rj-soc__list b{font-weight:700;font-size:1.35rem;letter-spacing:.04em;color:var(--ink)}
.rj-soc__list small{font-size:.78rem;color:var(--text-3);line-height:1.3;max-width:20ch}
/* sobre mí: medallón + ficha */
.rj-about__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,5vw,88px);align-items:center}
.rj-about__medal{position:relative;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 35%,#fff 0,var(--mist-2) 55%,var(--mist) 100%);overflow:hidden;border:1px solid var(--line)}
.rj-about__medal img{position:absolute;left:50%;bottom:-2%;transform:translateX(-50%);height:104%;width:auto;max-width:none}
.rj-about__name{font-weight:500;font-size:1.3rem;margin:14px 0 6px}
.rj-about h3{margin:28px 0 8px;font-weight:700;font-size:1.05rem;color:var(--sage-2)}
.rj-about p{max-width:60ch;color:var(--text-2)}
.rj-about__facts{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.rj-about__facts li{background:var(--white);border:1px solid var(--line);border-radius:var(--r-s);padding:14px 16px}
.rj-about__facts b{display:block;font-size:1.35rem;font-weight:700;color:var(--ink)}
.rj-about__facts span{font-size:.85rem;color:var(--text-3)}
/* método */
.rj-method{background:var(--white)}
.rj-method__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,80px);align-items:start}
.rj-method__intro h2{max-width:14ch}
.rj-method__intro p{margin-top:18px;color:var(--text-2);max-width:40ch;font-weight:300;font-size:1.1rem}
.rj-method__list{list-style:none;counter-reset:m;margin:0;padding:0;border-top:1px solid var(--line)}
.rj-method__list{position:relative}
.rj-method__list::after{content:"";position:absolute;left:19px;top:28px;bottom:28px;width:1px;background:linear-gradient(180deg,var(--sage-soft),var(--sage),var(--sage-soft))}
.rj-method__list li{counter-increment:m;display:grid;grid-template-columns:40px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line);position:relative;transition:background .25s}
.rj-method__list li::before{content:counter(m,decimal-leading-zero);position:relative;z-index:1;width:40px;height:40px;border-radius:50%;background:var(--sage-soft);color:var(--sage-2);font-weight:700;font-size:.82rem;display:grid;place-items:center;border:3px solid var(--white);box-shadow:0 0 0 1px var(--sage-soft);transition:background .25s,color .25s}
.rj-method__list li:hover::before{background:var(--sage);color:#fff}
.rj-method__list li:hover h3{color:var(--sage-2)}
.rj-method__list h3{transition:color .25s}
.rj-method__list h3{font-size:1.1rem;font-weight:700;margin-bottom:6px}
.rj-method__list p{color:var(--text-2)}
/* procedimientos */
.rj-proc__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.rj-proc__grid a{display:block;text-decoration:none;color:inherit}
.rj-proc__grid img{aspect-ratio:3/2;object-fit:cover;border-radius:var(--r);background:var(--mist);transition:transform .5s var(--ease),box-shadow .3s}
.rj-proc__grid a:hover img{transform:translateY(-3px);box-shadow:0 14px 30px rgba(28,40,52,.14)}
.rj-proc__grid h3{margin-top:14px;font-size:1.05rem;font-weight:500;display:flex;align-items:baseline;gap:8px}
.rj-proc__grid h3 small{font-weight:300;color:var(--text-2);font-size:.85em}
.rj-proc__grid h3::after{content:"→";margin-left:auto;color:var(--sage);transition:transform .25s var(--ease)}
.rj-proc__grid a:hover h3::after{transform:translateX(4px)}
.rj-proc__note{margin-top:22px;font-size:.88rem;color:var(--text-3)}
/* casos reales: comparador antes/después */
.rj-cases{background:var(--mist-2)}
.rj-cases__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.rj-case{background:var(--white);border-radius:var(--r);overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column}
.rj-case__head{padding:22px 24px 16px;display:flex;flex-direction:column;gap:6px}
.rj-case__tag{align-self:flex-start;background:var(--sage-soft);color:var(--sage-2);font-weight:500;font-size:.8rem;padding:4px 10px;border-radius:999px}
.rj-case__head h3{font-size:1.2rem;font-weight:700;margin-top:4px}
.rj-case__head p{color:var(--text-2);font-size:.95rem}
.rj-case__head a{color:var(--sage-2);text-decoration:none;font-weight:500;font-size:.9rem}
.rj-case__head a:hover{text-decoration:underline}
.rj-ba{position:relative;aspect-ratio:1/1.6;max-height:680px;background:#111;overflow:hidden;user-select:none;touch-action:pan-y}
.rj-ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}
.rj-ba__after{clip-path:inset(0 0 0 var(--x,50%))}
.rj-ba__label{position:absolute;top:12px;padding:5px 11px;border-radius:999px;font-size:.78rem;font-weight:500;background:rgba(0,0,0,.55);color:#fff;z-index:3;pointer-events:none;backdrop-filter:blur(4px)}
.rj-ba__label--a{left:12px}.rj-ba__label--d{right:12px}
.rj-ba__range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:4;-webkit-appearance:none;appearance:none}
.rj-ba__handle{position:absolute;top:0;bottom:0;left:var(--x,50%);width:2px;background:#fff;transform:translateX(-1px);z-index:2;pointer-events:none;box-shadow:0 0 0 1px rgba(0,0,0,.15)}
.rj-ba__handle::after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 6px 18px rgba(0,0,0,.35);background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:center;background-size:22px}
.rj-case__views{display:flex;gap:8px;padding:14px 24px 20px;flex-wrap:wrap}
.rj-case__views button{background:var(--paper);border:1px solid var(--line);color:var(--text-2);border-radius:999px;padding:7px 14px;font:inherit;font-size:.85rem;font-weight:500;cursor:pointer}
.rj-case__views button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.rj-cases__note{margin-top:30px;font-size:.88rem;color:var(--text-3);max-width:70ch}
/* testimonios */
.rj-testi__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.rj-testi blockquote{margin:0;background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:24px;height:100%;display:flex;flex-direction:column;gap:18px}
.rj-testi blockquote p{color:var(--text-2);flex:1}
.rj-testi footer{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center}
.rj-testi footer img{grid-row:1/3;border-radius:50%;width:40px;height:40px;object-fit:cover}
.rj-testi footer span{font-weight:500}
.rj-testi footer small{color:var(--text-3);font-size:.85rem}
/* blog */
.rj-blog{background:var(--white)}
.rj-link{color:var(--sage-2);font-weight:500;text-decoration:none}
.rj-link:hover{text-decoration:underline}
.rj-blog__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:22px}
.rj-blog__list a{display:block;text-decoration:none;color:inherit}
.rj-blog__list img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--r);background:var(--mist)}
.rj-blog__list h3{margin-top:14px;font-size:1.1rem;font-weight:500;max-width:34ch}
.rj-blog__list a:hover h3{color:var(--sage-2)}
/* cierre: banda azul profundo con acento sage */
.rj-cta{background:var(--ink);color:#fff}
.rj-cta__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,5vw,80px);align-items:start}
.rj-cta h2{color:#fff;margin-bottom:16px}
.rj-cta>.rj-wrap>div>p{color:rgba(255,255,255,.78);max-width:52ch;margin-bottom:28px;font-weight:300;font-size:1.1rem}
.rj-cta__data{margin:0;display:grid;gap:14px}
.rj-cta__data div{padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.14)}
.rj-cta__data dt{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:#9fc0bc}
.rj-cta__data dd{margin:4px 0 0;font-weight:500}
.rj-cta__data a{color:#fff;text-decoration:none}
.rj-cta__data a:hover{text-decoration:underline}
/* footer */
.rj-footer{background:var(--ink);color:rgba(255,255,255,.7);padding:36px 0;border-top:1px solid rgba(255,255,255,.1)}
.rj-footer__in{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:.92rem}
.rj-footer img{height:28px;width:auto}
.rj-footer__small{opacity:.78}
.rj-footer a{color:inherit}
/* reveal (visible por defecto) */
html.rj-js .rj-reveal{opacity:0;transform:translate3d(0,16px,0)}
html.rj-js .rj-reveal.is-in{opacity:1;transform:none;transition:opacity .6s var(--ease),transform .8s var(--ease)}
/* responsive */
@media (max-width:980px){
.rj-nav{display:none}.rj-burger{display:block}
.rj-hero__grid,.rj-about__grid,.rj-method__grid,.rj-cta__grid{grid-template-columns:1fr}
.rj-hero__panel{min-height:460px;order:-1;border-radius:200px 200px var(--r) var(--r)}
.rj-hero__panel img{height:92%}
.rj-hero__card{left:12px;bottom:12px}
.rj-trust__list{grid-template-columns:1fr}
.rj-trust__list li{border-right:0;border-bottom:1px solid var(--line);padding:16px 4px}
.rj-trust__list li:last-child{border-bottom:0}
.rj-proc__grid{grid-template-columns:repeat(2,1fr);gap:16px}
.rj-cases__grid{grid-template-columns:1fr 1fr}
.rj-about__medal{width:min(100%,420px);justify-self:center}
}
@media (max-width:760px){
.rj-blog__list{grid-template-columns:1fr}
.rj-cases__grid{grid-template-columns:1fr}
.rj-about__facts{grid-template-columns:1fr 1fr}
body{font-size:16px}
}
@media (max-width:420px){
.rj-proc__grid{grid-template-columns:1fr}
.rj-about__facts{grid-template-columns:1fr}
.rj-soc__list{grid-template-columns:repeat(2,minmax(0,1fr))}
.rj-soc__list small{max-width:none}
}
@media (prefers-reduced-motion:reduce){
html.rj-js .rj-reveal{opacity:1!important;transform:none!important;transition:none!important}
.rj-btn,.rj-proc__grid img,.rj-proc__grid h3::after{transition:none!important}
html{scroll-behavior:auto}
}
@keyframes rj-nudge{0%,100%{margin-left:0}30%{margin-left:-7px}70%{margin-left:7px}}
html.rj-js .rj-case.is-in .rj-ba__handle::after{animation:rj-nudge 1.4s .6s 2 var(--ease)}
.rj-case{transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.rj-case:hover{transform:translateY(-3px);box-shadow:0 24px 50px -24px rgba(28,40,52,.35)}
@media (prefers-reduced-motion:reduce){.rj-ba__handle::after{animation:none!important}.rj-case:hover{transform:none}}
.rj-case{display:flex;flex-direction:column}
.rj-case__head{flex:1}
.rj-nav a:not(.rj-nav__cta)::after{transition:transform .3s var(--ease),opacity .2s;opacity:0}
.rj-nav a:hover::after,.rj-nav a.is-active::after{opacity:1}
/* ---- blog y artículos ---- */
.rj-crumbs{font-size:.85rem;color:var(--text-3);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.rj-crumbs a{color:var(--sage-2);text-decoration:none}.rj-crumbs a:hover{text-decoration:underline}
.rj-post{padding:clamp(32px,5vw,64px) 0 clamp(40px,6vw,80px)}
.rj-post__wrap{max-width:820px}
.rj-post h1{font-size:clamp(2rem,1.2rem + 2.6vw,3.2rem);line-height:1.08;color:var(--ink);margin-top:14px}
.rj-post__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:20px 0 28px;color:var(--text-3);font-size:.9rem}
.rj-post__meta img{width:36px;height:36px;border-radius:50%;object-fit:cover;object-position:top;background:var(--mist)}
.rj-post__meta b{color:var(--ink);font-weight:500}
.rj-post__lead{font-size:1.2rem;font-weight:300;color:var(--text-2);line-height:1.6}
.rj-video{position:relative;aspect-ratio:16/9;margin:32px 0;border-radius:var(--r);overflow:hidden;background:#0d1419;box-shadow:0 30px 60px -30px rgba(28,40,52,.45)}
.rj-video img{width:100%;height:100%;object-fit:cover;opacity:.92;transition:transform .6s var(--ease)}
.rj-video:hover img{transform:scale(1.03)}
.rj-video button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;border:0;background:rgba(247,248,250,.95);color:var(--ink);display:grid;place-items:center;cursor:pointer;box-shadow:0 18px 40px -10px rgba(0,0,0,.5);transition:transform .25s var(--ease),background .2s}
.rj-video button:hover{transform:translate(-50%,-50%) scale(1.06);background:#fff}
.rj-video figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;color:#fff;font-size:.88rem;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent)}
.rj-video figcaption a{color:#fff;font-weight:500;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.5)}
.rj-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.rj-post__body{font-size:1.05rem;line-height:1.7;color:var(--text-2)}
.rj-post__body h2{font-size:1.55rem;color:var(--ink);margin:44px 0 12px;line-height:1.2}
.rj-post__body p{margin:0 0 16px;max-width:70ch}
.rj-post__body ul{padding-left:20px;margin:0 0 16px}.rj-post__body li{margin-bottom:8px}
.rj-post__body a{color:var(--sage-2)}
.rj-post__body b{color:var(--ink);font-weight:700}
.rj-quote{margin:36px 0;padding:6px 0 6px 22px;border-left:3px solid var(--sage);font-size:1.3rem;font-weight:300;line-height:1.4;color:var(--ink)}
.rj-quote p{margin:0 0 8px;max-width:none}.rj-quote footer{font-size:.85rem;color:var(--text-3)}
.rj-note{background:var(--sage-soft);border-radius:var(--r-s);padding:20px 22px;margin:32px 0;color:var(--ink)}
.rj-note b{display:block;color:var(--sage-2);margin-bottom:6px;font-size:.9rem;text-transform:uppercase;letter-spacing:.04em}
.rj-faq{margin-top:48px;border-top:1px solid var(--line);padding-top:12px}
.rj-faq h2{font-size:1.55rem;margin:20px 0 6px}
.rj-faq h3{font-size:1.08rem;margin:22px 0 6px;color:var(--ink)}
.rj-faq p{color:var(--text-2);line-height:1.65;max-width:70ch}
.rj-post__cta{margin-top:44px;display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;padding:24px 26px;border-radius:var(--r);background:var(--ink);color:#fff}
.rj-post__cta b{display:block;font-size:1.15rem;font-weight:700;margin-bottom:6px}.rj-post__cta p{margin:0;color:rgba(255,255,255,.72);font-size:.92rem}
.rj-post__cta .rj-btn--primary{background:#fff;color:var(--ink)}
.rj-post__author{margin-top:28px;font-size:.85rem;color:var(--text-3);line-height:1.5}
.rj-related{margin-top:clamp(40px,6vw,72px);padding-top:clamp(32px,4vw,48px);border-top:1px solid var(--line)}
.rj-bloghead{padding-bottom:0}
.rj-bloghead h1{font-size:clamp(2rem,1.2rem + 2.6vw,3.2rem);line-height:1.08;color:var(--ink);max-width:18ch}
.rj-bloghead .rj-lead{margin-top:16px}
.rj-pilar{display:grid;gap:6px;margin-top:28px;padding:22px 26px;border-radius:var(--r);background:var(--ink);color:#fff;text-decoration:none;max-width:720px;transition:transform .3s var(--ease),box-shadow .3s}
.rj-pilar:hover{transform:translateY(-2px);box-shadow:0 24px 50px -24px rgba(28,40,52,.5)}
.rj-pilar .rj-case__tag{justify-self:start;background:rgba(255,255,255,.14);color:#fff}
.rj-pilar b{font-size:1.25rem;font-weight:700}.rj-pilar span:last-child{color:rgba(255,255,255,.75);font-size:.95rem}
.rj-bloglist--alt{background:var(--white)}
.rj-bloglist__media{position:relative}
.rj-bloglist__dur{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;background:rgba(13,20,25,.82);color:#fff;font-size:.78rem;padding:5px 9px;border-radius:999px}
.rj-blog__list .rj-case__tag{margin-top:14px}
.rj-blog__list p{margin:8px 0 0;font-size:.92rem;color:var(--text-3);line-height:1.5}
.rj-blog__list{grid-template-columns:repeat(3,minmax(0,1fr))}
/* listado del blog */
.rj-bh{position:relative;overflow:hidden;padding:clamp(28px,4vw,56px) 0 clamp(40px,6vw,80px)}
.rj-bh::before{content:"";position:absolute;inset:-10% -10% auto auto;width:52vw;height:52vw;max-width:760px;max-height:760px;border-radius:50%;background:radial-gradient(closest-side,rgba(105,141,137,.18),transparent 70%);pointer-events:none}
.rj-bh__grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.rj-bh h1{font-size:clamp(2.2rem,1.2rem + 3vw,3.8rem);line-height:1.05;color:var(--ink);max-width:14ch}
.rj-bh__lead{margin:22px 0 30px;font-size:1.15rem;font-weight:300;color:var(--text-2);line-height:1.6;max-width:46ch}
.rj-bh__feat{display:block;position:relative;border-radius:var(--r);overflow:hidden;text-decoration:none;color:#fff;background:#0d1419;box-shadow:0 40px 70px -36px rgba(28,40,52,.55);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.rj-bh__feat:hover{transform:translateY(-4px);box-shadow:0 50px 80px -36px rgba(28,40,52,.6)}
.rj-bh__media{display:block;aspect-ratio:16/10;position:relative}
.rj-bh__media img{width:100%;height:100%;object-fit:cover;display:block}
.rj-bh__media i,.rj-serie__media i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;background:rgba(247,248,250,.95);color:var(--ink);display:grid;place-items:center;box-shadow:0 16px 36px -10px rgba(0,0,0,.5);transition:transform .25s var(--ease)}
.rj-bh__feat:hover .rj-bh__media i{transform:translate(-50%,-50%) scale(1.08)}
.rj-bh__meta{position:absolute;left:0;right:0;bottom:0;padding:90px 22px 22px;display:grid;gap:10px;background:linear-gradient(0deg,rgba(13,20,25,.95) 35%,rgba(13,20,25,.0))}
.rj-bh__meta .rj-case__tag{justify-self:start;background:rgba(255,255,255,.16);color:#fff}
.rj-bh__meta b{font-size:1.25rem;font-weight:700;line-height:1.25}
.rj-serie{background:var(--white)}
.rj-serie__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.rj-serie__row a{display:grid;grid-template-columns:64px 260px 1fr 40px;gap:26px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;transition:background .25s}
.rj-serie__row a:hover{background:var(--paper)}
.rj-serie__num{font-size:2.4rem;font-weight:700;color:var(--sage);letter-spacing:-.02em;line-height:1}
.rj-serie__media{position:relative;display:block;aspect-ratio:16/9;border-radius:var(--r-s);overflow:hidden;background:var(--mist)}
.rj-serie__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease)}
.rj-serie__row a:hover .rj-serie__media img{transform:scale(1.04)}
.rj-serie__media i{width:48px;height:48px;opacity:0;transition:opacity .25s,transform .25s var(--ease)}
.rj-serie__row a:hover .rj-serie__media i{opacity:1}
.rj-serie__txt{display:grid;gap:6px;min-width:0}
.rj-serie__txt b{font-size:1.2rem;font-weight:700;color:var(--ink);line-height:1.25}
.rj-serie__txt > span{color:var(--text-3);font-size:.95rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rj-serie__txt small{display:inline-flex;align-items:center;gap:6px;color:var(--sage-2);font-size:.85rem;font-weight:500}
.rj-serie__go{font-size:1.4rem;color:var(--sage);transition:transform .25s var(--ease)}
.rj-serie__row a:hover .rj-serie__go{transform:translateX(6px)}
.rj-pband{background:var(--ink);color:#fff;padding:clamp(40px,6vw,80px) 0}
.rj-pband__grid{display:grid;grid-template-columns:260px 1fr;gap:clamp(28px,5vw,64px);align-items:center}
.rj-pband__medal{aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 35%,var(--sage-soft),var(--sage) 70%);overflow:hidden;position:relative}
.rj-pband__medal img{position:absolute;left:50%;bottom:-2%;transform:translateX(-50%);height:104%;width:auto;max-width:none}
.rj-pband .rj-case__tag{background:rgba(255,255,255,.14);color:#fff}
.rj-pband h2{color:#fff;margin:14px 0 12px;font-size:clamp(1.6rem,1rem + 2vw,2.5rem);max-width:20ch}
.rj-pband p{color:rgba(255,255,255,.75);max-width:56ch;margin-bottom:24px;line-height:1.6}
.rj-guias{background:var(--paper)}
.rj-guias__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:22px}
.rj-guias__list a{display:grid;grid-template-columns:42% 1fr;background:var(--white);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:inherit;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.rj-guias__list a:hover{transform:translateY(-3px);box-shadow:0 24px 50px -24px rgba(28,40,52,.35)}
.rj-guias__list img{width:100%;height:100%;object-fit:cover;display:block;min-height:200px}
.rj-guias__list div{padding:22px;display:grid;gap:10px;align-content:center;justify-items:start}
.rj-guias__list h3{font-size:1.15rem;font-weight:700;color:var(--ink);line-height:1.25}
.rj-guias__list p{color:var(--text-3);font-size:.92rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:980px){.rj-blog__list{grid-template-columns:1fr 1fr}.rj-bh__grid{grid-template-columns:1fr}.rj-serie__row a{grid-template-columns:44px 200px 1fr 24px;gap:18px}.rj-serie__num{font-size:1.8rem}.rj-pband__grid{grid-template-columns:200px 1fr}.rj-guias__list{grid-template-columns:1fr}}
@media (max-width:760px){.rj-blog__list{grid-template-columns:1fr}.rj-serie__row a{grid-template-columns:1fr;gap:12px}.rj-serie__num{font-size:1.6rem}.rj-serie__go{display:none}.rj-pband__grid{grid-template-columns:1fr}.rj-pband__medal{width:min(100%,240px)}.rj-guias__list a{grid-template-columns:1fr}.rj-guias__list img{min-height:0;aspect-ratio:16/9}.rj-video button{width:64px;height:64px}.rj-post__cta{padding:20px}}
/* ---- preguntas frecuentes (home) y páginas de cirugías ---- */
.rj-faqs{background:var(--white)}
.rj-faqs__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,72px);align-items:start}
.rj-faqs__intro{position:sticky;top:96px}
.rj-faqs__intro h2{max-width:14ch}
.rj-faqs__list{border-top:1px solid var(--line)}
.rj-faqs__item{border-bottom:1px solid var(--line)}
.rj-faqs__item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-weight:700;color:var(--ink);font-size:1.05rem;line-height:1.3}
.rj-faqs__item summary::-webkit-details-marker{display:none}
.rj-faqs__item summary::after{content:"";flex:0 0 28px;height:28px;border-radius:50%;background:var(--sage-soft) url("data:image/svg+xml;utf8,") center/14px no-repeat;transition:transform .3s var(--ease),background-color .2s}
.rj-faqs__item[open] summary::after{transform:rotate(45deg);background-color:var(--sage)}
.rj-faqs__item[open] summary{color:var(--sage-2)}
.rj-faqs__item div{padding:0 44px 20px 0;color:var(--text-2);line-height:1.65}
.rj-faqs__item div p{margin:0;max-width:66ch}
.rj-prochero{display:block;margin:28px 0 8px;border-radius:var(--r);overflow:hidden;background:var(--mist)}
.rj-prochero img{width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:cover}
.rj-related .rj-proc__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:980px){.rj-faqs__grid{grid-template-columns:1fr}.rj-faqs__intro{position:static}.rj-related .rj-proc__grid{grid-template-columns:repeat(2,1fr)}}
/* ---- casos y reels de Instagram en páginas de procedimientos ---- */
.rj-cases--proc{background:var(--paper);margin-top:clamp(32px,5vw,56px)}
.rj-cases--proc .rj-cases__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.rj-igposts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.rj-igpost{background:var(--white);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:grid;grid-template-columns:150px 1fr;gap:0}
.rj-igpost__txt{padding:20px 22px 16px;display:grid;gap:12px;align-content:space-between;min-width:0}
.rj-igpost p{margin:0;color:var(--text-2);line-height:1.6;font-size:.95rem;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.rj-reel{position:relative;aspect-ratio:9/16;background:#0d1419;min-height:100%}
.rj-reel img{width:100%;height:100%;object-fit:cover;display:block;opacity:.92}
.rj-reel video{width:100%;height:100%;object-fit:cover;display:block;background:#000}
.rj-reel button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;border:0;background:rgba(247,248,250,.95);color:var(--ink);display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 28px -8px rgba(0,0,0,.55);transition:transform .25s var(--ease)}
.rj-reel button svg{width:26px;height:26px}
.rj-reel button:hover{transform:translate(-50%,-50%) scale(1.08)}
.rj-igpost footer{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.85rem;color:var(--text-3)}
.rj-igpost footer a{color:var(--sage-2);font-weight:500;text-decoration:none}.rj-igpost footer a:hover{text-decoration:underline}
@media (max-width:980px){.rj-cases--proc .rj-cases__grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.rj-cases--proc .rj-cases__grid{grid-template-columns:1fr}.rj-igposts{grid-template-columns:1fr}.rj-igpost{grid-template-columns:120px 1fr}.rj-igpost p{-webkit-line-clamp:6;font-size:.9rem}}