@import"https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@100;400;500;600;700;800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";#root{margin:0 auto;text-align:center;--color: #2f90ff;--cor-loading: rgba(240, 9, 1, .733);--font-family: "Poppins", sans-serif}img{width:100%}.title{position:relative;width:100%;margin:5rem 0;color:var(--color);font-size:2.5rem;font-family:var(--font-family)}.title:before{content:"";display:block;position:absolute;margin:2rem auto;inset:-4rem 0 0;display:inline-block;max-width:40%;height:1.8px;background-color:#000;z-index:1}.menu{display:flex;justify-content:space-between;align-items:center;background-color:#fff;height:4rem;box-shadow:0 0 2px #0000001a}.menu ul{margin:1.5rem;display:flex;gap:2rem;list-style:none}.logo{margin:0;padding:0}.menu-item{margin:1;list-style-type:none;text-decoration:none;font-weight:550;font-family:Open Sans,sans-serif;color:#171717;cursor:pointer}.menu-item:hover{color:#ff6a00}.menu-item.active{color:#3d27ff}.menu img{max-width:60%}.menu li{position:relative}.menu li a:before{content:"";position:absolute;width:70%;height:3.5px;bottom:-10px;left:1%;border-radius:.5rem;background-color:var(--primeira-cor-seg-detale);transform:scaleX(0);transition:transform .3s ease-in-out}.menu li:hover a:before{transform:scaleX(1)}.menu-content li.active a:before{transform:scaleX(1);background-color:#f30}.menu-link{font-size:var(--h3-font-size);color:var(--texto-cor-light);cursor:pointer}.menu-link:hover{color:var(--primeira-cor-lighter-terc)}.show-menu{bottom:0}.active-link{color:var(--primeira-cor)}@media screen and (max-width: 800px){.menu{padding-top:3rem;padding-right:2rem;gap:3rem;align-self:flex-start}.logo{width:100px}.menu img{max-width:90%}.menu-item{width:50%}.menu-content{display:none;transition:.4s ease}.menu.active .menu-content{margin:0 auto;padding:1rem 1.5rem 2rem;width:47%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:left;gap:5rem;height:71%;position:fixed;right:0;top:3rem;background:linear-gradient(155deg,#080808,#301808,#ff5601);box-shadow:0 -1px 4px #33333326;border-radius:1.5rem 0;transition:.3s;z-index:2000}.menu-item{width:30%;color:#f9f9f9}.menu.active .nav-menu-icon{cursor:pointer;position:fixed;right:1.5rem;top:2.5rem;display:block;width:30px;height:25px;z-index:3000}.nav-menu-icon span{display:block;height:3px;background-color:#f30;margin:5px 0;border-radius:4rem;transition:.4s;z-index:2000}.bar1{width:24px}.nav-menu-icon .bar2{background-color:#ff7627}.bar3{position:relative;left:23%;width:24px}.menu-icon.active .bar1{transform:translateY(-4px) rotate(320deg);background-color:#1e1d1d;z-index:1000}.nav-menu-icon.active .bar2{opacity:0;z-index:1000}.nav-menu-icon.active .bar3{transform:translateY(-20px) translate(-6px) rotate(41deg)}.nav-open,.nav-toggle{color:#1e1d1d}.menu li.active:before{content:"";position:relative;inset:.7rem -3rem;display:block;width:40px;height:4px;border-radius:1.5px}.menu li a:before{content:"";position:absolute;width:20%;height:3.8px;bottom:30%;left:-30%;border-radius:.5rem;background-color:#f30;transform:scaleX(0);transition:transform .3s ease-in-out}}.menu-content{display:none;transition:.4s ease}.menu.show-menu{display:block;position:fixed;top:0;right:0;background-color:#1e1d1d;width:100%;height:100%;z-index:10}.nav-menu-icon{cursor:pointer;display:block;width:30px;height:25px;z-index:3000}.nav-menu-icon span{display:block;height:3px;background-color:#f30;margin:5px 0;border-radius:4rem}.menu.active .bar1{position:relative;top:2rem;left:.5rem;background-color:#ff7627;transform:translateY(6px) rotate(45deg)}.menu.active .bar2{opacity:0}.menu.active .bar3{top:2rem;transform:translateY(-10px) rotate(-45deg)}.footer{padding:5rem;display:flex;font-family:Roboto,sans-serif;justify-content:space-between;align-items:center;background-color:#fc4300;color:#fff}.footer .footer-social{display:flex;order:1}.footer ul li{display:inline-block;margin-right:2rem;text-decoration:none}.footer ul li:last-child{margin-right:0}.footer .copyright{display:flex;order:1}.footer .logo img{width:60%}.footer img{width:100%}@media screen and (max-width: 1024px){.logo img{width:80%}.footer{flex-direction:column;justify-content:center;align-items:center;gap:2rem}}@media screen and (max-width: 480px){.footer-social ul{display:flex;justify-content:center;align-self:center}}.banner{margin:0 auto;max-width:100%}.banner img{padding:2rem 0;position:relative;inset:0 15rem;max-width:40%;object-position:3rem}.banner h1{padding:1rem;color:#662801;width:25ch;text-align:left;background-color:transparent;font-family:Poppins,sans-serif}.banner .title-banner{color:#fff8dd;font-size:3rem;text-transform:uppercase}.banner .detail-title{color:#03e289;font-size:3.5rem}.banner figure{display:flex;justify-content:center;align-items:center;width:100%;position:relative;z-index:1000;background:linear-gradient(170deg,#fc4300,#fb6203,#321200);margin:0;padding:0}@media screen and (max-width: 1900px){.banner img{inset:1rem 0 0 4.6rem;object-position:0}}@media screen and (max-width: 1300px){.banner{max-width:100%}.banner img{inset:1rem 0 0 -1rem;object-position:0}}@media screen and (max-width: 600px){.banner{text-align:center;max-width:100%}.banner img{inset:1rem 0 0 6rem;object-position:0}.banner h1{font-size:1.2rem;text-align:center}.banner .title-banner{color:#fff;font-size:3rem;text-transform:uppercase}.banner figure{flex-direction:column}}@media screen and (max-width: 360px){.banner{max-width:100%}.banner img{inset:1rem 0 0 4rem;object-position:0}}button{border-radius:8px;border:1px solid transparent;padding:1.2em;font-size:.9em;width:75%;font-weight:600;cursor:pointer;transition:border-color .25s;background-color:#eb5a3c;text-transform:uppercase;color:#fff;font-family:Roboto,sans-serif}button:hover{background-color:#6dff91;color:#091035}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media screen and (max-width: 480px){button{padding:1rem;width:100%;height:10%}}.suspense-list{margin:.7rem 0}.suspense-list label{display:block;margin-bottom:.5rem;font-weight:600;color:#121212;font-family:Poppins,sans-serif}.suspense-list select{padding:.5rem;border:1px solid #dedede;color:#252525;width:102%;height:60px;font-size:1.1rem;border-radius:.5rem;background-color:#fff;box-sizing:border-box;box-shadow:10px 10px 30px #0000001f;transition:.2s}:root{--cor-p-01: --cor-p-02: --cor-01: --cor-02: --cor-03: --cor-03: --font: "Roboto", sans-serif;--font-title: "Poppins", sans-serif;--font-size: 1.2rem}body,input,textarea,button{font-size:var(--font-size);font-family:var(--font)}input:focus{outline:none;border-color:var(--color);background:#f3f3f3;box-shadow:0 0 0 .19rem var(--color-light)}.form-container{margin:.7rem 0}.form-container label{font-family:var(--font-title);display:block;margin-bottom:.5rem;font-weight:600;color:#121212}.form-container input{font-family:var(--font);padding:.6rem;border:.06rem solid #dedede;color:#252525;border-radius:.6rem;width:100%;height:3rem;background-color:#fff;box-shadow:.6rem .6rem 1.9rem #0000001f;transition:.2s}.error-message{position:relative;inset:1.4rem 0;background-color:#fff;padding:.9rem;color:#292929;font-size:.91rem;text-align:center;border-radius:.2rem;box-shadow:.6rem .6rem 1.9rem #0000001f}.error-message:before{position:absolute;inset:-.6rem 1rem;display:block;content:"";width:.13rem;height:0;border-left:3rem solid transparent;border-right:3rem solid transparent;border-width:.6rem;border-radius:.5rem;border-bottom:.9rem solid #ffffff;box-shadow:.6rem .6rem 1.9rem #0000001f}@media screen and (max-width: 1600px){.form-container{margin:.1rem 0;gap:.5rem}}@media screen and (max-width: 500px){.error-message{width:100%;height:0px;font-size:.5rem}}.form{padding:3.5rem;border-radius:.325rem;display:flex;gap:2rem;font-family:Roboto,sans-serif}.form form{margin:0 auto;padding:4rem;max-width:60%;border-radius:1.5rem;height:800px;display:flex;flex-direction:column;gap:2rem;text-align:left;background-color:#f2f2f2;box-shadow:#0003 0 10px 50px}.form h2{font-family:Poppins,sans-serif;text-align:center;text-transform:uppercase;font-size:1.5rem;color:#131313}.detail-form{content:"";position:absolute;inset:15rem 0 0 10rem;display:inline-block;width:400px;height:1.1px;background:linear-gradient(170deg,#eb5a3c,#ff7118,#b95516);z-index:1000}.detail-form:before{content:"";position:absolute;inset:1rem 0 0 -1rem;display:inline-block;width:400px;height:1.1px;rotate:160deg;background:linear-gradient(170deg,#eb5a3c,#ff7118,#b95516);z-index:1000}@media screen and (max-width: 1300px){.form{flex-direction:column;justify-content:center;align-items:center}.form form{height:900px;max-width:80%;justify-content:center;align-items:center}}@media screen and (max-width: 480px){.form{padding:1rem;justify-content:center;align-items:center}.form h2{text-align:left;font-size:1.3rem}form{max-width:100%}.detail-form{inset:15rem 0 0 2rem;width:300px}.detail-form:before{width:300px}}.book{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:300px}.book .header{position:relative;z-index:1;width:334px;background-color:#fff5f5;margin-bottom:-2rem;border-radius:.6rem}.book .header img{margin:0 auto;width:50%}.book .footer{position:relative;display:flex;width:100%;height:max-content;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:2rem 1rem;border-radius:.5rem;background:#fff;box-shadow:.3rem .3rem .9rem #1a1a1a5d}.book .footer h4{width:25ch;margin-bottom:-1rem;text-align:center;color:#084a96;font-size:1.1rem;line-height:1.3rem;font-weight:700;font-family:Poppins,sans-serif}.book .footer h5{padding:0 1rem;font-size:1.1rem;font-weight:500;line-height:1.4rem;color:#212121;font-family:Poppins,sans-serif}.book .footer p{max-width:27ch;line-height:1.1rem;color:#212121;font-size:1rem;text-align:left;text-transform:uppercase;font-weight:lighter}.footer .favorite,.footer .delete{padding:1rem 0 0;display:flex;justify-content:flex-end;align-self:flex-end;color:#212121}.delete{padding-bottom:1rem;width:150px;height:30px;display:flex;justify-content:center;align-items:center;text-align:center;gap:1rem}.delete p{color:#2e2e2e;font-size:1.225rem;text-transform:uppercase;font-weight:600}.delete .icon-delete{cursor:pointer}.book figure{margin:0 auto;position:relative;margin-bottom:2rem;object-fit:cover;inset:3rem 0;width:90%}.icon-delete{cursor:pointer}@media screen and (max-width: 400px){.book{width:100%}.book .header{width:100%}.book .footer{width:90%}.delete{width:10px}}@media screen and (max-width: 397px){.book .header{width:100%}.book .footer{text-align:center;gap:3rem}.book .footer h4{padding-top:1rem}}.icon-with-tooltip{position:relative;display:inline-block;cursor:pointer}.icon{font-size:24px;color:#6278f7;transition:transform .2s ease-in-out}.icon:hover{transform:scale(1.2)}.tooltip{visibility:hidden;opacity:0;position:absolute;bottom:125%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;text-align:center;padding:.5rem;border-radius:4px;font-size:.875rem;white-space:nowrap;transition:opacity .2s ease-in-out;z-index:10}.icon-with-tooltip:hover .tooltip,.icon-with-tooltip:focus .tooltip{visibility:visible;opacity:1}.category{margin:0 auto;padding:2rem;position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column}.category h3{padding:1rem;text-align:center;font-size:2rem;display:inline-block;border-bottom:.3rem solid;font-family:Poppins,sans-serif}.category .category-books{margin:0 auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4rem}.category .input-color{position:absolute;inset:1.3rem 3rem auto auto;border-radius:.2rem;background-color:#fff1;border-color:#bec8ff}.category:after{content:"";display:block;position:absolute;margin:0 auto;inset:-1rem 0 0;display:inline-block;width:80%;height:1.8px;background-color:#000;z-index:1}.category:before{content:"";display:block;position:absolute;margin:0 auto;inset:-1rem 0 0;display:inline-block;width:80%;height:1.8px;background-color:#000;z-index:1}@media screen and (max-width: 1600px){.category-books{flex-direction:column}}@media screen and (max-width: 400px){.category{padding:0}}.emphasis{margin:0 auto;padding:2rem 0 6rem;position:relative;display:grid;grid-template-columns:1fr 1fr;justify-content:center;align-items:center;max-width:100%;height:600px;font-family:Roboto,sans-serif}.emphasis-title{width:80%;padding:0 0 3rem;font-size:3rem}.emphasis-info p,.emphasis-info h2{margin:1rem auto;width:54%;text-align:justify}.emphasis-image{background-color:transparent;width:45%;height:100%;object-fit:cover;text-align:center}.emphasis-button{width:62%}.emphasis figure{padding-bottom:3rem;background-color:transparent;position:relative;z-index:1}@media screen and (max-width: 1024px){.emphasis{grid-template-columns:1fr;margin-bottom:30rem}.emphasis-image{margin:0 auto;width:90%;height:100%;object-fit:cover;text-align:center}.emphasis-image img{width:43%;object-fit:cover;text-align:center}}@media screen and (max-width: 500px){.emphasis{margin-bottom:25rem}.emphasis-info,.emphasis-image img{max-width:75%;margin:0 auto}.emphasis-title{margin:0 auto;width:95%;text-align:justify}.emphasis-button{width:73%}.emphasis-info p,.emphasis-info h2{width:95%}.emphasis-info h2{font-size:1.5rem;text-align:justify}}.modal{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:.3s ease;border-color:var(--tertiary-color-light);box-shadow:#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px;transition:opacity .3s ease,visibility .3s ease;z-index:1000}.modal-content{margin:0 auto;padding:1rem;position:relative;background-color:var(--white-color);border-radius:.5rem;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem}.modal-close{background-color:#ccc;width:50px;position:absolute;top:1%;left:85%;right:1rem;cursor:pointer;font-size:1.5rem;z-index:1}.modal-close{background-color:#fa8181;width:1%;position:absolute;top:10%;left:75%;right:1rem;cursor:pointer;font-size:1.5rem;z-index:1}.x-icon:before,.x-icon:after{display:block;position:absolute;content:"";width:3px;height:25px;z-index:1000;background-color:#ac1a1a;cursor:pointer}.x-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.x-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}.modal.ativo{opacity:1;visibility:visible}.modal-close:hover{background-color:var(--secondary-color)}.moldal-content-info{margin:0 auto;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 500px){.modal-close{border-color:transparent;background-color:transparent;height:auto;top:6%;left:75%;right:1rem;font-size:1.5rem}}.change-book{padding:3.5rem;border-radius:.325rem;display:flex;gap:2rem}.change-book form{margin:0 auto;padding:4.5rem 5.5rem;max-width:100%;border-radius:1.5rem;height:830px;display:flex;flex-direction:column;gap:2rem;text-align:left;background-color:#f2f2f2;box-shadow:#0003 0 10px 50px}.change-book h2{font-family:Poppins,sans-serif;text-align:start;width:25ch;text-transform:uppercase;font-size:1.5rem;color:#131313}@media screen and (max-width: 1600px){.change-book{flex-direction:column;justify-content:center;align-items:center}.change-book form{height:820px;max-width:80%;justify-content:center;align-items:center}}@media screen and (max-width: 400px){.change-book{width:90%;padding:1rem;margin:0 auto;justify-content:center;align-items:center}.change-book form{padding:1rem 4rem;width:60%;font-size:1rem;height:700px;gap:.5rem}.change-book h2{padding:2rem 0 0;font-size:1.2rem;width:100%}}.button-modal{margin:3rem auto;display:flex;width:max-content;height:auto;justify-content:center;align-items:center;font-family:Roboto,sans-serif}.detail{content:"";position:relative;inset:-2rem 0 0;display:inline-block;width:70%;height:1.1px;background-color:#000;z-index:1000}.detail:before{content:"";position:absolute;inset:2rem 0 0 -2rem;display:inline-block;width:1300px;height:1px;rotate:160deg;background:linear-gradient(170deg,#2f2f2f,#1b1a1a);z-index:1000}@media screen and (max-width: 1600px){.detail:before{width:1000px}}@media screen and (max-width: 1120px){.detail:before{width:700px}}@media screen and (max-width: 878px){.detail:before{width:120%}}.search{padding:2rem;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:1rem;font-family:Poppins,sans-serif}.search-results{width:100%;display:flex;justify-items:center;justify-content:center;gap:2rem}.search-field{display:flex;width:40%;gap:1rem}.search-field input{text-align:center;width:100%;border-color:#0f0f0f;border-radius:.3rem}@media screen and (max-width: 1024px){.search{flex-direction:column}.search-field{width:100%}}.loading{margin:0 auto;margin-bottom:2rem;width:50px;height:50px;border-radius:50%;border:5px solid rgba(255,73,18,.733);border-top-color:#ffccaebb;animation:run 1s linear infinite}@keyframes run{to{transform:rotate(0)}to{transform:rotate(360deg)}}