/* Scoped webinar catalogue; inherits the current Pedra font. */
.pw-page { --pw-ink:#203e37; --pw-green:#157b65; --pw-line:#dce6e1; --pw-paper:#fff; --pw-soft:#eef5f0; color:var(--pw-ink); max-width:1320px; margin:auto; padding:42px 24px 80px; }
.pw-page * { box-sizing:border-box; }
.pw-page .pw-hero { display:grid; grid-template-columns:1.5fr 1fr; align-items:center; gap:30px; background:var(--pw-soft); border:1px solid var(--pw-line); border-radius:36px; padding:55px; overflow:hidden; }
.pw-eyebrow { font-size:.85rem; color:var(--pw-green); margin:0 0 18px; }
.pw-page h1 { font-size:clamp(2rem,4vw,3.3rem); font-weight:800; line-height:1.65; margin:0 0 18px; }
.pw-lead { max-width:640px; line-height:2.1; color:#586c65; }
.pw-link { color:var(--pw-green); display:inline-block; margin-top:16px; font-weight:700; }
.pw-art { position:relative; display:grid; place-items:center; min-height:260px; }
.pw-orbit { position:absolute; width:250px; height:250px; border:1px solid #b8d1c1; border-radius:50%; box-shadow:0 0 0 28px #dfece355,0 0 0 56px #dfece333; }
.pw-screen { z-index:1; width:220px; min-height:155px; border-radius:23px; background:#fff; border:1px solid #d1e1d6; box-shadow:0 20px 50px #254d3512; display:grid; place-content:center; justify-items:center; gap:20px; transform:rotate(-5deg); color:#1a7561; }
.pw-screen i { display:grid; place-items:center; border-radius:50%; background:#e8f2c9; width:56px; height:56px; }
.pw-art-label { position:absolute; bottom:0; font-size:10px; letter-spacing:4px; }
.pw-page .pw-catalog { padding:48px 0 0; }
.pw-page h2 { font-size:1.8rem; font-weight:750; margin:0 0 25px; line-height:1.7; }
.pw-search { display:flex; align-items:end; gap:14px; padding:22px; border:1px solid var(--pw-line); background:var(--pw-paper); border-radius:22px; flex-wrap:wrap; }
.pw-search > div:first-child { flex:2 1 260px; }.pw-search > div:nth-child(2) { flex:1 1 180px; }
.pw-search label { display:block; font-size:.85rem; margin-bottom:9px; }
.pw-search input,.pw-search select { width:100%; border:1px solid var(--pw-line); border-radius:12px; background:var(--pw-paper); color:inherit; padding:14px; min-height:52px; font:inherit; }
.pw-page button { font:inherit; cursor:pointer; }
.pw-button { display:inline-flex; justify-content:center; align-items:center; gap:14px; min-height:50px; padding:12px 22px; border-radius:12px; border:1px solid var(--pw-green); background:var(--pw-green); color:#fff; text-decoration:none; }
.pw-button:hover { filter:brightness(.94); color:#fff; }.pw-secondary { background:transparent; color:var(--pw-green); }.pw-secondary:hover{color:var(--pw-green);}
.pw-clear { padding:14px 4px; color:var(--pw-green); }
.pw-results { display:flex; justify-content:space-between; gap:15px; padding:25px 2px 10px; color:#60736c; scroll-margin-top:120px; }
.pw-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.pw-card { display:flex; flex-direction:column; min-width:0; border:1px solid var(--pw-line); border-radius:24px; background:var(--pw-paper); padding:24px; box-shadow:0 12px 32px #254d3506; }
.pw-card-top { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:.78rem; }
.pw-badge { background:#e6f3ec; color:#216f52; padding:7px 11px; border-radius:25px; }.pw-muted { background:#f0f1ef; color:#68736e; }
.pw-page .pw-card h3 { font-size:1.18rem; line-height:1.9; font-weight:750; margin:22px 0; overflow-wrap:anywhere; }
.pw-teacher { display:flex; gap:12px; align-items:center; }.pw-teacher img { border-radius:50%; object-fit:cover; background:var(--pw-soft); }.pw-teacher strong{font-size:.92rem;}.pw-teacher p{font-size:.8rem;color:#687870;margin:5px 0 0;line-height:1.8;}
.pw-summary { line-height:2; color:#67786f; font-size:.87rem; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; margin:20px 0; }
.pw-facts { display:flex; flex-wrap:wrap; gap:15px; font-size:.85rem; padding:14px 0; border-top:1px solid var(--pw-line); }.pw-audience { font-size:.78rem; color:#687870; line-height:1.9; }
.pw-price { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:auto; padding:20px 0; }.pw-price > span{font-size:.8rem;}.pw-price strong { font-size:1.1rem; }.pw-price small{font-size:.72rem;font-weight:400;}
.pw-actions { display:flex; gap:10px; }.pw-actions > *{flex:1;padding:12px 8px;font-size:.87rem;}
.pw-resources { display:flex; flex-wrap:wrap; gap:20px; padding-top:20px; }.pw-resources a,.pw-resources button { color:var(--pw-green); background:none; border:0; padding:4px 0; font-size:.82rem; min-height:32px; }
.pw-pagination { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; padding-top:36px; }.pw-pagination a,.pw-pagination span { min-width:44px; min-height:44px; display:grid; place-items:center; padding:8px 12px; border:1px solid var(--pw-line); border-radius:12px; color:inherit; }.pw-pagination [aria-current]{background:var(--pw-green);color:#fff;}
.pw-empty { padding:55px 20px; text-align:center; border:1px dashed var(--pw-line); border-radius:24px; }.pw-empty i{font-size:2rem;color:var(--pw-green);}.pw-empty h3{margin:20px 0;}.pw-empty p{margin:16px 0 25px;}
.pw-page :is(a,button,input,select):focus-visible { outline:3px solid #92b54b; outline-offset:4px; }
[data-bs-theme="dark"] .pw-page { --pw-ink:#e3eee8; --pw-green:#70bda3; --pw-line:#354b43; --pw-paper:#1e3029; --pw-soft:#233b30; }
[data-bs-theme="dark"] .pw-page :is(.pw-lead,.pw-summary,.pw-teacher p,.pw-audience,.pw-results){color:#b2c6ba;}
[data-bs-theme="dark"] .pw-button:not(.pw-secondary){color:#13281f;}
@media(max-width:1050px){.pw-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.pw-page .pw-hero{padding:35px;}}
@media(max-width:650px){.pw-page{padding:24px 16px 50px;}.pw-page .pw-hero{grid-template-columns:1fr;padding:28px 24px;border-radius:26px;}.pw-art{display:none;}.pw-grid{grid-template-columns:1fr;}.pw-page h2{font-size:1.5rem;}.pw-search{padding:18px;}.pw-search .pw-button{width:100%;}.pw-card{padding:22px;}.pw-results{font-size:.82rem;}}