:root { --pm-ink: oklch(0.20 0.038 250); --pm-soft: oklch(0.42 0.026 250); --pm-paper: oklch(0.957 0.016 86); --pm-low: oklch(0.90 0.026 86); --pm-surface: oklch(0.986 0.006 90); --pm-line: oklch(0.70 0.030 82); --pm-rust: oklch(0.55 0.155 34); --pm-sun: oklch(0.75 0.130 84); --pm-green: oklch(0.55 0.085 151); --pm-white: oklch(0.99 0.003 90); }
.page-template-page-pos1-preview-map .site-header,.page-template-page-pos1-preview-map .site-footer,.page-template-page-pos1-preview-map .site-content > .inside-article > header,.page-template-page-pos1-preview-map .entry-header,.page-template-page-pos1-preview-map .entry-content > :not(.pos1-preview-map){display:none}.page-template-page-pos1-preview-map .site-content,.page-template-page-pos1-preview-map .content-area,.page-template-page-pos1-preview-map .inside-article,.page-template-page-pos1-preview-map .entry-content{width:100%;max-width:none;margin:0;padding:0}
.pos1-preview-map{overflow:hidden;color:var(--pm-ink);background:var(--pm-paper);font-family:"Albert Sans",sans-serif}.pos1-preview-map *{box-sizing:border-box}.pmap-shell{width:min(1120px,calc(100% - 48px));margin:0 auto}.pmap-stage{display:flex;justify-content:space-between;gap:18px;padding:8px 24px;color:var(--pm-white);background:var(--pm-ink);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pmap-stage a{color:var(--pm-sun);text-decoration:none}.pmap-hero{padding:104px 0 78px;background-image:linear-gradient(oklch(0.70 0.025 82 / .13) 1px,transparent 1px),linear-gradient(90deg,oklch(0.70 0.025 82 / .10) 1px,transparent 1px);background-size:32px 32px}.pmap-kicker{margin:0 0 12px;color:var(--pm-rust);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.pmap-hero h1,.pos1-preview-map h2,.pos1-preview-map h3{font-family:"Bricolage Grotesque",sans-serif}.pmap-hero h1{max-width:16ch;margin:0;font-size:clamp(46px,6vw,80px);font-weight:700;letter-spacing:-.075em;line-height:.89}.pmap-hero h1 em{color:var(--pm-rust);font-style:normal}.pmap-lead{max-width:66ch;margin:28px 0 0;color:var(--pm-soft);font-size:18px;line-height:1.6}.pmap-choice{padding:86px 0}.pmap-head{display:flex;align-items:end;justify-content:space-between;gap:42px;margin-bottom:34px}.pmap-head h2,.pmap-map-caption h2,.pmap-next h2{max-width:18ch;margin:0;font-size:clamp(34px,4vw,56px);letter-spacing:-.065em;line-height:.96}.pmap-head>p{max-width:42ch;margin:0;color:var(--pm-soft);font-size:16px}.pmap-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pmap-option{min-height:250px;padding:26px;border:1px solid var(--pm-line);border-top:2px solid var(--pm-ink);color:var(--pm-ink);background:var(--pm-surface);text-align:left;transition:transform 160ms ease,background 160ms ease}.pmap-option:hover,.pmap-option.active{transform:translateY(-4px);background:color-mix(in oklch,var(--pm-sun) 30%,var(--pm-surface))}.pmap-option.active{border-color:var(--pm-ink)}.pmap-option span{color:var(--pm-rust);font-size:11px;font-weight:700;letter-spacing:.14em}.pmap-option strong{display:block;margin:26px 0 12px;font-family:"Bricolage Grotesque",sans-serif;font-size:25px;letter-spacing:-.055em;line-height:.98}.pmap-option small{display:block;color:var(--pm-soft);font-size:14px;line-height:1.5}.pmap-map-section{padding:88px 0;background:var(--pm-ink)}.pmap-map-caption{display:grid;grid-template-columns:1fr .7fr;gap:42px;align-items:end}.pmap-map-caption .pmap-kicker{color:var(--pm-sun)}.pmap-map-caption h2{color:var(--pm-white)}.pmap-map-caption>p{margin:0;color:color-mix(in oklch,var(--pm-white) 76%,var(--pm-ink));font-size:16px;line-height:1.58}.pmap-graph{position:relative;min-height:605px;margin:50px 0 28px;background:color-mix(in oklch,var(--pm-white) 4%,var(--pm-ink));border:1px solid color-mix(in oklch,var(--pm-white) 24%,transparent);overflow:hidden}.pmap-graph svg{position:absolute;inset:0;width:100%;height:100%}.pmap-edge{fill:none;stroke:color-mix(in oklch,var(--pm-white) 25%,transparent);stroke-width:2;stroke-dasharray:8 8;transition:stroke 260ms ease,stroke-width 260ms ease}.pmap-edge.active{stroke:var(--pm-sun);stroke-width:4}.pmap-node{position:absolute;z-index:2;min-width:145px;padding:12px;border:1px solid color-mix(in oklch,var(--pm-white) 34%,transparent);color:color-mix(in oklch,var(--pm-white) 76%,var(--pm-ink));background:color-mix(in oklch,var(--pm-ink) 78%,var(--pm-white));font-size:12px;font-weight:700;letter-spacing:.06em;line-height:1.15;text-align:center;transition:transform 260ms ease,background 260ms ease,color 260ms ease}.pmap-node small{display:block;margin-top:4px;color:color-mix(in oklch,var(--pm-white) 58%,var(--pm-ink));font-size:10px;font-weight:500;letter-spacing:0}.pmap-node.active{color:var(--pm-ink);background:var(--pm-sun);border-color:var(--pm-sun);transform:translateY(-3px)}.pmap-node.active small{color:var(--pm-ink)}.pmap-core{top:calc(50% - 68px);left:calc(50% - 80px);width:160px;height:136px;color:var(--pm-ink);background:var(--pm-sun);border-color:var(--pm-sun);border-radius:50%;font-family:"Bricolage Grotesque",sans-serif;font-size:17px}.pmap-direction{top:8%;left:12%}.pmap-audience{top:8%;right:12%}.pmap-offer{top:calc(50% - 35px);right:3%}.pmap-content{bottom:9%;right:14%}.pmap-seo{bottom:9%;left:14%}.pmap-data{top:calc(50% - 35px);left:3%}.pmap-insight{display:grid;grid-template-columns:.78fr 1.2fr;gap:42px;align-items:end;padding:30px;background:var(--pm-sun)}.pmap-insight h3{margin:0;font-size:29px;letter-spacing:-.06em;line-height:.98}.pmap-insight p{margin:0;color:var(--pm-ink);font-size:15px;line-height:1.55}.pmap-next{padding:100px 0}.pmap-next-grid{display:grid;grid-template-columns:1fr .82fr;gap:80px;align-items:start}.pmap-next-grid>div>p:not(.pmap-kicker){max-width:55ch;margin:22px 0;color:var(--pm-soft);font-size:17px;line-height:1.58}.pmap-next aside{padding:30px;color:var(--pm-white);background:var(--pm-rust)}.pmap-next aside .pmap-kicker{color:var(--pm-sun)}.pmap-next blockquote{margin:42px 0;font-family:"Bricolage Grotesque",sans-serif;font-size:28px;font-weight:600;letter-spacing:-.06em;line-height:1.02}.pmap-next blockquote i{color:var(--pm-sun);font-style:normal}.pmap-button{display:inline-flex;padding:12px 14px;color:var(--pm-ink);background:var(--pm-sun);font-size:14px;font-weight:700;text-decoration:none}.pmap-text-link{display:block;margin-top:20px;color:var(--pm-white);font-size:14px;font-weight:700}.pos1-preview-map a:focus-visible,.pmap-option:focus-visible,.pmap-node:focus-visible{outline:3px solid var(--pm-sun);outline-offset:4px}
@media(max-width:850px){.pmap-head,.pmap-map-caption,.pmap-next-grid{display:grid;grid-template-columns:1fr;gap:24px}.pmap-options{grid-template-columns:1fr}.pmap-option{min-height:0}.pmap-graph{min-height:530px}.pmap-insight{grid-template-columns:1fr;gap:18px}.pmap-map-caption h2,.pmap-next h2{max-width:22ch}}@media(max-width:560px){.pmap-shell{width:min(100% - 32px,1120px)}.pmap-stage span{font-size:9px}.pmap-stage a{font-size:9px}.pmap-hero{padding:70px 0 52px}.pmap-hero h1{font-size:47px}.pmap-lead{font-size:16px}.pmap-choice,.pmap-map-section,.pmap-next{padding:68px 0}.pmap-graph{min-height:440px}.pmap-node{min-width:104px;padding:8px;font-size:9px}.pmap-node small{font-size:8px}.pmap-core{top:calc(50% - 52px);left:calc(50% - 60px);width:120px;height:104px;font-size:13px}.pmap-direction{top:7%;left:3%}.pmap-audience{top:7%;right:3%}.pmap-offer{right:-3%;top:calc(50% - 28px)}.pmap-content{right:5%;bottom:7%}.pmap-seo{left:5%;bottom:7%}.pmap-data{left:-3%;top:calc(50% - 28px)}.pmap-insight{padding:24px}.pmap-next aside{padding:24px}.pmap-next blockquote{font-size:26px}}@media(prefers-reduced-motion:reduce){.pos1-preview-map *{transition-duration:.01ms!important}}

/* Impeccable pass: the map image gives the public preview a physical system to enter. */
.pmap-hero { position: relative; background-image: linear-gradient(90deg, color-mix(in oklch, var(--pm-paper) 94%, transparent), color-mix(in oklch, var(--pm-paper) 72%, transparent)), url('assets/pos1-preview-map-art.png'); background-position: center; background-size: cover; }
.pmap-hero .pmap-shell { position: relative; z-index: 1; }

/* Mapa Operativo: el séptimo nodo y la capa explicativa que convierte el preview en método. */
.pmap-community { bottom: 2%; left: calc(50% - 72px); }
.pmap-node-detail { display: grid; grid-template-columns: .78fr 1.2fr; gap: 42px; align-items: end; margin-top: 12px; padding: 28px 30px; background: var(--pm-white); border: 1px solid var(--pm-line); }
.pmap-node-detail h3 { margin: 0; font-size: 29px; letter-spacing: -.06em; line-height: .98; }
.pmap-node-detail p { margin: 0; color: var(--pm-soft); font-size: 15px; line-height: 1.55; }
.pmap-nodes { padding: 100px 0; background: var(--pm-paper); border-top: 1px solid var(--pm-line); }
.pmap-node-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 42px; }
.pmap-node-list article { min-height: 166px; padding: 22px; border-top: 2px solid var(--pm-ink); background: var(--pm-surface); }
.pmap-node-list article:nth-child(n+5) { background: var(--pm-low); }
.pmap-node-list span { color: var(--pm-rust); font-size: 11px; font-weight: 700; letter-spacing: .14em; }
.pmap-node-list h3 { margin: 22px 0 10px; font-size: 22px; letter-spacing: -.05em; }
.pmap-node-list p { max-width: 28ch; margin: 0; color: var(--pm-soft); font-size: 14px; line-height: 1.5; }
@media(max-width:850px) { .pmap-node-detail { grid-template-columns: 1fr; gap: 24px; } .pmap-node-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media(max-width:560px) { .pmap-community { bottom: 1%; left: calc(50% - 52px); } .pmap-nodes { padding: 68px 0; } .pmap-node-detail { padding: 24px; } .pmap-node-list { grid-template-columns: 1fr; } }