/* Prueba social: fragmento auténtico de la conversación, sin recrear su interfaz. */
.direction-b .db-proof{max-width:1080px;margin:68px auto 10px;padding:36px 0 0;border-top:1px solid #1113;display:grid;gap:26px;scroll-margin-top:24px}
.direction-b .db-proof figcaption{margin:0 0 20px;font-size:12px;letter-spacing:.035em;line-height:1.5}
.direction-b .db-proof figcaption>span{display:block;color:#3c4247}
.direction-b .db-quote{font-size:clamp(25px,6.9vw,31px);line-height:1.25;letter-spacing:-.025em;max-width:17em}
.direction-b .db-quote span{color:#4b1014}
.direction-b .db-proof-open{display:block;margin:2px auto 0;width:min(100% - 20px,340px);min-height:0;color:#111;max-width:none}
.direction-b .db-proof-paper{display:block;padding:12px 12px 0;background:#fff;box-shadow:0 2px 4px #1111,0 14px 30px #1110000a;transform:rotate(-2deg);transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s}
.direction-b .db-proof-window{display:block;position:relative;overflow:hidden;aspect-ratio:265/204;background:#d3dee7}
.direction-b .db-proof-window img{position:absolute;width:455.09434%;height:auto;max-width:none;left:-81.13208%;top:-479.41176%}
.direction-b .db-proof-action{max-width:none;justify-content:space-between;gap:16px;padding:16px 2px;min-height:54px;font-size:11px;line-height:1.3;letter-spacing:.04em}
.direction-b .db-proof-arrow{font-size:28px;color:#4a6274}
.direction-b .db-proof-open:is(:hover,:focus-visible) .db-proof-paper{transform:rotate(0deg) translateY(-5px);box-shadow:0 3px 7px #1112,0 20px 35px #11100012}
.direction-b .db-dialog-head{padding:10px 14px;gap:8px}
.direction-b .db-dialog-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}
.direction-b .db-dialog-zoom{background:none;border:0;border-bottom:1px solid #4a6274;color:#111;min-height:44px;padding:0;font:inherit;cursor:pointer}
.direction-b .db-dialog-close{padding-left:3px;font-size:11px}
.direction-b .db-dialog-body{padding:0;overscroll-behavior:contain;max-height:calc(88dvh - 68px)}
.direction-b .db-dialog-body.is-zoomed img{width:1206px;max-width:none;height:auto}
.direction-b .db-dialog-body:focus-visible{outline:3px solid #4a6274;outline-offset:-3px}
.direction-b .db-authority{background:#fffdfb;padding:50px 24px 70px;max-width:1160px;margin:auto;border-top:1px solid #1113}
.direction-b .db-authority>h2{font-size:clamp(30px,9vw,52px);line-height:1.05;letter-spacing:-.045em;margin-bottom:30px;max-width:none}
.direction-b .db-authority-portrait{position:relative;max-width:350px;margin:0 auto 12px;padding:0 0 102px}
.direction-b .db-authority-portrait>img{width:100%;height:auto;aspect-ratio:1122/1402}
.direction-b .db-authority-signature{position:absolute;bottom:0;left:0;right:0;height:clamp(180px,calc(42.857vw + 42.86px),210px);overflow:visible}
.direction-b .db-authority-signature .rl-hazel{position:absolute;left:calc(100% - clamp(155px,calc(35.714vw + 40.71px),180px));top:6px;font-size:clamp(112px,calc(28.571vw + 20.57px),132px);line-height:1.5}
.direction-b .db-authority-facts{min-width:0}
.direction-b .db-authority .db-credential:first-child{border-top:0;padding-top:0}
.direction-b .db-authority .db-book-pair{height:170px;gap:24px;padding-left:12px}
.direction-b .db-authority .db-book-pair img{height:165px}
.direction-b .db-authority .db-credential{padding:30px 0}
.direction-b .db-authority .db-credential p{font-size:18px;line-height:1.5}
.direction-b .db-authority .db-credential-title{font-size:12px;line-height:1.5;letter-spacing:.06em}
@media(min-width:760px){
 .direction-b .db-proof{grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(36px,6vw,100px);margin-top:96px;padding-top:50px;padding-bottom:40px}
 .direction-b .db-quote{font-size:clamp(30px,3.25vw,46px);max-width:15em}
 .direction-b .db-proof figcaption{font-size:13px;margin-bottom:30px}
 .direction-b .db-proof figcaption>span{display:inline}
 .direction-b .db-proof-open{width:100%;max-width:360px;margin:0 auto}
 .direction-b .db-authority{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(50px,8vw,140px);padding:64px 40px 90px;align-items:start}
 .direction-b .db-authority>h2{grid-column:1/-1;margin-bottom:45px}
 .direction-b .db-authority-portrait{max-width:440px;margin:0;padding-bottom:130px}
 .direction-b .db-authority-signature{height:265px;left:0;right:0}
 .direction-b .db-authority-signature .rl-hazel{font-size:166px;left:calc(100% - 225px)}
 .direction-b .db-authority .db-credential p{font-size:20px}
}
@media(prefers-reduced-motion:reduce){.direction-b .db-proof-paper{transition:none;transform:none!important}}
