:where(.orp-root,.orp-modal){--ink:#1c2533;--mute:#667085;--bd:#e3e8ef;--soft:#f6f8fb;--acc:var(--orp-acc,#1f4e8c);color:var(--ink);font-size:15px;line-height:1.5;box-sizing:border-box}
:where(.orp-root,.orp-modal) *{box-sizing:border-box}
:where(.orp-root,.orp-modal) button{all:unset;box-sizing:border-box;cursor:pointer}
.orp-root{display:block;width:100%;max-width:100%}
.orp-root a,.orp-modal a{box-shadow:none}
.orp-root button:focus-visible,.orp-modal button:focus-visible,.orp-root a:focus-visible,.orp-modal a:focus-visible,.orp-root input:focus-visible,.orp-root select:focus-visible{outline:2px solid var(--acc);outline-offset:2px}

/* Encabezado y filtros */
.orp-stats{display:flex;gap:22px;flex-wrap:wrap;margin:0 0 18px;color:var(--mute);font-size:14px}
.orp-stats b{color:var(--ink);font-size:20px;font-weight:700;margin-right:5px}
.orp-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.orp-search{position:relative;flex:1 1 260px;min-width:0}
.orp-search svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--mute);pointer-events:none}
.orp-root input.orp-q{width:100%;height:44px;padding:0 14px 0 40px;border:1px solid var(--bd);border-radius:10px;background:#fff;font-size:15px;color:var(--ink);box-shadow:none;margin:0}
.orp-root select.orp-sel{height:44px;padding:0 32px 0 12px;border:1px solid var(--bd);border-radius:10px;background:#fff;font-size:14px;color:var(--ink);margin:0;max-width:100%;box-shadow:none}
.orp-pills{display:flex;gap:8px;overflow-x:auto;padding:2px 0 12px;margin-bottom:6px;border-bottom:1px solid var(--bd);scrollbar-width:thin}
.orp-pill{flex:none;display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border:1px solid var(--bd);border-radius:999px;background:#fff;font-size:14px;color:var(--ink);white-space:nowrap}
.orp-pill i{font-style:normal;font-size:12px;color:var(--mute)}
.orp-pill:hover{border-color:var(--acc)}
.orp-pill.on{background:var(--acc);border-color:var(--acc);color:#fff}
.orp-pill.on i{color:rgba(255,255,255,.8)}
.orp-pill[disabled]{opacity:.45;cursor:default}
.orp-count{margin:14px 0;color:var(--mute);font-size:13.5px}

/* Tarjetas */
.orp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:24px}
.orp-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--bd);border-radius:12px;overflow:hidden;transition:box-shadow .18s}
.orp-card:hover{box-shadow:0 10px 26px rgba(16,24,40,.12)}
.orp-cv{display:block;position:relative;width:100%;aspect-ratio:3/4;background:#eef1f6;overflow:hidden}
.orp-cv img{width:100%;height:100%;max-width:none;object-fit:cover;display:block;margin:0;border:0;border-radius:0}
.orp-cv::after{content:'';position:absolute;inset:0 auto 0 0;width:9px;background:linear-gradient(90deg,rgba(0,0,0,.22),rgba(0,0,0,0));pointer-events:none}
.orp-fb{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:22px 18px 18px 22px;background:linear-gradient(160deg,var(--c),color-mix(in srgb,var(--c) 62%,#000));color:#fff}
.orp-fb svg{opacity:.85}
.orp-ft2{display:block;font-weight:700;font-size:17px;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.orp-fk{display:block;font-size:12px;opacity:.85}
.orp-star{position:absolute;top:10px;right:10px;z-index:1;background:#fff;color:var(--ink);border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:700;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.orp-bd{display:flex;flex-direction:column;gap:6px;padding:14px 14px 16px;flex:1}
.orp-tag{align-self:flex-start;font-size:12px;font-weight:600;color:var(--acc);background:color-mix(in srgb,var(--acc) 10%,#fff);padding:2px 9px;border-radius:999px}
.orp-card h3{margin:0;padding:0;font-size:15.5px;line-height:1.3;font-weight:700;color:var(--ink);letter-spacing:0;text-transform:none}
.orp-card h3 button:hover{color:var(--acc)}
.orp-au{margin:0;color:var(--mute);font-size:13px}
.orp-fm{margin:0;color:var(--mute);font-size:12.5px}
.orp-ac{display:flex;gap:8px;margin-top:auto;padding-top:10px}
.orp-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 14px;border:1px solid var(--bd);border-radius:9px;background:#fff;color:var(--ink);font-size:13.5px;font-weight:600;text-decoration:none;line-height:1.2;text-align:center}
.orp-btn:hover{border-color:var(--acc);color:var(--acc)}
.orp-btn.pri{background:var(--acc);border-color:var(--acc);color:#fff}
.orp-btn.pri:hover{filter:brightness(1.1);color:#fff}
.orp-ac .orp-btn{flex:1;padding:9px 8px}
.orp-more{display:block;margin:28px auto 0;padding:11px 26px;border:1px solid var(--acc);border-radius:10px;color:var(--acc);font-weight:600;text-align:center;width:max-content}
.orp-more:hover{background:var(--acc);color:#fff}
.orp-empty{padding:48px 16px;text-align:center;color:var(--mute);border:1px dashed var(--bd);border-radius:12px}
.orp-empty .orp-btn{margin-top:12px}

/* Ficha */
.orp-modal{position:fixed;inset:0;z-index:100000;background:rgba(15,23,42,.55);display:flex;align-items:flex-end;justify-content:center}
.orp-modal[hidden]{display:none}
.orp-dlg{position:relative;background:#fff;width:100%;max-height:92vh;overflow-y:auto;border-radius:16px 16px 0 0;box-shadow:0 20px 50px rgba(0,0,0,.28);outline:0;overscroll-behavior:contain}
.orp-x{position:absolute;top:12px;right:12px;z-index:2;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;color:var(--mute);background:#fff;border:1px solid var(--bd)}
.orp-x:hover{color:var(--ink)}
.orp-f{display:grid;grid-template-columns:1fr;gap:20px;padding:24px 20px 26px}
.orp-f .orp-cv{max-width:190px;margin:0 auto;border-radius:6px;box-shadow:0 10px 24px rgba(16,24,40,.22)}
.orp-f h2{margin:8px 0 4px;padding:0;font-size:22px;line-height:1.25;color:var(--ink);letter-spacing:0;text-transform:none}
.orp-f .orp-au{font-size:14.5px}
.orp-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px 16px;margin:16px 0;padding:14px 0;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}
.orp-meta div{font-size:12.5px;color:var(--mute)}
.orp-meta b{display:block;font-size:14px;color:var(--ink);font-weight:600}
.orp-desc{margin:0 0 14px;font-size:14.5px}
.orp-desc p{margin:0 0 10px}
.orp-topics{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}
.orp-topic{padding:4px 11px;border:1px solid var(--bd);border-radius:999px;font-size:12.5px;color:var(--ink)}
.orp-topic:hover{border-color:var(--acc);color:var(--acc)}
.orp-act{display:flex;gap:8px;flex-wrap:wrap}
.orp-act .orp-btn{flex:1 1 auto}
html.orp-lock{overflow:hidden}

@media (min-width:761px){
.orp-modal{align-items:center;padding:24px}
.orp-dlg{max-width:760px;border-radius:16px}
.orp-f{grid-template-columns:210px 1fr;gap:28px;padding:30px}
.orp-f .orp-cv{max-width:none;margin:0}
.orp-f h2{margin-top:0}
}
@media (max-width:560px){
.orp-grid{grid-template-columns:repeat(2,1fr);gap:12px}
.orp-bd{padding:11px 11px 13px}
.orp-card h3{font-size:14px}
.orp-ac{flex-direction:column}
.orp-btn{padding:9px 10px}
.orp-fm{display:none}
.orp-fb{padding:16px 12px 12px 16px}.orp-ft2{font-size:14px}
.orp-root select.orp-sel{flex:1 1 calc(50% - 5px)}
}

/* Página individual */
.orp-single{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap;margin:0 0 28px;padding:20px;border:1px solid #e3e8ef;border-radius:12px;background:#f6f8fb}
.orp-s-cv img{display:block;max-width:180px;height:auto;border-radius:6px;box-shadow:0 8px 20px rgba(16,24,40,.2)}
.orp-s-in{flex:1;min-width:220px}
.orp-s-in dl{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;margin:0 0 16px}
.orp-s-in dt{color:#667085;font-size:14px}
.orp-s-in dd{margin:0;font-weight:600}
.orp-s-btn{display:inline-block;padding:11px 22px;border-radius:9px;background:#1f4e8c;color:#fff!important;font-weight:600;text-decoration:none}