/* ============================================================
   PARROT SUITS — PRX2 "EL CAMINO DEL TRAJE" (2026-10-23 v2, P27)
   #proceso-de-la-HOME — rediseño-desde-cero-del-v2:
   cinta-bastida-diagonal-viva (hilo-trazo + hilo-relleno-se-dosis-al-scroll)
   · ×4-fichas-editoriales-escaladas (sellos-de-atelier-que-se-enderezan)
   · mapa-bastas-del-tiempo (tira-×7-en-marco) · colofón-CTA-WA-canónico.
   P26/P44/P19/P54 · 0 CDNs · reduce-motion-total.
   ============================================================ */
.prx2 {
    --p2-gold:#C9A84C; --p2-gold-l:#E0C770; --p2-gold-d:#9A8038;
    --p2-jade:#2D8A78; --p2-jade-l:#45C4AB;
    --p2-rg:201,168,76; --p2-rj:69,196,171;
    --p2-ink:#F2EFE9; --p2-dim:#A9A7A1; --p2-faint:#8A8884;
    --p2-card:#13131B; --p2-card2:#0D0D14;
    --p2-line:rgba(255,255,255,.085); --p2-line-g:rgba(201,168,76,.3);
    --p2-t1:.16s; --p2-t2:.32s; --p2-t3:.62s;
    --p2-e:cubic-bezier(.19,1,.22,1);
    --p2-disp:'Playfair Display',Georgia,serif;
    --p2-body:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
    --p2-thread:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M 18 2 C 55 18 78 26 66 44 C 58 56 22 60 26 74 C 30 88 72 92 84 98' fill='none' stroke='rgba(201,168,76,0.5)' stroke-width='0.35' stroke-dasharray='1.4 2' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    --p2-thread-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='.6' y2='1'%3E%3Cstop offset='0' stop-color='%23E0C770'/%3E%3Cstop offset='.55' stop-color='%23C9A84C'/%3E%3Cstop offset='1' stop-color='%2345C4AB'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M 18 2 C 55 18 78 26 66 44 C 58 56 22 60 26 74 C 30 88 72 92 84 98' fill='none' stroke='url(%23g)' stroke-width='0.75' stroke-linecap='round' vector-effect='non-scaling-stroke' opacity='0.85'/%3E%3C/svg%3E");
    position:relative; overflow:hidden; padding:3.8rem 0 3rem;
    background:
        radial-gradient(70% 120% at 85% 0%, rgba(var(--p2-rg), .05), transparent 55%),
        radial-gradient(55% 90% at 6% 100%, rgba(var(--p2-rj), .045), transparent 50%);
    border-top:1px solid var(--p2-line);
}
.prx2-in{max-width:1080px;margin:0 auto;padding:0 1.2rem}

/* ---------- CABEZA ---------- */
.prx2-kick{display:flex;align-items:center;gap:12px;color:var(--p2-faint);font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;margin-bottom:1rem}
.prx2-kick::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--p2-line-g),transparent)}
.prx2-title{font-family:var(--p2-disp);font-size:clamp(1.9rem,4.2vw,3.1rem);line-height:1.08;color:var(--p2-ink);margin:0 0 .8rem;letter-spacing:-.012em}
.prx2-title em{font-style:italic;background:linear-gradient(105deg,var(--p2-gold-l),var(--p2-jade-l));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.prx2-desc{color:var(--p2-dim);max-width:620px;line-height:1.72;margin:0}

/* ---------- CAMINO (path-diagonal) ---------- */
.prx2-path{
    --p:0%;
    position:relative;display:flex;flex-direction:column;gap:1.7rem;margin-top:3.2rem;
    list-style:none;counter-reset:none;
}
.prx2-path::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:var(--p2-thread);background-size:100% 100%;opacity:.5}
.prx2-path::after{content:'';position:absolute;inset:0;pointer-events:none;background-image:var(--p2-thread-fill);background-size:100% 100%;opacity:.9;
    -webkit-mask-image:linear-gradient(180deg,#000 var(--p),transparent var(--p));mask-image:linear-gradient(180deg,#000 var(--p),transparent var(--p))}
.prx2-stop{position:relative;width:min(600px,86%);--ac-rgb:var(--p2-rg)}
.prx2-stop:nth-child(1){margin-left:0;--ac-rgb:var(--p2-rg)}
.prx2-stop:nth-child(2){margin-left:14%;--ac-rgb:var(--p2-rj)}
.prx2-stop:nth-child(3){margin-left:28%;--ac-rgb:224,199,112}
.prx2-stop:nth-child(4){margin-left:12%;--ac-rgb:var(--p2-rj)}

/* sellos-de-atelier (se-enderezan-al-llegar) */
.prx2-stamp{
    position:absolute;top:-1.05rem;left:-.9rem;z-index:3;transform:rotate(-6deg) translateY(4px);
    transition:transform var(--p2-t2) var(--p2-e);
}
.prx2-stamp span{
    display:inline-block;font-family:var(--p2-body);font-size:.66rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
    color:rgba(var(--ac-rgb),.9);border:1px solid rgba(var(--ac-rgb),.35);border-radius:2px;
    padding:.42rem .8rem .38rem;background:linear-gradient(160deg,#12121A,#0A0A10);
    box-shadow:0 4px 14px rgba(0,0,0,.45);font-variant-numeric:tabular-nums;white-space:nowrap;
    transition:color var(--p2-t2),border-color var(--p2-t2),box-shadow var(--p2-t2);
    position:relative;
}
.prx2-stamp::after{content:'';position:absolute;left:8%;right:8%;bottom:3px;height:1px;background-image:repeating-linear-gradient(90deg,rgba(var(--ac-rgb),.55) 0 3px,transparent 3px 6px)}
.prx2-stop.in .prx2-stamp{transform:rotate(-6deg) translateY(0)}
.prx2-stop.lit .prx2-stamp{transform:rotate(0deg) translateY(-2px)}
.prx2-stop.lit .prx2-stamp span{color:var(--p2-jade-l);border-color:rgba(var(--p2-rj),.55);box-shadow:0 6px 22px rgba(45,138,120,.28),0 3px 10px rgba(0,0,0,.4)}

/* fichas-editoriales */
.prx2-card{
    position:relative;border:1px solid var(--p2-line);border-radius:6px;
    background:linear-gradient(180deg,var(--p2-card),var(--p2-card2));
    box-shadow:0 16px 44px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035);
    padding:1.75rem 1.9rem 1.35rem;overflow:hidden;
}
.prx2-card::before{content:'';position:absolute;left:0;top:16px;bottom:16px;width:2px;border-radius:2px;
    background:linear-gradient(180deg,rgba(var(--ac-rgb),.85),rgba(var(--ac-rgb),.05))}
.prx2-card::after{content:'';position:absolute;right:-1px;top:-1px;width:64px;height:64px;pointer-events:none;
    background:radial-gradient(closest-side at 100% 0%, rgba(var(--ac-rgb),.13), transparent)}
.prx2-nn{position:absolute;top:.4rem;right:1.1rem;font-family:var(--p2-disp);font-style:italic;font-size:2.7rem;line-height:1;color:rgba(var(--ac-rgb),.12);pointer-events:none;user-select:none;font-variant-numeric:tabular-nums}
.prx2-card h3{font-family:var(--p2-disp);font-size:1.42rem;font-weight:600;letter-spacing:-.01em;color:var(--p2-ink);margin:0 0 .35rem;position:relative}
.prx2-card h3::after{content:'';display:block;width:56px;border-top:1px dashed rgba(var(--ac-rgb),.5);margin-top:.6rem}
.prx2-card p{color:var(--p2-dim);font-size:.95rem;line-height:1.7;margin:.55rem 0 .95rem;max-width:56ch}
.prx2-card ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1.6rem}
.prx2-card li{position:relative;padding-left:1.35rem;color:var(--p2-dim);font-size:.85rem;line-height:1.55}
.prx2-card li::before{content:'\2702';position:absolute;left:0;top:.22em;font-size:.72rem;color:rgba(var(--ac-rgb),.95)}

/* entrada-con-vida (solo-con-motion) */
@media (prefers-reduced-motion: no-preference){
    .prx2-stop .prx2-stamp{opacity:0;transform:rotate(-10deg) translateY(10px)}
    .prx2-stop .prx2-card{opacity:0;transform:translateY(26px)}
    .prx2-stop.in .prx2-stamp{opacity:1;transform:rotate(-6deg) translateY(0);transition:opacity var(--p2-t3) var(--p2-e) calc(var(--i,0)*.1s),transform var(--p2-t3) var(--p2-e) calc(var(--i,0)*.1s)}
    .prx2-stop.in .prx2-card{opacity:1;transform:translateY(0);transition:opacity var(--p2-t3) var(--p2-e) calc(var(--i,0)*.1s),transform var(--p2-t3) var(--p2-e) calc(var(--i,0)*.1s)}
}

/* ---------- MAPA-BASTAS-DEL-TIEMPO (strip en marco) ---------- */
.prx2-strip{
    margin-top:3rem;display:flex;gap:.9rem;overflow-x:auto;padding:0.55rem .1rem 1rem;
    scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);
}
.prx2-strip::-webkit-scrollbar{display:none}
.prx2-strip figure{margin:0;flex:0 0 auto;scroll-snap-align:center;border:1px solid var(--p2-line);border-radius:6px;background:#0E0E16;padding:7px;box-shadow:0 10px 28px rgba(0,0,0,.3);transition:border-color var(--p2-t2) var(--p2-e),transform var(--p2-t2) var(--p2-e),box-shadow var(--p2-t2) var(--p2-e)}
.prx2-strip img{display:block;height:clamp(180px,24vh,235px);width:auto;border-radius:3px;transform:scale(1);transition:transform var(--p2-t3) var(--p2-e);transform-origin:center}
.prx2-strip figure:hover{border-color:rgba(var(--p2-rg),.45);transform:translateY(-4px);box-shadow:0 14px 34px rgba(0,0,0,.42),0 0 0 1px rgba(var(--p2-rg),.14)}
.prx2-strip figure:hover img{transform:scale(1.045)}
.prx2-cap{display:flex;align-items:center;gap:9px;color:var(--p2-faint);font-size:.78rem;font-style:italic;margin-top:.2rem}
.prx2-dot{width:7px;height:7px;border-radius:50%;background:var(--p2-jade-l);box-shadow:0 0 0 0 rgba(var(--p2-rj),.5);animation:prx2-pulse 2.2s infinite;flex:0 0 auto}
@keyframes prx2-pulse{0%{box-shadow:0 0 0 0 rgba(69,196,171,.5)}70%{box-shadow:0 0 0 9px transparent}100%{box-shadow:0 0 0 0 transparent}}

/* ---------- COLOFÓN-CTA ---------- */
.prx2-colofon{margin-top:2.9rem;padding-top:1.7rem;border-top:3px double rgba(var(--p2-rg),.3);text-align:center}
.prx2-col-t{font-family:var(--p2-disp);font-size:clamp(1.25rem,2.6vw,1.7rem);color:var(--p2-ink);margin:0 0 1.15rem;line-height:1.25}
.prx2-col-t em{font-style:italic;background:linear-gradient(105deg,var(--p2-gold-l),var(--p2-jade-l));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.prx2-cta{
    display:inline-flex;align-items:center;gap:.7rem;min-height:50px;padding:.4rem 1.7rem;border-radius:999px;
    background:linear-gradient(180deg,#35A189,#2D8A78);color:#06120E;font-weight:600;
    font-family:var(--p2-body);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;
    box-shadow:0 10px 28px rgba(45,138,120,.3),inset 0 1px 0 rgba(255,255,255,.18);
    transition:transform var(--p2-t1) var(--p2-e),box-shadow var(--p2-t1) var(--p2-e),background var(--p2-t1);
}
.prx2-cta:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(45,138,120,.4),inset 0 1px 0 rgba(255,255,255,.22);background:linear-gradient(180deg,#45C4AB,#2D8A78)}
.prx2-cta:active{transform:translateY(0) scale(.98)}
.prx2-cta:focus-visible{outline:2px solid var(--p2-gold);outline-offset:3px}
.prx2-dot2{width:8px;height:8px;border-radius:50%;background:var(--p2-gold-l);box-shadow:0 0 8px rgba(var(--p2-rg),.6);flex:0 0 auto}
.prx2-col-s{margin:1.05rem 0 0;color:var(--p2-faint);font-size:.78rem;letter-spacing:.04em;font-variant-numeric:tabular-nums}

/* ---------- MÓVIL ---------- */
@media (max-width:760px){
    .prx2{padding:3rem 0 2.5rem}
    .prx2-path{gap:1.45rem;margin-top:2.4rem}
    .prx2-path::before,.prx2-path::after{opacity:.3}
    .prx2-stop{width:100%;margin-left:0 !important}
    .prx2-stamp{position:static;display:inline-block;margin:0 0 .8rem .2rem}
    .prx2-card{padding:1.5rem 1.35rem 1.25rem}
    .prx2-nn{font-size:2.1rem;right:.9rem}
    .prx2-card ul{grid-template-columns:1fr;gap:.45rem}
    .prx2-strip{gap:.65rem;margin-top:2.4rem}
    .prx2-strip img{height:175px}
    .prx2-cta{width:100%;justify-content:center}
    .prx2-col-s{padding:0 .5rem}
}
@media (prefers-reduced-motion: reduce){
    .prx2 *{transition:none !important;animation:none !important}
    .prx2-path{--p:100%}
}