@import url("https://fonts.googleapis.com/css2?family=League+Spartan:wght@500&family=Poppins&family=Rubik:wght@600&display=swap");@import url("https://fonts.googleapis.com/css2?family=Boogaloo&family=Concert+One&display=swap");:root{--black:#000;--gold:#e7b923;--transparent-black:#0000003d;--white:#fff;--grey:#373737;--red:#c30a0a;--blue:#336ac9}body,html{padding:0;margin:0;background-color:var(--white);color:var(--black)}a{color:inherit;text-decoration:none}*{outline:none;font-weight:400;font-family:League Spartan,sans-serif}.page{margin-top:6rem;display:flex;flex-direction:column;padding:1rem 5vw}.page.low-margin{margin-top:0}.blog{text-align:center}.blog h2{font-size:calc(2vmax + 1rem);margin:1rem auto}.blog h6{font-size:calc(2vmin + 1rem);margin:0 auto 2rem;font-weight:500}.blog h2 span:first-child{color:var(--red)}.blog h2 span:last-child{color:var(--blue)}.flex-center,.page.flex-center{display:flex;flex-direction:column;align-items:center;justify-content:center}.text-center{text-align:center}.Loading{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:100;background:linear-gradient(90deg,var(--red),var(--blue));color:var(--white);display:grid;place-items:center}.Loading svg{font-size:calc(6vmax + 3vmin + 2rem)}::-webkit-scrollbar{width:1rem}::-webkit-scrollbar-track{background:var(--white)}::-webkit-scrollbar-thumb{border-radius:2px;background-image:linear-gradient(135deg,var(--red),var(--blue))}button{position:relative;z-index:1}.btn{padding:10px;border-radius:5px;cursor:pointer;border:4px solid;color:var(--white);transition:.5s;background-color:transparent}.btn.white,.btn:hover{color:var(--black)}.btn.red.hover-white-color:hover,.btn.white:hover{color:var(--white)}.btn:before{top:6px;left:-2px;z-index:-2;width:calc(100% + 4px);height:calc(100% - 12px);transform:scaleY(1)}.btn:after,.btn:before{content:"";position:absolute;transition:.5s ease-in-out}.btn:after{top:-2px;left:6px;z-index:-10;height:calc(100% + 4px);width:calc(100% - 12px);transform:scaleX(1)}.btn:hover:after{transform:scaleX(0)}.btn:hover:before{transform:scaleY(0)}.btn.red{border-color:var(--red)}.btn.red:after,.btn.red:before{background-color:var(--red)}.btn.gold.more{margin:0 auto;text-align:center;font-size:clamp(20px,calc(1vmax + 10px),calc(1vmax + 10px))}.btn.blue{border-color:var(--blue)}.btn.blue:after,.btn.blue:before{background-color:var(--blue)}.btn.gold{border-color:var(--gold);color:var(--black)}.btn.white{border-color:var(--white)}.btn.black{border-color:var(--black)}.btn.black:after,.btn.black:before{background-color:var(--black)}.btn.gold:after,.btn.gold:before{background-color:var(--gold)}.btn.white:after,.btn.white:before{background-color:var(--white)}.flex-center.init-btns{gap:1rem;min-height:50vh;justify-content:center}.init-btns button{font-size:calc(2vmax + 10px)}.backdrop{position:fixed;z-index:2;top:0;left:0;height:100vh;width:100vw;background:#000000ab;display:grid;place-items:center}.blog-carts,.carts{display:flex;flex-wrap:wrap;gap:calc(2vh + 10px);justify-content:center;width:100%;color:var(--black);background-color:var(--white)}.h2-init{margin-top:calc(6rem + 2vh);margin-bottom:0;padding:4vh 5vw 6vh;font-size:clamp(40px,calc(4vmax + 10px),calc(4vmax + 10px));text-align:center}.carts{padding:0 2vw;gap:3vmax;width:90vw;margin:0 auto calc(5vh + 10px)}.carts section:nth-child(odd){border:5px solid var(--blue)}.carts section:nth-child(odd):hover{box-shadow:0 0 20px var(--blue);scale:1.03}.carts section:nth-child(2n){border:5px solid var(--red)}.carts section:nth-child(2n):hover{box-shadow:0 0 20px var(--red);scale:1.03}.carts section:hover{transform:translateY(-10px)}.carts section{border-radius:10px;cursor:pointer;width:clamp(300px,30vw,30vw);padding:0;display:flex;position:relative;flex-direction:column;overflow:hidden;transition:.5s ease-in-out;text-align:center}.carts section h3{padding:0 10px 1rem;text-align:center;margin:0;font-size:clamp(25px,calc(1vmax + 1rem + 10px),calc(1vmax + 1rem + 10px))}.homilia-carts{display:flex;flex-direction:column;align-items:center;justify-content:center}.blog-carts article:before{content:"";z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,#ff3d00,#0400ff);filter:blur(5px);opacity:var(.7);transition:1s;border-radius:inherit}.blog article:hover:before{filter:blur(20px)}.blog-carts article:after{content:"";z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;border-radius:inherit}.blog-carts article,.homilia-cart,.homilia-carts article{border-radius:10px;padding:10px 4%;background-color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.blog-carts article{width:clamp(300px,80%,80%);padding:20px}.blog-carts article h3{font-size:clamp(40px,calc(3vmax + 10px),calc(3vmax + 10px));text-align:left;margin-top:calc(1vh + 10px)}.blog-carts article h5{font-size:clamp(20px,calc(1vmin + 5px),calc(1vmax + 5px));padding:10px 0;margin:0}.homilia-cart{padding:0}.blog-carts article img,.carts section img{width:100%;height:300px;border-radius:5px;margin-bottom:1rem;transition:.5s ease;position:relative}.homilia-cart video{width:100%;height:100%;border-radius:10px}.blog-carts svg{font-size:5rem}.blog-carts h2{font-size:clamp(calc(1rem + 10px),calc(1vh + 1vw + 5px),calc(1vh + 1vw + 5px))}.blog-carts h3{font-size:clamp(1rem,calc(1vh + 1vw),calc(1vh + 1vw));margin:10px 0 1rem}.blog-carts button{font-size:clamp(1rem,calc(1vh + 15px),calc(1vh + 15px));margin-bottom:10px}.blog-carts .custom-video{border-color:currentcolor;border-radius:10px;border-top:4px solid var(--red);border-left:4px solid var(--red);border-bottom:4px solid var(--blue);border-right:4px solid var(--blue)}.custom-video video{border-radius:10px;width:100vh;height:50vh}@media screen and (max-width:768px){.custom-video video{width:90vw;height:45vw}}.container-h2,.pray-div h2{text-align:center;font-size:clamp(calc(2rem + 10px),calc(2vmax + 1rem),calc(2vmax + 1rem));margin:2rem 0 10px;padding:10px;border-bottom:4px solid var(--gold)}.pray-div h2.not-so-big{padding:1rem 10px;font-size:clamp(calc(1rem + 10px),calc(2vmax),calc(2vmax))}.container-h5{text-align:center;font-size:clamp(calc(1rem + 10px),calc(1vmax + 10px),calc(1vmax + 10px));margin:1rem 0}.pray-div{width:clamp(300px,50%,50%)}.pray-div img{width:300px;height:300px;text-align:center}.pray-div article{margin-bottom:calc(3vmax + 2rem)}.pray-div h3{font-size:clamp(calc(1rem + 15px),calc(1vmax + 1rem),calc(1vmax + 1rem));margin:1rem 0 5px}.pray-div p{margin:0 0 2rem}.examen-de-conciencia{display:flex;width:clamp(300px,50%,50%);flex-direction:column;align-items:flex-start;justify-content:flex-start;grid-gap:1rem;margin-top:2rem}div li{margin:10px 0;padding:0;list-style:none}.examen-de-conciencia li{margin:0}.misericordia{margin:1rem 0 3rem;padding:10px;display:flex;flex-direction:column;gap:1rem;border:4px solid;border-image-slice:1;-o-border-image:linear-gradient(45deg,var(--red),var(--blue)) 1;border-image:linear-gradient(45deg,var(--red),var(--blue)) 1}.misericordia p{margin:0;font-weight:600}.misericordia strong{color:var(--red)}nav .hamburger{position:relative;z-index:7;background-color:transparent;padding:5px;height:80px;display:none;cursor:pointer;transition:all .5s ease-in-out;justify-content:center;gap:10px;flex-direction:column;align-items:center}nav .hamburger i{position:relative;border-radius:5px;width:55px;transition:.5s;height:6px;background:var(--white)}.open-nav .hamburger-1{transform:rotate(45deg);top:16px}.open-nav .hamburger-2{width:0}.open-nav .hamburger-3{transform:rotate(-45deg);bottom:16px}@media screen and (max-width:850px){nav .hamburger{display:flex}}section.aside button.btn.red{font-size:calc(30px, calc(2vw + 1rem), calc(2vw + 1rem))}input[type=file]{display:none}.label{background-image:linear-gradient(135deg,var(--red),var(--blue));color:var(--white);padding:10px;border-radius:10px}.pray-div .label{font-size:clamp(25px,calc(1vmax + 1rem),calc(1vmax + 1rem))}.video-homilia{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center}.label{margin-bottom:1rem;font-family:Boogaloo,cursive}.video-homilia input{width:300px;padding:10px;border:2px solid var(--black);border-radius:5px;text-align:center;font-size:calc(1vmin + 15px)}.video-homilia button{font-size:calc(1vmax + 1rem)}.custom-shape-divider-top-1652134554{top:0;margin:6rem 0 0;left:0;width:100%;overflow:hidden;line-height:0;position:relative;transform:rotate(180deg)}.custom-shape-divider-top-1652134554 svg{position:relative;display:block;width:calc(100% + 1.3px);height:15vh;transform:rotateY(180deg)}.custom-shape-divider-top-1652134554 .shape-fill{fill:#fff}.landing{margin-top:6rem;color:#fff;background-image:linear-gradient(90deg,var(--red),var(--blue))}.landing article{padding:1rem 5vw 0;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-evenly}.landing section{display:flex;flex-direction:column;width:clamp(300px,60%,60%)}.landing svg{margin:0;font-size:calc(10vmax + 5vmin + 2rem)}.landing h2{font-size:calc(3vmax + 1rem);font-weight:500}.landing h5{margin-top:0;font-size:calc(1vmin + 1rem);font-weight:500}.conciencia{margin:3rem 0;border-top:5px solid var(--red);border-bottom:5px solid var(--blue);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 5vw;gap:1rem}.conciencia h3{margin:0;text-align:center;font-size:calc(1vmax + 1rem + 10px)}.conciencia button{font-size:calc(1vmax + 1rem)}.frases{overflow:hidden;padding:0 5vw 3rem}.frases,.frases article{display:flex;align-items:center;justify-content:center}.frases article{width:clamp(300px,50%,50%);border-color:currentcolor;border-radius:10px;padding:10px 5%;border-top:4px solid var(--red);border-left:4px solid var(--red);border-bottom:4px solid var(--blue);border-right:4px solid var(--blue);flex-direction:column}.frases article h3{text-align:center;font-size:clamp(35px,calc(1vmax + 1rem),calc(1vmax + 1rem));margin:15px 0}.frases span{font-family:Boogaloo,cursive;font-size:clamp(20px,calc(1vmax + 5px),calc(1vmax + 5px))}.blog-article{max-width:clamp(300px,50vw,50vw);overflow:hidden;margin:calc(7rem + 2vh) auto auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.blog-article h2{font-size:clamp(40px,calc(3vmax + 10px),calc(3vmax + 10px));margin:20px 0}.blog-article span{font-size:clamp(20px,calc(1vmin + 10px),calc(1vmin + 10px));margin:10px 0}.blog-article span.div-span{margin-bottom:40px;padding-bottom:10px;border-bottom:3px solid var(--gold);width:100%}.blog-article h3{margin-bottom:10px;margin-top:0;font-size:clamp(30px,calc(2vmax + 10px),calc(2vmax + 10px))}.blog-article p{margin-top:0;margin-bottom:calc(2vh + 20px);font-size:clamp(20px,calc(1vmin + 10px),calc(1vmin + 10px))}.admin-page{display:flex;flex-direction:column;align-items:center;justify-content:center}.admin-page h2{text-align:center;font-size:clamp(2rem,calc(4vw + 2vh),calc(4vmax));padding:0;margin-bottom:20px}.admin-page input,.admin-page textarea{width:clamp(300px,60%,60%);padding:10px;border:5px solid var(--black);border-radius:5px;margin:1rem 0;transition:1s;font-size:clamp(calc(1rem + 5px),calc(1vmax + 10px),2vmax)}.admin-page input.title-input{text-align:center;font-size:calc(2vmax + 20px)}.admin-page button{font-size:clamp(calc(1rem + 10px),2vmax,2vmax)}.blog-div{flex-direction:column;justify-content:center;width:100%}.blog-div,.blog-div article{display:flex;align-items:center}.blog-div article{flex-direction:row;width:clamp(300px,60%,80%);justify-content:space-between;margin-bottom:1rem;gap:10px}.blog-div h3{font-size:clamp(30px,calc(1vmax + 10px),calc(1vmax + 10px));padding:0;width:80%;margin:0}.blog-div p{font-size:clamp(20px,calc(1vmax + 2px),calc(1vmax + 10px));width:80%}nav{background-image:linear-gradient(90deg,var(--red),var(--blue));color:var(--white);padding:0 5vw;margin:0;position:fixed;top:0;z-index:3;left:0;width:90vw;justify-content:space-between;height:6rem}nav,nav a div{display:flex;flex-direction:row;align-items:center}nav a div{font-family:Boogaloo,cursive;gap:10px}nav section{display:flex;gap:10px}@media screen and (max-width:850px){nav section{display:none}}nav a div figcaption{font-size:clamp(30px,calc(2vw + 1vh),calc(2vw + 1vh))}nav button{font-size:clamp(1rem,calc(1vh + 1rem),calc(1vh + 1rem))}@media screen and (max-width:850px){nav a div figcaption{display:none}}.buttons{display:flex;grid-gap:10px}.lecturas{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1rem;text-align:center;margin-top:2rem}.lecturas-title{text-align:center;margin:0 0 calc(1rem + 2vmax);font-size:clamp(2rem,calc(2vmax + 1vmin),calc(2vmax + 1vmin))}.lecturas h4{margin:0;text-align:center;font-size:clamp(calc(1rem + 10px),calc(1vmax + 1vmin),calc(1vmax + 1vmin))}.lecturas p{margin:0 0 2rem}