/* Biblioteca e leitura de guias; todos os estilos ficam dentro desta página. */
.guides-page { position:relative; isolation:isolate; background:#100d14; color:#c8bdcf; font:400 15px/1.65 'Exo 2',sans-serif; }
.guides-page *, .guides-page *::before, .guides-page *::after { box-sizing:border-box; }
.guides-page .gd-container { width:min(1320px,100%); margin:0 auto; padding:0 32px; }
.guides-page a:focus-visible, .guides-page button:focus-visible, .guides-page input:focus-visible { outline:2px solid #bb95ff; outline-offset:5px; }
.guides-page .gd-eyebrow { display:block; margin:0 0 6px; color:#a88abd; font-size:9px; font-weight:800; letter-spacing:1.5px; line-height:1.5; text-transform:uppercase; }
.guides-page .gd-hero { position:relative; z-index:2; margin:0 0 -12px; overflow:hidden; border-radius:0 0 18px 18px; background:#16101f; box-shadow:0 18px 32px -10px rgba(0,0,0,.85); }
.guides-page .gd-hero::before { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(12,7,20,.93),rgba(18,9,30,.62)),url('/img/background_main.png') center 42%/cover no-repeat; }
.guides-page .gd-hero-layout { display:grid; grid-template-columns:minmax(0,1fr) 320px; align-items:center; gap:40px; }
.guides-page .gd-hero-eyebrow { display:flex; align-items:center; gap:10px; font-size:11px; color:#d0b2e6; margin-bottom:14px; }
.guides-page .gd-spark { width:7px; height:7px; flex-shrink:0; transform:rotate(45deg); background:#a970ff; box-shadow:0 0 14px rgba(169,112,255,.7); }
.guides-page .gd-hero h1 { margin:0 0 14px; color:#f0e5fa; font:800 clamp(38px,4vw,54px)/1.1 'Exo 2',sans-serif; letter-spacing:.6px; }
.guides-page .gd-hero h1 > span { background:linear-gradient(90deg,#fff,#d8b6ff 65%,#a970ff); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.guides-page .gd-hero-subtitle { margin:0 0 16px; color:#dfcbea; font-size:12px; font-weight:700; letter-spacing:1.7px; }
.guides-page .gd-hero-description { max-width:560px; margin:0; color:#b9a9c6; font-size:14px; line-height:1.8; }
.guides-page .gd-hero-tags { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.guides-page .gd-hero-tags > span { display:flex; gap:8px; align-items:center; padding:6px 12px; border-radius:6px; background:rgba(169,112,255,.09); color:#d6c3e7; font-size:11px; }
.guides-page .gd-hero-tags i { color:#bb95ff; }
.guides-page .gd-hero-emblem { display:flex; flex-direction:column; align-items:center; gap:12px; }
.guides-page .gd-hero-emblem img { width:190px; height:190px; object-fit:contain; filter:drop-shadow(0 8px 22px rgba(0,0,0,.6)); }
.guides-page .gd-hero-emblem > span { color:#aa8ac0; font-size:9px; letter-spacing:2px; font-weight:700; }
.guides-page .gd-content { padding-top:38px; padding-bottom:64px; }
.guides-page .gd-filters { padding:26px 28px; margin-bottom:34px; background:#17121d; border:1px solid rgba(169,112,255,.1); border-radius:14px; }
.guides-page .gd-filter-top { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:22px; }
.guides-page .gd-filter-top h2 { margin:0; color:#e1ccec; font:800 21px/1.3 'Exo 2',sans-serif; text-align:left; text-transform:none; }
.guides-page .gd-search { display:flex; align-items:center; gap:12px; width:340px; max-width:100%; min-height:44px; padding:0 14px; border-radius:7px; border:1px solid rgba(169,112,255,.2); background:#0f0b16; }
.guides-page .gd-search > i { color:#ae85c9; font-size:13px; }
.guides-page .gd-search input { width:100%; min-width:0; border:0; padding:12px 0; background:transparent; color:#dec5ee; font:400 12px 'Exo 2',sans-serif; }
.guides-page .gd-search input::placeholder { color:#8a749b; }
.guides-page .gd-category-nav { display:flex; flex-wrap:wrap; gap:9px; }
.guides-page .gd-category-nav button { display:flex; align-items:center; gap:9px; cursor:pointer; padding:10px 13px; border:1px solid transparent; border-radius:7px; color:#ac95bc; background:#21172a; font:600 11px 'Exo 2',sans-serif; transition:background .2s,color .2s,border-color .2s; }
.guides-page .gd-category-nav button > i { color:#aa80c8; font-size:12px; }
.guides-page .gd-category-nav button:hover, .guides-page .gd-category-nav button.is-active { border-color:rgba(169,112,255,.36); color:#e9d9f5; background:#31203f; }
.guides-page .gd-category-count { display:grid; place-items:center; min-width:19px; padding:2px 4px; border-radius:4px; background:rgba(169,112,255,.1); color:#bb95d9; font-size:9px; }
.guides-page .gd-main-layout { display:block; }
.guides-page .gd-library { min-width:0; }
.guides-page .gd-section-heading { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-bottom:22px; }
.guides-page .gd-section-heading h2 { margin:0; color:#e6d1f3; font:800 27px/1.3 'Exo 2',sans-serif; text-align:left; text-transform:none; }
.guides-page .gd-result-count { white-space:nowrap; background:rgba(169,112,255,.08); color:#c6a5dc; padding:6px 11px; font-size:10px; border-radius:6px; }
.guides-page .gd-search-summary { margin:-8px 0 20px; color:#a28ab2; font-size:12px; overflow-wrap:anywhere; }
.guides-page .gd-search-summary strong { color:#dac0ee; }
.guides-page .gd-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:18px; }
.guides-page .gd-card { display:grid; grid-template-columns:300px minmax(0,1fr); min-height:210px; min-width:0; border:1px solid rgba(169,112,255,.14); border-radius:13px; background:#19121f; overflow:hidden; transition:border-color .25s,box-shadow .25s; }
.guides-page .gd-card:hover { border-color:rgba(169,112,255,.4); box-shadow:0 12px 26px rgba(0,0,0,.25); }
.guides-page .gd-card-cover { display:block; position:relative; height:100%; min-height:210px; overflow:hidden; background:#1c1129; }
.guides-page .gd-card-cover::after { content:''; position:absolute; inset:0; background:rgba(10,5,18,.12); pointer-events:none; }
.guides-page .gd-card-cover > img { position:absolute; inset:0; width:100%; height:100%; display:block; object-fit:cover; transition:transform .5s; }
.guides-page .gd-card:hover .gd-card-cover > img { transform:scale(1.035); }
.guides-page .gd-category-badge { position:absolute; z-index:1; top:15px; left:15px; display:block; padding:5px 10px; border-radius:5px; background:#281437; box-shadow:0 5px 12px rgba(0,0,0,.2); color:#e3c7f9; font-size:9px; font-weight:700; letter-spacing:.5px; }
.guides-page .gd-cover-icon { position:absolute; z-index:1; right:15px; bottom:15px; display:grid; place-items:center; width:34px; height:34px; border-radius:8px; background:rgba(22,10,33,.8); color:#d2a5f1; font-size:13px; }
.guides-page .gd-card-body { display:flex; flex-direction:column; flex:1; min-width:0; padding:24px 28px; }
.guides-page .gd-card-date { display:flex; align-items:center; gap:7px; color:#a28ab2; font-size:10px; margin-bottom:10px; }
.guides-page .gd-card-date i { color:#9671b1; }
.guides-page .gd-card h3 { margin:0 0 12px; font-size:20px; font-weight:800; line-height:1.35; overflow-wrap:anywhere; }
.guides-page .gd-card h3 a { color:#e9d6f7; text-decoration:none; }
.guides-page .gd-card h3 a:hover { color:#c795fa; }
.guides-page .gd-card-body > p { color:#ae99bc; margin:0 0 18px; font-size:13px; line-height:1.8; flex:1; overflow-wrap:anywhere; }
.guides-page .gd-card-footer { display:flex; flex-wrap:wrap; gap:14px; justify-content:space-between; align-items:center; padding-top:16px; border-top:1px solid rgba(169,112,255,.1); }
.guides-page .gd-card-footer > span { display:flex; align-items:center; gap:7px; color:#9e83b0; font-size:10px; overflow-wrap:anywhere; }
.guides-page .gd-read-link { display:inline-flex; align-items:center; gap:8px; font-size:11px; font-weight:800; color:#c495ee; text-decoration:none; }
.guides-page .gd-read-link:hover { color:#ead5fb; }
.guides-page .gd-empty { min-height:350px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding:35px 24px; background:#17121d; border-radius:13px; }
.guides-page .gd-empty > i { display:grid; place-items:center; width:58px; height:58px; margin-bottom:20px; border-radius:13px; background:rgba(169,112,255,.07); color:#b68bdd; font-size:23px; }
.guides-page .gd-empty h3 { color:#dfc8ed; font-size:20px; line-height:1.4; margin:0 0 10px; }
.guides-page .gd-empty p { max-width:360px; font-size:12px; color:#a992b9; margin:0 0 24px; }
.guides-page .gd-button { margin:0 6px; padding:11px 22px; font:italic 800 11px 'Exo 2',sans-serif; flex-shrink:0; cursor:pointer; }
.guides-page .gd-bottom-cta { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:32px; border-radius:14px; margin-top:34px; background:radial-gradient(ellipse at top left,rgba(169,112,255,.12),transparent),#1b1225; }
.guides-page .gd-bottom-cta h2 { text-align:left; text-transform:none; font:800 24px/1.35 'Exo 2',sans-serif; color:#e7d3f5; margin:0 0 7px; }
.guides-page .gd-bottom-cta p { margin:0; color:#a894b6; font-size:13px; }
.guides-page .gd-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
/* Leitura dos tutoriais publicados pelo editor da administração. */
.guides-page .gd-back-link { display:inline-flex; align-items:center; gap:9px; color:#bfa0d6; text-decoration:none; font-size:11px; margin-bottom:24px; }
.guides-page .gd-back-link:hover { color:#f0dafb; }
.guides-page .gd-hero .gd-article-title { font-size:clamp(28px,3.5vw,48px); overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.guides-page .gd-article-meta { display:flex; flex-wrap:wrap; gap:12px 20px; margin-top:22px; color:#b59bc5; font-size:11px; }
.guides-page .gd-article-meta > span { display:flex; align-items:center; gap:8px; }
.guides-page .gd-article-meta i { color:#ba8bdf; }
.guides-page .gd-breadcrumb { display:flex; align-items:center; gap:10px; margin:0 0 24px; color:#a58bb7; font-size:11px; }
.guides-page .gd-breadcrumb a { color:#cca5e6; text-decoration:none; flex-shrink:0; }
.guides-page .gd-breadcrumb > i { font-size:8px; color:#6e517f; }
.guides-page .gd-breadcrumb > span { overflow-wrap:anywhere; }
.guides-page.gd-reader-page .gd-main-layout, .guides-page.gd-reader-page .gd-breadcrumb { max-width:960px; margin-left:auto; margin-right:auto; }
.guides-page .gd-article { min-width:0; overflow:hidden; border-radius:14px; background:#19121f; }
.guides-page .gd-article-cover { position:relative; height:235px; overflow:hidden; background:#1c1129; }
.guides-page .gd-article-cover > img { width:100%; height:100%; object-fit:cover; display:block; }
.guides-page .gd-article-intro { position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:10px; padding:22px 32px; background:#21152a; box-shadow:0 -8px 22px -5px rgba(0,0,0,.65); }
.guides-page .gd-article-intro .gd-eyebrow { margin:0; }
.guides-page .gd-article-intro > span:last-child { display:flex; gap:8px; align-items:center; color:#b397c5; font-size:10px; }
.guides-page .gd-article-body { padding:30px 32px 38px; font-size:15px; color:#cbbbd6; line-height:1.9; overflow-wrap:anywhere; overflow-x:auto; }
.guides-page .gd-article-body > :first-child { margin-top:0; }
.guides-page .gd-article-body p { margin:0 0 20px; }
.guides-page .gd-article-body h1, .guides-page .gd-article-body h2, .guides-page .gd-article-body h3, .guides-page .gd-article-body h4 { color:#e6d1f4; text-align:left; text-transform:none; margin:28px 0 16px; line-height:1.4; }
.guides-page .gd-article-body h1 { font-size:28px; }
.guides-page .gd-article-body h2 { font-size:23px; }
.guides-page .gd-article-body h3 { font-size:20px; }
.guides-page .gd-article-body ul, .guides-page .gd-article-body ol { padding-left:24px; }
.guides-page .gd-article-body li { margin-bottom:8px; }
.guides-page .gd-article-body img { max-width:100% !important; height:auto !important; border-radius:8px; vertical-align:middle; }
.guides-page .gd-article-body img.gd-image-unavailable { display:block; width:100% !important; height:54px !important; padding:15px; background:rgba(169,112,255,.05); border:1px solid rgba(169,112,255,.12); color:#a58bb7; font:400 12px 'Exo 2',sans-serif; }
.guides-page .gd-article-body iframe, .guides-page .gd-article-body video { max-width:100% !important; }
.guides-page .gd-article-body a { color:#c295ed; text-decoration:underline; text-underline-offset:3px; }
.guides-page .gd-article-body blockquote { margin:24px 0; padding:14px 20px; border-left:3px solid #a970ff; border-radius:0 8px 8px 0; background:rgba(169,112,255,.06); color:#bca7cb; }
.guides-page .gd-article-body table { border-collapse:collapse; max-width:100%; }
.guides-page .gd-article-body td, .guides-page .gd-article-body th { padding:10px 14px; border:1px solid rgba(169,112,255,.18); }
.guides-page .gd-article-body pre { white-space:pre-wrap; }
.guides-page .gd-article-footer { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:14px; padding:24px 32px; background:#20152a; color:#9e83b0; font-size:11px; }
.guides-page .gd-article-footer a { display:flex; gap:8px; align-items:center; color:#cfabeb; text-decoration:none; font-weight:700; }
@media (max-width:900px) {
 .guides-page .gd-hero-layout { grid-template-columns:minmax(0,1fr) 200px; gap:24px; }
 .guides-page .gd-hero-emblem img { width:155px; height:155px; }
 .guides-page .gd-hero-emblem > span { font-size:7px; letter-spacing:1px; }
 .guides-page .gd-filter-top { flex-direction:column; align-items:flex-start; gap:18px; }
 .guides-page .gd-search { width:100%; }
 .guides-page .gd-card { grid-template-columns:230px minmax(0,1fr); }
 .guides-page .gd-grid { grid-template-columns:minmax(0,1fr); }
 .guides-page .gd-card-body { padding:22px; }
}
@media (max-width:600px) {
 .guides-page .gd-container { padding-left:20px; padding-right:20px; }
 .guides-page .gd-hero-layout { grid-template-columns:1fr; gap:0; }
 .guides-page .gd-hero-emblem { display:none; }
 .guides-page .gd-hero h1 { font-size:clamp(29px,9vw,42px); }
 .guides-page .gd-hero h1 > span { display:block; }
 .guides-page .gd-hero-eyebrow { font-size:9px; }
 .guides-page .gd-hero-subtitle { font-size:9px; letter-spacing:.8px; }
 .guides-page .gd-hero-description { font-size:12px; }
 .guides-page .gd-hero-tags { gap:7px; margin-top:18px; }
 .guides-page .gd-hero-tags > span { font-size:9px; padding:5px 8px; }
 .guides-page .gd-content { padding-top:32px; padding-bottom:40px; }
 .guides-page .gd-filters { padding:22px 18px; margin-bottom:28px; }
 .guides-page .gd-filter-top h2 { font-size:19px; }
 .guides-page .gd-category-nav { gap:7px; }
 .guides-page .gd-category-nav button { padding:9px 10px; font-size:10px; gap:6px; }
 .guides-page .gd-category-nav button > i { font-size:10px; }
 .guides-page .gd-section-heading h2 { font-size:23px; }
 .guides-page .gd-card { grid-template-columns:minmax(0,1fr); min-height:0; }
 .guides-page .gd-card-cover { height:150px; min-height:0; }
 .guides-page .gd-card-body { padding:22px; }
 .guides-page .gd-card-body > p { font-size:13px; }
 .guides-page .gd-empty { min-height:300px; padding:30px 20px; }
 .guides-page .gd-empty h3 { font-size:18px; }
 .guides-page .gd-bottom-cta { flex-direction:column; align-items:flex-start; padding:24px; gap:20px; }
 .guides-page .gd-bottom-cta h2 { font-size:22px; }
 .guides-page .gd-hero .gd-article-title { font-size:clamp(25px,7.5vw,38px); }
 .guides-page .gd-back-link { margin-bottom:20px; font-size:10px; }
 .guides-page .gd-article-meta { font-size:10px; gap:10px 14px; }
 .guides-page .gd-article-cover { height:180px; }
 .guides-page .gd-article-intro { padding:18px 22px; }
 .guides-page .gd-article-body { padding:26px 22px 30px; font-size:14px; }
 .guides-page .gd-article-footer { padding:22px; }
}
@media (prefers-reduced-motion:reduce) {
 .guides-page .gd-card, .guides-page .gd-card-cover > img, .guides-page .gd-category-nav button { transition:none; }
 .guides-page .btn-launcher::after { animation:none; }
}