/* Community sections copied with scoped styles, including responsive rules. */
:is(#paraquien, #metodologia-portafolio, #sistemas){--gdim:rgba(0,138,85,.1);--gborder:rgba(0,138,85,.28);--text3:#5E7A94;--amber:#E8A020;--amber-dim:rgba(232,160,32,.12);--amber-border:rgba(232,160,32,.3);--fs-section:clamp(2rem,3.1vw,2.55rem);padding:92px 0;}
:is(#paraquien, #metodologia-portafolio, #sistemas) .container{max-width:1100px;margin:0 auto;padding:0 24px;}
:is(#paraquien, #metodologia-portafolio, #sistemas) h2{line-height:1.15;}
:is(#paraquien, #metodologia-portafolio, #sistemas) .container{max-width:1100px;margin:0 auto;padding:0 24px}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pill{display:inline-flex;align-items:center;gap:7px;background:var(--gdim);border:1px solid var(--gborder);color:var(--green2);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 14px;border-radius:100px}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pill::before{content:"";width:6px;height:6px;background:var(--green2);border-radius:50%;flex-shrink:0}
:is(#paraquien, #metodologia-portafolio, #sistemas) .sec-head{text-align:center;margin-bottom:52px}
:is(#paraquien, #metodologia-portafolio, #sistemas) .sec-head .pill{margin-bottom:18px}
:is(#paraquien, #metodologia-portafolio, #sistemas) .sec-head h2{font-size:var(--fs-section);margin-bottom:14px}
:is(#paraquien, #metodologia-portafolio, #sistemas) .sec-head p{max-width:580px;margin:0 auto;font-size:1rem}
:is(#paraquien, #metodologia-portafolio, #sistemas) .btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:10px;font-family:inherit;font-size:.93rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;white-space:nowrap;line-height:1}
:is(#paraquien, #metodologia-portafolio, #sistemas) .btn-outline{background:transparent;color:var(--text);border:1.5px solid rgba(255,255,255,.15)}
:is(#paraquien, #metodologia-portafolio, #sistemas) .btn-outline:hover{border-color:var(--green2);color:var(--green2)}
.site-portfolios #sistemas{position:relative;isolation:isolate;overflow:hidden;background:transparent}
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-head{width:min(100%,780px);max-width:780px;margin:0 auto 48px;text-align:center}
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-head h2{max-width:700px;margin-inline:auto}
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-head p{max-width:680px}
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-card{--strategy-accent:var(--green2);--strategy-soft:rgba(0,196,110,.08);position:relative;display:flex;min-width:0;min-height:428px;flex-direction:column;padding:22px 22px 20px;background:linear-gradient(155deg,rgba(19,37,56,.94),rgba(11,29,44,.96));border:1px solid rgba(168,189,208,.15);border-radius:var(--r);overflow:hidden;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-card::before{position:absolute;top:0;left:22px;right:22px;height:2px;background:linear-gradient(90deg,transparent,var(--strategy-accent),transparent);content:"";opacity:.82}
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-card::after{position:absolute;right:-52px;bottom:-76px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,var(--strategy-soft),transparent 68%);content:"";pointer-events:none}
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-card--mean{--strategy-accent:#72B8E5;--strategy-soft:rgba(114,184,229,.1)}
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-card--diversification{--strategy-accent:#B58CF0;--strategy-soft:rgba(181,140,240,.1)}
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-card:hover{border-color:color-mix(in srgb,var(--strategy-accent) 48%,rgba(168,189,208,.2));transform:translateY(-4px);box-shadow:0 22px 50px rgba(2,8,14,.27),0 0 28px color-mix(in srgb,var(--strategy-accent) 9%,transparent)}
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-index{display:inline-flex;width:31px;height:31px;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--strategy-accent) 52%,transparent);border-radius:9px;background:var(--strategy-soft);color:var(--strategy-accent);font-size:.67rem;font-weight:800;letter-spacing:.05em}
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-kicker{color:var(--strategy-accent);font-size:.63rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-visual{display:grid;min-height:137px;place-items:center;margin:0 -4px 19px;padding:12px 10px 8px;border:1px solid rgba(168,189,208,.1);border-radius:12px;background:linear-gradient(180deg,rgba(7,22,35,.72),rgba(8,25,39,.32));overflow:hidden}
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-visual svg{display:block;width:100%;height:auto;min-height:112px;overflow:visible}
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-visual .grid-line{stroke:rgba(168,189,208,.1);stroke-width:1}
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-visual .axis-line{stroke:rgba(168,189,208,.21);stroke-width:1}
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-visual .signal-line{fill:none;stroke:var(--strategy-accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--strategy-accent) 42%,transparent))}
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-visual .signal-fill{fill:var(--strategy-soft)}
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-visual .reference-line{stroke:color-mix(in srgb,var(--strategy-accent) 62%,#a8bdd0);stroke-width:1.25;stroke-dasharray:4 5}
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-visual .signal-point{fill:#eefcf6;stroke:var(--strategy-accent);stroke-width:2}
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-visual .breakout-marker{fill:var(--strategy-accent);opacity:.95}
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-visual .panel{fill:rgba(168,189,208,.06);stroke:rgba(168,189,208,.18);stroke-width:1}
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-visual .panel-line{fill:none;stroke:var(--strategy-accent);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-card h3{margin-bottom:9px;color:var(--text);font-size:1.24rem;letter-spacing:-.03em}
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-card-description{max-width:31ch;min-height:3.2em;color:var(--text2);font-size:.79rem;line-height:1.6}
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-list{display:flex;flex-direction:column;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(168,189,208,.12);list-style:none}
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-list li{display:flex;align-items:flex-start;gap:9px;color:var(--text2);font-size:.75rem;line-height:1.48}
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-list li::before{display:inline-flex;width:7px;height:7px;flex:0 0 7px;margin:6px 5px 0 2px;border:1px solid var(--strategy-accent);border-radius:50%;background:transparent;content:"";box-shadow:0 0 0 3px var(--strategy-soft)}
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-card-footer{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:18px;color:var(--strategy-accent);font-size:.7rem;font-weight:800;letter-spacing:.02em}
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-card-footer::before{width:24px;height:1px;background:var(--strategy-accent);content:"";opacity:.65}
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-bottom{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(168,189,208,.11)}
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-note{max-width:580px;color:var(--text3);font-size:.76rem;line-height:1.6}
.site-portfolios #metodologia-portafolio{background:transparent}
:is(#paraquien, #metodologia-portafolio, #sistemas) .title-emphasis{color:var(--green2)}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-methodology-head{margin-bottom:0}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-methodology-head .portfolio-methodology-lead{max-width:680px;color:var(--text);font-size:1.05rem;font-weight:600}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-methodology-head .portfolio-methodology-copy{max-width:680px;margin-top:8px;color:var(--text3);font-size:.9rem;line-height:1.65}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-period{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:42px 0 24px;color:var(--text3);font-size:.68rem}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-period-line{border-top:1px dashed rgba(168,189,208,.28)}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-period-label{color:var(--text2);font-weight:700;white-space:nowrap}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-period-note{white-space:nowrap}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-flow{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr) 64px minmax(0,1fr);gap:14px;align-items:stretch}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-step-card{display:flex;height:100%;min-width:0;flex-direction:column;padding:22px 20px 18px;background:var(--card);border:1px solid var(--border);border-radius:var(--r);transition:border-color .22s,transform .22s}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-step-card:hover{border-color:var(--gborder);transform:translateY(-2px)}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-step-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-step-number{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--green2);border-radius:50%;color:var(--green2);font-size:.86rem;font-weight:800}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-step-badge{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border:1px solid var(--gborder);border-radius:100px;color:var(--green2);font-size:.62rem;font-weight:700;letter-spacing:.04em;white-space:nowrap}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-step-badge--amber{border-color:var(--amber-border);background:var(--amber-dim);color:var(--amber)}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-step-title{min-height:2.65rem;margin-bottom:8px;color:var(--text);font-size:1.02rem}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-step-description{min-height:2.9rem;color:var(--text2);font-size:.78rem;line-height:1.6}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-step-plot{margin-top:auto;padding-top:18px}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-step-plot-title{margin-bottom:8px;color:var(--text2);font-size:.7rem;font-weight:700}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-chart{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.05);border-radius:10px;background:#0A1928;padding:8px 8px 4px}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-chart svg{display:block;width:100%;height:auto;min-height:156px}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-chart-gridline{stroke:rgba(168,189,208,.1);stroke-width:1}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-chart-axis{stroke:rgba(168,189,208,.18);stroke-width:1}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-chart .curve{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-chart .curve-a{stroke:#8EAFC8}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-chart .curve-b{stroke:#B1C5D4}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-chart .curve-combined{stroke:var(--green2)}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-chart-area--a{fill:rgba(232,160,32,.07)}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-chart-area--b{fill:rgba(0,196,110,.08)}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-chart-area--combined{fill:rgba(0,196,110,.1)}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-chart-drawdown{fill:rgba(232,160,32,.16)}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-flow-connector{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text3);font-size:.68rem;font-weight:700;line-height:1.35;text-align:center}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-flow-connector svg{width:46px;height:20px;overflow:visible;fill:none;stroke:var(--text3);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-risk-callout{display:flex;align-items:center;gap:16px;margin-top:24px;padding:20px 22px;background:rgba(255,255,255,.025);border:1px solid var(--border);border-left:3px solid var(--green2);border-radius:var(--r)}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-risk-callout svg{width:30px;height:30px;flex-shrink:0;fill:none;stroke:var(--green2);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-risk-callout strong{display:block;color:var(--text);font-size:.86rem;line-height:1.5}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-risk-callout p{margin-top:4px;color:var(--text3);font-size:.76rem;line-height:1.6}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-cta-row{text-align:center;margin-top:26px}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-cta-row .btn{border-color:var(--gborder);border-radius:100px;color:var(--green2)}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-cta-row .btn:hover{background:var(--gdim)}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-methodology-disclaimer{max-width:820px;margin:20px auto 0;text-align:center;font-size:.74rem;color:var(--text3);line-height:1.65}
.site-portfolios #paraquien{position:relative;isolation:isolate;overflow:hidden;background:transparent;text-align:center}
.site-portfolios #paraquien>.container{position:relative;z-index:1}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-head{max-width:760px;margin:0 auto 42px;text-align:center}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-head h2{max-width:600px;margin-inline:auto}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-head h2 .pq-title-accent{color:var(--green2)}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-head p{max-width:700px;margin-inline:auto}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1080px;margin:0 auto;align-items:stretch;text-align:left}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-card{--pq-accent:var(--green2);--pq-soft:rgba(0,196,110,.08);position:relative;display:flex;min-width:0;flex-direction:column;padding:24px 22px 20px;background:linear-gradient(155deg,rgba(19,37,56,.94),rgba(8,25,39,.97));border:1px solid rgba(168,189,208,.15);border-radius:18px;overflow:hidden;box-shadow:0 18px 44px rgba(2,8,14,.18);transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-card::before{position:absolute;top:0;left:22px;right:22px;height:2px;background:linear-gradient(90deg,transparent,var(--pq-accent),transparent);content:"";opacity:.84}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-card::after{position:absolute;right:-56px;bottom:-80px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,var(--pq-soft),transparent 68%);content:"";pointer-events:none}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-card:hover{border-color:color-mix(in srgb,var(--pq-accent) 48%,rgba(168,189,208,.2));transform:translateY(-4px);box-shadow:0 24px 54px rgba(2,8,14,.28),0 0 28px color-mix(in srgb,var(--pq-accent) 8%,transparent)}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-card--rules{--pq-accent:#72B8E5;--pq-soft:rgba(114,184,229,.1)}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-card--automation{--pq-accent:#B58CF0;--pq-soft:rgba(181,140,240,.1)}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-card-head{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:14px;text-align:center}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-card-icon{display:grid;width:40px;height:40px;place-items:center;flex:0 0 40px;border:1px solid color-mix(in srgb,var(--pq-accent) 48%,transparent);border-radius:12px;background:var(--pq-soft);color:var(--pq-accent);box-shadow:0 0 18px color-mix(in srgb,var(--pq-accent) 10%,transparent)}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-card-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-card h3{margin-top:2px;color:var(--text);font-size:1.08rem;line-height:1.25;letter-spacing:-.025em}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-card-description{max-width:36ch;min-height:4.95em;margin:0 auto;color:var(--text2);font-size:.84rem;line-height:1.65;text-align:center}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-card h3{min-height:2.5em;max-width:27ch}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-card .pq-visual{margin-top:auto;padding-top:24px;min-height:174px}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-visual{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:150px;margin:20px -4px 0;padding:18px 8px 10px;border-top:1px solid rgba(168,189,208,.12);overflow:hidden}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-visual svg{display:block}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-flow{position:relative;display:grid;width:100%;max-width:294px;min-height:116px;grid-template-columns:74px minmax(0,1fr) 86px;align-items:center;gap:5px}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-flow-inputs{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-flow-chip{display:inline-flex;align-items:center;justify-content:center;min-width:64px;padding:5px 7px;border:1px solid rgba(168,189,208,.18);border-radius:6px;background:rgba(7,22,35,.74);color:var(--text2);font-size:.59rem;font-weight:800;letter-spacing:.02em;line-height:1}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-flow-chip:nth-child(2){border-color:rgba(114,184,229,.25);color:#9ac8e7}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-flow-chip:nth-child(3){border-color:rgba(181,140,240,.25);color:#c7a9f5}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-flow .pq-flow-lines{position:relative;grid-column:2;grid-row:1;width:100%;height:116px;overflow:hidden;z-index:0}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-flow-inputs{grid-column:1;grid-row:1;position:relative;z-index:1}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-flow-output{grid-column:3;grid-row:1;position:relative;z-index:1}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-flow-lines path{fill:none;stroke:rgba(0,196,110,.48);stroke-width:1.3;stroke-linecap:round}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-flow-lines circle{fill:var(--pq-accent);opacity:.9}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-flow-output{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:62px;border:1px solid rgba(0,196,110,.46);border-radius:11px;background:linear-gradient(145deg,rgba(0,196,110,.16),rgba(0,138,85,.08));box-shadow:0 0 24px rgba(0,196,110,.1)}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-flow-output small{color:var(--green2);font-size:.57rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-flow-output strong{color:var(--text);font-size:.9rem;letter-spacing:-.02em}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-rules{display:grid;width:100%;max-width:300px;grid-template-columns:minmax(0,1fr) 17px minmax(0,1fr) 17px minmax(0,1fr);align-items:center;gap:3px}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-rule-node{display:flex;min-height:78px;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:8px 4px;border:1px solid rgba(114,184,229,.22);border-radius:10px;background:rgba(7,22,35,.72);text-align:center}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-rule-node:nth-of-type(3){border-color:rgba(0,196,110,.27)}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-rule-node:nth-of-type(5){border-color:rgba(181,140,240,.25)}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-rule-icon{display:grid;width:23px;height:23px;place-items:center;border:1px solid currentColor;border-radius:7px;color:var(--pq-accent)}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-rule-icon svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-rule-node strong{color:var(--text);font-size:.62rem;line-height:1.2}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-rule-connector{height:1px;background:linear-gradient(90deg,rgba(114,184,229,.18),var(--pq-accent),rgba(114,184,229,.18));position:relative}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-rule-connector::after{position:absolute;top:50%;right:-1px;width:5px;height:5px;border-top:1px solid var(--pq-accent);border-right:1px solid var(--pq-accent);content:"";transform:translateY(-50%) rotate(45deg)}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-automation{display:grid;width:100%;max-width:300px;grid-template-columns:minmax(0,1.35fr) 21px minmax(0,.9fr);align-items:center;gap:6px}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-code-panel,:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-bot-panel{min-height:112px;border:1px solid rgba(181,140,240,.23);border-radius:10px;background:rgba(7,22,35,.76);overflow:hidden}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-code-top{display:flex;align-items:center;justify-content:space-between;padding:7px 9px;border-bottom:1px solid rgba(168,189,208,.13);color:#c7a9f5;font-size:.58rem;font-weight:800;letter-spacing:.12em}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-code-dots{display:flex;gap:3px}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-code-dots i{width:4px;height:4px;border-radius:50%;background:rgba(168,189,208,.35)}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-code-lines{display:flex;flex-direction:column;gap:5px;padding:12px 9px;color:var(--text3);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.55rem;line-height:1.2;white-space:nowrap}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-code-lines em{color:#c7a9f5;font-style:normal}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-code-lines strong{color:var(--green2);font-weight:600}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-automation-link{position:relative;height:1px;background:linear-gradient(90deg,rgba(181,140,240,.2),var(--pq-accent),rgba(0,196,110,.45))}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-automation-link::after{position:absolute;top:50%;right:-1px;width:5px;height:5px;border-top:1px solid var(--green2);border-right:1px solid var(--green2);content:"";transform:translateY(-50%) rotate(45deg)}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-bot-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-color:rgba(0,196,110,.28);background:linear-gradient(145deg,rgba(0,196,110,.1),rgba(7,22,35,.76))}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-bot-glyph{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(0,196,110,.45);border-radius:13px;background:rgba(0,196,110,.1);color:var(--green2);box-shadow:0 0 22px rgba(0,196,110,.12)}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-bot-glyph svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-status{color:var(--green2);font-size:.56rem;font-weight:800;line-height:1.3;text-align:center}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-bridge{display:flex;align-items:center;justify-content:center;gap:16px;max-width:760px;margin:28px auto 0;padding-top:21px;border-top:1px solid rgba(168,189,208,.11)}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-bridge::before,:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-bridge::after{width:42px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,196,110,.45));content:"";flex:0 0 42px}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-bridge::after{background:linear-gradient(90deg,rgba(0,196,110,.45),transparent)}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-bridge p{max-width:620px;color:var(--text3);font-size:.78rem;line-height:1.6}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-cta{margin-top:20px;max-width:100%;min-height:48px;white-space:normal;line-height:1.5;justify-content:center;text-align:center}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-bridge p{color:var(--text2)}
@media (max-width:900px){
.site-portfolios #paraquien .pq-grid{max-width:560px}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-card h3{min-height:0}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-card-description{min-height:0;margin-bottom:24px}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-bridge::before,:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-bridge::after{display:none}
}
@media (max-width:380px){
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-card{padding-inline:16px}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-automation{grid-template-columns:minmax(0,1.4fr) 12px minmax(0,1fr);gap:4px}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-code-lines{padding-inline:5px;font-size:.5rem}
}
:is(#paraquien, #metodologia-portafolio, #sistemas) .rv{opacity:1;transform:none;transition:opacity .6s ease,transform .6s ease}
:is(#paraquien, #metodologia-portafolio, #sistemas) .rv.d1{transition-delay:.08s}
:is(#paraquien, #metodologia-portafolio, #sistemas) .rv.d2{transition-delay:.16s}
:is(#paraquien, #metodologia-portafolio, #sistemas) .rv.d3{transition-delay:.24s}
@media (max-width:900px){
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-grid{grid-template-columns:1fr}
}
@media (max-width:1100px) and (min-width:901px){
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}
:is(#paraquien, #metodologia-portafolio, #sistemas) .pq-card:last-child{grid-column:1 / -1;justify-self:center;width:100%;max-width:372px}
}
@media (max-width:1024px) and (min-width:861px){
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-flow{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) 42px minmax(0,1fr);gap:10px}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-step-card{padding:20px 16px 16px}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-step-badge{padding:4px 7px;font-size:.58rem}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-step-title{font-size:.96rem}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-step-description{font-size:.74rem}
}
@media (max-width:860px) and (min-width:681px){
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-flow{grid-template-columns:1fr;gap:0}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-flow-connector{min-height:58px;flex-direction:row;gap:10px}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-flow-connector svg{transform:rotate(90deg)}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-step-card{max-width:620px;margin:0 auto;width:100%}
}
@media (max-width:680px){
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-grid{grid-template-columns:1fr;max-width:620px;margin-inline:auto}
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-card{min-height:0}
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-bottom{align-items:stretch;flex-direction:column;gap:18px;text-align:center}
:is(#paraquien, #metodologia-portafolio, #sistemas) .strategy-note{max-width:520px;margin-inline:auto}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-period{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;margin-top:34px}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-period-note{grid-column:2 / -1;justify-self:end}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-flow{grid-template-columns:1fr;gap:0}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-flow-connector{min-height:58px;flex-direction:row;gap:10px}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-flow-connector svg{transform:rotate(90deg)}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-step-card{min-height:358px;padding:18px 16px 16px}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-step-title{min-height:0;font-size:1rem}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-step-description{min-height:0}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-chart svg{min-height:150px}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-risk-callout{align-items:flex-start;padding:18px 16px}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-cta-row .btn{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
:is(#paraquien, #metodologia-portafolio, #sistemas) .rv{opacity:1;transform:none}
:is(#paraquien, #metodologia-portafolio, #sistemas) .portfolio-step-card:hover{transform:none}
}
@media(max-width:680px){:is(#paraquien, #metodologia-portafolio, #sistemas){padding:64px 0;}}