@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--gold:#dcb164;--ink:#f3f0eb;--muted:#bbb7b0;--line:#39352e}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;font-family:Archivo,Arial,sans-serif;background:#10100f;color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.page{width:min(100%,440px);margin:auto;padding:30px 20px 24px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:27px}.brand svg{width:30px;height:38px;color:var(--gold);flex-shrink:0}.brand-name{font-family:Georgia,serif;font-size:23px;line-height:1.2;font-weight:700;letter-spacing:-.01em}.handle{font-size:13px;color:var(--muted);margin-top:5px}h1{font-size:23px;font-weight:600;margin:0 0 20px;line-height:1.25;letter-spacing:-.02em;text-wrap:balance}.links{display:flex;flex-direction:column;gap:10px}.link{display:flex;align-items:center;gap:13px;min-height:84px;padding:13px;border:1px solid var(--line);border-radius:9px;background:#191815;transition:background 160ms ease-out,border-color 160ms ease-out}.link:hover{background:#24211c;border-color:#947446}.link:first-child{border-color:#92723c;background:#221e16}.link:first-child:hover{background:#302719}.link .thumb{width:50px;height:55px;object-fit:cover;border-radius:5px;flex-shrink:0}.copy{flex:1;min-width:0}.subject{display:block;font-size:17px;font-weight:600;line-height:1.35;text-wrap:pretty}.product{display:block;font-size:13px;font-weight:400;line-height:1.4;color:var(--muted);margin-top:4px}.arrow{font-size:23px;line-height:1;color:var(--gold);flex-shrink:0}.account{display:flex;align-items:center;justify-content:center;min-height:48px;margin-top:20px;color:var(--muted);font-size:14px;text-decoration:underline;text-underline-offset:4px}.type .brand{justify-content:center}.type h1{text-align:center;font-size:22px;margin-bottom:22px}.type .link{min-height:78px;padding:16px 18px;background:transparent}.type .link:first-child{background:#221e16}.type .product{color:#d0b987}.type .link:hover{background:#24211c}.compact .page{padding-top:32px}.compact .brand{padding-bottom:19px;margin-bottom:23px;border-bottom:1px solid var(--line)}.compact .links{gap:0}.compact .link{min-height:80px;padding:16px 1px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}.compact .link:first-child{background:transparent;border-color:var(--line)}.compact .link:hover{background:#191815}.compact .subject{font-weight:500}.compact .product{color:#d0b987}.compact .account{justify-content:flex-start}.compact .arrow{font-size:21px}@media(max-width:350px){.page{padding-left:16px;padding-right:16px}.link{gap:10px;padding:12px 10px}.link .thumb{width:42px;height:52px}.subject{font-size:16px}.product{font-size:13px}.arrow{font-size:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.product.documentary{margin-top:0;margin-bottom:5px;color:var(--gold);font-size:13px;font-weight:500}.subject{font-size:17px}.link{min-height:92px}@media(max-width:350px){.subject{font-size:16px}}



.library-featured{display:block;position:relative;isolation:isolate;overflow:hidden;margin-bottom:28px;border:1px solid #997544;border-radius:12px;background:#17110a;box-shadow:0 9px 32px #0004}
.library-vatican{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 16%;opacity:.94}
.library-featured:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#130f0740 0%,#130f071a 20%,#130f07c9 52%,#130f07fa 76%,#130f07 100%)}
.library-content{display:flex;flex-direction:column;justify-content:space-between;min-height:352px;padding:22px}
.library-meta{align-self:flex-start;padding:6px 9px;border:1px solid #e4c38b55;border-radius:3px;background:#17110a66;color:#f0d39c;font-size:11px;font-weight:600;line-height:1.2;letter-spacing:.13em}
.library-story{display:block;margin-top:68px}
.library-title{font-family:Georgia,serif;font-size:37px;font-weight:400;line-height:1.02;letter-spacing:-.025em;margin:0 0 13px;color:#fff5de;text-wrap:balance}
.library-description{display:block;max-width:26ch;font-size:15px;line-height:1.45;color:#eadac0}
.library-action{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:52px;margin-top:22px;padding:13px 14px;border:1px solid #e9c992;border-radius:6px;background:#dfba76;color:#20160b;font-size:15px;font-weight:600;line-height:1.3;transition:background 160ms ease-out}
.library-action-label{display:flex;align-items:center;gap:7px;min-width:0}
.play-icon{width:17px;height:17px;flex-shrink:0}.action-arrow{width:19px;height:19px;flex-shrink:0}
.library-featured:hover .library-action{background:#f0cf95}
.documentary-heading{font-size:18px;font-weight:500;line-height:1.3;color:var(--muted);margin:0 0 16px;letter-spacing:-.01em}
.link:first-child{background:#191815;border-color:var(--line)}.link:first-child:hover{background:#24211c}
@media(max-width:350px){.library-content{padding:19px;min-height:352px}.library-title{font-size:35px}.library-action{font-size:14px;padding:13px 11px}.library-story{margin-top:60px}}
@media(prefers-reduced-motion:reduce){.library-action{transition:none}}

/* Referencias visuais enviadas pelo operador: Vaticano, vermelho e dourado. */
.library-featured{border-color:#a38248;background:#250e0f;box-shadow:0 8px 26px #0005}
.library-content{min-height:405px;padding:22px}
.library-vatican{object-position:50% 12%;opacity:1}
.library-featured:before{background:linear-gradient(180deg,#20050812 0%,#20050800 24%,#1a090b55 42%,#17090ce6 68%,#14090b 90%)}
.library-meta{background:#29070ccc;border-color:#e4c38b77;color:#f1d8a6}
.library-story{margin-top:122px}
.library-title{font-size:35px;color:#fff6e2}
.library-description{color:#efdec7;font-size:15px}
.library-action{background:#e1be7f;border-color:#f3d7a2;color:#21150b}
@media(max-width:350px){.library-content{padding:19px;min-height:405px}.library-story{margin-top:116px}.library-title{font-size:34px}}

/* Biblioteca primeiro; teste logo abaixo e antes dos demais documentarios. */
.library-featured{margin-bottom:12px}
.quiz-return{display:flex;align-items:center;gap:12px;min-height:86px;padding:16px 14px;margin-bottom:27px;border:1px solid #715a36;border-radius:9px;background:#211c14;transition:background 160ms ease-out,border-color 160ms ease-out}
.quiz-return:hover{background:#2b2419;border-color:#c3a16b}
.quiz-return-icon{display:flex;align-items:center;justify-content:center;width:41px;height:44px;flex-shrink:0;border-radius:6px;background:#342a1c;color:#e5bf7b}
.quiz-return-icon svg{width:27px;height:27px}
.quiz-return-copy{display:block;flex:1;min-width:0}
.quiz-return-title{display:block;font-size:17px;font-weight:600;line-height:1.3;color:#fff1d9}
.quiz-return-description{display:block;margin-top:5px;font-size:13px;line-height:1.4;color:#caba9d}
.quiz-return-arrow{width:21px;height:21px;flex-shrink:0;color:#e5bf7b}
@media(max-width:350px){.quiz-return{padding:15px 12px;gap:10px}.quiz-return-title{font-size:16px}.quiz-return-icon{width:35px;height:41px}.quiz-return-arrow{width:19px}}
@media(prefers-reduced-motion:reduce){.quiz-return{transition:none}}