*{margin:0;padding:0}:root{--light-bg:#fafafa;--light-text:#2c2c2c;--light-gold:#cda434;--light-gold-light:#f9e79f;--light-border:#e5e5e5;--dark-bg:#121212;--dark-text:#f5f5f5;--dark-gold:#cda434;--dark-gold-light:#b89b2e;--dark-border:#2c2c2c}#dark,:root{--bg:var(--dark-bg);--text:var(--dark-text);--gold:var(--dark-gold);--gold-light:var(--dark-gold-light);--border:var(--dark-border)}#light{--bg:var(--light-bg);--text:var(--light-text);--gold:var(--light-gold);--gold-light:var(--light-gold-light);--border:var(--light-border)}::selection{background:#f5f5f5;background:var(--text);color:#121212;color:var(--bg)}.highlight{background-image:linear-gradient(#b89b2e);background-image:linear-gradient(var(--gold-light));background-position:bottom;background-repeat:no-repeat;background-size:80% 10%;border-radius:4px;box-sizing:border-box;color:#f5f5f5;color:var(--text);cursor:default;font-weight:600;padding:0 4px;text-shadow:0 1px 1px #121212;text-shadow:0 1px 1px var(--bg);transition:background-size .2s ease-in-out,text-shadow .6s ease-in-out;&:hover{background-size:100% 40%;text-shadow:0 1px 4px #121212;text-shadow:0 1px 4px var(--bg)}}body{background:#121212;background:var(--bg);color:#f5f5f5;color:var(--text);font-family:Poppins,sans-serif}.show{transform:translateY(0)}.hide{transform:translateY(-500%)}.navbar{display:flex;justify-content:center;width:100%}.nav-content{grid-gap:1dvw;background-color:#121212;background-color:var(--bg);border:none;border-radius:24px;box-shadow:0 0 2px #b89b2e;box-shadow:0 0 2px var(--gold-light);display:grid;gap:1dvw;grid-template-columns:1fr 3fr 1fr;margin:.5rem auto;padding:0 1rem;position:fixed;transition:all .3s ease-in-out;z-index:1000;&:hover{box-shadow:0 0 4px #b89b2e;box-shadow:0 0 4px var(--gold-light);transform:scale(1.01)}}.nav-center,.nav-left,.nav-right{align-items:center;box-sizing:border-box;color:#f5f5f5;color:var(--text);display:flex;font-size:max(.8rem,1vw);gap:.8rem;justify-content:center;margin:0 1rem;padding:12px 4px;text-align:center;a{background-image:linear-gradient(#cda434);background-image:linear-gradient(var(--gold));background-position:0 100%;background-repeat:no-repeat;background-size:0 2px;border-radius:4px;color:#f5f5f5;color:var(--text);font-weight:400;padding:0 2px;text-decoration:none;transition:all .3s ease-in-out;&:hover{background-size:100% 2px;transform:scale(.98)}}}.page{background:#121212;background:var(--bg);box-sizing:border-box;color:#f5f5f5;color:var(--text);margin:0;min-height:100dvh;padding-top:2rem;width:100%}.footer{background:#f5f5f5;background:var(--text);border-radius:4px 4px 0 0;box-shadow:0 -4px 4px #f5f5f5;box-shadow:0 -4px 4px var(--text);color:#121212;color:var(--bg);flex-direction:column;gap:1rem;padding:2dvh 1dvw}.footer,.footer-phrase{align-items:center;box-sizing:border-box;display:flex;justify-content:center}.footer-phrase{background:#2c2c2c;background:var(--border);border-radius:24px;box-shadow:inset 0 0 16px #121212;box-shadow:inset 0 0 16px var(--bg);margin:0 auto;padding:1dvh;width:80dvw}.fp-content{align-items:center;background:#121212;background:var(--bg);border-radius:20px;box-shadow:0 0 4px #f5f5f5;box-shadow:0 0 4px var(--text);box-sizing:border-box;color:#f5f5f5;color:var(--text);cursor:default;display:flex;flex-direction:column;justify-content:center;padding:1dvh;text-align:center;transition:box-shadow .3s ease-in-out;width:100%}.fp-phrase{font-size:max(1dvw,14px);font-weight:400}.fp-author,.fp-phrase{font-family:Poppins,sans-serif}.fp-author{font-size:max(.9dvw,12px);font-weight:300}.fp-user{font-family:Poppins,sans-serif;font-size:max(.8dvw,10px);font-weight:200}.footer-flex-rw{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:4dvw;justify-content:center;margin:0 auto 2dvh;max-width:100%}.ff-item{.footer-link,.footer-title-link{background-image:linear-gradient(#b89b2e);background-image:linear-gradient(var(--gold-light));background-repeat:no-repeat;background-size:0 2px;color:#121212;color:var(--bg);font-size:max(.8rem,1dvw);font-weight:400;padding:0 4px;text-decoration:none;transition:background-size .3s ease-in-out;&:hover{background-size:100% 2px}}.footer-title-link{background-position:bottom}.footer-link{background-position:0 100%}img{border-radius:50%;box-shadow:0 2px 8px #f5f5f5;box-shadow:0 2px 8px var(--text);height:160px;transition:all .3s ease-in-out;width:160px;&:hover{border-bottom:1px solid #2c2c2c;border-bottom:1px solid var(--border);border-right:1px solid #2c2c2c;border-right:1px solid var(--border);box-shadow:4px 4px 8px #2c2c2c;box-shadow:4px 4px 8px var(--border);transform:scale(1.02);transform:rotate3d(0,1,.4,15deg)}}}.ff-item,.footer-flex-c{align-items:center;display:flex;flex-direction:column;justify-content:center}.footer-flex-c{gap:.5rem;margin:0 auto 1rem}.ffc-title{font-family:Poppins,sans-serif;font-size:max(1dvw,14px);font-weight:600}.ffc-select{border-radius:8px;box-shadow:0 0 4px #2c2c2c;box-shadow:0 0 4px var(--border);display:grid;grid-template-columns:1fr 1fr;text-align:center;.fs-item{transition:all .3s ease-in-out}.fs-active,.fs-item{cursor:pointer;padding:.5rem 1rem}.fs-active{background-color:#121212;background-color:var(--bg);border-radius:8px;color:#f5f5f5;color:var(--text);font-weight:600}}.first-page-dark,.first-page-light{grid-gap:1rem;align-items:end;background-repeat:no-repeat;background-size:center;border-radius:24px;box-shadow:0 0 4px #2c2c2c;box-shadow:0 0 4px var(--border);box-sizing:border-box;display:grid;gap:1rem;grid-template-columns:2fr 1fr;height:70dvh;justify-content:center;margin:0 2rem;padding:4dvw;text-align:center;transition:all .3s ease-in-out}.catolicode-title{font-family:Alkatra,system-ui;font-size:max(2.5rem,4vw);font-style:italic;font-weight:700;margin:0;text-align:start}.main-subtitle{font-family:Poppins,sans-serif;font-size:min(1.2dvw,12px);font-weight:400;margin:0;text-align:end}.first-page-dark{background-image:url(/static/media/bgCatolicodeDark.971c42b30edd6b5c0d86.png)}.first-page-light{background-image:url(/static/media/bgCatolicodeLight.0e99aebc41d3d113c88c.png)}.main-container{box-sizing:border-box;display:flex;flex-direction:column;gap:4rem;padding:4dvh 8dvw}.content-g2-1-2{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 2fr}.content-g2-2-1{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:2fr 1fr}.content-header{display:flex;flex-direction:column;justify-content:center;padding:1rem;text-align:start}.ch-title{font-family:Alumni Sans SC,sans-serif;font-size:max(2dvw,24px);font-style:italic;font-weight:700;text-align:center}.ch-subtitle,.ch-title{color:#f5f5f5;color:var(--text)}.ch-subtitle{font-family:Poppins,sans-serif;font-size:max(1dvw,12px);font-weight:400;text-align:start}.d-flex-row{display:flex;flex-direction:row;gap:.4rem}.content-form{align-items:center;border:1px solid #2c2c2c;border:1px solid var(--border);border-radius:12px;box-shadow:0 0 8px #2c2c2c;box-shadow:0 0 8px var(--border);gap:1rem;justify-content:center;overflow:hidden;padding:4dvh 2dvw;position:relative;transition:box-shadow .3s ease-in-out;&:hover{box-shadow:0 0 8px #b89b2e;box-shadow:0 0 8px var(--gold-light)}}.form{box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%;input{background:#0000;border:none;border-radius:4px;box-shadow:inset 0 0 4px #2c2c2c,0 0 2px #f5f5f5;box-shadow:inset 0 0 4px var(--border),0 0 2px var(--text);box-sizing:border-box;color:#f5f5f5;color:var(--text);outline:none;padding:4px 8px;width:100%}button{background-color:#f5f5f5;background-color:var(--text);border:none;border-radius:8px;box-shadow:0 0 8px #cda434;box-shadow:0 0 8px var(--gold);color:#121212;color:var(--bg);letter-spacing:1px;margin-top:8px;padding:8px 12px;text-transform:lowercase}}.form.active{opacity:1;pointer-events:all;position:relative}.btn-change{padding:4px 16px}.content-flex-column{align-items:center;display:flex;flex-direction:column;justify-content:center}.carousel{border-radius:12px;display:flex;margin:0 auto;min-height:220px;position:relative}.carousel,.carousel-item{box-sizing:border-box;flex-direction:column;padding:2dvh 2dvw;width:100%}.carousel-item{text-wrap:wrap;align-items:center;border-radius:16px;box-shadow:0 0 2px #2c2c2c;box-shadow:0 0 2px var(--border);color:#f5f5f5;color:var(--text);display:none;font-size:max(1.2dvw,16px);font-weight:600;height:100%;justify-content:end;left:0;margin-bottom:1rem;text-decoration:none;top:0;transition:all .3s ease-in-out;&:hover{transform:scale(1.01);.ci-title{background-size:100% 2px;text-shadow:0 1px 8px #121212;text-shadow:0 1px 8px var(--bg)}}.ci-desc,.ci-title{background-image:linear-gradient(#121212);background-image:linear-gradient(var(--bg));background-position:50%;background-repeat:no-repeat;background-size:100% 80%;border-radius:8px}.ci-title{background-image:linear-gradient(#f5f5f5);background-image:linear-gradient(var(--text));background-position:bottom;background-repeat:no-repeat;background-size:0 0;font-family:Alkatra,sans-serif;font-size:max(1.6dvw,28px);padding:0 12px;text-shadow:0 0 8px #121212;text-shadow:0 0 8px var(--bg);transition:background-size .3s ease-in-out,text-shadow .3s ease-in-out}.ci-desc{font-family:Poppins,sans-serif;font-size:max(1dvw,12px);font-weight:400;margin:0 auto;padding:4px 12px;text-align:center}}.ci-active{opacity:1;pointer-events:all;transform:translate(0);z-index:2}.ci-active,.ci-disabled{display:flex;position:absolute}.ci-disabled{opacity:.6;pointer-events:none;z-index:1}.drop-left{filter:grayscale(.8);transform:translate(-10px,10px)}.drop-right{filter:grayscale(.8);transform:translate(10px,10px)}.g2-l2{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-rows:1fr 1fr;.g2-l2-1-1{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}}.g2{display:grid;grid-template-columns:1fr 1fr}.card{align-items:center;border-radius:8px;box-sizing:border-box;color:#f5f5f5;color:var(--text);display:flex;flex-direction:column;justify-content:center;min-height:100px;padding:8px 12px;text-decoration:none;transition:transform .5s ease-in-out;width:100%;.card-image{align-items:center;border-radius:50%;display:flex;justify-content:center;padding:12px;transition:all .3s ease-in-out;img{width:30px}}.card-image-box-to-left:hover{box-shadow:-2px 2px 4px #cda434;box-shadow:-2px 2px 4px var(--gold);transform:rotate3d(0,1,.6,-15deg)}.card-image-box-to-center:hover{box-shadow:0 2px 4px #cda434;box-shadow:0 2px 4px var(--gold);transform:rotateX(15deg)}.card-image-box-to-right:hover{box-shadow:2px 2px 4px #cda434;box-shadow:2px 2px 4px var(--gold);transform:rotate3d(0,1,.6,15deg)}}.card-title{font-family:Alkatra,sans-serif;font-size:max(1.2dvw,16px);font-weight:700}.card-subtitle,.card-title{text-align:center;text-decoration:none}.card-subtitle{font-family:Poppins,sans-serif;font-size:max(1dvw,12px);font-weight:400}.content-liturgy{grid-gap:1dvw;align-items:center;flex-wrap:wrap;gap:1dvw;grid-template-columns:2fr 1fr;justify-content:center;max-height:60dvh}.cl-readings,.content-liturgy{box-sizing:border-box;display:grid}.cl-readings{grid-gap:2dvh;gap:2dvh;grid-template-columns:repeat(2,1fr);height:100%}.cl-readings:has(>:nth-child(3):last-child)>:nth-child(3){grid-column:span 2}.cl-gospel,.reading-item{border-radius:12px;box-shadow:0 0 2px #f5f5f5;box-shadow:0 0 2px var(--text);box-sizing:border-box;cursor:default;display:flex;flex-direction:column;font-size:max(1dvw,12px);height:100%;justify-content:space-between;max-height:64dvh;overflow:auto;padding:2dvh 1dvw;transition:box-shadow .3s ease-in-out;&:hover{box-shadow:0 0 8px #f5f5f5;box-shadow:0 0 8px var(--text)}}.ri-title{background-image:linear-gradient(#cda434);background-image:linear-gradient(var(--gold));background-position:bottom;background-repeat:no-repeat;background-size:0 2px;font-family:Alumni Sans SC,sans-serif;font-size:max(1.6dvw,20px);margin:0 auto 1dvh;padding:0 1dvw;transition:background-size .3s ease-in-out;width:-webkit-fit-content;width:fit-content;&:hover{background-size:100% 2px}}.ri-subtitle{font-size:max(.9dvw,10px);margin-bottom:1dvh;text-align:start}.ri-text{text-align:start;text-indent:1rem}.ri-index{background-image:linear-gradient(90deg,#121212,#121212,#121212,#121212,#f5f5f5);background-image:linear-gradient(90deg,var(--bg),var(--bg),var(--bg),var(--bg),var(--text));background-position:100% 100%;background-repeat:no-repeat;background-size:0 2px;box-sizing:border-box;color:#f5f5f5;color:var(--text);font-family:Poppins,sans-serif;font-size:max(.8dvw,10px);font-weight:200;margin-top:1dvh;padding:0 8px 0 0;text-align:end;text-decoration:none;transition:background-size .3s ease-in-out;&:hover{background-size:100% 2px}}.page-head{align-items:start;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;box-shadow:inset 0 0 50rem #121212;box-shadow:inset 0 0 50rem var(--dark-bg);box-sizing:border-box;display:flex;flex-direction:column;height:70dvh;justify-content:space-between;margin:0 2rem}.ph-title-top-left{background:#121212;background:var(--bg);border-radius:0 0 24px;font-family:Alkatra,system-ui;font-size:max(2.5rem,4vw);font-style:italic;font-weight:700;margin:0;padding:1rem 3rem;position:relative;.ph-design-right-top{left:100%;top:0}.ph-design-left-bottom,.ph-design-right-top{background:#0000;border-top-left-radius:24px;box-shadow:-8px -8px 0 #121212;box-shadow:-8px -8px 0 var(--bg);padding:16px 32px;position:absolute}.ph-design-left-bottom{left:0;top:100%}}.ph-title-top-center{background:#121212;background:var(--bg);border-radius:0 0 24px 24px;font-family:Alkatra,system-ui;font-size:max(2.5rem,4vw);font-style:italic;font-weight:700;margin:0 auto;padding:1rem 3rem;position:relative;.ph-design-right-top{border-top-left-radius:24px;box-shadow:-8px -8px 0 #121212;box-shadow:-8px -8px 0 var(--bg);left:100%}.ph-design-left-top,.ph-design-right-top{background:#0000;padding:16px 32px;position:absolute;top:0}.ph-design-left-top{border-radius:0 24px 0 0;box-shadow:8px -8px 0 #121212;box-shadow:8px -8px 0 var(--bg);right:100%}}.ph-title-top-right{background:#121212;background:var(--bg);border-radius:0 0 0 24px;font-family:Alkatra,system-ui;font-size:max(2.5rem,4vw);font-style:italic;font-weight:700;margin:0;padding:1rem 3rem;position:relative;.ph-design-left-top{right:100%;top:0}.ph-design-left-top,.ph-design-right-bottom{background:#0000;border-radius:0 24px 0 0;box-shadow:8px -8px 0 #121212;box-shadow:8px -8px 0 var(--bg);padding:16px 32px;position:absolute}.ph-design-right-bottom{right:0;top:100%}}.ph-title-bottom-left{background:#121212;background:var(--bg);border-radius:0 24px 0 0;font-family:Alkatra,system-ui;font-size:max(2.5rem,4vw);font-style:italic;font-weight:700;margin:0;padding:1rem 3rem;position:relative;.ph-design-left-top{bottom:100%;left:0}.ph-design-left-top,.ph-design-right-bottom{background:#0000;border-radius:0 0 0 24px;box-shadow:-8px 8px 0 #121212;box-shadow:-8px 8px 0 var(--bg);padding:16px 32px;position:absolute}.ph-design-right-bottom{bottom:0;left:100%}}.ph-title-bottom-center{background:#121212;background:var(--bg);border-radius:24px 24px 0 0;box-sizing:border-box;font-family:Alkatra,system-ui;font-size:max(2.5rem,4vw);font-style:italic;font-weight:700;margin:0 auto;padding:1rem 3rem;position:relative;text-align:center;.ph-design-left-bottom{border-radius:0 0 24px 0;box-shadow:8px 8px 0 #121212;box-shadow:8px 8px 0 var(--bg);right:100%}.ph-design-left-bottom,.ph-design-right-bottom{background:#0000;bottom:0;padding:16px 32px;position:absolute}.ph-design-right-bottom{border-radius:0 0 0 24px;box-shadow:-8px 8px 0 #121212;box-shadow:-8px 8px 0 var(--bg);left:100%}}.ph-title-bottom-right{background:#121212;background:var(--bg);border-radius:24px 0 0 0;box-sizing:border-box;font-family:Alkatra,system-ui;font-size:max(2.5rem,4vw);font-style:italic;font-weight:700;margin:0;padding:1rem 3rem;position:relative;text-align:center;.ph-design-left-bottom{bottom:0;right:100%}.ph-design-left-bottom,.ph-design-right-top{background:#0000;border-radius:0 0 24px 0;box-shadow:8px 8px 0 #121212;box-shadow:8px 8px 0 var(--bg);padding:16px 32px;position:absolute}.ph-design-right-top{bottom:100%;right:0}}.ph-subtitle{color:#f5f5f5;color:var(--dark-text);cursor:default;display:flex;flex-direction:column;font-family:Poppins,sans-serif;font-size:max(1dvw,12px);font-weight:400;padding:2rem;text-shadow:0 0 12px #121212;text-shadow:0 0 12px var(--dark-bg);transition:text-shadow .3s ease-in-out;&:hover{text-shadow:0 0 4px #121212;text-shadow:0 0 4px var(--dark-bg)}a{background-image:linear-gradient(#f5f5f5);background-image:linear-gradient(var(--dark-text));background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;color:#f5f5f5;color:var(--dark-text);font-size:max(.8dvw,10px);text-decoration:none;transition:background-size .3s ease-in-out;width:-webkit-fit-content;width:fit-content;&:hover{background-size:100% 1px}}}.main-content{display:flex;flex-direction:column}.content-cards{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center;.card{text-wrap:wrap;max-width:30%}}.card-text{border:1px solid #2c2c2c;border:1px solid var(--border);border-radius:16px;box-shadow:0 0 4px #2c2c2c;box-shadow:0 0 4px var(--border);transition:all .3s ease-in-out;&:hover{box-shadow:0 0 8px #2c2c2c;box-shadow:0 0 8px var(--border);transform:scale(.98)}}.content-form{display:flex;flex-direction:column;&:hover{box-shadow:0 0 4px #2c2c2c;box-shadow:0 0 4px var(--border)}.input-group{background:#2c2c2c;background:var(--border);border-radius:8px;display:flex;flex-direction:column;position:relative;width:50%;label{transition:all .3s ease-in-out}.label-normal{font-size:max(1dvw,12px);top:50%;transform:translateY(-50%)}.label-normal,.label-select{position:absolute;text-indent:1rem}.label-select{font-size:max(.6dvw,6px);top:1px}input{background:#0000;border:none;color:#f5f5f5;color:var(--text);outline:none;padding:12px 1rem;transform:translateY(2px)}}.btn-form{background:#0000;border:1px solid #2c2c2c;border:1px solid var(--border);border-radius:8px;box-shadow:0 0 4px #2c2c2c;box-shadow:0 0 4px var(--border);box-sizing:border-box;color:#f5f5f5;color:var(--text);cursor:pointer;font-family:Poppins,sans-serif;font-size:max(.8dvw,12px);letter-spacing:1px;padding:.5rem 4rem;transition:all .3s ease-in-out;&:hover{box-shadow:0 0 4px #cda434;box-shadow:0 0 4px var(--gold);transform:scale(1.02)}}}.content-text{align-items:center;display:flex;font-size:max(1.1dvw,14px);justify-content:center;margin:0 2rem 2rem;text-align:start;text-indent:1rem}.ct-link{background:#121212;background:var(--bg);border-radius:8px;box-shadow:0 0 4px #f5f5f5;box-shadow:0 0 4px var(--text);box-sizing:border-box;margin:0 auto;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease-in-out}.ct-link,.terco-title{color:#f5f5f5;color:var(--text)}.terco-title{font-family:Alkatra,sans-serif;font-size:max(1.6dvw,16px);margin:3dvh 0 1dvh}.terco-text{color:#f5f5f5;color:var(--text);font-family:Poppins,sans-serif;font-size:max(1dvw,12px);margin:0 0 8px}.tabs{border:1px solid #2c2c2c;border:1px solid var(--border);border-radius:16px;box-shadow:0 0 16px #2c2c2c;box-shadow:0 0 16px var(--border);flex-direction:column;gap:4px;justify-content:center;margin:1dvh auto;padding:0}.tabs,.tabs-navigation{align-items:center;box-sizing:border-box;display:flex;width:100%}.tabs-navigation{border-bottom:1px solid #2c2c2c;border-bottom:1px solid var(--border);box-shadow:0 2px 1px #2c2c2c;box-shadow:0 2px 1px var(--border);flex-direction:row;justify-content:space-evenly;margin:0 auto;padding:2dvh 0}.tn-option{background:#0000;background-image:linear-gradient(#cda434);background-image:linear-gradient(var(--gold));background-position:bottom;background-repeat:no-repeat;background-size:0 1px;border:none;color:#f5f5f5;color:var(--text);cursor:pointer;font-size:max(1.2dvw,12px);padding:4px 8px;transform:scale(.98);transition:all .3s ease-in-out;&:hover{background-size:70% 1px}}.tn-active{background-size:100% 100%;border-radius:4px;color:#121212;color:var(--bg);transform:scale(1);&:hover{background-size:100% 100%}}.tabs-interface{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;padding:4dvh 2dvw;width:80%}.ti-title{color:#f5f5f5;color:var(--text);font-family:Alumni Sans SC,sans-serif;font-size:max(3dvw,20px);font-style:italic;letter-spacing:1px;text-align:center;text-shadow:0 0 1px #cda434;text-shadow:0 0 1px var(--gold)}.ti-index,.ti-subtitle,.ti-text{font-family:Poppins,sans-serif;text-align:start;width:100%}.ti-index{font-size:max(1.2dvw,16px);font-weight:800;margin-top:1dvh}.ti-subtitle{font-size:max(1.1dvw,14px);font-weight:600}.ti-text{font-size:max(1dvw,12px);font-weight:400;margin:4px 0 0}.ti-separator{color:#cda434;color:var(--gold);margin:1rem 0;width:100%}.game-view{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 2fr;margin:1dvh auto}.game-view,.gv-image{box-sizing:border-box;width:100%}.gv-image{border-radius:16px;filter:drop-shadow(-4px 4px 4px #F5F5F5);filter:drop-shadow(-4px 4px 4px var(--text));padding:1dvh;transition:all .3s ease-in-out;&:hover{filter:drop-shadow(4px 4px 4px #F5F5F5);filter:drop-shadow(4px 4px 4px var(--text))}}.gv-text{align-items:start;display:flex;flex-direction:column;justify-content:center;.content-text{margin:0;text-indent:0}.ch-title{background-image:linear-gradient(#cda434);background-image:linear-gradient(var(--gold));background-position:0 100%;background-repeat:no-repeat;background-size:0 2px;padding:0 .5rem;transition:background-size .3s ease-in-out;&:hover{background-size:100% 2px}}}.keyboard{flex-direction:column;gap:1rem;margin:.5rem auto;width:100%}.keyboard,.keyboard-key{align-items:center;box-sizing:border-box;display:flex;justify-content:center}.keyboard-key{border:none;border-radius:12px;box-shadow:0 0 4px #f5f5f5;box-shadow:0 0 4px var(--text);cursor:pointer;font-weight:700;min-height:min(10dvw,40px);min-width:min(7dvw,40px);outline:none;text-align:center;transition:all .3s ease-in-out;&:hover{box-shadow:0 0 8px #f5f5f5;box-shadow:0 0 8px var(--text);transform:scale(.98)}}.game-content{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.letra{.line-inputs{grid-gap:1rem;align-items:center;box-sizing:border-box;display:grid;gap:1rem;grid-template-columns:repeat(5,1fr);justify-content:center;margin:.5rem auto}.letter-input{background:#121212;background:var(--bg);border:1px solid #2c2c2c;border:1px solid var(--border);border-radius:8px;box-sizing:border-box;caret-color:#0000;color:#f5f5f5;color:var(--text);font-family:Alumni Sans SC,sans-serif;font-size:36px;font-style:italic;font-weight:700;height:48px;outline:none;padding:4px;text-align:center;transition:all .3s ease-in-out;width:48px}.letter-input-focus{box-shadow:0 0 16px #cda434,inset 0 -4px 8px #2c2c2c;box-shadow:0 0 16px var(--gold),inset 0 -4px 8px var(--border)}.certo{background-color:green;text-shadow:0 0 1px #cda434;text-shadow:0 0 1px var(--gold)}.certo,.quase{color:#121212;color:var(--bg)}.quase{background-color:#ff0;text-shadow:0 0 1px #f5f5f5;text-shadow:0 0 1px var(--text)}.errado{background-color:#2c2c2c;background-color:var(--border);color:#121212;color:var(--bg);text-shadow:0 0 1px #b89b2e;text-shadow:0 0 1px var(--gold-light)}}.game-win{align-items:center;display:flex;flex-direction:column;gap:.2rem;justify-content:center;margin:4dvh auto}.gw-title{color:#f5f5f5;color:var(--text);font-family:Alumni Sans SC,sans-serif;font-size:max(1.8dvw,20px);font-style:italic;font-weight:600}.gw-response{font-size:max(1.1dvw,14px)}.gw-response,.gw-search{color:#f5f5f5;color:var(--text);font-family:Poppins,sans-serif;font-weight:400}.gw-search{background-image:linear-gradient(#cda434);background-image:linear-gradient(var(--gold));background-position:bottom;background-repeat:no-repeat;background-size:0 2px;font-size:max(1dvw,12px);font-style:italic;text-decoration:none;transition:background-size .3s ease-in-out;&:hover{background-size:100% 2px}}.gw-btn{background:#2c2c2c;background:var(--border);border:none;border-radius:8px;box-shadow:0 0 8px #2c2c2c;box-shadow:0 0 8px var(--border);color:#f5f5f5;color:var(--text);cursor:pointer;padding:8px 20px}.bible-container{flex-direction:column;margin:1rem auto;max-width:80dvw;width:100%}.bible-container,.bible-header{align-items:center;display:flex;gap:.5rem;justify-content:center}.bible-header{box-sizing:border-box;flex-direction:row;width:80%}.books-select{background:#121212;background:var(--bg);border:none;border-bottom:1px solid #f5f5f5;border-bottom:1px solid var(--text);border-radius:4px;box-sizing:border-box;color:#f5f5f5;color:var(--text);font-size:max(1dvw,12px);outline:none;padding:4px 1rem;text-align:center;text-align-last:center}.book-chapter,.book-title{background-color:#2c2c2c;background-color:var(--border);color:#f5f5f5;color:var(--text);text-align:center}.books-content{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem}.bible-content{align-items:start;box-sizing:border-box;display:flex;flex-direction:column;gap:.2rem;justify-content:start;padding:2dvh 1dvw}.chapter-index{font-family:Poppins,sans-serif;font-size:max(1.6dvw,16px);font-weight:600;letter-spacing:1px;margin:.5rem 0}.versicle-content{grid-gap:.5rem;box-sizing:border-box;display:grid;font-family:Poppins,sans-serif;font-size:max(1dvw,12px);font-weight:400;gap:.5rem;grid-template-columns:20px 1fr;width:100%}.versicle-index{font-family:Alkatra,sans-serif;font-size:max(.8dvw,8px);text-align:end}.versicle-text{text-align:start}.input-autocomplete{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:row;gap:.3rem;justify-content:left;margin:0 auto;position:relative;width:-webkit-fit-content;width:fit-content;.ic-input{border:1px solid #f5f5f5;border:1px solid var(--text);border-radius:8px 0 8px 0;color:#f5f5f5;color:var(--text);font-family:Poppins,sans-serif;outline:none;padding:8px 12px;width:340px}.autocomplete,.ic-input{background:#121212;background:var(--bg);box-sizing:border-box}.autocomplete{border-bottom:1px solid #f5f5f5;border-bottom:1px solid var(--text);border-left:1px solid #f5f5f5;border-left:1px solid var(--text);border-radius:0 0 8px 8px;border-right:1px solid #f5f5f5;border-right:1px solid var(--text);cursor:pointer;left:0;max-height:200px;overflow-y:auto;padding:4px 8px;position:absolute;top:36px;width:100%;z-index:500}.ic-submit{background:#f5f5f5;background:var(--text);border:none;border-radius:0 8px 0 8px;box-sizing:border-box;color:#121212;color:var(--bg);cursor:pointer;font-family:Alumni Sans SC,sans-serif;font-size:1.4dvw;font-weight:700;outline:none;padding:0 16px;width:-webkit-fit-content;width:fit-content}}.santopedia-orientation{color:#f5f5f5;color:var(--text);font-family:Poppins,sans-serif;font-size:max(1.1dvw,14px);margin:1dvh 0;text-align:center}.santopedia-table{border-spacing:.5rem 1rem;box-sizing:border-box;margin:2dvh 0;width:90%;.st-head{background:#121212;background:var(--bg);color:#f5f5f5;color:var(--text);font-family:Alumni Sans SC,sans-serif;font-size:max(1.3dvw,16px)}.sth-item{background-image:linear-gradient(#2c2c2c);background-image:linear-gradient(var(--border));background-position:0 100%;background-repeat:no-repeat;background-size:100% 2px;cursor:default;transition:background-size .3s ease-in-out,transform .3s ease-in-out;&:hover{background-size:100% 40%;transform:scale(1.05)}}.stb-item{border:1px solid #2c2c2c;border:1px solid var(--border);border-radius:4px;color:#f5f5f5;color:var(--text);font-family:Poppins,sans-serif;font-size:max(1.1dvw,12px);padding:4px 0;text-align:center}.stb-correct{background:green;color:#f5f5f5;color:var(--dark-text)}.stb-incorrect{background:red;color:#2c2c2c;color:var(--border)}.stb-null{background:#2c2c2c;background:var(--border)}}@media (max-width:768px){.nav-content{align-items:center;box-sizing:border-box;display:flex;justify-content:space-around;padding:0 1rem;width:90dvw}.nav-center,.nav-left,.nav-right{font-size:12px;margin:0;padding:12px 0}.first-page-dark,.first-page-light{align-items:start;background-size:120% 120%;display:flex;flex-direction:column;justify-content:end}.first-page-dark{background-image:url(/static/media/bgCatolicodeDark-mobile.23b99612cb0654b9a793.png)}.first-page-light{background-image:url(/static/media/bgCatolicodeLight-mobile.eeb3f3c2ae7336fe5b12.png)}.catolicode-title{font-size:max(2rem,3vw)}.main-subtitle{font-size:min(1rem,8px)}.content-liturgy{align-items:center;justify-content:center;max-height:none}.cl-readings,.content-liturgy{box-sizing:border-box;display:flex;gap:2dvh}.cl-readings{flex-direction:column;height:100%}.cl-readings:has(>:nth-child(3):last-child)>:nth-child(3){grid-column:span 1}.cl-gospel,.reading-item{border-radius:12px;box-shadow:0 0 2px #f5f5f5;box-shadow:0 0 2px var(--text);box-sizing:border-box;cursor:default;display:flex;flex-direction:column;font-size:max(1dvw,12px);height:100%;justify-content:space-between;max-height:64dvh;overflow:auto;padding:2dvh 4dvw;transition:box-shadow .3s ease-in-out;&:hover{box-shadow:0 0 8px #f5f5f5;box-shadow:0 0 8px var(--text)}}.content-cards{align-items:stretch;.card{max-width:40dvw}}}
/*# sourceMappingURL=main.066478e8.css.map*/