/* Página individual osc-detalle — CSS con alcance .pvd (generado) */
.pvd:not(#pvd-x){--blue:#168FD0;--coral:#F87474;--ink:#1F1F1F;--text:#3A3A3A;--muted:#5C5C5C;--line:#E8E1D6;--beige:#F2EADE;--cream:#FAF6EF;--g:#1E9E6A;--o:#E9A04B;--r:#C85357}
.pvd:not(#pvd-x){background:#FFFFFF}
.pvd:not(#pvd-x), .pvd:not(#pvd-x) *{box-sizing:border-box}
.pvd:not(#pvd-x) a{color:inherit}
.pvd:not(#pvd-x) .wrap{width:100%;max-width:1360px;margin:0 auto;padding:0 clamp(48px,7vw,112px)}
.pvd:not(#pvd-x) .disp{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;letter-spacing:-.03em;line-height:1.02;margin:0}
.pvd:not(#pvd-x) .h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:46px;line-height:1.1;letter-spacing:-.02em;margin:0;color:var(--ink);text-wrap:balance}
.pvd:not(#pvd-x) .meta{font-size:14px;line-height:1.4;color:var(--muted);font-weight:600}
.pvd:not(#pvd-x) .eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.pvd:not(#pvd-x) .tri{display:inline-flex;gap:3px}
.pvd:not(#pvd-x) .tri i{display:block;width:14px;height:4px;border-radius:999px}
.pvd:not(#pvd-x) .tri i:nth-child(1){background:var(--g)}
.pvd:not(#pvd-x) .tri i:nth-child(2){background:var(--o)}
.pvd:not(#pvd-x) .tri i:nth-child(3){background:var(--r)}
.pvd:not(#pvd-x) .sec-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px}
.pvd:not(#pvd-x) .sec-head>.st{display:flex;flex-direction:column;gap:16px;max-width:720px}
.pvd:not(#pvd-x) .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 26px;border-radius:999px;font:700 16px/1 'Public Sans',sans-serif;text-decoration:none;border:2px solid transparent;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,border-color .2s,transform .2s}
.pvd:not(#pvd-x) .btn svg{transition:transform .25s}
.pvd:not(#pvd-x) .btn:hover svg{transform:translateX(4px)}
.pvd:not(#pvd-x) .btn:active{transform:scale(.98)}
.pvd:not(#pvd-x) .btn-line{background:transparent;color:var(--ink);border-color:var(--ink)}
.pvd:not(#pvd-x) .btn-line:hover{background:var(--ink);color:#FFFFFF}
.pvd:not(#pvd-x) .btn-sm{height:44px;padding:0 20px;font-size:14px}
.pvd:not(#pvd-x) .circ{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;border:2px solid var(--ink);color:var(--ink);background:transparent;text-decoration:none;flex:none;transition:background .2s,color .2s,transform .3s}
.pvd:not(#pvd-x) .circ:hover{background:var(--ink);color:#FFFFFF;transform:rotate(-45deg)}
.pvd:not(#pvd-x) .dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none}
.pvd:not(#pvd-x) .tag{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.pvd:not(#pvd-x) .ph{overflow:hidden;border-radius:28px;background:var(--beige)}
.pvd:not(#pvd-x) .ph img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.pvd:not(#pvd-x) .ibtn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:0;background:var(--cream);color:var(--ink);cursor:pointer;text-decoration:none;transition:background .2s}
.pvd:not(#pvd-x) .ibtn:hover{background:var(--beige)}
@keyframes pvd-draw{from{stroke-dashoffset:1600}to{stroke-dashoffset:0}}
.pvd:not(#pvd-x) .hilo path{stroke-dasharray:1600;animation:pvd-draw 3.2s cubic-bezier(.6,0,.2,1) .3s both}
@keyframes pvd-spin{to{transform:rotate(360deg)}}
@keyframes pvd-up{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.pvd:not(#pvd-x) .rv{animation:pvd-up .9s cubic-bezier(.2,.7,.2,1) both}
@keyframes pvd-marq{to{transform:translateX(-50%)}}
@keyframes pvd-floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes pvd-heroFade{0%{opacity:0;transform:scale(1.08)}5%{opacity:1}25%{opacity:1}30%{opacity:0}100%{opacity:0;transform:scale(1)}}
@keyframes pvd-heroDot{0%,25%{width:26px;background:#FFFFFF}30%,100%{width:8px;background:rgba(255,255,255,.6)}}
.pvd:not(#pvd-x) a:focus-visible,.pvd:not(#pvd-x) button:focus-visible,.pvd:not(#pvd-x) input:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.pvd:not(#pvd-x), .pvd:not(#pvd-x) *{animation:none !important;transition:none !important}}
@media (max-width:900px){.pvd:not(#pvd-x) .wrap{padding:0 20px}
.pvd:not(#pvd-x) .h2{font-size:34px}
.pvd:not(#pvd-x) .disp{font-size:46px !important}
.pvd:not(#pvd-x) .stack{flex-direction:column !important;grid-template-columns:1fr !important}}
.pvd:not(#pvd-x) .dt-chip{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:800;letter-spacing:.04em}
.pvd:not(#pvd-x) .dt-side{position:sticky;top:108px;display:flex;flex-direction:column;gap:16px}
.pvd:not(#pvd-x) .dt-box{display:flex;flex-direction:column;gap:16px;padding:28px;border-radius:28px;background:#F2EADE}
.pvd:not(#pvd-x) .dt-label{font-size:12px;font-weight:800;letter-spacing:.16em;color:#1F1F1F;text-transform:uppercase}
.pvd:not(#pvd-x) .prose{display:flex;flex-direction:column;gap:22px;font-size:18px;line-height:1.75;color:#3A3A3A}
.pvd:not(#pvd-x) .prose p{margin:0}
.pvd:not(#pvd-x) .prose h2{margin:16px 0 0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:32px;line-height:1.15;letter-spacing:-.015em;color:#1F1F1F}
@keyframes pvd-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (max-width:900px){.pvd:not(#pvd-x) .dt-grid{grid-template-columns:1fr !important}
.pvd:not(#pvd-x) .dt-side{position:static}
.pvd:not(#pvd-x) .dt-hero{grid-template-columns:1fr !important}}
.pvd:not(#pvd-x) .orow{transition:border-color .2s,transform .3s,box-shadow .3s}
.pvd:not(#pvd-x) .orow:hover{border-color:#1F1F1F;transform:translateY(-3px);box-shadow:0 18px 30px -24px rgba(31,31,31,.5)}
.pvd:not(#pvd-x) .orow:hover .circ{background:#1F1F1F;color:#FFFFFF;border-color:#1F1F1F;transform:rotate(-45deg)}
@media (max-width:900px){.pvd:not(#pvd-x) .wrap{padding-left:20px !important;padding-right:20px !important}
.pvd:not(#pvd-x) section[style*="padding:56px 0"],.pvd:not(#pvd-x) section[style*="padding:112px 0"]{padding-top:44px !important;padding-bottom:44px !important}
.pvd:not(#pvd-x) [style*="grid-template-columns"]:not(.rm-meta):not(.ev-vars):not(.nr):not(.arow):not(.acc){grid-template-columns:1fr !important}
.pvd:not(#pvd-x) [style*="grid-row"],.pvd:not(#pvd-x) [style*="grid-column"]{grid-row:auto !important;grid-column:auto !important}
.pvd:not(#pvd-x) [style*="grid-template-rows"]{grid-template-rows:none !important;grid-auto-rows:auto !important}
.pvd:not(#pvd-x) .stack .ph{min-height:200px}
.pvd:not(#pvd-x) .disp,.pvd:not(#pvd-x) h1{font-size:clamp(34px,9.5vw,46px) !important;line-height:1.06 !important;overflow-wrap:break-word}
.pvd:not(#pvd-x) .h2{font-size:30px !important}
.pvd:not(#pvd-x) [style*="font-size:150px"]{font-size:96px !important}
.pvd:not(#pvd-x) [style*="min-width:"]:not(.pin-dot){min-width:0 !important}
.pvd:not(#pvd-x) img{max-width:100%}
.pvd:not(#pvd-x) .sec-head{align-items:flex-start !important}
.pvd:not(#pvd-x) [style*="left:-56px"]{left:12px !important;top:12px !important;transform:scale(.7);transform-origin:top left}
.pvd:not(#pvd-x) [style*="left:-26px"]{left:12px !important}
.pvd:not(#pvd-x) [style*="font-size:64px"],.pvd:not(#pvd-x) [style*="font-size:56px"],.pvd:not(#pvd-x) [style*="font-size:52px"]{font-size:clamp(34px,9.5vw,46px) !important}}
.pvd:not(#pvd-x) .sede-list{display:flex;flex-direction:column;gap:10px}
.pvd:not(#pvd-x) .sede{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:18px;background:#FFFFFF}
.pvd:not(#pvd-x) .sede-pin{display:flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;border-radius:12px;background:#E3F2FB;color:#168FD0}
.pvd:not(#pvd-x) .sede-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:#FFFFFF;font-size:13px;font-weight:800;color:#1F1F1F}
.pvd:not(#pvd-x) .area-tag{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;border:1.5px solid #E2D5C1;background:transparent;font-size:14px;font-weight:700;color:#1F1F1F}
.pvd:not(#pvd-x) .ct-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pvd:not(#pvd-x) .ct-card{display:flex;align-items:center;gap:14px;padding:18px;border-radius:22px;border:1.5px solid #E8E1D6;background:transparent;color:#1F1F1F;text-decoration:none;transition:border-color .25s,box-shadow .3s,transform .3s}
.pvd:not(#pvd-x) .ct-card:hover{border-color:#E2D5C1;box-shadow:0 16px 28px -20px rgba(110,84,48,.38);transform:translateY(-2px)}
.pvd:not(#pvd-x) .ct-ico{display:flex;align-items:center;justify-content:center;flex:none;width:52px;height:52px;border-radius:16px;background:#E3F2FB;color:#168FD0}
.pvd:not(#pvd-x) .ct-txt{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.pvd:not(#pvd-x) .ct-k{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#5C5C5C}
.pvd:not(#pvd-x) .ct-v{font-size:15px;line-height:1.3;overflow-wrap:anywhere}
@media (max-width:900px){.pvd:not(#pvd-x) .ct-grid{grid-template-columns:1fr}}
.pvd:not(#pvd-x) .wm-box{background:#FAF6EF !important;border:1px solid #E8E1D6;gap:18px !important}
.pvd:not(#pvd-x) .wm-map{position:relative;margin:4px 0}
.pvd:not(#pvd-x) .wm-base{display:block;width:100%;height:auto;visibility:hidden}
@keyframes pvd-wmIn{from{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:none}}
.pvd:not(#pvd-x) .wm-pin{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,calc(-100% + 5px))}
.pvd:not(#pvd-x) .wm-pin.al-l{align-items:flex-start;transform:translate(-9px,calc(-100% + 5px))}
.pvd:not(#pvd-x) .wm-pin.al-l .wm-tail{margin-left:5px}
.pvd:not(#pvd-x) .wm-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 11px 5px 9px;border-radius:999px;background:#FFFFFF;border:1px solid #E8E1D6;box-shadow:0 8px 18px -10px rgba(31,31,31,.45);font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:13px;color:#1F1F1F;white-space:nowrap}
.pvd:not(#pvd-x) .wm-dot{width:8px;height:8px;border-radius:50%;background:#168FD0}
.pvd:not(#pvd-x) .wm-tail{width:8px;height:8px;margin-top:-5px;background:#FFFFFF;border-right:1px solid #E8E1D6;border-bottom:1px solid #E8E1D6;transform:rotate(45deg)}
.pvd:not(#pvd-x) .wm-anchor{width:10px;height:10px;margin-top:2px;border-radius:50%;background:#168FD0;border:2px solid #FFFFFF;box-shadow:0 0 0 4px rgba(22,143,208,.2)}
.pvd:not(#pvd-x) .wm-box{background:#FFFFFF !important;border:1.5px solid #E8E1D6 !important}
.pvd:not(#pvd-x) .wm-sh{position:absolute;display:block;filter:drop-shadow(1.5px 0 0 #FFFFFF) drop-shadow(-1.5px 0 0 #FFFFFF) drop-shadow(0 1.5px 0 #FFFFFF) drop-shadow(0 -1.5px 0 #FFFFFF)}
.pvd:not(#pvd-x) .wm-sh i{position:absolute;inset:0;display:block;background:#F2EADE;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:background .3s}
.pvd:not(#pvd-x) .wm-sh.on{z-index:1;filter:drop-shadow(1.5px 0 0 #FFFFFF) drop-shadow(-1.5px 0 0 #FFFFFF) drop-shadow(0 1.5px 0 #FFFFFF) drop-shadow(0 -1.5px 0 #FFFFFF) drop-shadow(0 10px 12px rgba(22,90,140,.25));animation:pvd-wmIn .8s cubic-bezier(.2,.7,.2,1) both}
.pvd:not(#pvd-x) .wm-sh.on i{background:#8FCDEE}
.pvd:not(#pvd-x) .wm-sh:not(.on):hover i{background:#E8E1D6}
