/* Estilo */ /* Claro */ .estilo1{--corTituloFiltro: #0000001F; --corSubtitloFiltro: #BAB9BA; --corBordaFiltro: #A8A8A8; --corInputFiltro: #FFFFFF; --corContadorFiltro: #A6A6A6; --corSubtituloHover: #959495; --corTextoFiltroHover: #000000; --corInputHover: #191516; --corInputAtivo: #191516; --corContadorFiltroHover: #595959; --corTextoItalico: #231F20; --corTag: #E5E5E5; --corTextoTag: #000000; --corTextoDesconto: #565354; --corTituloDesconto: #231F20; --corBtnDesconto: #231F20; --corBtnBordaDessconto: #231F20; --corBtnTextoDesconto: #FFFFFF; --corBtnDescontoHover: #FFFFFF; --corBtnTextoDescontoHover: #000000; --corBordaPontilhada: #00000014; --corFaixa: #231f2014; --corSombra1: #14141405; --corSombra2: #1414140f; --corSombra3: #1414141a; --corSombra4: #1414141f; --corBtnFiltro: #231F20; --corBtnTextoFiltro: #FFFFFF; --corFundoLivroExtra: #E2E2E2; --corBordaLivroExtra: #c8c8c8;--corFundoSelect: #FFFFFF; --corBordaSelect: #231F201F; --corTextoSelect: #231f20b8; --corFundoSelectHover: #231f20; --corTextoSelectHover: #FFFFFFb8; --corFundoOption: #FFFFFF; --filtroMobileBg: #f6f6f6; --filtroMobileBorda:#e8e8e8; --setaFiltro: invert(0);} /* Escuro */ .estilo2{--corTituloFiltro: #FFFFFF1F; --corSubtitloFiltro: #757575; --corBordaFiltro: #D7D7D7; --corInputFiltro: #D7D7D7; --corContadorFiltro: #535353; --corSubtituloHover: #A6A5A6; --corTextoFiltroHover: #FFFFFF; --corInputHover: #000000; --corInputAtivo: #000000; --corContadorFiltroHover: #A4A4A4; --corTextoItalico: #ACACAC; --corTag: #ACACAC; --corTextoTag: #000000; --corTextoDesconto: #ACACAC; --corBtnTextoDesconto: #000000; --corTituloDesconto: #ACACAC; --corBtnDesconto: #D7D7D7; --corBtnBordaDessconto: #D7D7D7; --corBtnTextoDescontoHover: #000000; --corBtnDescontoHover: #FFFFFF; --corBordaPontilhada: #000000; --corFaixa: #000000; --corSombra1: #5e5e5e05; --corSombra2: #5e5e5e0F; --corSombra3: #5e5e5e1A; --corSombra4: #5e5e5e1F; --corBtnFiltro: #D7D7D7; --corBtnTextoFiltro: #000000; --corFundoLivroExtra: #232323; --corBordaLivroExtra: #FFFFFF40;--corFundoSelect: #D7D7D7; --corBordaSelect: transparent; --corTextoSelect: #000000b8; --corFundoSelectHover: #000000; --corTextoSelectHover: #D7D7D7B8; --corFundoOption: #434343; --filtroMobileBg: #211e20; --filtroMobileBorda:#434343; --setaFiltro: invert(1);} /* Contraste */ .estilo3{--corTituloFiltro: #FFFFFF1F; --corSubtitloFiltro: #41A1BF; --corBordaFiltro: #FFFFFF; --corInputFiltro: #FFFFFF; --corContadorFiltro: #41A1BF; --corSubtituloHover: #68C0DD; --corTextoFiltroHover: #FFFFFF; --corInputHover: #191516; --corInputAtivo: #41A1BF; --corContadorFiltroHover: #FFFFFF; --corTextoItalico: #41A1BF; --corTag: #FFFFFF; --corTextoTag: #000000; --corTextoDesconto: #FFFFFFF; --corBtnDesconto: #000000; --corBtnBordaDessconto: #000000; --corBtnTextoDesconto: #FFFFFF; --corBtnDescontoHover: #FFFFFF; --corTituloDesconto: #000000; --corBtnTextoDescontoHover: #000000; --corBordaPontilhada: #000000; --corFaixa: #00000014; --corSombra1: #74747405; --corSombra2: #7474740F; --corSombra3: #7474741A; --corSombra4: #7474741F; --corBtnFiltro: #fff; --corBtnTextoFiltro: #FFFFFF; --corFundoLivroExtra: #000; --corBordaLivroExtra: #FFF;--corFundoSelect: #FFFFFF; --corBordaSelect: #FFFFFF; --corTextoSelect: #000000b8; --corFundoSelectHover: #000000; --corTextoSelectHover: #FFFFFFb8; --corFundoOption: #000000;--filtroMobileBg: #211e20; --filtroMobileBorda:#fff; --setaFiltro: invert(1) brightness(1.1);} /* Box Topo */ .boxTopo{background: var(--corTopo);overflow: clip;position: relative;} ._1000 .boxTopo::before{content: ""; width: 100%; height: 1px; background: var(--corBordaTopo); position: absolute; bottom: 0px; left: 0px;transition: all 0.5s ease;} .boxTopo .centro{width: 100%;max-width: 1428px;padding: 184px 20px 44px;margin: 0px auto;position: relative;} ._1000 .boxTopo .centro::before{content: "";width: 284px;height: 168px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='284' height='168' fill='none' viewBox='0 0 284 168'%3E%3Cg fill='%23fff' clip-path='url(%23a)'%3E%3Cpath d='M176.5 155.928c6.805 0 12.273 5.379 12.273 12.072H207c0-16.494-13.731-30-30.5-30S146 151.506 146 168h18.227c0-6.693 5.468-12.072 12.273-12.072' style='fill:%23fff;fill-opacity:1'/%3E%3Cpath d='M344 167.795h-18.201c0 84.948-68.921 153.976-153.738 15a3.976s-153.86-69.028-153.86-153.976c0-55.176 25.36-98.923 67.83-127.726L75.837 25C28.394 57.083 0 110.556 0 167.795 0 262.83 77.173 340 171.939 340c94.767 0 171.94-77.292 171.94-172.205' style='fill:%23fff;fill-opacity:1'/%3E%3Cpath d='m284 113.636-16.391 7.917c-17.726-36.658-52.062-60.163-95.917-60.163-58.643 0-106.48 47.862-106.48 106.807 0 22.774 7.163 44.574 20.52 62.964L71.04 242C55.256 220.444 47 199.047 47 168.197 47 99.144 102.85 43 171.692 43c23.919 0 47.109 6.698 67.142 19.608C258.26 75.152 273.923 92.81 284 113.636' style='fill:%23fff;fill-opacity:1'/%3E%3Cpath d='M172 108.25V90c42.429 0 77 34.796 77 77.5S214.429 245 172 245s-77-34.796-77-77.5h18.132c0 32.728 26.472 59.25 58.868 59.25 32.516 0 58.868-26.522 58.868-59.25S204.396 108.25 172 108.25' style='fill:%23fff;fill-opacity:1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h284v168H0z' style='fill:%23fff;fill-opacity:1'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat;background-size: contain;position: absolute;bottom: -1px;right: -6px;pointer-events: none;} ._1000 body.estilo2 .boxTopo .centro::before{content: "";background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='284' height='168' fill='none' viewBox='0 0 284 168'%3E%3Cg fill='%23171415' clip-path='url(%23a)'%3E%3Cpath d='M176.5 155.928c6.805 0 12.273 5.379 12.273 12.072H207c0-16.494-13.731-30-30.5-30S146 151.506 146 168h18.227c0-6.693 5.468-12.072 12.273-12.072' style='fill:%23171415;fill:color(display-p3 .0902 .0784 .0824);fill-opacity:1'/%3E%3Cpath d='M344 167.795h-18.201c0 84.948-68.921 153.976-153.738 153.976s-153.86-69.028-153.86-153.976c0-55.176 25.36-98.923 67.83-127.726L75.837 25C28.394 57.083 0 110.556 0 167.795 0 262.83 77.173 340 171.939 340c94.767 0 171.94-77.292 171.94-172.205' style='fill:%23171415;fill:color(display-p3 .0902 .0784 .0824);fill-opacity:1'/%3E%3Cpath d='m284 113.636-16.391 7.917c-17.726-36.658-52.062-60.163-95.917-60.163-58.643 0-106.48 47.862-106.48 106.807 0 22.774 7.163 44.574 20.52 62.964L71.04 242C55.256 220.444 47 199.047 47 168.197 47 99.144 102.85 43 171.692 43c23.919 0 47.109 6.698 67.142 19.608C258.26 75.152 273.923 92.81 284 113.636' style='fill:%23171415;fill:color(display-p3 .0902 .0784 .0824);fill-opacity:1'/%3E%3Cpath d='M172 108.25V90c42.429 0 77 34.796 77 77.5S214.429 245 172 245s-77-34.796-77-77.5h18.132c0 32.728 26.472 59.25 58.868 59.25 32.516 0 58.868-26.522 58.868-59.25S204.396 108.25 172 108.25' style='fill:%23171415;fill:color(display-p3 .0902 .0784 .0824);fill-opacity:1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h284v168H0z' style='fill:%23fff;fill-opacity:1'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat; background-size: contain;} .boxTopo .centro h2{font: 700 56px/52px "Crimson Pro";letter-spacing: -0.02em;color: var(--corTextoPrincipal);} /* Box Catalogo */ .boxCatalogo{} .boxCatalogo .centro{display: flex;justify-content: space-between;gap: 20px;width: 100%;max-width: 1428px;padding: 112px 20px 114px;margin: 0px auto;} .boxCatalogo .centro a.mobile:link, .boxCatalogo .centro a.mobile:active, .boxCatalogo .centro a.mobile:visited{display: none;} .boxCatalogo .centro div.filtro div.janelaFiltro{width: 100%;max-width: 248px;/* height: 100%; *//* position: sticky; *//* top: 104px; */background: var(--corBody);transition: all 0.5s ease;} .boxCatalogo .centro div.filtro div.janelaFiltro h2{font: 700 50px /48px "Crimson Pro";letter-spacing: -0.03em;color: var(--corTituloFiltro);margin-bottom: 27px;} .boxCatalogo .centro div.filtro div.janelaFiltro div.listaFiltro{margin-bottom: 32px;} .boxCatalogo .centro div.filtro div.janelaFiltro div.listaFiltro > span{display: block;font-size: 16px;font-weight: 700;line-height: 16px;color: var(--corSubtitloFiltro);margin-bottom: 12px;transition: all 0.5s ease;} .boxCatalogo .centro div.filtro div.janelaFiltro div.listaFiltro ul{display: flex;flex-direction: column;gap: 12px;} .boxCatalogo .centro div.filtro div.janelaFiltro div.listaFiltro ul li{display: flex;justify-content: space-between;align-items: center;gap: 20px;cursor: pointer;transition: all 0.5s ease;} .boxCatalogo .centro div.filtro div.janelaFiltro div.listaFiltro ul li label{display: flex;flex-direction: row-reverse;gap: 12px;font-size: 14px;font-weight: 500;line-height: 18px;letter-spacing: -0.01em;color: var(--corTextoPrincipal);position: relative;cursor: pointer;transition: all 0.5s ease;} .boxCatalogo .centro div.filtro div.janelaFiltro div.listaFiltro ul li label input{width: 18px;min-width: 18px;height: 18px;position: absolute;top: 0px;left: 0px;transition: all 0.5s ease;} .boxCatalogo .centro div.filtro div.janelaFiltro div.listaFiltro ul li label span.checkmark{width: 18px;min-width: 18px;height: 18px;background: var(--corInputFiltro);outline: 1px solid var(--corBordaFiltro);outline-offset: -1px;position: relative;cursor: pointer;transition: all 0.5s ease;} .boxCatalogo .centro div.filtro div.janelaFiltro div.listaFiltro ul li label span.checkmark::before{content: "";display: block;position: absolute;width: 12px;min-width: 12px;height: 12px;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: var(--corInputHover);border-radius: 2px;opacity: 0;visibility: hidden;transition: all 0.5s ease;} .boxCatalogo .centro div.filtro div.janelaFiltro div.listaFiltro ul li.ativo label span.checkmark::before{content: "";opacity: 1;visibility: visible;background: var(--corInputAtivo);} .boxCatalogo .centro div.filtro div.janelaFiltro div.listaFiltro ul li b{width: 16px;display: block;font-size: 13px;font-weight: 500;line-height: 18px;letter-spacing: -0.02em;text-align: right;color: var(--corContadorFiltro);transition: all 0.5s ease;} /* Hover */ .boxCatalogo .centro div.filtro div.janelaFiltro div.listaFiltro:hover > span{color: var(--corSubtituloHover);} .boxCatalogo .centro div.filtro div.janelaFiltro div.listaFiltro ul li:not(.ativo):hover label span.checkmark::before{content: "";opacity: 15%;visibility: visible;} .boxCatalogo .centro div.filtro div.janelaFiltro div.listaFiltro ul li:hover label{color: var(--corTextoFiltroHover);} .boxCatalogo .centro div.filtro div.janelaFiltro div.listaFiltro ul li:hover b, .boxCatalogo .centro div.filtro div.janelaFiltro div.listaFiltro ul li.ativo b{color: var(--corContadorFiltroHover);} .boxCatalogo .centro div.listaLivros{width: 100%;max-width: 1030px;} .boxCatalogo .centro div.listaLivros .ordenarCatalogo{display: flex; align-items: center; gap: 10px; margin: 0 auto 20px; justify-content: flex-end;} .boxCatalogo .centro div.listaLivros .ordenarCatalogo label{display: block; font-size: 16px; font-weight: 700; line-height: 16px; color: var(--corSubtitloFiltro); transition: all 0.5s ease;} ._1000 .boxCatalogo .centro div.listaLivros .ordenarCatalogo select{width: 100%; max-width: 210px; font-size: 16px; font-weight: 500; line-height: 16px; letter-spacing: -0.02em; color: var(--corTextoSelect); -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 13 8'%3E%3Cpath fill='%23231f20' d='M10.622.414a1.38 1.38 0 0 1 1.97 0 1.425 1.425 0 0 1 0 1.996L7.485 7.586a1.38 1.38 0 0 1-1.97 0L.408 2.41a1.425 1.425 0 0 1 0-1.996 1.38 1.38 0 0 1 1.97 0L6.5 4.592z'/%3E%3C/svg%3E") no-repeat center right var(--corFundoSelect); background-position-x: calc(100% - 16px); background-size: 13px 8px; outline: 2px solid var(--corBordaSelect); outline-offset: -1px; padding: 13px 34px 13px 16px; transition: all 0.5s ease; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;cursor: pointer;} .boxCatalogo .centro div.listaLivros .ordenarCatalogo select option{display: block;font-size: 16px;font-weight: 500;line-height: 24px;letter-spacing: -0.02em;color: var(--corTextoPrincipal);background: var(--corFundoOption);transition: all 0.5s ease;} /* Hover | Focus */ ._1000 .boxCatalogo .centro div.listaLivros .ordenarCatalogo select:hover, ._1000 .boxCatalogo .centro div.listaLivros .ordenarCatalogo select:focus{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' fill='none' viewBox='0 0 13 8'%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='M10.759.583c-1.42 1.491-3.022 2.835-3.022 2.835L6.51 4.647l-1.327-1.19L2.089.313C1.285-.417-.006.206 0 1.388c.003.582.242.867.559 1.245l.11.132a38 38 0 0 0 2.468 2.463 60 60 0 0 1 1.899 1.821l.01.01c.628.63 1.39 1.394 2.175.604l4.82-4.469.17-.186c.486-.527.968-1.05.723-1.889A1.35 1.35 0 0 0 12.3.313c-.54-.291-1.114-.179-1.541.27' clip-rule='evenodd' style='fill:%23FFFFFF;fill-opacity:1'/%3E%3C/svg%3E") no-repeat center right var(--corFundoSelectHover);background-position-x: calc(100% - 16px);background-size: 13px 8px;color: var(--corTextoSelectHover);} ._1000 body.estilo2 .boxCatalogo .centro div.listaLivros .ordenarCatalogo select:hover, ._1000 body.estilo2 .boxCatalogo .centro div.listaLivros .ordenarCatalogo select:focus{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' fill='none' viewBox='0 0 13 8'%3E%3Cpath fill='%23ACACAC' fill-rule='evenodd' d='M10.759.583c-1.42 1.491-3.022 2.835-3.022 2.835L6.51 4.647l-1.327-1.19L2.089.313C1.285-.417-.006.206 0 1.388c.003.582.242.867.559 1.245l.11.132a38 38 0 0 0 2.468 2.463 60 60 0 0 1 1.899 1.821l.01.01c.628.63 1.39 1.394 2.175.604l4.82-4.469.17-.186c.486-.527.968-1.05.723-1.889A1.35 1.35 0 0 0 12.3.313c-.54-.291-1.114-.179-1.541.27' clip-rule='evenodd' style='fill:%23ACACAC;fill-opacity:1'/%3E%3C/svg%3E") no-repeat center right var(--corFundoSelectHover);background-position-x: calc(100% - 16px);background-size: 13px 8px;} .boxCatalogo .centro div.listaLivros ul.catalogoLivros{display: flex;justify-content: space-between;flex-wrap: wrap;gap: 60px 20px;width: 100%;margin-bottom: 80px; align-items: stretch; display: grid; grid-template-areas: ". . ." "nadaEncontrado nadaEncontrado nadaEncontrado"; grid-template-columns: 1fr 1fr 1fr; justify-items: end;} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li{display: flex; position: relative; /*width: calc((100% / 3) - 14px);*/ width: 100%; max-width: 312px; flex-direction: column; justify-content: space-between;} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li > a:link, .boxCatalogo .centro div.listaLivros ul.catalogoLivros li > a:active, .boxCatalogo .centro div.listaLivros ul.catalogoLivros li > a:visited{display: block;width: 100%;transition: all 0.5s ease;} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li.nadaEncontrado{max-width: 100%;width: 100%;text-align: center;padding: 30px;background: #191516;box-shadow: 0 0 0 3px #fff, 0 0 0 4px #a8a8a8;grid-area: nadaEncontrado;} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li.nadaEncontrado p{text-transform: uppercase;font-size: 18px;color: #fff;} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li.combo{} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li.combo a .capaLivro{display: flex;justify-content: center;flex-wrap: wrap;gap: 13px 17px;padding: 39px 20px 38px;} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li.combo a .capaLivro figure{width: calc((100% / 2) - 9px);max-width: 94px;height: 124px;} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li.combo a .capaLivro figure img{box-shadow: 29px 11px 11px rgba(20, 20, 20, 0.02), 16px 6px 11px rgba(20, 20, 20, 0.06), 7px 3px 8px rgba(20, 20, 20, 0.10), 2px 1px 4px 0 rgba(20, 20, 20, 0.12);} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li.semEstoque a div.capaLivro{} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li.semEstoque a div.capaLivro figure{filter: grayscale(1) brightness(0.95) opacity(0.85);} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li.semEstoque a div.capaLivro figure img{} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li.semEstoque a div.preco{display: none;} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li.semEstoque a.btnNotificacao:link, .boxCatalogo .centro div.listaLivros ul.catalogoLivros li.semEstoque a.btnNotificacao:active, .boxCatalogo .centro div.listaLivros ul.catalogoLivros li.semEstoque a.btnNotificacao:visited{max-width: max-content;background: var(--corBtn1);box-shadow: 0 3px 0 0 #00000000;border-radius: 2px;outline: none;padding: 10px 16px;position: relative;opacity: 34%;} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li.semEstoque a.btnNotificacao::before{content: "+";width: 44px;height: 40px;display: flex;justify-content: center;align-items: center;font: 600 28px/16px "Crimson Pro";text-align: center;letter-spacing: -0.01em;color: #FFF;background: #3B3839;position: absolute;top: 0px;right: -44px;box-shadow: 0 3px 0 0 #00000040;opacity: 0;visibility: hidden;transition: all 0.5s ease;padding-bottom: 4px;} /* .boxCatalogo .centro div.listaLivros ul.catalogoLivros li.semEstoque a.btnNotificacao:hover::before{content: "+";opacity: 1;visibility: visible;}*/ .boxCatalogo .centro div.listaLivros ul.catalogoLivros li.semEstoque a.btnNotificacao b{display: block;font-size: 14px;font-weight: 800;line-height: 20px;color: var(--corBtnTexto1);transition: all 0.5s ease;} /* Hover */ .boxCatalogo .centro div.listaLivros ul.catalogoLivros li.semEstoque a.btnNotificacao:hover{box-shadow: 0 3px 0 0 var(--corBtnSombraHover6);border-radius: 2px 0px 0px 2px;opacity: 1;} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li.semEstoque a.btnNotificacao:hover:before{/* content: ""; */} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li.semEstoque a.btnNotificacao:hover b{} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro{display: flex;justify-content: center;height: 344px;outline: 2px solid var(--corBordaCatalogo);outline-offset: -2px;border-radius: 0px 29px 0px 0px;position: relative;padding: 45px 8px 32px;margin-bottom: 8px;transition: all 0.5s ease;} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li > a:hover div.capaLivro{outline-color: var(--corBordaCatalogoHover);} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro span{display: none;} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro span.banner.bannerPreVenda{top: initial;bottom: 0;} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro span.banner{display: block;font-size: 14px;font-weight: 700;line-height: 16px;color: var(--corTextoTag);background: var(--corTag);border-radius: 1px;padding: 8px 16px;position: absolute;top: 0px;left: 0px;} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro span.bannerNovidade{background: #D22E2E;color: #FFF;} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a .capasCombo{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 13px 17px;position: relative;} body .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capasCombo figure{height: 127px;width: 94px;} body .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capasCombo figure:nth-of-type(5){position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 23;} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro figure.temExtra{position: relative;border: 1px solid var(--corBordaCatalogo);} .estilo1 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro figure.temExtra img{filter: invert(0);} .estilo2 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro figure.temExtra img, .estilo3 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro figure.temExtra img{filter: invert(0.9);} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro figure.temExtra span{position: absolute; display: flex; justify-content: center; align-items: center; font-size: 30px; line-height: 36px; font-weight: 500; color: var(--corTextoPrincipal); z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%);} /* Zig zag: capa central (5ª) fica realmente centralizada, e o restante se espalha em leque a partir do centro dela (par à esquerda, ímpar à direita) */ body .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capasCombo figure span.capaExtra{position: absolute;top: 50%;left: calc(50% + var(--offset-x-extra));transform: translate(-50%, -50%);width: 100%;height: 100%;z-index: calc(-1 - var(--indice-extra));box-shadow: 0 4px 10px #00000020;display: block!important;} body .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capasCombo figure span.capaExtra img{width: 100%;height: 100%;object-fit: cover;box-shadow: none;} /* body .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capasCombo figure.capaComboVazio{display: flex;align-items: center;justify-content: center;outline: 2px solid #0000000D;outline-offset: -2px;background: #ededed;width: 100%;max-width: 94px;height: 127px;margin: 0px;} body .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capasCombo figure.capaComboVazio svg{width: 30px;height: 30px;} body .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capasCombo figure.capaComboVazio svg path{} */ .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro figure{width: 100%;max-width: 189px;height: 255px;} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro figure img{width: 100%;height: 100%;box-shadow: 57px 22px 24px var(--corSombra1), 32px 12px 21px var(--corSombra2), 14px 6px 15px 0 var(--corSombra3), 4px 1px 8px 0 var(--corSombra4);object-fit: cover;} body .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capasCombo figure.comboVazio{} body .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capasCombo figure.comboVazio img{outline: 2px solid #0000000D;outline-offset: -2px; box-shadow: initial !important;} ._320 body.estilo1 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capasCombo figure.comboVazio img{outline: 2px solid #00000014; filter: brightness(1.05);} body.estilo2 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capasCombo figure.comboVazio img, body.estilo3 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capasCombo figure.comboVazio img{filter: invert(1);} /* Vazio */ .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro figure.semCapa{position: relative;z-index: 1;outline: 2px solid #c7c7c74f; outline-offset: -2px;} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro figure.semCapa img{position: relative;z-index: -1;object-fit: cover;filter: var(--inverteCor); box-shadow: none !important;} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro figure.semCapa{/*outline: initial;*/} /*._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro figure.semCapa img{opacity: 0 !important;} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro figure.semCapa::before{content: ''; display: block; position: absolute; width: 100%; height: 100%; background: url("../img/semFotoCarrinho.webp") no-repeat; background-size: contain; top: 50%; left: 50%; transform: translate(-50%, -50%); user-select: none;filter: var(--inverteCor);} ._320 body.estilo1 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro figure.semCapa::before{filter: brightness(0.95) var(--inverteCor);}*/ .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro:not(.capaCombo):has(figure svg){background: #ededed;} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro figure:has(svg){max-width: 50px;height: auto;margin: auto;} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro figure svg{width: 100%;height: 100%;} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro figure svg path{fill: #19151614;} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a h3{font: 600 22px/24px "Crimson Pro";letter-spacing: -0.02em;color: var(--corTextoPrincipal);margin-bottom: 12px;} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a h3 em{font-weight: 600;} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a h3 i{display: block;font: 500 18px/20px "Crimson Pro";font-style: italic;color: var(--corTextoItalico);opacity: 56%;} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.preco{display: flex;gap: 8px;margin-bottom: 12px;} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.preco p.precoInativo{text-decoration: line-through var(--corTextoPrincipal) solid;color: var(--corTextoPrincipal);opacity: 50%;} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.preco p{font-size: 16px;font-weight: 600;line-height: 20px;letter-spacing: -0.01em;color: var(--corTextoPrincipal);} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a.btnPreto:link, .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a.btnPreto:active, .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a.btnPreto:visited{display: flex;outline: initial !important;box-shadow: 0 3px 0 0 #00000000;border-radius: 2px;position: relative;padding: 10px 16px;} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a.btnPreto::before{content: "";width: 44px;height: 40px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none' viewBox='0 0 28 28'%3E%3Cpath fill='%23fff' d='M14.466 21.455a1.67 1.67 0 0 1 1.947-.22c.625.354.91 1.06.696 1.712a1.54 1.54 0 0 1-1.055.988c-.7.2-1.454-.074-1.828-.662a1.42 1.42 0 0 1 .24-1.818m-5.219-.436c.835-.138 1.619.417 1.755 1.228.135.809-.424 1.579-1.259 1.71-.831.133-1.61-.422-1.745-1.228s.42-1.573 1.25-1.71M1.657 4.03c.284-.048 1.077-.035 1.429 0 1.415.142 2.083 1.25 2.27 2 5.15 0 9.3 0 14.45-.005.315.003.573.042.767.14.37.186.47.607.412.987-.027.18-.075.355-.123.56-.411 1.744-.806 2.497-1.147 4.258-.116.598-.209 1.068-.408 1.485-.193.402-.493.767-1.046 1.12-.704.455-1.44.423-2.26.417H7.733c.087.397.186.758.325 1.141.119.329.328.746.712.808.482.078 1.65.058 1.65.058h6.927c1.171-.016 1.278 2-.08 2l-7.533-.002c-1.102.004-2.531-.385-3.198-1.754-.216-.443-.325-.946-.456-1.56-.668-3.146-1.392-5.188-2.107-8.318a1.93 1.93 0 0 0-.886-1.238c-.362-.223-.74-.305-.94-.306-.317-.002-.53-.01-.695-.112a.93.93 0 0 1-.319-1.274.83.83 0 0 1 .524-.405M6 8c.5 1.5 1.031 3.453 1.53 5.018 0 0 6.497-.018 9.284-.018.389-.01.78-.268.904-.66.547-1.737.838-2.534 1.282-4.297z' opacity='.32' style='fill:%23fff;fill-opacity:1'/%3E%3Cpath fill='%23fff' d='M22.038 13V5h1.995v8zM19 10V8h8v2z' style='fill:%23fff;fill-opacity:1'/%3E%3C/svg%3E") no-repeat center var(--corBtnHoverDetalhes6);background-size: 28px 28px;border-radius: 0px 2px 2px 0px; opacity: 0;visibility: hidden;position: absolute;top: 0px;right: -44px;box-shadow: 0 3px 0 0 var(--corBtnSombraHover6);transition: all 0.5s ease;} body.estilo2 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a.btnPreto::before{content: "";background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' fill='none' viewBox='0 0 26 20'%3E%3Cpath fill='%23171415' d='M13.466 17.455a1.67 1.67 0 0 1 1.947-.22c.625.354.91 1.06.696 1.712a1.54 1.54 0 0 1-1.055.988c-.7.2-1.454-.074-1.828-.662a1.42 1.42 0 0 1 .24-1.818m-5.219-.436c.835-.138 1.619.417 1.755 1.228.135.809-.424 1.579-1.259 1.71-.831.133-1.61-.422-1.745-1.228s.42-1.573 1.25-1.71M.657.03c.284-.048 1.077-.035 1.429 0 1.415.142 2.083 1.25 2.27 2 5.15 0 9.3 0 14.45-.005.315.003.573.042.767.14.37.186.47.607.412.987-.027.18-.075.355-.123.56-.411 1.744-.806 2.496-1.147 4.258-.116.598-.209 1.068-.408 1.485-.193.402-.493.767-1.046 1.12-.704.455-1.44.423-2.26.417H6.733c.087.397.186.758.325 1.141.119.329.328.746.712.808.482.079 1.65.058 1.65.058h6.927c1.171-.016 1.278 2-.08 2l-7.533-.002c-1.102.004-2.531-.384-3.198-1.754-.216-.443-.325-.946-.456-1.56-.668-3.146-1.392-5.188-2.107-8.318a1.93 1.93 0 0 0-.886-1.238c-.362-.223-.74-.305-.94-.306-.317-.002-.53-.01-.695-.112A.93.93 0 0 1 .132.436.83.83 0 0 1 .656.03M5 4c.5 1.5 1.031 3.453 1.53 5.018 0 0 6.497-.018 9.284-.018.389-.01.78-.268.904-.66.547-1.737.838-2.534 1.282-4.297z' opacity='.32' style='fill:%23171415;fill:color(display-p3 .0902 .0784 .0824);fill-opacity:1'/%3E%3Cpath fill='%23000' d='M21.038 9V1h1.995v8zM18 6V4h8v2z' style='fill:%23000;fill-opacity:1'/%3E%3C/svg%3E") no-repeat center var(--corBtnHoverDetalhes6);background-size: 28px 28px;} body.estilo3 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a.btnPreto::before{content: "";background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' fill='none' viewBox='0 0 26 20'%3E%3Cpath fill='%23000' d='M13.466 17.455a1.67 1.67 0 0 1 1.947-.22c.625.354.91 1.06.696 1.712a1.54 1.54 0 0 1-1.055.988c-.7.2-1.454-.074-1.828-.662a1.42 1.42 0 0 1 .24-1.818m-5.219-.436c.835-.138 1.619.417 1.755 1.228.135.809-.424 1.579-1.259 1.71-.831.133-1.61-.422-1.745-1.228s.42-1.573 1.25-1.71M.657.03c.284-.048 1.077-.035 1.429 0 1.415.142 2.083 1.25 2.27 2 5.15 0 9.3 0 14.45-.005.315.003.573.042.767.14.37.186.47.607.412.987-.027.18-.075.355-.123.56-.411 1.744-.806 2.496-1.147 4.258-.116.598-.209 1.068-.408 1.485-.193.402-.493.767-1.046 1.12-.704.455-1.44.423-2.26.417H6.733c.087.397.186.758.325 1.141.119.329.328.746.712.808.482.079 1.65.058 1.65.058h6.927c1.171-.016 1.278 2-.08 2l-7.533-.002c-1.102.004-2.531-.384-3.198-1.754-.216-.443-.325-.946-.456-1.56-.668-3.146-1.392-5.188-2.107-8.318a1.93 1.93 0 0 0-.886-1.238c-.362-.223-.74-.305-.94-.306-.317-.002-.53-.01-.695-.112A.93.93 0 0 1 .132.436.83.83 0 0 1 .656.03M5 4c.5 1.5 1.031 3.453 1.53 5.018 0 0 6.497-.018 9.284-.018.389-.01.78-.268.904-.66.547-1.737.838-2.534 1.282-4.297z' opacity='.32' style='fill:%23000;fill-opacity:1'/%3E%3Cpath fill='%23000' d='M21.038 9V1h1.995v8zM18 6V4h8v2z' style='fill:%23000;fill-opacity:1'/%3E%3C/svg%3E") no-repeat center var(--corBtnHoverDetalhes6);background-size: 28px 28px;} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a.btnPreto b{font-size: 14px;font-weight: 800;line-height: 20px;} /* Hover */ .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a.btnPreto:hover{box-shadow: 0 3px 0 0 var(--corBtnSombraHover6);border-radius: 2px 0px 0px 2px;outline: initial !important;background: var(--corBtn1) !important;} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a.btnPreto:hover::before{content: "";opacity: 1;visibility: visible;} .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a.btnPreto:hover b{color: var(--corBtnTextoHover6) !important;} /* Box Banner */ .boxCatalogo .centro div.listaLivros div.boxBannerDesconto{display: flex;align-items: center;justify-content: space-between;gap: 20px;background: var(--corFundoEmail2);position: relative;padding: 0px 20px 0px 128px;margin: 0px 0px 64px;} .boxCatalogo .centro div.listaLivros div.boxBannerDesconto::before{content: ""; width: 46px; height: 65px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='65' fill='none' viewBox='0 0 46 65'%3E%3Cpath fill='%23231f20' d='M46 10.422c0-5.4-6.678-9.629-15.202-9.629-2.734 0-5.277.436-7.472 1.205A10.14 10.14 0 0 0 17.278 0c-5.415 0-9.864 4.255-10.24 9.628L0 13.489V65h34.556V19.763C41.235 18.719 46 14.957 46 10.422m-14.81 51.18H3.366V15.51l7.052-3.87s-.04-1.22-.04-1.276c0-3.841 3.095-6.967 6.9-6.967.83 0 1.625.15 2.362.421-2.52 1.712-4.045 4.024-4.045 6.603h3.366c0-.862.406-2.545 3.122-4.138q.27-.157.553-.302a6.97 6.97 0 0 1 1.542 4.383c0 .057-.04 1.276-.04 1.276l7.052 3.87zm8.621-47.224c-1.438.908-3.248 1.57-5.255 1.939v-2.828l-7.038-3.861a10.36 10.36 0 0 0-1.605-4.859 20.3 20.3 0 0 1 4.885-.578c3.318 0 6.413.744 8.714 2.093 2.717 1.593 3.122 3.276 3.122 4.138 0 1.891-1.769 3.29-2.823 3.955' style='fill:%23231f20;fill:color(display-p3 .1373 .1216 .1255);fill-opacity:1'/%3E%3Cpath fill='%23231f20' d='M7.517 17.71v17.235l9.761 2.61 9.761-2.61V17.71l-9.761 2.61zm3.366 4.416 4.712 1.26v10.203l-4.712-1.26zm12.79 10.203-4.712 1.26V23.386l4.712-1.26z' style='fill:%23231f20;fill:color(display-p3 .1373 .1216 .1255);fill-opacity:1'/%3E%3Cpath fill='%23fff' d='m23.673 32.33-4.712 1.26V23.385l4.712-1.26zM10.883 22.126l4.712 1.26v10.203l-4.712-1.26z' style='fill:%23fff;fill-opacity:1'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M3.366 61.602V15.51l7.052-3.87s-.04-1.22-.04-1.276c0-3.841 3.095-6.967 6.9-6.967.83 0 1.625.15 2.362.421-2.52 1.712-4.045 4.024-4.045 6.603h3.366c0-.862.406-2.545 3.122-4.138q.27-.157.553-.302a6.97 6.97 0 0 1 1.542 4.383c0 .057-.04 1.276-.04 1.276l7.052 3.87V61.6zm4.151-26.657V17.71l9.761 2.61 9.761-2.61v17.235l-9.761 2.61z' clip-rule='evenodd' style='fill:%23fff;fill-opacity:1'/%3E%3Cpath fill='%23231f20' d='M14.757 52.5a1.62 1.62 0 0 1-2.257 0 1.544 1.544 0 0 1 0-2.214l7-6.786a1.62 1.62 0 0 1 2.257 0 1.545 1.545 0 0 1 0 2.214zM11.904 44.565c0-.857.706-1.565 1.596-1.565.881 0 1.596.7 1.596 1.565s-.715 1.566-1.596 1.566-1.596-.701-1.596-1.566M20.557 53.065c-.881 0-1.596-.7-1.596-1.565 0-.864.714-1.565 1.595-1.565.891 0 1.597.709 1.597 1.565 0 .864-.714 1.565-1.596 1.565' style='fill:%23231f20;fill:color(display-p3 .1373 .1216 .1255);fill-opacity:1'/%3E%3C/svg%3E") no-repeat;position: absolute; top: -16px; left: 48px;} body.estilo2 .boxCatalogo .centro div.listaLivros div.boxBannerDesconto::before{content: ""; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='65' fill='none' viewBox='0 0 46 65'%3E%3Cpath fill='%23000' d='M46 10.422c0-5.4-6.678-9.629-15.202-9.629-2.734 0-5.277.436-7.472 1.205A10.14 10.14 0 0 0 17.278 0c-5.415 0-9.864 4.255-10.24 9.628L0 13.489V65h34.556V19.763C41.235 18.719 46 14.957 46 10.422m-14.81 51.18H3.366V15.51l7.052-3.87s-.04-1.22-.04-1.276c0-3.841 3.095-6.967 6.9-6.967.83 0 1.625.15 2.362.421-2.52 1.712-4.045 4.024-4.045 6.603h3.366c0-.862.406-2.545 3.122-4.138q.27-.157.553-.302a6.97 6.97 0 0 1 1.542 4.383c0 .057-.04 1.276-.04 1.276l7.052 3.87zm8.621-47.224c-1.438.908-3.248 1.57-5.255 1.939v-2.828l-7.038-3.861a10.36 10.36 0 0 0-1.605-4.859 20.3 20.3 0 0 1 4.885-.578c3.318 0 6.413.744 8.714 2.093 2.717 1.593 3.122 3.276 3.122 4.138 0 1.891-1.769 3.29-2.823 3.955' style='fill:%23000;fill-opacity:1'/%3E%3Cpath fill='%23000' d='M7.517 17.71v17.235l9.761 2.61 9.761-2.61V17.71l-9.761 2.61zm3.366 4.416 4.712 1.26v10.203l-4.712-1.26zm12.79 10.203-4.712 1.26V23.386l4.712-1.26z' style='fill:%23000;fill-opacity:1'/%3E%3Cpath fill='%23d7d7d7' d='m23.673 32.33-4.712 1.26V23.385l4.712-1.26zM10.883 22.126l4.712 1.26v10.203l-4.712-1.26z' style='fill:%23d7d7d7;fill:color(display-p3 .8431 .8431 .8431);fill-opacity:1'/%3E%3Cpath fill='%23d7d7d7' fill-rule='evenodd' d='M3.366 61.602V15.51l7.052-3.87s-.04-1.22-.04-1.276c0-3.841 3.095-6.967 6.9-6.967.83 0 1.625.15 2.362.421-2.52 1.712-4.045 4.024-4.045 6.603h3.366c0-.862.406-2.545 3.122-4.138q.27-.157.553-.302a6.97 6.97 0 0 1 1.542 4.383c0 .057-.04 1.276-.04 1.276l7.052 3.87V61.6zm4.151-26.657V17.71l9.761 2.61 9.761-2.61v17.235l-9.761 2.61z' clip-rule='evenodd' style='fill:%23d7d7d7;fill:color(display-p3 .8431 .8431 .8431);fill-opacity:1'/%3E%3Cpath fill='%23000' d='M14.757 52.5a1.62 1.62 0 0 1-2.257 0 1.544 1.544 0 0 1 0-2.214l7-6.786a1.62 1.62 0 0 1 2.257 0 1.545 1.545 0 0 1 0 2.214zM11.904 44.565c0-.857.706-1.565 1.596-1.565.881 0 1.596.7 1.596 1.565s-.715 1.566-1.596 1.566-1.596-.701-1.596-1.566M20.557 53.065c-.881 0-1.596-.7-1.596-1.565 0-.864.714-1.565 1.595-1.565.891 0 1.597.709 1.597 1.565 0 .864-.714 1.565-1.596 1.565' style='fill:%23000;fill-opacity:1'/%3E%3C/svg%3E") no-repeat;} body.estilo3 .boxCatalogo .centro div.listaLivros div.boxBannerDesconto::before{content: ""; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='65' fill='none' viewBox='0 0 46 65'%3E%3Cpath fill='%23171415' d='M46 10.422c0-5.4-6.678-9.629-15.202-9.629-2.734 0-5.277.436-7.472 1.205A10.14 10.14 0 0 0 17.278 0c-5.415 0-9.864 4.255-10.24 9.628L0 13.489V65h34.556V19.763C41.235 18.719 46 14.957 46 10.422m-14.81 51.18H3.366V15.51l7.052-3.87s-.04-1.22-.04-1.276c0-3.841 3.095-6.967 6.9-6.967.83 0 1.625.15 2.362.421-2.52 1.712-4.045 4.024-4.045 6.603h3.366c0-.862.406-2.545 3.122-4.138q.27-.157.553-.302a6.97 6.97 0 0 1 1.542 4.383c0 .057-.04 1.276-.04 1.276l7.052 3.87zm8.621-47.224c-1.438.908-3.248 1.57-5.255 1.939v-2.828l-7.038-3.861a10.36 10.36 0 0 0-1.605-4.859 20.3 20.3 0 0 1 4.885-.578c3.318 0 6.413.744 8.714 2.093 2.717 1.593 3.122 3.276 3.122 4.138 0 1.891-1.769 3.29-2.823 3.955' style='fill:%23171415;fill:color(display-p3 .0902 .0784 .0824);fill-opacity:1'/%3E%3Cpath fill='%23171415' d='M7.517 17.71v17.235l9.761 2.61 9.761-2.61V17.71l-9.761 2.61zm3.366 4.416 4.712 1.26v10.203l-4.712-1.26zm12.79 10.203-4.712 1.26V23.386l4.712-1.26z' style='fill:%23171415;fill:color(display-p3 .0902 .0784 .0824);fill-opacity:1'/%3E%3Cpath fill='%23fff' d='m23.673 32.33-4.712 1.26V23.385l4.712-1.26zM10.883 22.126l4.712 1.26v10.203l-4.712-1.26z' style='fill:%23fff;fill-opacity:1'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M3.366 61.602V15.51l7.052-3.87s-.04-1.22-.04-1.276c0-3.841 3.095-6.967 6.9-6.967.83 0 1.625.15 2.362.421-2.52 1.712-4.045 4.024-4.045 6.603h3.366c0-.862.406-2.545 3.122-4.138q.27-.157.553-.302a6.97 6.97 0 0 1 1.542 4.383c0 .057-.04 1.276-.04 1.276l7.052 3.87V61.6zm4.151-26.657V17.71l9.761 2.61 9.761-2.61v17.235l-9.761 2.61z' clip-rule='evenodd' style='fill:%23fff;fill-opacity:1'/%3E%3Cpath fill='%23171415' d='M14.757 52.5a1.62 1.62 0 0 1-2.257 0 1.544 1.544 0 0 1 0-2.214l7-6.786a1.62 1.62 0 0 1 2.257 0 1.545 1.545 0 0 1 0 2.214zM11.904 44.565c0-.857.706-1.565 1.596-1.565.881 0 1.596.7 1.596 1.565s-.715 1.566-1.596 1.566-1.596-.701-1.596-1.566M20.557 53.065c-.881 0-1.596-.7-1.596-1.565 0-.864.714-1.565 1.595-1.565.891 0 1.597.709 1.597 1.565 0 .864-.714 1.565-1.596 1.565' style='fill:%23171415;fill:color(display-p3 .0902 .0784 .0824);fill-opacity:1'/%3E%3C/svg%3E") no-repeat;} .boxCatalogo .centro div.listaLivros div.boxBannerDesconto::after{content: "";width: 36px;height: calc(100% - 60px);background: var(--corFaixa);position: absolute;bottom: 0px;left: 47px;pointer-events: none;} .boxCatalogo .centro div.listaLivros div.boxBannerDesconto div.conteudo{width: 100%;max-width: 496px;padding: 36px 20px 44px 0px;border-right: 1px dashed var(--corBordaPontilhada);} .boxCatalogo .centro div.listaLivros div.boxBannerDesconto div.conteudo h2{font: 700 44px/44px "Crimson Pro";letter-spacing: -0.02em;color: var(--corTituloDesconto);margin-bottom: 4px;} .boxCatalogo .centro div.listaLivros div.boxBannerDesconto div.conteudo p{width: 100%;max-width: 429px;font-size: 16px;font-weight: 400;line-height: 24px;color: var(--corTextoDesconto);} .boxCatalogo .centro div.listaLivros div.boxBannerDesconto div.conteudo p b{display: inline;font-weight: 600;color: var(--corTextoBold);} .boxCatalogo .centro div.listaLivros div.boxBannerDesconto div.conteudoCTA{width: 100%;max-width: 312px;height: 100%;} .boxCatalogo .centro div.listaLivros div.boxBannerDesconto div.conteudoCTA p{font-size: 16px;font-weight: 400;line-height: 22px;color: var(--corTextoDesconto);position: relative;margin-bottom: 16px;} .boxCatalogo .centro div.listaLivros div.boxBannerDesconto div.conteudoCTA p::before{content: "";width: 55px;height: 58px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='55' height='58' fill='none' viewBox='0 0 55 58'%3E%3Cpath fill='%23000' d='M10.243 57.729c4.87-.074 9.837-.127 14.693-.606.407-.014.66-3.074.563-3.094-4.864-.428-9.616-.43-14.466-.451-2.017-.026-5.574.527-8.027-.294 1.139-1.064 2.374-2.108 3.61-3.152-.172 1.269-.212 2.867-.212 2.867 15.914-2.054 31.378-6.26 40.146-19.725C52.584 24.006 55.27 13.245 54.979.41c-.062-1.695-.832 2.364-.816 2.961.175 10.693-5.826 23.256-12.379 30.902-6.921 8.076-21.012 11.623-32.836 13.941 1.725-1.443 3.43-2.79 5.232-4.115.98-.797.127-3.89.851-4.44C10 43.316 5.411 47.265.952 51.544c-.53.59-1.211 3.76-.851 4.44 1.378 3.003 7.407 1.769 10.142 1.745' opacity='.12' style='fill:%23000;fill-opacity:1'/%3E%3C/svg%3E") no-repeat;background-size: contain;position: absolute;top: 28px;right: 28px;pointer-events: none;} body.estilo2 .boxCatalogo .centro div.listaLivros div.boxBannerDesconto div.conteudoCTA p::before{content: "";background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='55' height='58' fill='none' viewBox='0 0 55 58'%3E%3Cpath fill='%23acacac' d='M10.243 57.729c4.87-.074 9.837-.127 14.693-.606.407-.014.66-3.074.563-3.094-4.864-.428-9.616-.43-14.466-.451-2.017-.026-5.574.527-8.027-.294 1.139-1.064 2.374-2.108 3.61-3.152-.172 1.269-.212 2.867-.212 2.867 15.914-2.054 31.378-6.26 40.146-19.725C52.584 24.006 55.27 13.245 54.979.41c-.062-1.695-.832 2.364-.816 2.961.175 10.693-5.826 23.256-12.379 30.902-6.921 8.076-21.012 11.623-32.836 13.941 1.725-1.443 3.43-2.79 5.232-4.115.98-.797.127-3.89.851-4.44C10 43.316 5.411 47.265.952 51.544c-.53.59-1.211 3.76-.851 4.44 1.378 3.003 7.407 1.769 10.142 1.745' opacity='.12' style='fill:%23acacac;fill:color(display-p3 .6731 .6731 .6731);fill-opacity:1'/%3E%3C/svg%3E") no-repeat;background-size: contain;} .boxCatalogo .centro div.listaLivros div.boxBannerDesconto div.conteudoCTA p b{display: inline;font-weight: 600;color: var(--corTextoBold);} .boxCatalogo .centro div.listaLivros div.boxBannerDesconto div.conteudoCTA a:link, .boxCatalogo .centro div.listaLivros div.boxBannerDesconto div.conteudoCTA a:active, .boxCatalogo .centro div.listaLivros div.boxBannerDesconto div.conteudoCTA a:visited{display: block;border-radius: 1px;background: var(--corBtnDesconto);outline: 2px solid var(--corBtnBordaDessconto) !important;padding: 16px 28px;} .boxCatalogo .centro div.listaLivros div.boxBannerDesconto div.conteudoCTA a b{color: var(--corBtnTextoDesconto);} /* Hover */ .boxCatalogo .centro div.listaLivros div.boxBannerDesconto div.conteudoCTA a:hover{background: var(--corBtnDescontoHover) !important;} .boxCatalogo .centro div.listaLivros div.boxBannerDesconto div.conteudoCTA a:hover b{color: var(--corBtnTextoDescontoHover) !important;} /* Banner evento */ .boxCatalogo .centro div.listaLivros ul li.bannerEvento{width: 100%;max-width: 1016px;height: auto;/* background: #0FAA4E; *//* padding: 0px 16px 9px 22px; */margin-bottom: 120px;position: relative;} .boxCatalogo .centro div.listaLivros ul li.bannerEvento a:link, .boxCatalogo .centro div.listaLivros ul li.bannerEvento a:active, .boxCatalogo .centro div.listaLivros ul li.bannerEvento a:visited{display: block;width: 100%; height: 100%;transition: all 0.5s ease;} /* Hover */ .boxCatalogo .centro div.listaLivros ul li.bannerEvento a:hover{} .boxCatalogo .centro div.listaLivros ul li.bannerEvento a figure{width: 100%;height: auto;user-select: none;} .boxCatalogo .centro div.listaLivros ul li.bannerEvento a figure img{width: 100%; height: 100%; object-fit: contain;} .boxCatalogo .centro div.listaLivros ul li.bannerEvento div.bannerTemporal{width: 100%;max-width: 193px;height: max-content;background: linear-gradient(180deg, #0000001a 0%, #ffffff1a 25%), #FFF;position: relative;padding: 8px 8px 18px;margin-left: -32px;} .boxCatalogo .centro div.listaLivros ul li.bannerEvento div.bannerTemporal::before{content: "";width: calc(100% - 16px);height: 4px;background: #000;position: absolute;bottom: -4px;left: 50%;transform: translate(-50%);} .boxCatalogo .centro div.listaLivros ul li.bannerEvento div.bannerTemporal::after{content: "";width: calc(100% - 36px);height: 4px;background: rgb(0 0 0 / 20%);position: absolute;bottom: -8px;left: 50%;transform: translate(-50%);} .boxCatalogo .centro div.listaLivros ul li.bannerEvento div.bannerTemporal span{display: block; font: 700 24px/23px "Crimson Pro"; letter-spacing: -0.02em; text-align: center; color: #231f20; margin-bottom: 14px;} .boxCatalogo .centro div.listaLivros ul li.bannerEvento div.bannerTemporal figure{width: 100%; max-width: 104px; height: 113px; user-select: none; margin: 0px auto;} .boxCatalogo .centro div.listaLivros ul li.bannerEvento div.bannerTemporal figure img{width: 100%; height: 100%; object-fit: contain;} .boxCatalogo .centro div.listaLivros ul li.bannerEvento figure.imgBanner{width: 100%;max-width: 367px;height: auto;user-select: none;margin-left: -14px;} .boxCatalogo .centro div.listaLivros ul li.bannerEvento figure.imgBanner img{width: 100%; height: 100%; object-fit: contain;} /* Botao Splide */ .splide__pagination{width: 100%;max-width: 140px;height: 17px;display: flex !important;align-items: center;gap: 8px;bottom: 77px !important;left: 50%;transform: translateX(-50%);right: initial !important;padding: 0px !important;} .splide__pagination__page{width: 8px !important;min-width: 8px !important;height: 8px !important;background: var(--corBtnSplide) !important;opacity: 24% !important;border-radius: 1px !important;margin: 0px !important;transition: all 0.5s ease !important;} .splide__pagination__page.is-active{transform: initial !important;background: var(--corBtnSplideAtivo) !important; opacity: 1 !important;} .splide__arrows{margin-left: auto;width: 100%;max-width: 140px;height: 23px;display: flex;gap: 2px;position: absolute;bottom: 73px;left: 50%;transform: translateX(-50%);z-index: 1;} .splide__arrows button{width: 22px;height: 17px;opacity: 1;transition: all 0.5s ease;} .splide__arrows button.splide__arrow--prev{left: 0px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='17' fill='none' viewBox='0 0 22 17'%3E%3Cpath fill='%23231f20' d='m8.108 17 1.948-2.112-4.523-4.903H22v-2.97H5.516l4.523-4.903L8.091 0 0 8.5z' opacity='.24' style='fill:%23231f20;fill:color(display-p3 .1373 .1216 .1255);fill-opacity:1'/%3E%3C/svg%3E") no-repeat;} .splide__arrows button.splide__arrow--next{right: 0px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='17' fill='none' viewBox='0 0 22 17'%3E%3Cpath fill='%23231f20' d='m13.892 17-1.948-2.112 4.523-4.903H0v-2.97h16.484L11.96 2.112 13.908 0 22 8.5z' opacity='.24' style='fill:%23231f20;fill:color(display-p3 .1373 .1216 .1255);fill-opacity:1'/%3E%3C/svg%3E") no-repeat;} body.estilo2 .splide__arrows button.splide__arrow--prev, body.estilo3 .splide__arrows button.splide__arrow--prev{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='17' fill='none' viewBox='0 0 22 17'%3E%3Cpath fill='%23FFF' d='m8.108 17 1.948-2.112-4.523-4.903H22v-2.97H5.516l4.523-4.903L8.091 0 0 8.5z' opacity='.24' style='fill:%23FFF;fill:%23FFF;fill-opacity:1'/%3E%3C/svg%3E") no-repeat;} body.estilo2 .splide__arrows button.splide__arrow--next, body.estilo3 .splide__arrows button.splide__arrow--next{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='17' fill='none' viewBox='0 0 22 17'%3E%3Cpath fill='%23FFF' d='m13.892 17-1.948-2.112 4.523-4.903H0v-2.97h16.484L11.96 2.112 13.908 0 22 8.5z' opacity='.24' style='fill:%23FFF;fill:%23FFF;fill-opacity:1'/%3E%3C/svg%3E") no-repeat;} .splide__arrows button svg{display: none;} /* Hover */ .splide__arrows button.splide__arrow--prev:hover{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='17' fill='none' viewBox='0 0 22 17'%3E%3Cpath fill='%23231f20' d='m8.108 17 1.948-2.112-4.523-4.903H22v-2.97H5.516l4.523-4.903L8.091 0 0 8.5z' opacity='1' style='fill:%23231f20;fill:color(display-p3 .1373 .1216 .1255);fill-opacity:1'/%3E%3C/svg%3E") no-repeat;} .splide__arrows button.splide__arrow--next:hover{right: 0px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='17' fill='none' viewBox='0 0 22 17'%3E%3Cpath fill='%23231f20' d='m13.892 17-1.948-2.112 4.523-4.903H0v-2.97h16.484L11.96 2.112 13.908 0 22 8.5z' opacity='1' style='fill:%23231f20;fill:color(display-p3 .1373 .1216 .1255);fill-opacity:1'/%3E%3C/svg%3E") no-repeat;} .boxCatalogo .centro div.listaLivros a.btnCarregar:link, .boxCatalogo .centro div.listaLivros a.btnCarregar:active, .boxCatalogo .centro div.listaLivros a.btnCarregar:visited{display: flex;justify-content: center;align-items: center;gap: 8px;padding: 6px 20px 8px;margin-top: 88px;border-top: 2px solid #231f2014;transition: all 0.5s ease;} .boxCatalogo .centro div.listaLivros a.btnCarregar::after{content: "";width: 6px;min-width: 6px;height: 6px;background: #231f203d;transition: all 0.5s ease;} .boxCatalogo .centro div.listaLivros a.btnCarregar b{display: block; font-size: 16px; font-weight: 700; line-height: 16px; letter-spacing: -0.02em; color: #231F20; transition: all 0.5s ease;} /* Hover */ .boxCatalogo .centro div.listaLivros a.btnCarregar:hover{} .boxCatalogo .centro div.listaLivros a.btnCarregar:hover::after{content: ""; background: #231F20;} .boxCatalogo .centro div.listaLivros a.btnCarregar:hover b{color: #000;} @media screen and (max-width: 1240px){ .boxCatalogo .centro div.listaLivros ul li.bannerEvento div.bannerTemporal{max-width: 155px;margin-left: -22px;} .boxCatalogo .centro div.listaLivros ul li.bannerEvento div.figurasData figure.imgData{min-height: 83px;} } @media screen and (max-width: 1200px){ .boxCatalogo .centro div.listaLivros ul li.bannerEvento figure.imgBanner{margin-left: -27px;} } @media screen and (max-width: 1154px){ .boxCatalogo .centro div.listaLivros ul li.bannerEvento div.bannerTemporal{max-width: 145px;} .boxCatalogo .centro div.listaLivros ul li.bannerEvento div.bannerTemporal span{font: 700 20px/20px "Crimson Pro";} .boxCatalogo .centro div.listaLivros ul li.bannerEvento figure.imgBanner{margin-left: -35px;} .boxCatalogo .centro div.listaLivros ul li.bannerEvento div.bannerTemporal figure{max-width: 80px; height: auto;} } @media screen and (max-width: 1110px){ .boxCatalogo .centro div.listaLivros ul li.bannerEvento div.bannerTemporal{max-width: 120px;} .boxCatalogo .centro div.listaLivros ul li.bannerEvento figure.imgBanner{max-width: 330px;} } /* MOBILE */ /* Box Topo */ ._320 .boxTopo{width: 100%;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='832' height='378' fill='none' viewBox='0 0 832 378'%3E%3Cg fill='%23231f20' opacity='.06'%3E%3Cpath d='M212.746 84.094a486.003 486.003 0 0 0-136.15 663.791 486 486 0 0 0 181.77 167.509 486 486 0 0 0 240.656 56.432A486.003 486.003 0 0 0 972 486.596l-50.496-.061a435.506 435.506 0 0 1-639.487 384.244A435.5 435.5 0 0 1 51.15 509.864a435.5 435.5 0 0 1 189.987-384.011z' style='fill:%23231f20;fill:color(display-p3 .1373 .1216 .1255);fill-opacity:1'/%3E%3Cpath d='M805.193 334.997a353.108 353.108 0 1 0-602.901 361.232l41.144-30.488a301.88 301.88 0 0 1-53.519-238.725 301.9 301.9 0 0 1 140.917-199.991 301.9 301.9 0 0 1 242.813-29.924 301.9 301.9 0 0 1 185.257 159.794z' style='fill:%23231f20;fill:color(display-p3 .1373 .1216 .1255);fill-opacity:1'/%3E%3Cpath d='M267.68 486A218.32 218.32 0 1 0 486 267.68v51.19c33.055 0 65.368 9.802 92.852 28.167a167.125 167.125 0 0 1 71.067 171.568 167.14 167.14 0 0 1-45.74 85.574A167.133 167.133 0 0 1 318.87 486z' style='fill:%23231f20;fill:color(display-p3 .1373 .1216 .1255);fill-opacity:1'/%3E%3C/g%3E%3C/svg%3E") no-repeat left top var(--corTopo);border-bottom: 1px solid var(--corBordaTopo);} ._320 body.estilo2 .boxTopo{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='832' height='378' fill='none' viewBox='0 0 832 378'%3E%3Cg fill='%23D7D7D7' opacity='.04'%3E%3Cpath d='M212.746 84.094a486.003 486.003 0 0 0-136.15 663.791 486 486 0 0 0 181.77 167.509 486 486 0 0 0 240.656 56.432A486.003 486.003 0 0 0 972 486.596l-50.496-.061a435.506 435.506 0 0 1-639.487 384.244A435.5 435.5 0 0 1 51.15 509.864a435.5 435.5 0 0 1 189.987-384.011z' style='fill:%23D7D7D7;fill:%23D7D7D7;fill-opacity:1'/%3E%3Cpath d='M805.193 334.997a353.108 353.108 0 1 0-602.901 361.232l41.144-30.488a301.88 301.88 0 0 1-53.519-238.725 301.9 301.9 0 0 1 140.917-199.991 301.9 301.9 0 0 1 242.813-29.924 301.9 301.9 0 0 1 185.257 159.794z' style='fill:%23D7D7D7;fill:%23D7D7D7;fill-opacity:1'/%3E%3Cpath d='M267.68 486A218.32 218.32 0 1 0 486 267.68v51.19c33.055 0 65.368 9.802 92.852 28.167a167.125 167.125 0 0 1 71.067 171.568 167.14 167.14 0 0 1-45.74 85.574A167.133 167.133 0 0 1 318.87 486z' style='fill:%23D7D7D7;fill:%23D7D7D7;fill-opacity:1'/%3E%3C/g%3E%3C/svg%3E") no-repeat left top var(--corTopo);} ._320 body.estilo3 .boxTopo{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='832' height='378' fill='none' viewBox='0 0 832 378'%3E%3Cg fill='%23FFF' opacity='.06'%3E%3Cpath d='M212.746 84.094a486.003 486.003 0 0 0-136.15 663.791 486 486 0 0 0 181.77 167.509 486 486 0 0 0 240.656 56.432A486.003 486.003 0 0 0 972 486.596l-50.496-.061a435.506 435.506 0 0 1-639.487 384.244A435.5 435.5 0 0 1 51.15 509.864a435.5 435.5 0 0 1 189.987-384.011z' style='fill:%23FFF;fill:%23FFF;fill-opacity:1'/%3E%3Cpath d='M805.193 334.997a353.108 353.108 0 1 0-602.901 361.232l41.144-30.488a301.88 301.88 0 0 1-53.519-238.725 301.9 301.9 0 0 1 140.917-199.991 301.9 301.9 0 0 1 242.813-29.924 301.9 301.9 0 0 1 185.257 159.794z' style='fill:%23FFF;fill:%23FFF;fill-opacity:1'/%3E%3Cpath d='M267.68 486A218.32 218.32 0 1 0 486 267.68v51.19c33.055 0 65.368 9.802 92.852 28.167a167.125 167.125 0 0 1 71.067 171.568 167.14 167.14 0 0 1-45.74 85.574A167.133 167.133 0 0 1 318.87 486z' style='fill:%23FFF;fill:%23FFF;fill-opacity:1'/%3E%3C/g%3E%3C/svg%3E") no-repeat left top var(--corTopo);} ._320 .boxTopo .centro{padding: 102px 20px 40px;} ._320 .boxTopo .centro::before{opacity: 0.2;bottom: -30px;left: 170px;} ._320 .boxTopo .centro h2{font-size: 32px;line-height: 34px;margin-left: 0;position: relative;} /* Box Catalogo */ ._320 .boxCatalogo{width: 100%;max-width: 440px;transition: all 0.5s ease;overflow: clip;} ._320 .boxCatalogo .centro{flex-direction: column;gap: 20px;/* position: relative; */padding: 35px 20px 40px;} ._320 .boxCatalogo .centro a.mobile:link, ._320 .boxCatalogo .centro a.mobile:active, ._320 .boxCatalogo .centro a.mobile:visited{display: inline-flex; gap: 10px; background: var(--filtroMobileBg); outline-offset: -2px; padding: 11px 20px 9px; margin-right: 0px; z-index: 1; transition: all 0.5s ease; flex-direction: row-reverse; justify-content: flex-end;border-bottom-color: transparent;position: relative; align-items: center;} ._320 .boxCatalogo .centro a.mobile::before{content: ""; width: 13px; height: 13px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 13 13'%3E%3Cpath fill='%23231f20' d='M10.622.414a1.38 1.38 0 0 1 1.97 0 1.425 1.425 0 0 1 0 1.996L7.485 7.586a1.38 1.38 0 0 1-1.97 0L.408 2.41a1.425 1.425 0 0 1 0-1.996 1.38 1.38 0 0 1 1.97 0L6.5 4.592z' /%3E%3C/svg%3E") no-repeat center bottom; background-size: contain; position: absolute; right: 15px; top: 17px; transform: rotate(0deg); transform-origin: center; transition: all 0.5s ease; filter: var(--setaFiltro);} ._320 .boxCatalogo.ativo .centro a.mobile::before{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 13 13'%3E%3Cpath fill='%23231f20' d='M10.622.413a1.38 1.38 0 0 1 1.97 0 1.426 1.426 0 0 1 0 1.997L8.557 6.5l4.035 4.09a1.426 1.426 0 0 1 0 1.997l-.107.097a1.38 1.38 0 0 1-1.758 0l-.105-.097L6.5 8.408l-4.122 4.18-.107.096a1.38 1.38 0 0 1-1.757 0l-.106-.097a1.426 1.426 0 0 1-.096-1.89l.096-.107L4.442 6.5.408 2.41a1.426 1.426 0 0 1 0-1.997 1.38 1.38 0 0 1 1.97 0L6.5 4.592z'/%3E%3C/svg%3E") no-repeat center bottom; transform: rotate(90deg); transitiona: all 0.5s ease;top:15px;} ._320 .boxCatalogo .centro a.mobile b{display: block;font-size: 15px;font-weight: 700;line-height: 20px;letter-spacing: 0.01em;text-align: center;color: var(--corBtnFiltro);} ._320 .boxCatalogo .centro a.mobile em.icone{display: flex; width: 20px; height: 20px;position: relative;} ._320 .boxCatalogo .centro a.mobile em.icone svg{} ._320 .boxCatalogo .centro a.mobile em.icone svg path{fill: var(--corBtnFiltro);} ._320 .boxCatalogo .centro .filtro:has(.listaFiltro ul li.ativo) a.mobile em.icone::before{content: ''; display: block; position: absolute; width: 9px; height: 9px; background: #DF1414; border-radius: 100%; outline: 3px solid var(--filtroMobileBg); outline-offset: -1px; top: -4px; right: -6px;} ._320 .boxCatalogo .centro div.filtro{display: flex; justify-content: flex-end; position: relative; z-index: 99; margin: 0px auto; transition: all 0.5s ease; flex-direction: column; width: 100%;border: 2px solid var(--filtroMobileBorda);} ._320 .boxCatalogo .centro div.filtro div.janelaFiltro{display: flex; flex-direction: column; justify-content: flex-start; width: 100%; max-width: initial; position: relative; top: initial; height: 100%; max-height: 1px; padding: 0px 20px; overflow: hidden;pointer-events: none;background-color: var(--filtroMobileBg);} ._320 .boxCatalogo.ativo .centro div.filtro div.janelaFiltro{max-height: 450px; overflow:auto; padding: 20px 20px 10px;pointer-events: initial;} ._320 .boxCatalogo .centro div.filtro div.janelaFiltro h2{display: none;} ._320 .boxCatalogo .centro div.filtro div.janelaFiltro div.listaFiltro{height: 100%;margin-bottom: 30px;overflow: clip;} ._320 .boxCatalogo .centro div.filtro div.janelaFiltro div.listaFiltro > span{font-size: 15px;line-height: 15px;margin-bottom: 15px;} ._320 .boxCatalogo .centro div.filtro div.janelaFiltro div.listaFiltro ul{gap: 8px;} ._320 .boxCatalogo .centro div.filtro div.janelaFiltro div.listaFiltro ul li{} ._320 .boxCatalogo .centro div.filtro div.janelaFiltro div.listaFiltro ul li label{gap: 10px;/* overflow: clip; */} ._320 .boxCatalogo .centro div.filtro div.janelaFiltro div.listaFiltro ul li label input{} ._320 .boxCatalogo .centro div.filtro div.janelaFiltro div.listaFiltro ul li label span.checkmark{} ._320 .boxCatalogo .centro div.filtro div.janelaFiltro div.listaFiltro ul li label span.checkmark::before{} ._320 .boxCatalogo .centro div.filtro div.janelaFiltro div.listaFiltro ul li.ativo label span.checkmark::before{} ._320 .boxCatalogo .centro div.filtro div.janelaFiltro div.listaFiltro ul li b{} /* Hover */ ._320 .boxCatalogo .centro div.filtro div.janelaFiltro div.listaFiltro:hover > span{} ._320 .boxCatalogo .centro div.filtro div.janelaFiltro div.listaFiltro ul li:not(.ativo):hover label span.checkmark::before{} ._320 .boxCatalogo .centro div.filtro div.janelaFiltro div.listaFiltro ul li:hover label{} ._320 .boxCatalogo .centro div.filtro div.janelaFiltro div.listaFiltro ul li:hover b, ._320 .boxCatalogo .centro div.filtro div.janelaFiltro div.listaFiltro ul li.ativo b{} ._320 .boxCatalogo .centro div.listaLivros .ordenarCatalogo{margin-bottom: 35px;gap:15px;} ._320 .boxCatalogo .centro div.listaLivros .ordenarCatalogo label{} ._320 .boxCatalogo .centro div.listaLivros .ordenarCatalogo select{ width: 100%; max-width: 180px; font-size: 15px; font-weight: 500; line-height: 16px; letter-spacing: -0.02em; color: var(--corBtnFiltro); -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 13 8'%3E%3Cpath fill='%23231f20' d='M10.622.414a1.38 1.38 0 0 1 1.97 0 1.425 1.425 0 0 1 0 1.996L7.485 7.586a1.38 1.38 0 0 1-1.97 0L.408 2.41a1.425 1.425 0 0 1 0-1.996 1.38 1.38 0 0 1 1.97 0L6.5 4.592z'/%3E%3C/svg%3E") no-repeat center right var(--filtroMobileBg); background-position-x: calc(100% - 16px); background-size: 13px 8px; outline: 2px solid var(--filtroMobileBorda); outline-offset: -1px; padding: 11px 34px 11px 15px; transition: all 0.5s ease; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;cursor: pointer;} ._320 body.estilo2 .boxCatalogo .centro div.listaLivros .ordenarCatalogo select{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 13 8'%3E%3Cpath fill='%23e3e6e6' d='M10.622.414a1.38 1.38 0 0 1 1.97 0 1.425 1.425 0 0 1 0 1.996L7.485 7.586a1.38 1.38 0 0 1-1.97 0L.408 2.41a1.425 1.425 0 0 1 0-1.996 1.38 1.38 0 0 1 1.97 0L6.5 4.592z'/%3E%3C/svg%3E") no-repeat center right var(--filtroMobileBg); background-position-x: calc(100% - 16px); background-size: 13px 8px; } ._320 body.estilo3 .boxCatalogo .centro div.listaLivros .ordenarCatalogo select{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 13 8'%3E%3Cpath fill='%23f6fafa' d='M10.622.414a1.38 1.38 0 0 1 1.97 0 1.425 1.425 0 0 1 0 1.996L7.485 7.586a1.38 1.38 0 0 1-1.97 0L.408 2.41a1.425 1.425 0 0 1 0-1.996 1.38 1.38 0 0 1 1.97 0L6.5 4.592z'/%3E%3C/svg%3E") no-repeat center right var(--filtroMobileBg); background-position-x: calc(100% - 16px); background-size: 13px 8px; } ._320 .boxCatalogo .centro div.listaLivros{} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros{ gap: 40px 20px;margin-bottom: 60px;align-items: stretch;grid-template-areas: ". ." "nadaEncontrado nadaEncontrado";grid-template-columns: 1fr 1fr;} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li{height: auto;/*width: calc((100% / 2) - 10px);*/ gap: 10px;} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li.desconto{} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li.combo{} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li.combo a .capaLivro{gap: 10px;} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li.combo a .capaLivro figure{width: calc((100% / 2) - 5px);} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li.combo a .capaLivro figure img{box-shadow: 15px 6px 6px rgba(20, 20, 20, 0.02), 8px 3px 6px rgba(20, 20, 20, 0.06), 4px 2px 4px rgba(20, 20, 20, 0.10), 1px -1px 2px rgba(20, 20, 20, 0.12);} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li.semEstoque a div.capaLivro{} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li.semEstoque a div.capaLivro figure{} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li.semEstoque a div.capaLivro figure img{} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li.semEstoque a div.preco{} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li.semEstoque a a:link, ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li.semEstoque a a:active, ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li.semEstoque a a:visited{} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li.semEstoque a a::before{} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li.semEstoque a a:hover::before{} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li.semEstoque a div.capaLivro a b{} /* Hover */ ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li.semEstoque a div.capaLivro a:hover{} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li.semEstoque a div.capaLivro a:hover:before{} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li.semEstoque a div.capaLivro a:hover b{} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro{max-height: initial; border-radius: 0px 19px 0px 0px; padding: 25px 15px; height: initial; align-items: stretch; margin-bottom: -2px;} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro span.banner{font-size: 12px;line-height: 14px;padding: 6px 12px;z-index: 10;letter-spacing: -0.01em;} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro span.bannerNovidade{z-index: 10;} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro figure{height: initial; width: 80%; margin: auto;} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro .capasCombo figure{height: initial;width: calc(50% - 5px);} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro .capasCombo figure.temExtra{height: stretch;/* max-height: 101px; */} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro figure.temExtra::before{content: "";/* height: calc(100% + 44px); */} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro figure:not(.comboVazio) img{box-shadow: 29px 11px 12px rgba(20, 20, 20, 0.02), 16px 6px 11px rgba(20, 20, 20, 0.06), 7px 3px 8px rgba(20, 20, 20, 0.10), 2px -1px 4px rgba(20, 20, 20, 0.12);height: initial;} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro figure.temExtra span{/* display: block; */height: 100%;font-size: 20px;line-height: 26px;} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a h3{font-size: 18px;line-height: 20px;margin-bottom: 0;} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a h3 em{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a h3 i{font-size: 16px;line-height: 18px;} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.preco{flex-wrap: wrap; flex-direction: column; gap: 0; margin-bottom: 0; margin-top: auto;} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.preco p.precoInativo{font-size: 12px; line-height: 12px;} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.preco p{font-size: 16px;} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a:link, ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a:active, ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a:visited{} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a:first-of-type{display: flex; flex-direction: column; justify-content: space-between; height: calc(100% - 50px);gap: 10px;} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a::before{} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a b{} /* Hover */ ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a:hover{} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a:hover::before{} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a:hover b{} /* Box Banner */ ._320 .boxCatalogo .centro div.listaLivros div.boxBannerDesconto{width: calc(100% + 40px);flex-direction: column;margin: 40px -20px 40px;padding: 20px 0px 24px;} ._320 .boxCatalogo .centro div.listaLivros div.boxBannerDesconto::before{left: 20px;} ._320 .boxCatalogo .centro div.listaLivros div.boxBannerDesconto::after{left: 20px;background: #dcdbdc;} ._320 .boxCatalogo .centro div.listaLivros div.boxBannerDesconto div.conteudo{border-bottom: 1px dashed rgb(0 0 0 / 8%);border-right: initial;padding: 0px 20px 20px 73px;} ._320 .boxCatalogo .centro div.listaLivros div.boxBannerDesconto div.conteudo h2{font-size: 28px;line-height: 28px;} ._320 .boxCatalogo .centro div.listaLivros div.boxBannerDesconto div.conteudo p{font-size: 14px;line-height: 20px;} ._320 .boxCatalogo .centro div.listaLivros div.boxBannerDesconto div.conteudo p b{} ._320 .boxCatalogo .centro div.listaLivros div.boxBannerDesconto div.conteudoCTA{max-width: calc(100% - 73px);margin-left: auto;padding-right: 20px;} ._320 .boxCatalogo .centro div.listaLivros div.boxBannerDesconto div.conteudoCTA p{width: 100%;max-width: 289px;font-size: 14px;line-height: 20px;margin-bottom: 14px;} ._320 .boxCatalogo .centro div.listaLivros div.boxBannerDesconto div.conteudoCTA p::before{width: 50px;height: 53px;top: 24px;right: 34px;} ._320 .boxCatalogo .centro div.listaLivros div.boxBannerDesconto div.conteudoCTA p b{} ._320 .boxCatalogo .centro div.listaLivros div.boxBannerDesconto div.conteudoCTA a:link, ._320 .boxCatalogo .centro div.listaLivros div.boxBannerDesconto div.conteudoCTA a:active, ._320 .boxCatalogo .centro div.listaLivros div.boxBannerDesconto div.conteudoCTA a:visited{padding: 16px 24px;} ._320 .boxCatalogo .centro div.listaLivros div.boxBannerDesconto div.conteudoCTA a b{} /* Hover */ ._320 .boxCatalogo .centro div.listaLivros div.boxBannerDesconto div.conteudoCTA a:hover{} ._320 .boxCatalogo .centro div.listaLivros div.boxBannerDesconto div.conteudoCTA a:hover b{} /* Banner evento */ ._320 .splide{width: calc(100% + 40px); margin: 0px -20px;} ._320 .boxCatalogo .centro div.listaLivros ul li.bannerEvento{flex-wrap: wrap;/* padding: 10px 20px 10px 12px; */margin-bottom: 73px;} ._320 .boxCatalogo .centro div.listaLivros ul li.bannerEvento a:link, ._320 .boxCatalogo .centro div.listaLivros ul li.bannerEvento a:active, ._320 .boxCatalogo .centro div.listaLivros ul li.bannerEvento a:visited{} /* Hover */ ._320 .boxCatalogo .centro div.listaLivros ul li.bannerEvento a:hover{} ._320 .boxCatalogo .centro div.listaLivros ul li.bannerEvento a figure{width: 100%; height: 100%;} ._320 .boxCatalogo .centro div.listaLivros ul li.bannerEvento a figure img{width: 100%; height: 100%; object-fit: cover;} /* Botao Splide */ ._320 .splide__pagination{bottom: 34px !important;} ._320 .splide__pagination__page{} ._320 .splide__pagination__page.is-active{} ._320 .splide__arrows{bottom: 30px;} ._320 .splide__arrows button{} ._320 .splide__arrows button.splide__arrow--prev{} ._320 .splide__arrows button.splide__arrow--next{} ._320 .splide__arrows button svg{} /* Hover */ ._320 .splide__arrows button.splide__arrow--prev:hover{} ._320 .splide__arrows button.splide__arrow--next:hover{} /*._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a .capasCombo{gap: 5px;}*/ ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a .capasCombo{gap: 5px;transform: scale(0.94); transform-origin: bottom center;} /* ajuste imagens capas combo mobile */ /* ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro .capasCombo figure:nth-of-type(1){width: 80%;}*/ /* combo com 2 */ ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro.qtd-2 .capasCombo figure:nth-of-type(1){width: 80%; margin-left: 0;} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro.qtd-2 .capasCombo figure:nth-of-type(1) img{transform: scale(0.7); transform-origin: top left;} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro.qtd-2 .capasCombo figure:nth-of-type(2){width: 55%; position: absolute; bottom: 0; right: 0;} /* combo com 3 */ ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro.qtd-3 .capasCombo figure:nth-of-type(1){width: 80%; margin-left: 0;} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro.qtd-3 .capasCombo figure:nth-of-type(1) img{transform: scale(0.55); transform-origin: top left;} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro.qtd-3 .capasCombo figure:nth-of-type(2){position: absolute; right: 0px; top:0; width: 45%;} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro.qtd-3 .capasCombo figure:nth-of-type(3){position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 45%;} /* combo com 4 */ ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro.qtd-4 .capasCombo figure:nth-of-type(1){width: 80%; margin-left: 0;} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro.qtd-4 .capasCombo figure:nth-of-type(1) img{transform: scale(0.54); transform-origin: top left;} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro.qtd-4 .capasCombo figure:nth-of-type(2){position: absolute; left: 50%; top:0; width: 43%;} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro.qtd-4 .capasCombo figure:nth-of-type(3){position: absolute; left: 7%; bottom: 0; width: 43%;} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro.qtd-4 .capasCombo figure:nth-of-type(4){position: absolute; right: 0; bottom: 0; width: 43%;} /* combo com 5 */ ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro.qtd-5 .capasCombo figure:nth-of-type(1){width: 80%; margin-left: 0;} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro.qtd-5 .capasCombo figure:nth-of-type(1) img{transform: scale(0.54); transform-origin: top left;} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro.qtd-5 .capasCombo figure:nth-of-type(2){position: absolute; left: 30%; top:0; width: 43%; box-shadow: -8px 1px 3px #00000052;} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro.qtd-5 .capasCombo figure:nth-of-type(3){position: absolute; right: 0; top:0; width: 43%; box-shadow: -8px 1px 3px #00000052;} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro.qtd-5 .capasCombo figure:nth-of-type(4){position: absolute; bottom: 0; width: 43%; left: 10%;} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro.qtd-5 .capasCombo figure:nth-of-type(5){top: initial; position: absolute; bottom: 0; width: 43%; left: 45%; box-shadow: -8px 0px 5px -3px #00000033;transform: initial;} ._320 .boxCatalogo .centro div.listaLivros ul.catalogoLivros li a div.capaLivro.qtd-5 .capasCombo figure.temExtra{position: absolute; bottom: -1px; width: 44.5%; top: initial; transform: initial; left: 45%;height: initial;}