/* 0.8: composición editorial propia basada en la referencia del usuario. */
.variant-c .wordmark strong{font-size:34px;letter-spacing:-.05em;white-space:nowrap}
.variant-c .site-header{gap:20px}.variant-c .wordmark{flex-shrink:0;min-width:0}.variant-c .site-header nav{gap:22px}
.variant-c .hero-footnote{line-height:1.7}
@media(max-width:1100px){.variant-c .wordmark strong{font-size:29px}.variant-c .wordmark>span{display:none}}
@media(min-width:960px) and (max-width:1199px){.variant-c .site-header nav{gap:14px;font-size:14px}.variant-c .wordmark strong{font-size:28px}}
@media(max-width:639px){.variant-c .site-header{gap:12px}.variant-c .wordmark strong{font-size:27px}}
@media(max-width:359px){.variant-c .wordmark strong{font-size:24px}.variant-c .site-header{padding-left:20px;padding-right:20px}}
.variant-c .about-jose{--about-serif:Playfair,Georgia,serif;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:0;max-width:none;width:100%;margin:0;background:var(--c-fcfcfa, #FCFCFA);color:var(--c-132650, #132650);scroll-margin-top:20px}
.variant-c[data-type=source] .about-jose{--about-serif:Source Serif,Georgia,serif}
.variant-c[data-type=sans] .about-jose{--about-serif:Source Sans,Arial,sans-serif}
.variant-c .about-heading{position:relative;isolation:isolate;overflow:clip;background:var(--c-153361, #153361);color:var(--c-fafbfd, #FAFBFD);padding:92px 54px 70px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0}
.variant-c .about-heading:before{content:'';position:absolute;z-index:-1;width:940px;height:940px;border:1px solid var(--c-7d9dca, #7D9DCA);border-radius:50%;right:0;top:-140px;pointer-events:none}
.variant-c .about-rule{display:block;width:72%;max-width:245px;height:1px;background:var(--c-e2ad85, #E2AD85);margin-bottom:46px;flex-shrink:0}
.variant-c .about-heading h2{font-size:clamp(48px,5.4vw,78px);line-height:1.07;margin:0 0 38px;letter-spacing:-.055em;font-family:var(--about-serif);font-weight:450;color:var(--c-fafbfd, #FAFBFD)}
.variant-c .about-heading h2 em{color:var(--c-ecc6ae, #ECC6AE);font-style:normal;font-weight:450}
.variant-c .about-heading .professional-name{font-size:17px;font-weight:600;line-height:1.7;color:var(--c-fafbfd, #FAFBFD);margin:0 0 34px;max-width:100%;overflow-wrap:break-word}
.variant-c .about-heading .text-button{font-size:15px;color:var(--c-fafbfd, #FAFBFD);border:1px solid var(--c-e2ad85, #E2AD85);padding:14px 18px;min-height:48px;line-height:1.5;text-decoration:none;display:inline-block}
.variant-c .about-heading .text-button:is(:hover,:focus-visible){background:var(--c-244c7e, #244C7E)}
.variant-c .about-copy{padding:72px 52px 52px;min-width:0;background:var(--c-fcfcfa, #FCFCFA);font-size:17px;line-height:1.6}
.variant-c .about-copy h3{font-family:var(--about-serif);font-size:clamp(27px,3.1vw,44px);line-height:1.12;letter-spacing:-.04em;font-weight:450;margin:0 0 18px;color:var(--c-132650, #132650)}
.variant-c .about-intro{font-size:20px;line-height:1.5;margin:0 0 28px}
.variant-c .about-credentials{margin:0 0 26px}.variant-c .about-credentials>div{padding:16px 0;border-top:1px solid var(--c-abb7c8, #ABB7C8)}.variant-c .about-credentials>div:last-child{border-bottom:1px solid var(--c-abb7c8, #ABB7C8)}
.variant-c .about-credentials dt{font-family:var(--about-serif);font-size:24px;line-height:1.3;letter-spacing:-.025em}
.variant-c .about-credentials dd{margin:4px 0 0;font-size:16px;color:var(--c-4d5f7b, #4D5F7B);line-height:1.5}
.variant-c .about-background p{margin:0 0 18px}.variant-c .about-background p:last-child{margin-bottom:0}
.variant-c .about-quote{grid-column:1/-1;align-self:end;margin:0;padding:20px 32px 26px;text-align:center;background:var(--c-fcfcfa, #FCFCFA)}
.variant-c .about-quote:before{content:'';display:block;height:1px;background:var(--c-1d3b69, #1D3B69);margin:0 0 16px}
.variant-c .about-quote blockquote{margin:0;color:var(--c-132650, #132650);font-family:Playfair,Georgia,serif;font-size:30px;line-height:1.3;font-weight:400}
.variant-c .about-quote em{font-style:italic}.variant-c .about-quote figcaption{font-size:14px;line-height:1.5;margin-top:6px}.variant-c .about-quote a{color:var(--c-132650, #132650);text-decoration:none}.variant-c .about-quote a:hover{text-decoration:underline}
.variant-c .about-heading :is(a,h2):focus-visible{outline:3px solid var(--c-ecc6ae, #ECC6AE);outline-offset:5px}.variant-c .about-quote a:focus-visible{outline:3px solid var(--c-9c5032, #9C5032);outline-offset:4px}
.variant-c .law-motto{font-weight:600;color:var(--accent);font-size:21px;line-height:1.6;margin-top:28px}
.variant-c .justice-quote{max-width:1216px;margin:0 auto;padding:54px 32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.variant-c .justice-quote blockquote{font-family:Source Serif,Georgia,serif;font-weight:450;font-size:clamp(25px,3vw,38px);line-height:1.35;max-width:850px;margin:0;letter-spacing:-.025em;color:var(--ink)}
.variant-c .justice-quote figcaption{margin-top:22px;font-size:13px;color:var(--muted)}.variant-c .justice-quote figcaption span{display:block;margin-top:4px}.variant-c .justice-quote a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(min-width:960px) and (max-width:1199px){.variant-c .about-heading{padding:68px 36px}.variant-c .about-heading h2{font-size:57px}.variant-c .about-copy{padding:54px 36px}.variant-c .about-copy h3{font-size:32px}}
@media(max-width:959px){.variant-c .about-jose{grid-template-columns:1fr}.variant-c .about-heading{padding:58px 40px}.variant-c .about-heading h2{font-size:64px}.variant-c .about-rule{margin-bottom:30px}.variant-c .about-copy{padding:44px 40px}.variant-c .about-copy h3{font-size:36px}}
@media(max-width:639px){.variant-c .about-heading{padding:48px 24px}.variant-c .about-heading h2{font-size:clamp(43px,13vw,62px);margin-bottom:28px}.variant-c .about-heading:before{width:650px;height:650px;top:-160px;right:-40px}.variant-c .about-heading .professional-name{font-size:16px}.variant-c .about-copy{padding:36px 24px;font-size:16px}.variant-c .about-copy h3{font-size:clamp(26px,7.5vw,35px)}.variant-c .about-intro{font-size:18px}.variant-c .about-credentials dt{font-size:22px}.variant-c .about-quote{padding:10px 24px 26px}.variant-c .about-quote blockquote{font-size:27px}.variant-c .justice-quote{padding:36px 22px}}
body.type-sample .about-jose,body.type-sample .justice-quote,body.type-sample .law-motto{display:none}

/* Superficies hasta ambos bordes; franja y separadores de la referencia. */
.variant-c .practice-strip{background:var(--c-fcfcfa, #FCFCFA);color:var(--c-132650, #132650);border-bottom:1px solid var(--c-abb7c8, #ABB7C8)}
.variant-c .practice-strip span+span{border-color:var(--c-abb7c8, #ABB7C8)}
.variant-c .practice-strip .journey-trace{background:var(--c-132650, #132650);height:1px}
@media(min-width:1440px){.variant-c .about-heading{padding-left:max(54px,calc((100vw - 1280px)/2));padding-right:54px}.variant-c .about-copy{padding-left:64px;padding-right:max(64px,calc((100vw - 1280px)/2))}}

/* Referencia Paint: azul continuo y trayectoria blanca encajada. */
.variant-c .about-jose{background:var(--c-153361, #153361)}
.variant-c .about-copy{margin:44px clamp(32px,4vw,80px) 44px 32px;padding:32px 42px;align-self:stretch}
.variant-c .about-rule{transform:none;transition:none}
.variant-c .about-quote:before{background:var(--c-abb7c8, #ABB7C8)}
.variant-c .about-credentials{position:relative}
.variant-c .about-credentials:before,.variant-c .about-credentials>div:after{content:'';position:absolute;left:0;width:100%;height:1px;background:var(--c-132650, #132650);transform:scaleX(0);transform-origin:left;transition:transform 650ms var(--settle);pointer-events:none}
.variant-c .about-credentials:before{top:0}
.variant-c .about-credentials>div{position:relative}
.variant-c .about-credentials>div:after{bottom:-1px}
.variant-c .about-credentials>div:first-child:after{transition-delay:70ms}
.variant-c .about-credentials>div:last-child:after{transition-delay:140ms}
.variant-c .about-jose:focus-within .about-credentials:before,.variant-c .about-jose:focus-within .about-credentials>div:after{transform:scaleX(1)}
@media(hover:hover) and (pointer:fine){.variant-c .about-copy:hover .about-credentials:before,.variant-c .about-copy:hover .about-credentials>div:after{transform:scaleX(1)}}
@media(min-width:960px) and (max-width:1199px){.variant-c .about-copy{margin:32px 32px 32px 20px;padding:28px}}
@media(max-width:959px){.variant-c .about-copy{margin:0 40px 40px;padding:36px}}
@media(max-width:639px){.variant-c .about-copy{margin:0 20px 28px;padding:28px 22px}.variant-c .about-copy h3{font-size:clamp(24px,6.7vw,30px)}}
@media(hover:none),(pointer:coarse){.variant-c .about-credentials:before,.variant-c .about-credentials>div:after{transition:none}}
.reduce-motion .about-credentials:before,.reduce-motion .about-credentials>div:after{transition:none!important;transition-delay:0s!important}
@media(prefers-reduced-motion:reduce){.variant-c .about-credentials:before,.variant-c .about-credentials>div:after{transition:none!important;transition-delay:0s!important}}

/* Ritmo de lectura acotado también en pantallas amplias. */
.variant-c .about-background{max-width:70ch}

/* Trazos reales para entrada y repetición: evitan quedarse activados por foco. */
.variant-c .about-credentials:before,.variant-c .about-credentials>div:after{display:none}
.variant-c .about-line{position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:var(--c-132650, #132650);transform-origin:left;opacity:0;pointer-events:none}
.variant-c .about-line-top{top:0;bottom:auto}
.reduce-motion .about-line{display:none}
@media(prefers-reduced-motion:reduce){.variant-c .about-line{display:none}}

/* 0.9 · Superficie clara y halo del diagnóstico, limitados a este bloque. */
.variant-c .first-session{background:var(--c-fcfcfa, #FCFCFA)}
.variant-c .first-session.reactive-plane:before{inset:0;border:0;background:radial-gradient(ellipse 170px 125px at var(--spot-x,65%) var(--spot-y,35%),var(--c-6c8bae59, #6C8BAE59) 0%,var(--c-9bb0c735, #9BB0C735) 38%,transparent 78%),radial-gradient(ellipse 240px 175px at var(--spot-x,65%) var(--spot-y,35%),var(--c-7291b31c, #7291B31C),transparent 82%);transition:opacity 300ms var(--settle)}
.variant-c .first-session a{border-color:var(--c-899aaf, #899AAF)}
@media(hover:none),(pointer:coarse){.variant-c .first-session.reactive-plane:before{opacity:.55;background:radial-gradient(ellipse 175px 130px at 70% 32%,var(--c-6c8bae40, #6C8BAE40),transparent 78%);transition:none}}
.reduce-motion .first-session.reactive-plane:before{opacity:.4;background:radial-gradient(ellipse 175px 130px at 70% 32%,var(--c-6c8bae40, #6C8BAE40),transparent 78%);transition:none}
@media(prefers-reduced-motion:reduce){.variant-c .first-session.reactive-plane:before{opacity:.4;background:radial-gradient(ellipse 175px 130px at 70% 32%,var(--c-6c8bae40, #6C8BAE40),transparent 78%);transition:none}}

/* Atribución sobria, coherente con el cierre de Sobre mí. */
.variant-c .justice-quote blockquote{font-family:Playfair,Georgia,serif;font-weight:400}
.variant-c .justice-quote em{font-style:italic}
.variant-c .justice-quote figcaption{margin-top:12px}
.variant-c .justice-quote figcaption a{color:var(--ink);text-decoration:none}
.variant-c .justice-quote figcaption a:hover{text-decoration:underline}

.variant-c .about-quote blockquote{max-width:1040px;margin:0 auto;font-size:clamp(22px,2.2vw,30px);line-height:1.45}

/* Presentación depurada según el nuevo boceto del usuario. */
.variant-c .about-jose{grid-template-columns:minmax(0,.95fr) minmax(0,1.4fr)}
.variant-c .about-heading h2{margin-bottom:48px}
.variant-c .about-linkedin{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;background:var(--c-0a66c2, #0A66C2);color:var(--p-onDark);text-decoration:none;transition:background-color 200ms var(--settle),transform 250ms var(--settle)}
.variant-c .about-linkedin svg{width:30px;height:30px}
.variant-c .about-linkedin:hover{background:var(--c-08569f, #08569F);transform:translateY(-3px)}
.variant-c .about-linkedin:focus-visible{outline:3px solid var(--c-ecc6ae, #ECC6AE);outline-offset:6px;background:var(--c-08569f, #08569F)}
.variant-c .about-copy{margin-left:16px}
@media(max-width:959px){.variant-c .about-jose{grid-template-columns:1fr}.variant-c .about-copy{margin-left:40px}.variant-c .about-heading h2{margin-bottom:32px}}
@media(max-width:639px){.variant-c .about-copy{margin-left:20px}}
@media(hover:none),(pointer:coarse){.variant-c .about-linkedin:hover{transform:none}}
.reduce-motion .about-linkedin{transition:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.variant-c .about-linkedin{transition:none!important;transform:none!important}}