/* v0.36: Places follow flow, separated from owner communications. */
.follow-chapter{height:235svh;background:radial-gradient(ellipse at 80% 40%,#2b23423d,transparent 62%),#060a16}.follow-pin{gap:64px;grid-template-columns:1fr 1.05fr;padding-block:32px}.follow-copy h2{font-size:clamp(30px,3.5cqw,49px);margin-bottom:18px}.follow-copy>.section-index{margin-bottom:19px}.follow-copy>p:not(.section-index){font-size:13px;margin-bottom:20px}.follow-steps{display:grid;gap:5px;margin:24px 0}.follow-steps button{display:flex;gap:17px;align-items:center;width:100%;text-align:left;padding:11px 15px;border:1px solid transparent;border-left:2px solid #e8d1aa35;border-radius:0 7px 7px 0;background:transparent;transition:background .18s,border-color .18s,transform .12s}.follow-steps button:hover{background:#ffffff05}.follow-steps button:active{transform:scale(.985)}.follow-steps button[aria-pressed=true]{border-left-color:var(--gold);background:linear-gradient(90deg,#e8d1aa14,#e8d1aa03)}.follow-steps button>span:first-child{font-size:12px;color:var(--gold)}.follow-steps strong{display:block;font-size:13px;font-weight:400;color:var(--ivory)}.follow-steps small{display:block;font-size:10px;color:var(--muted);line-height:1.7;margin-top:4px}.follow-owner{padding:20px 0 0;margin:24px 0;border-top:1px solid var(--line)}.follow-owner p:first-child{font-size:8px;letter-spacing:.13em;color:var(--gold);margin:0 0 10px}.follow-owner h3{font-size:22px;line-height:1.25;font-weight:400;margin:0 0 10px}.follow-owner p:last-child{font-size:11px;line-height:1.8;color:var(--muted);max-width:420px;margin:0}.follow-copy .text-link{font-size:12px}.follow-art{width:100%;max-width:560px;justify-self:center}.follow-frame{overflow:hidden;border-radius:16px;border:1px solid #e8d1aa35;box-shadow:0 24px 80px #0006;background:#0b0d1f}.follow-frame video{display:block;width:100%;height:auto;aspect-ratio:808/800;object-fit:contain}.follow-art figcaption{font-size:8px;letter-spacing:.1em;text-align:center;color:var(--lavender);margin-top:14px}.follow-controls{display:flex;justify-content:center;gap:12px;margin-top:16px}.follow-control{font-size:11px;background:#15192b;color:var(--ivory);border:1px solid #e8d1aa55;border-radius:5px;min-height:40px;padding:10px 15px;transition:background .12s,transform .12s}.follow-control:hover{background:#25243b}.follow-control:active{transform:scale(.97)}#follow-status{text-align:center;font-size:9px;color:var(--lavender);line-height:1.6;min-height:28px;margin:12px 0 0}.follow-dialog{width:min(760px,calc(100% - 24px));max-height:94svh;overflow:auto}.follow-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;font-size:13px}.follow-dialog>video{width:100%;max-height:calc(90svh - 115px);object-fit:contain;display:block;background:#060a16}.follow-dialog>p{text-align:center;font-size:10px;color:var(--lavender);padding:0 14px}.reduced-motion .follow-chapter{height:auto}.reduced-motion .follow-pin{position:relative;top:auto;min-height:0;padding-block:56px}
@container site (max-width:1050px){.follow-pin{gap:36px}.follow-copy h2{font-size:33px}.follow-steps{margin-block:18px}.follow-owner{margin-block:18px}}
@container site (max-width:760px){.follow-chapter{height:auto}.follow-pin{display:flex;flex-direction:column;gap:28px;padding-block:48px}.follow-copy h2{font-size:34px}.follow-copy>p:not(.section-index){font-size:12px}.follow-steps button{min-height:64px}.follow-steps strong{font-size:13px}.follow-steps small{font-size:10px}.follow-owner{margin-top:24px}.follow-art{margin:0;max-width:500px}.follow-controls{flex-wrap:wrap}.follow-art figcaption{font-size:7px}#follow-status{font-size:9px}.follow-dialog-head{padding:10px 14px}}
@container site (max-width:760px){.follow-copy{display:contents}.follow-copy>.section-index{order:0;margin:0}.follow-copy>h2{order:1;margin:0}.follow-copy>p:not(.section-index){order:2;margin:0}.follow-art{order:3}.follow-steps{order:4;width:100%;margin:0}.follow-owner{order:5;width:100%;margin:0}.follow-copy>.text-link{order:6;align-self:flex-start}}
@media(max-height:780px){.follow-chapter{height:auto}.follow-pin{position:relative;top:auto;min-height:0;padding-block:48px}}

/* The desktop story gets its own measured scroll distance; short and mobile views stay manual. */
#seguir-conectados.follow-scrollable{height:calc(var(--follow-panel-height,900px) + 160svh)}
#seguir-conectados.follow-scrollable .follow-pin{position:sticky;top:var(--chrome);min-height:0;padding-block:32px;align-items:start}
#seguir-conectados.follow-scrollable .follow-art{max-width:min(390px,calc((100svh - var(--chrome) - 185px)*.67))}