:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#192537;background:#f5f7fb;font-synthesis:none;--blue:#d30816;--muted:#5b6778;--border:#dce2eb}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e30613;outline-offset:4px}[hidden]{display:none!important}.shell{max-width:1392px;margin:auto;padding-inline:48px}.topbar{background:white;border-bottom:1px solid var(--border)}.topbar-inner{min-height:86px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{text-decoration:none;font-size:30px;font-weight:750;letter-spacing:-1.2px;display:flex;align-items:center}.brand-dot{color:#3571cd}.brand-mark{display:grid;place-items:center;background:var(--blue);color:white;border-radius:9px;width:36px;height:36px;margin-right:11px;font-size:29px;font-weight:400}.source-link{font-size:14px;color:var(--muted);text-decoration:none}.source-link:hover{text-decoration:underline}.intro{padding:42px 0 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:1.7px;color:var(--blue);margin:0 0 9px;display:block}h1{font-size:clamp(28px,3.1vw,40px);letter-spacing:-1.4px;line-height:1.15;margin:0}p{line-height:1.6}.intro-text{margin:12px 0 0;color:var(--muted);font-size:16px}.catalog-stamp{display:flex;align-items:center;gap:13px;border-left:1px solid #cbd4e2;padding-left:25px;flex-shrink:0}.catalog-stamp strong{font-size:39px;font-weight:650;letter-spacing:-1.5px;color:var(--blue)}.catalog-stamp span{max-width:85px;font-size:13px;line-height:1.5;color:var(--muted)}.toolbar{display:flex;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--border);align-items:center}.categories{display:flex;gap:5px;flex-wrap:wrap}.category{border:0;background:transparent;color:var(--muted);font-weight:600;font-size:14px;border-radius:7px;min-height:44px;padding:10px 14px;display:flex;align-items:center;gap:9px}.category span{font-size:12px;font-weight:500;background:#e4e9f1;min-width:23px;border-radius:4px;padding:2px 5px}.category.active{background:var(--blue);color:white}.category.active span{background:#ffffff24;color:white}.category:hover:not(.active){background:#e8edf5}.search{display:flex;align-items:center;gap:10px;background:white;border:1px solid #d2dbe8;padding:0 13px;border-radius:7px;max-width:330px;min-width:200px;flex:1}.search svg{width:20px;height:20px;flex-shrink:0;color:#718097}.search input{width:100%;border:0;min-width:0;background:transparent;min-height:44px;font-size:14px;color:#192537}.search input:focus{outline:0}.search:focus-within{outline:3px solid #e30613;outline-offset:2px}.results-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0 20px}.results-heading h2{font-size:18px;letter-spacing:-.3px;margin:0;font-weight:650}.results-heading span{font-size:13px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.card{background:white;border:1px solid var(--border);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .18s,border-color .18s}.card:hover{border-color:#aebdd4;box-shadow:0 5px 18px #1b365d0a}.card-open{display:block;border:0;padding:0;background:white;text-align:left;color:inherit;width:100%;flex:1}.thumbnail{aspect-ratio:16/10;position:relative;overflow:hidden;background:#e8edf5;display:grid;place-items:center}.thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;inset:0;background:#e8edf5;transition:transform .2s}.card-open:hover .thumbnail img{transform:scale(1.025)}.fallback{color:#5b6f91;display:grid;gap:9px;justify-items:center;font-size:13px}.fallback svg{width:36px;height:36px}.type-badge{position:absolute;left:12px;top:12px;font-size:11px;letter-spacing:.7px;font-weight:700;background:#fffef9f2;border:1px solid #ffffffb0;padding:5px 7px;border-radius:4px;z-index:1}.play{position:absolute;display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#ffffffed;box-shadow:0 2px 15px #0003;z-index:1;color:var(--blue)}.play svg{width:17px;height:17px;margin-left:3px}.card-body{padding:17px 17px 12px}.folder{font-size:11px;letter-spacing:.6px;font-weight:600;color:#68758a;display:block;margin-bottom:9px}.card h3{font-size:15px;font-weight:650;line-height:1.5;margin:0;overflow-wrap:anywhere;min-height:45px}.meta{font-size:12px;color:var(--muted);display:block;margin-top:10px}.card-actions{display:flex;gap:8px;padding:0 17px 17px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 13px;background:white;border:1px solid #d2dbe8;border-radius:6px;text-decoration:none;font-size:14px;font-weight:600;color:#31435f;line-height:1.3}.button:hover{background:#eef3fb;border-color:#a4b5d0}.button.primary{background:var(--blue);color:white;border-color:var(--blue)}.button.primary:hover{background:#b40510}.button svg{width:16px;height:16px}.card-actions .button{flex:1;padding:8px 5px;font-size:12px}.empty{text-align:center;padding:70px 20px}.empty p{color:var(--muted)}.footer{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px;border-top:1px solid var(--border);margin-top:40px;padding-top:24px;padding-bottom:30px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:absolute;top:-70px;left:15px;background:white;padding:15px;z-index:20}.skip:focus{top:10px}dialog{color:#192537;background:white;border:1px solid var(--border);border-radius:12px;padding:0;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#0c1728c9}.preview-dialog{width:min(1040px,calc(100% - 40px));max-height:calc(100dvh - 40px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;border-bottom:1px solid var(--border)}.dialog-header h2{font-size:18px;line-height:1.45;margin:0;overflow-wrap:anywhere}.icon-button{width:44px;height:44px;flex-shrink:0;background:#f0f3f8;border:0;border-radius:50%;font-size:18px}.preview-media{height:min(61dvh,650px);background:#111a28;display:flex;align-items:center;justify-content:center}.preview-media iframe{border:0;width:100%;height:100%}.dialog-footer{padding:16px 24px 20px}.dialog-footer>p{color:var(--muted);font-size:13px;margin:0 0 13px}.preview-actions{display:flex;flex-wrap:wrap;gap:10px}.dialog-footer .preview-help{font-size:12px;margin:14px 0 0}.share-dialog{width:min(470px,calc(100% - 32px));padding-bottom:24px}.share-dialog>p,.share-dialog>label,.share-dialog>input,.share-actions{margin-left:24px;margin-right:24px}.share-dialog>p{overflow-wrap:anywhere;font-size:14px}.share-dialog>label{font-size:13px;display:block;margin-bottom:8px}.share-dialog>input{width:calc(100% - 48px);padding:12px;border:1px solid var(--border);border-radius:6px;font-size:14px}.share-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:13px 20px;background:#172c4b;color:white;border-radius:8px;z-index:50;font-size:14px;box-shadow:0 5px 20px #0003;opacity:0;pointer-events:none}.toast.visible{opacity:1}@media(min-width:1500px){.shell{max-width:1480px}}@media(max-width:1150px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shell{padding-inline:30px}.toolbar{flex-wrap:wrap}.search{max-width:none}.card-actions .button{font-size:13px}}@media(max-width:820px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{align-items:stretch;gap:16px}.search{flex-basis:100%}.intro{padding-top:30px}.catalog-stamp{display:none}.footer{flex-direction:column;gap:6px}}@media(max-width:500px){.shell{padding-inline:18px}.topbar-inner{min-height:72px}.brand{font-size:26px}.brand-mark{width:31px;height:31px}.source-link{font-size:12px;max-width:100px;line-height:1.5;text-align:right}.intro{padding:27px 0 24px}h1{font-size:29px;letter-spacing:-.8px}.intro-text{font-size:14px}.categories{gap:4px;justify-content:space-between}.category{padding:9px 8px;font-size:13px;gap:5px}.category span{font-size:11px;min-width:18px}.grid{grid-template-columns:1fr;gap:20px}.thumbnail{aspect-ratio:16/10}.card h3{font-size:16px;min-height:0}.card-actions .button{font-size:14px;min-height:44px}.card-body{padding:18px}.card-actions{padding:0 18px 18px}.results-heading{margin:22px 0 17px}.results-heading h2{font-size:17px}.preview-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.dialog-header{padding:14px 16px;gap:10px}.dialog-header h2{font-size:15px}.dialog-footer{padding:15px 16px}.preview-media{height:55dvh}.preview-actions .button{font-size:13px;flex:1}.footer{margin-top:30px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.button.whatsapp{color:#078473;background:#fff;border-color:#d4e2df;font-weight:600}.button.whatsapp:hover{background:#effaf7;border-color:#9cc9bd}.button.whatsapp svg{width:16px;height:16px}.card-actions .button{font-size:14px}
/* Hora da Virada identity and both color schemes. */
:root{--muted:#60616b;--border:#e1e1e6;background:#f7f7f9;color:#23232b;color-scheme:light}
.brand{font-size:19px;font-weight:850;line-height:.98;letter-spacing:-.4px;gap:12px}.brand-mark{width:44px;height:44px;margin:0;background:none;border-radius:11px;flex-shrink:0}.brand-mark svg{width:44px;height:44px;display:block}.header-actions{display:flex;align-items:center;gap:26px}.theme-toggle{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 12px;border:1px solid var(--border);border-radius:7px;background:transparent;color:inherit;font-size:14px}.theme-toggle svg{width:18px;height:18px}.theme-toggle .sun{display:none}.intro h1{max-width:830px;font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-1px}.intro{gap:40px}.eyebrow{color:var(--blue)}.category span{background:#e9e9ee}.category:hover:not(.active){background:#eeeeF2}.button:hover{background:#f7f0f1;border-color:#cdb2b6}.thumbnail,.thumbnail img{background:#ececef}.play{color:var(--blue)}.toast{background:#2c2428}.search svg{color:#757580}.category.active{background:#d30816}.button.primary{background:#d30816;border-color:#d30816}.button.primary:hover{background:#b40510}.catalog-stamp{border-color:var(--border)}
html[data-theme="dark"]{--blue:#ff6973;--muted:#aaaab7;--border:#383840;color:#f3f3f6;background:#111217;color-scheme:dark}
[data-theme="dark"] .topbar{background:#17191e}[data-theme="dark"] .card,[data-theme="dark"] .card-open,[data-theme="dark"] dialog{background:#1d1f26;color:#f3f3f6}[data-theme="dark"] .card:hover{border-color:#68606b;box-shadow:0 5px 20px #0002}[data-theme="dark"] .thumbnail,[data-theme="dark"] .thumbnail img{background:#292b34}[data-theme="dark"] .folder{color:#b4b4c1}[data-theme="dark"] .type-badge{background:#23252ceF;color:#ececf2;border-color:#575965}[data-theme="dark"] .play{background:#f7f7f9;color:#c50b18}[data-theme="dark"] .category span{background:#32343e}[data-theme="dark"] .category.active span{background:#ffffff24}[data-theme="dark"] .category:hover:not(.active){background:#292b33}[data-theme="dark"] .category.active{background:#c70815;color:white}[data-theme="dark"] .search{background:#1d1f26;border-color:#474852}[data-theme="dark"] .search input{color:#f3f3f6}[data-theme="dark"] .search input::placeholder{color:#a9a9b5}[data-theme="dark"] .button{background:#25272f;border-color:#494b57;color:#ececf3}[data-theme="dark"] .button:hover{background:#33313c;border-color:#73717c}[data-theme="dark"] .button.primary{background:#c70815;border-color:#c70815;color:#fff}[data-theme="dark"] .button.primary:hover{background:#a50610}[data-theme="dark"] .button.whatsapp{color:#66dfb7;border-color:#42645a;background:#1d2926}[data-theme="dark"] .button.whatsapp:hover{background:#243b33}[data-theme="dark"] .icon-button{background:#34363f;color:white}[data-theme="dark"] .share-dialog>input{background:#272932;color:#f3f3f6}[data-theme="dark"] .theme-toggle .sun{display:block}[data-theme="dark"] .theme-toggle .moon{display:none}[data-theme="dark"] .skip{background:#1d1f26}[data-theme="dark"] .fallback{color:#b1b3c1}
@media(max-width:820px){.header-actions{gap:16px}.theme-toggle span{display:none}.theme-toggle{width:42px;padding:9px}.intro h1{max-width:660px}}
@media(max-width:500px){.brand{font-size:15px;gap:8px;letter-spacing:-.3px}.brand-mark,.brand-mark svg{width:36px;height:36px}.topbar-inner{gap:12px;min-height:76px}.header-actions{gap:12px}.source-link{max-width:90px;font-size:12px}.intro{padding:27px 0 25px}.intro h1{font-size:28px;line-height:1.22}.categories{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:7px}.category{justify-content:center;font-size:14px}.category span{font-size:12px}}

/* Cabeçalho contínuo vermelho, símbolo da referência e tipografia legível. */
.topbar,[data-theme="dark"] .topbar{background:#e30613;color:#fff;border-bottom-color:#c60511}
.brand,.brand:hover{background:transparent;color:#fff;padding:0;gap:11px;border-radius:0;flex-shrink:0}
.brand-mark{background:none;margin:0;border-radius:50%;width:42px;height:42px}.brand-mark svg{width:42px;height:42px}
.brand-wordmark{display:flex;flex-direction:column;gap:0;font-family:inherit;font-weight:750;letter-spacing:-.4px;line-height:1.08}
.brand-wordmark>span,.brand-wordmark>strong{font-size:19px;font-weight:750}
.topbar .source-link{color:#fff}.topbar .theme-toggle{color:#fff;border-color:#ffffff70;background:transparent}.topbar .theme-toggle:hover{background:#ffffff18}
.topbar a:focus-visible,.topbar button:focus-visible{outline-color:#fff}
@media(max-width:500px){.brand{padding:0;gap:8px}.brand-mark,.brand-mark svg{width:36px;height:36px}.brand-wordmark>span,.brand-wordmark>strong{font-size:15px}}

/* Identificação por tags; as miniaturas ocupam todo o card. */
.material-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:11px}.material-tag{display:inline-flex;align-items:center;max-width:100%;padding:5px 8px;border:1px solid #dddfe5;border-radius:5px;background:#f1f2f5;color:#555663;font-size:12px;font-weight:650;letter-spacing:.25px;line-height:1.3;overflow-wrap:anywhere}.material-tag.format-tag{background:#fff0f1;border-color:#f4c9ce;color:#b50817}
[data-theme="dark"] .material-tag{background:#30323b;border-color:#484b57;color:#d9d9e2}[data-theme="dark"] .material-tag.format-tag{background:#3e232a;border-color:#6f343e;color:#ffabb2}
#preview-info{display:flex;align-items:center;flex-wrap:wrap;gap:12px}#preview-info .material-tags{margin:0}.preview-size{font-size:13px;color:var(--muted)}

#preview-info .preview-theme,#preview-info .preview-summary{flex-basis:100%;font-size:13px;line-height:1.5;color:var(--muted)}#preview-info .preview-theme strong{color:inherit;font-weight:700}
