Livro - Editora Senac São Paulo
Um erro ocorreu enquanto processava o modelo.
The following has evaluated to null or missing:
==> cpContentHelper.getCPCatalogEntry(request) [in template "20102#20129#43698976" at line 4, column 18]
----
Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----
----
FTL stack trace ("~" means nesting-related):
- Failed at: cPCatalogEntry = cpContentHelper.getC... [in template "20102#20129#43698976" at line 4, column 1]
----
1<#setting locale="pt_BR">
2
3<#assign
4cPCatalogEntry = cpContentHelper.getCPCatalogEntry(request)
5
6cpMedia = cpContentHelper.getImages(cPCatalogEntry.getCPDefinitionId(), themeDisplay)
7
8CPDefinitionLocalService = serviceLocator.findService("com.liferay.commerce.product.service.CPDefinitionLocalService")
9
10assetentry = serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService")
11
12assetCategoryRel = serviceLocator.findService("com.liferay.asset.entry.rel.service.AssetEntryAssetCategoryRelLocalService")
13
14assetCategory = serviceLocator.findService("com.liferay.asset.kernel.service.AssetCategoryLocalService")
15
16friendlyURLEntryLocalService = serviceLocator.findService("com.liferay.friendly.url.service.FriendlyURLEntryLocalService")
17
18asset = assetentry.getEntry('com.liferay.commerce.product.model.CPDefinition',cPCatalogEntry.getCPDefinitionId())
19
20relateds = assetCategoryRel.getAssetEntryAssetCategoryRelsByAssetEntryId(asset.getEntryId())
21
22productService = serviceLocator.findService("br.senac.sp.editora.services.service.ProductService")
23/>
24
25<#list relateds as related >
26<#assign category = assetCategory.getAssetCategory(related.assetCategoryId)/>
27<#if category.parentCategoryId == 0 >
28<#assign categoria = category.name />
29<#assign icone= category.getDescriptionCurrentValue()/>
30
31<#switch category.name?trim>
32<#case "Moda">
33<#assign iconeClass='<i><svg class="categoria-icon-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65.641 104.516">'
34 +'<path d="M467.11,434.216l14.3-5.288c4.827-1.785,5.976-5.932,6.14-10.795h16.32c.164,4.862,1.313,9.01,6.14,10.795l14.3,5.288c2.131.787,4.219,1.631,4.219,3.622,0,8.794-2.641,10.034-7.662,17.6l-.25.376c-3.222,4.862-7.672,13.961-6.752,19.622-.283,2.736,9.722,12.282,12.06,17.708l.379.881c1.315,3.054,4.61,15.1-1.994,15.1h-57.2c-6.6,0-3.309-12.043-1.994-15.1l.379-.881c2.338-5.427,12.341-14.971,12.06-17.708.92-5.66-3.53-14.759-6.752-19.622l-.252-.376c-5.018-7.57-7.66-8.808-7.66-17.6,0-1.992,2.088-2.834,4.219-3.622Z" transform="translate(-462.891 -418.133)" fill="#F6921E" fill-rule="evenodd"/>'
35 +'<path d="M477.019,463.359h6.827V473.9h-6.827V463.359Z" transform="translate(-447.613 -369.385)" fill="#F6921E" fill-rule="evenodd"/></svg></i>'/>
36<#break>
37<#case "Meio Ambiente, Segurança e Saúde no Trabalho">
38<#assign iconeClass='<i><svg xmlns="http://www.w3.org/2000/svg" class="categoria-icon-svg" viewBox="0 0 63.955 71.556">'
39 +'<path d="M62.764-7.356a3.692,3.692,0,0,0-4.73,0L47.775.8a7.094,7.094,0,0,1-4.441,1.545H30.2A1.777,1.777,0,0,1,28.423.581,1.777,1.777,0,0,1,30.2-1.185h8.693a3.692,3.692,0,0,0,3.7-2.936A3.543,3.543,0,0,0,39.082-8.25H21.317a13.114,13.114,0,0,0-8.227,2.9L7.927-1.185H1.776A1.777,1.777,0,0,0,0,.581v10.6a1.777,1.777,0,0,0,1.776,1.766H41.391A7.14,7.14,0,0,0,45.832,11.4L62.62-1.958A3.518,3.518,0,0,0,62.764-7.356Z" transform="translate(0 58.612)" fill="#F6921E"/><g transform="translate(9.405 0)">'
40 +'<path d="M38.33-7.415,37.154-6.359l-1.077.536-1.158.445-1.071.256H31.725l-.486,2.835a10.051,10.051,0,0,1-9.862,7.721,9.984,9.984,0,0,1-10.1-9.856,9.958,9.958,0,0,1,7.96-9.651l2.72-.643v-2.047l.43-1.8.659-1.211,1.476-1.137-1.108-4.28H19.361l-1.108,4.849-2.169.569-3.517-3.674-3.478,1.93,1.453,4.849L9.088-15.2,3.966-16.516,1.988-13.178,5.705-9.5,5.16-7.667.048-6.3,0-2.483,5.16-1.168,5.619.958,2,4.445,3.88,7.69l5.3-1.315,1.309,1.5L9.04,12.586l3.574,2.023,3.478-3.581,2.074.522,1.2,5,4.052.047,1.2-5.035,2.074-.615,3.717,3.776,3.66-2.117-1.6-4.9,1.4-1.417,5.16,1.557,1.835-3.534L37.154,1.023l.392-2.117,5.265-1.25v-3.72Z" transform="translate(0 27.431)" fill="#F6921E"/>'
41 +'<path d="M23.661.421A.674.674,0,0,0,22.435.369,7.429,7.429,0,0,1,15.941,4.16H12.475a8.32,8.32,0,0,0-8.318,8.318,8.564,8.564,0,0,0,.065.888A20.727,20.727,0,0,1,16.634,9.705a.693.693,0,1,1,0,1.386C5.742,11.092,1.124,17.768.1,20.276a1.388,1.388,0,0,0,2.569,1.053A11.4,11.4,0,0,1,5.786,17.4a8.3,8.3,0,0,0,7.577,3.345c6.8-.494,11.589-6.594,11.589-14.063A15.754,15.754,0,0,0,23.661.421Z" transform="matrix(1, 0.017, -0.017, 1, 19.456, 0)" fill="#F6921E"/></g></svg></i>'/>
42<#break>
43<#case "Beleza e Estética">
44<#assign iconeClass='<i><svg xmlns="http://www.w3.org/2000/svg" class="categoria-icon-svg" viewBox="0 0 60.76 77.254"><g transform="translate(0 0)"><g transform="translate(5.923)">'
45 +'<path d="M1748.342,1013.858a24.669,24.669,0,1,1,24.456-24.667A24.591,24.591,0,0,1,1748.342,1013.858Zm0-43.206a18.539,18.539,0,1,0,18.38,18.539A18.48,18.48,0,0,0,1748.342,970.651Z" transform="translate(-1723.885 -964.522)" fill="#F6921E"/></g><g transform="translate(16.198 10.365)">'
46 +'<path d="M1756.728,977.4l-19.966,20.139a14.256,14.256,0,0,0,4.963,3.861l18.831-18.993A14.351,14.351,0,0,0,1756.728,977.4Z" transform="translate(-1733.509 -974.12)" fill="#F6921E"/>'
47 +'<path d="M1761.48,987.961a14.459,14.459,0,0,0-.28-2.831l-16.708,16.854a14.082,14.082,0,0,0,11.464-2.7l2.571-2.594A14.315,14.315,0,0,0,1761.48,987.961Z" transform="translate(-1733.118 -973.658)" fill="#F6921E"/>'
48 +'<path d="M1747.846,974.3c-.238,0-.475.006-.71.019l-13.453,13.567c-.011.238-.018.477-.018.718a14.332,14.332,0,0,0,1.586,6.569L1754.36,975.9A14.029,14.029,0,0,0,1747.846,974.3Z" transform="translate(-1733.665 -974.304)" fill="#F6921E"/></g>'
49 +'<path d="M1779.006,988.381h-4.253a26.128,26.128,0,1,1-52.253,0h-4.253a30.573,30.573,0,0,0,28.253,30.566v9.493c-9.442.334-16.785,2.864-16.785,5.936,0,3.3,8.468,5.976,18.912,5.976s18.911-2.675,18.911-5.976c0-3.072-7.342-5.6-16.784-5.936v-9.493A30.574,30.574,0,0,0,1779.006,988.381Z" transform="translate(-1718.246 -963.099)" fill="#F6921E"/></g></svg></i>'/>
50<#break>
51<#case "Tecnologia">
52<#assign iconeClass='<i><svg xmlns="http://www.w3.org/2000/svg" class="categoria-icon-svg" viewBox="0 0 127.574 82.718"><g transform="translate(13.38)">'
53 +'<path d="M1782.769,182.429V130.094h-86.124v52.335Zm5.739-58.109a5.247,5.247,0,0,1,1.6,3.838v61.624H1689.292V128.158a5.36,5.36,0,0,1,5.4-5.4h90.018A5.154,5.154,0,0,1,1788.507,124.319Z" transform="translate(-1689.292 -122.758)" fill="#F6921E" fill-rule="evenodd"/></g><g transform="translate(0 71.941)">'
54 +'<path d="M1804.43,189.61v1.649a9.184,9.184,0,0,1-9.128,9.129H1685.987a9.156,9.156,0,0,1-9.13-9.129V189.61h47.457v.3a4.316,4.316,0,0,0,4.3,4.322h24.051a4.346,4.346,0,0,0,4.322-4.322v-.3Z" transform="translate(-1676.857 -189.61)" fill="#F6921E" fill-rule="evenodd"/></g><g transform="translate(36.337 14.045)">'
55 +'<path d="M1716.973,155.25a20.368,20.368,0,0,0,6.17,14.94v.019l-4.483,4.484h-.019a26.5,26.5,0,0,1-8.018-19.443,30.165,30.165,0,0,1,.234-3.8,26.269,26.269,0,0,1,7.8-15.639l4.5,4.5a20.272,20.272,0,0,0-6.1,12.806Q1716.971,154.16,1716.973,155.25Z" transform="translate(-1710.624 -135.809)" fill="#F6921E" fill-rule="evenodd"/></g><g transform="translate(47.169 21.702)">'
56 +'<path d="M1727.058,154.708q0,.475.036.933v.017a9.823,9.823,0,0,0,2.959,6.314h.017l-4.5,4.5h-.019a16.064,16.064,0,0,1-4.86-11.766v-.016c0-.207.009-.41.018-.612a17.724,17.724,0,0,1,.234-2.4,15.9,15.9,0,0,1,4.608-8.753l4.5,4.5a9.924,9.924,0,0,0-2.584,4.251,10.646,10.646,0,0,0-.412,3.014Z" transform="translate(-1720.69 -142.925)" fill="#F6921E" fill-rule="evenodd"/></g><g transform="translate(58.577 28.159)">'
57 +'<path d="M1741.837,154.2a5.1,5.1,0,0,1-1.559,3.73,5.263,5.263,0,1,1-7.445-7.442,5.282,5.282,0,0,1,9,3.713Z" transform="translate(-1731.291 -148.925)" fill="#F6921E" fill-rule="evenodd"/></g><g transform="translate(71.096 21.702)">'
58 +'<path d="M1747.462,142.961a17.08,17.08,0,0,1,2.69,3.5h.017a15.586,15.586,0,0,1,1.884,5.219,18.268,18.268,0,0,1,.234,3.014v.016a16.162,16.162,0,0,1-2.277,8.5,17.666,17.666,0,0,1-2.6,3.264l-4.484-4.5a11.872,11.872,0,0,0,.807-.933,9.819,9.819,0,0,0,2.207-6.331v-.016a10.7,10.7,0,0,0-.43-3.014,9.934,9.934,0,0,0-2.583-4.233l4.5-4.52C1747.438,142.937,1747.451,142.95,1747.462,142.961Z" transform="translate(-1742.924 -142.925)" fill="#F6921E" fill-rule="evenodd"/></g><g transform="translate(78.772 14.045)">'
59 +'<path d="M1761.429,147.108a28.235,28.235,0,0,1,1.13,8.142,26.972,26.972,0,0,1-2.44,11.568,27.678,27.678,0,0,1-5.578,7.875l-4.484-4.5a21.335,21.335,0,0,0,3.928-5.326,20.612,20.612,0,0,0,2.243-9.614,21.265,21.265,0,0,0-1.417-7.837,20.913,20.913,0,0,0-4.753-7.1l4.484-4.5A26.727,26.727,0,0,1,1761.429,147.108Z" transform="translate(-1750.057 -135.809)" fill="#F6921E" fill-rule="evenodd"/></g></svg></i>'/>
60<#break>
61<#default>
62<#assign iconeClass='<i class="iconeCategoria ${category.getDescriptionCurrentValue()}"></i>'/>
63<#break>
64</#switch>
65<#assign subcategoria = '' />
66<#assign friendlyCategoryURL = friendlyURLEntryLocalService.getMainFriendlyURLEntry(20013, category.categoryId)>
67<#assign friendlySubcategoryURL = ''>
68<#else>
69<#assign subcategoria = category.name />
70<#assign friendlySubcategoryURL = friendlyURLEntryLocalService.getMainFriendlyURLEntry(20013, category.categoryId)>
71</#if>
72</#list>
73
74<#assign isbn = '' />
75<#assign edicao = '' />
76<#assign paginas = '' />
77<#assign idioma = '' />
78<#assign lancamento = '' />
79<#assign editora = '' />
80<#assign formato = '' />
81<#assign autor = '' />
82<#assign ebook = '' />
83<#assign ebookval = '' />
84<#assign ebookcodigo = 'Indisponível' />
85
86<#assign ciwils = serviceLocator.findService("com.liferay.commerce.inventory.service.CommerceInventoryWarehouseItemLocalService") />
87<#assign cibqls = serviceLocator.findService("com.liferay.commerce.inventory.service.CommerceInventoryBookedQuantityLocalService") />
88
89<#if entries?has_content>
90<#list entries as curCPCatalogEntry>
91<#list cpContentHelper.getCategorizedCPDefinitionSpecificationOptionValues(curCPCatalogEntry.getCPDefinitionId(),43620166) as specs>
92<#switch specs.CPSpecificationOptionId>
93<#case 43604150 >
94<#assign isbn = specs.getValueCurrentValue() />
95<#break>
96<#case 43619968>
97<#assign edicao = specs.getValueCurrentValue() />
98<#break>
99<#case 43604151 >
100<#assign paginas = specs.getValueCurrentValue() />
101<#break>
102<#case 43594741 >
103<#assign idioma = specs.getValueCurrentValue() />
104<#break>
105<#case 43604148 >
106<#assign lancamento = specs.getValueCurrentValue() />
107<#break>
108<#case 43604149 >
109<#assign editora = specs.getValueCurrentValue() />
110<#break>
111<#case 43619969 >
112<#assign formato = specs.getValueCurrentValue() />
113<#break>
114<#case 43619971 >
115<#assign autor = specs.getValueCurrentValue() />
116<#break>
117<#case 54709090 >
118<#case 53858017 >
119<#assign ebook = specs.getValueCurrentValue() />
120<#break>
121
122<#assign ebookval = ebook?eval />
123
124<#if ebookval?has_content >
125<#assign ebookcodigo = ebookval[0].codigo />
126</#if>
127<#break>
128<#default>
129</#switch>
130</#list>
131</#list>
132</#if>
133
134<script>
135 $(() => {
136
137 sendViewItem(["${cPCatalogEntry.getCPDefinitionId()}"])
138
139 const insereTitulosCarrosseis = function() {
140 let nomeAutorLivro = $('.linhaNomeAutor').html().trim();
141 let nomeAutoresLivro = [];
142
143 if (nomeAutorLivro.includes(',')) {
144 const autores = nomeAutorLivro.split(', ');
145 autores.forEach((item) => {
146 nomeAutoresLivro.push(item.trim())
147 });
148 } else {
149 nomeAutoresLivro.push(nomeAutorLivro);
150 }
151
152 var tituloSlider = setInterval(function(){
153 if ($('.slider4').length >= 1) {
154 //remove titulos dos carrosseis, para inseri-los mais tarde
155 $('.slider4').prev().remove();
156
157 $('.slider4').each(function(index, e) {
158 let nomeDoAutor = '';
159 let primeiroLivro_autor = $(e).find('.autorEspecialCarrossel4')[0];
160 if (primeiroLivro_autor) {
161 nomeDoAutor = $(primeiroLivro_autor).html().trim();
162
163 if (nomeDoAutor.includes(',')) {
164 let nomeDoAutor_split = nomeDoAutor.split(', ');
165
166 for (let i = 0; i < nomeDoAutor_split.length; i++) {
167 for (let j = 0; j < nomeAutoresLivro.length; j++) {
168 if (nomeDoAutor_split[i] === nomeAutoresLivro[j]) {
169 nomeDoAutor = nomeDoAutor_split[i];
170 break;
171 }
172 }
173 }
174 }
175 } else {
176 return;
177 }
178
179 // verifica se o carrossel contem livros que sao todos do mesmo autor
180 $(e).find('.autorEspecialCarrossel4').each(function(index2, e2) {
181 if (!$(e2).html().includes(nomeDoAutor)) {
182 nomeDoAutor = '';
183 return;
184 }
185 });
186
187 // caso haja mais de um autor, verifica se todos os livros do carrossel sao dos autores dos livros
188 if (nomeAutoresLivro.length > 1 && $(e).find('.autorEspecialCarrossel4').length >= 1) {
189 nomeDoAutor = 'maisDeUmAutor';
190 $(e).find('.autorEspecialCarrossel4').each(function(index3, e3) {
191 let contemAoMenosUmAutor = false;
192 const textoAutor = $(e3).html();
193
194 for (let k = 0; k < nomeAutoresLivro.length; k++) {
195 if (textoAutor.includes(nomeAutorLivro[k])) {
196 contemAoMenosUmAutor = true;
197 break;
198 }
199 }
200
201 if (!contemAoMenosUmAutor) {
202
203 nomeDoAutor = '';
204 return;
205 }
206 });
207
208 if (nomeDoAutor !== '') {
209 // verifica se nao existe um autor em comum entre todos os livros
210
211 let arrayQuantidadesAutorLivro = Array(nomeAutoresLivro.length);
212
213 for (let j = 0; j < arrayQuantidadesAutorLivro.length; j++) {
214 arrayQuantidadesAutorLivro[j] = {quantidade: 0, nome: nomeAutoresLivro[j]};
215 }
216
217 let haLivrosNaoEscritosPelosAutores = false;
218
219 $(e).find('.autorEspecialCarrossel4').each(function(index4, e4) {
220 const textoAutor = $(e4).html();
221 let autoresAusentes = 0;
222
223 for (let k = 0; k < nomeAutoresLivro.length; k++) {
224 if (textoAutor.includes(nomeAutoresLivro[k])) {
225 arrayQuantidadesAutorLivro[k].quantidade++;
226 } else {
227 autoresAusentes++;
228 }
229 }
230
231 // se houver ao menos um livro que nao foi escrito por nenhum autor do livro atual, entao nomeDoAutor = ''
232 if (autoresAusentes === nomeAutoresLivro.length) {
233 nomeDoAutor = '';
234 haLivrosNaoEscritosPelosAutores = true;
235 }
236 });
237
238 arrayQuantidadesAutorLivro = arrayQuantidadesAutorLivro.sort((a, b) => {return parseFloat(b.quantidade) - parseFloat(a.quantidade)});
239
240 if (!haLivrosNaoEscritosPelosAutores && arrayQuantidadesAutorLivro[1].quantidade <= 0) {
241 nomeDoAutor = arrayQuantidadesAutorLivro[0].nome;
242 }
243 }
244 }
245
246 if (nomeDoAutor === '') {
247 $(`<div class="background-right titulo-slider4"><a>Livros que você pode gostar </a><i class="fas fa-circle circulo-laranja" aria-hidden="true"></i></div>`)
248 .insertBefore($(e));
249 if ($('.slider4').length > 1 && !$('.titulo-slider4').html().includes("Mais")) {
250 $('.slider4:not(.slider4semextracard)').parent().remove();
251 }
252 } else {
253 let textoTitulo = "Mais Livros de " + nomeDoAutor;
254 if (nomeDoAutor === "maisDeUmAutor") {
255 textoTitulo = "Mais livros desses autores";
256 }
257
258 let tituloDinamico = `<div class="background-left titulo-slider4" data-nome-autor="` + nomeDoAutor + `"><i class="fas fa-circle circulo-laranja" aria-hidden="true"></i><a> `+ textoTitulo +`</a></div>`;
259 $(tituloDinamico).insertBefore($(e));
260 }
261 });
262 clearInterval(tituloSlider)
263 }
264 }, 50);
265 }
266
267 var autor;
268 try {
269 autor = JSON.parse('${autor}');
270 } catch (err) {
271 console.error("Não foi possível carregar o autor");
272 }
273
274 if (typeof autor !== 'undefined') {
275 if (autor.length === 1) {
276
277 $('<img src="' + autor[0].foto + '" onerror=\'this.src="https://www.editorasenacsp.com.br/Editora/CONTENT/base/imagens/autores/indisponivel_autor.png";\' />').insertBefore('.nomeAutor');
278
279 $('.fotoAutorContainer > .nomeAutor').html('<div class="linhaNomeAutor">' + autor[0].nomeAutor + '</div>')
280
281 var settings = {
282 "url": "${themeDisplay.getURLPortal()}/sync-dxp/autor/find/" + autor[0].idAutor,
283 "method": "GET",
284 "timeout": 0,
285 "headers": {
286 'Access-Control-Allow-Origin': '*'
287 }
288 };
289
290 $.ajax(settings).done((response) => {
291 $('.nomeAutor').append('<pre class="biografiaAutor">' + response.biografia + '</pre><div class="linhaDetalheInferiorAutor">${iconeClass}</i></div>')
292 });
293 } else {
294 $('.nomeAutor').addClass('nomeAutorMultiplos');
295 $('.fotoAutorContainer').addClass('fotoAutorContainerMultiplos');
296 $('<ul class="listaAutores"></ul>').insertBefore('.nomeAutor');
297 $('<div class="btnVoltarAutores" style="display: none;"><i class="fas fa-long-arrow-alt-left"></i><span>Voltar</span></div>').insertAfter('.listaAutores');
298
299 for (var i = 0; i < autor.length; i++) {
300 $('.listaAutores').append('<li data-id=' + autor[i].idAutor + ' data-foto=' + autor[i].foto + '>' + autor[i].nomeAutor + '</li>');
301 }
302
303 $('.listaAutores li').on('click', function() {
304 $('.listaAutores').css('display', 'none');
305 $('.btnVoltarAutores').css('display', 'flex');
306 var thisLi = $(this);
307 var settings = {
308 "url": "${themeDisplay.getURLPortal()}/sync-dxp/autor/find/" + thisLi.attr('data-id'),
309 "method": "GET",
310 "timeout": 0,
311 "headers": {
312 'Access-Control-Allow-Origin': '*'
313 }
314 };
315
316 $.ajax(settings).done((response) => {
317 $('<img src="' + thisLi.attr('data-foto') + '" onerror=\'this.src="https://www.editorasenacsp.com.br/Editora/CONTENT/base/imagens/autores/indisponivel_autor.png";\' />').insertBefore('.nomeAutor');
318
319 $('.fotoAutorContainer > .nomeAutor').html('<div class="linhaNomeAutor">' + response.nome + '</div>')
320
321 $('.nomeAutor').append('<pre class="biografiaAutor">' + response.biografia + '</pre><div class="linhaDetalheInferiorAutor">${iconeClass}</i></div>')
322 });
323 });
324
325 $('.btnVoltarAutores').on('click', function() {
326 $(this).css('display', 'none');
327 $('.nomeAutor').html('');
328 $('.fotoAutorContainer img').remove();
329 $('.listaAutores').css('display', 'block');
330 });
331 }
332 }
333
334 insereTitulosCarrosseis();
335
336 $('.fotoAutorContainer > ul > li').on('click', () => {
337 $('.nomeAutor').css('display', 'block');
338 $('.btnVoltarAutores').css('visibility', 'visible');
339 var idAutor = $(this).attr('data-id');
340 $('.fotoAutorContainer > ul').css('display', 'none');
341
342 var settings = {
343 "url": "${themeDisplay.getURLPortal()}/sync-dxp/autor/find/" + idAutor,
344 "method": "GET",
345 "timeout": 0,
346 "headers": {
347 'Access-Control-Allow-Origin': '*'
348 }
349 };
350
351 $.ajax(settings).done((response) => {
352 //Para as chamadas nas versões mobile
353 $('.lineAccorionDescricao > div > ul > li:eq(1)').addClass('abaActiveAccordion');
354 $('.lineAccorionDescricao > div > ul > li:eq(1) > label').attr('style', 'background: #F8F8F8 !important;color:#454F63 !important');
355 $('.lineAccorionDescricao > div > ul > li:eq(1) > label ~ .linhaAccordionAtivo').css('display', 'block');
356 $('.lineAccorionDescricao > div > ul > li:eq(1) > label ~ .linhaAccordionAtivo ~ i').css('display', 'block');
357
358 // Desktop e Mobile
359 $('<img src="${themeDisplay.getURLPortal()}/Editora/CONTENT/base/imagens/autores/' + response.id + '.jpg " />').insertBefore('.nomeAutor');
360
361 $('.fotoAutorContainer > .nomeAutor').html('<div class="linhaNomeAutor">' + response.nome + '</div>');
362
363 $('.nomeAutor').append('<pre class="biografiaAutor">' + response.biografia + '</pre><div class="linhaDetalheInferiorAutor">${iconeClass}</i></div>');
364 });
365 })
366
367 $('.btnVoltarAutores').on('click', () => {
368 //Mobile
369 setTimeout(() => {
370 $('.lineAccorionDescricao > div > ul > li:eq(1)').addClass('abaActiveAccordion');
371 $('.lineAccorionDescricao > div > ul > li:eq(1) > label').attr('style', 'background: #F8F8F8 !important;color:#454F63 !important');
372 $('.lineAccorionDescricao > div > ul > li:eq(1) > label ~ .linhaAccordionAtivo').css('display', 'block');
373 $('.lineAccorionDescricao > div > ul > li:eq(1) > label ~ .linhaAccordionAtivo ~ i').css('display', 'block');
374 }, 500);
375
376 //Mobile e Desktop
377 $(this).css('visibility', 'hidden');
378 $('.fotoAutorContainer > ul').css('display', 'block');
379 $('.nomeAutor').css('display', 'none');
380 $('.btnVoltarAutores ~ img').remove();
381 });
382
383 let firstImage = $('.detalheContainerImg img').first();
384 firstImage.addClass('selectedImage');
385 $('.img-zoom-container .img-responsive').attr('src', firstImage.attr('src'));
386
387 });
388
389 $( document ).ready(function() {
390 carregaParcelas()
391 });
392
393 function carregaParcelas(){
394 let price = $(".informacoesContainer .price-value").first().text();
395 let priceParsed = parseFloat(price.replaceAll("R$ ","").replaceAll(",","."));
396 var parcela = 1;
397
398 if( priceParsed > 100 ){
399 if( priceParsed < 150 ){
400 parcela = 2;
401 }
402 else{
403 parcela = 3;
404 }
405 }
406
407 $(".quantidadeParcelasCartao").text(parcela + "X sem juros");
408 }
409</script>
410
411<script>
412 let menu = document.querySelector('ol');
413 menu.removeChild(menu.lastElementChild);
414
415 var jCategory = "${categoria}";
416 var jSubCategory = "${subcategoria}";
417
418 var spanCategory = document.createElement("span");
419 spanCategory.setAttribute('class', "breadcrumb-text-truncate");
420 spanCategory.textContent = jCategory;
421
422 var ancora = document.createElement("a");
423 ancora.setAttribute('href', "${themeDisplay.getURLPortal() + '/categoria/' + friendlyCategoryURL.getUrlTitle(locale)}");
424
425 ancora.setAttribute('class', "breadcrumb-link");
426 ancora.appendChild(spanCategory);
427 var node = document.createElement('li');
428 node.setAttribute("class", "breadcrumb-item");
429 node.appendChild(ancora);
430 document.querySelector('ol').appendChild(node);
431
432 <#if subcategoria != ''>
433 var spanSubCategory = document.createElement("span");
434 spanSubCategory.setAttribute('class', "breadcrumb-text-truncate");
435 spanSubCategory.textContent = jSubCategory;
436
437 var a = document.createElement("a");
438 a.setAttribute('href', "${themeDisplay.getURLPortal() + '/categoria/' + friendlySubcategoryURL.getUrlTitle(locale)}");
439 a.setAttribute('class', "breadcrumb-link");
440 a.appendChild(spanSubCategory);
441
442 var secondNode = document.createElement('li');
443 secondNode.setAttribute("class", "breadcrumb-item");
444 secondNode.appendChild(a);
445 document.querySelector('ol').appendChild(secondNode);
446 </#if>
447
448 var bookName = document.createElement('li');
449 bookName.setAttribute("class", "breadcrumb-item");
450 bookName.textContent = "${entries[0].name?truncate(64,'...')?replace('"', '\\"')}";
451 document.querySelector('ol').appendChild(bookName);
452</script>
453
454<#if entries?has_content>
455 <#list entries as curCPCatalogEntry>
456 <#assign cpMedia = cpContentHelper.getImages(curCPCatalogEntry.getCPDefinitionId(), themeDisplay) />
457 <#assign defaultImage = "/documents/d/editora-senac/liferay_logo" />
458 <#assign productImage = "" />
459
460 <#list cpMedia as media>
461 <#if media.getURL()?has_content && media.getTitle()?? && media.getTitle()?contains("small")>
462 <#assign productImage = media.getURL() />
463 <#break>
464 </#if>
465 </#list>
466
467 <#if !productImage?has_content>
468 <#list cpMedia as media>
469 <#if media.getURL()?has_content>
470 <#assign productImage = media.getURL() />
471 <#break>
472 </#if>
473 </#list>
474 </#if>
475
476<div class="container imgDetalheProdutoContainer">
477 <div class="row detalheProdutolinha1">
478 <div class="col-1" style="padding-top: 16px;">
479 <div class="detalheContainerImg">
480 <div style="overflow-y: auto;display: flex;flex-direction: column;flex: 1;margin-bottom: 10px" class="imageList">
481 <img class="center-block img-responsive"
482 src="${productImage}"
483 onerror="this.onerror=null; this.src='${defaultImage}';" />
484 </div>
485 </div>
486 </div>
487
488 <div class="col-11 imgProdutoPrincipal">
489 <div class="img-zoom-container">
490 <img class="center-block img-responsive"
491 src="${productImage}"
492 onerror="this.onerror=null; this.src='${defaultImage}';" />
493 </div>
494
495
496 <button class="btnShareMob">
497 <i class="fas fa-share-alt"></i><span>Indique</span>
498 </button>
499
500 <div class="informacoesContainer desktop-only">
501
502 <div class="row w-25 p-3">
503 <div class="col-1 offset-10 indiqueContainer">
504 <i class="fas fa-share-alt"></i>
505 <span>Indicar</span>
506 <@liferay_social_bookmarks["bookmarks"]
507 className=curCPCatalogEntry.className
508 classPK=cpContentHelper.getDefaultCPInstance(request).getCPInstanceId()
509 displayStyle="menu"
510 title=curCPCatalogEntry.name
511 types="facebook,twitter"
512 url=themeDisplay.getPortalURL() + themeDisplay.getURLCurrent()
513 />
514 </div>
515 </div>
516
517 <#assign listaNome = curCPCatalogEntry.name?split(":") />
518 <p class="tituloDetalheLivro">${listaNome[0] + (listaNome?size gt 1)?then(":", "")}</p>
519 <#if listaNome?size gt 1>
520 <span class="subtituloLivro">${listaNome[1..]?join(":")}</span>
521 </#if>
522 <p class="autorDetalheLivro" style="margin-top: 5px !important;">
523 </p>
524 <p class="descricaoCurtaDetalheLivro desktop-only">
525 ${curCPCatalogEntry.shortDescription}
526 <br>
527 <#if !productService.isAvailable( curCPCatalogEntry.getCPDefinitionId() ) >
528 <span id="livroIndisponivelSpan">Livro Indisponível</span>
529 </#if>
530 </p>
531 <div class="price-buy-wrapper-desktop">
532 <div class="price-wrapper-desktop">
533 <#if curCPCatalogEntry.CPSkus?has_content>
534 <@liferay_commerce_ui["price"]
535 CPCatalogEntry=curCPCatalogEntry
536 />
537 </#if>
538 </div>
539 <#if productService.isAvailable( curCPCatalogEntry.getCPDefinitionId() ) >
540 <div class="addToCartCustom desktop-only">
541 <#assign
542 PortalUtil = staticUtil["com.liferay.portal.kernel.util.PortalUtil"]
543 id = "add-to-cart" + PortalUtil.generateRandomKey(request, "add-to-cart") + "" + curCPCatalogEntry.CPSkus[0].getSku()
544 />
545 <@liferay_commerce_ui["add-to-cart"]
546 CPInstanceId=curCPCatalogEntry.CPSkus[0].getCPInstanceId()
547 id=id
548 />
549 </div>
550 <#else>
551 <button id="livroIndisponivelButton">
552 Livro Indisponível
553 </button>
554 <button id="registroDeInteresseButton">
555 Registrar Interesse
556 </button>
557 </#if>
558 </div>
559 </div>
560 </div>
561
562<div class="col-1 offset-10 indiqueContainer mobile-only">
563 <i class="fas fa-share-alt"></i>
564 <span>Indicar</span>
565 <@liferay_social_bookmarks["bookmarks"]
566 className=curCPCatalogEntry.className
567 classPK=cpContentHelper.getDefaultCPInstance(request).getCPInstanceId()
568 displayStyle="menu"
569 title=curCPCatalogEntry.name
570 types="facebook,twitter"
571 url=themeDisplay.getPortalURL() + themeDisplay.getURLCurrent()
572 />
573</div>
574
575<div class="col-12 informacoesContainer mobile-only">
576 <div class="informacoesContainer">
577
578 <div class="row w-25 p-3">
579 <div class="col-1 offset-10 indiqueContainer">
580 <i class="fas fa-share-alt"></i>
581 <span>Indicar</span>
582 <@liferay_social_bookmarks["bookmarks"]
583 className=curCPCatalogEntry.className
584 classPK=cpContentHelper.getDefaultCPInstance(request).getCPInstanceId()
585 displayStyle="menu"
586 title=curCPCatalogEntry.name
587 types="facebook,twitter"
588 url=themeDisplay.getPortalURL() + themeDisplay.getURLCurrent()
589 />
590 </div>
591 </div>
592
593 <#assign listaNome = curCPCatalogEntry.name?split(":") />
594 <p class="tituloDetalheLivro">${listaNome[0] + (listaNome?size gt 1)?then(":", "")}</p>
595 <#if listaNome?size gt 1>
596 <span class="subtituloLivro">${listaNome[1..]?join(":")}</span>
597 </#if>
598 <p class="autorDetalheLivro" style="margin-top: 5px !important;">
599 </p>
600 <p class="descricaoCurtaDetalheLivro desktop-only">${curCPCatalogEntry.shortDescription}
601 </p>
602
603 <#if curCPCatalogEntry.CPSkus?has_content>
604 <div class="price-wrapper">
605 <@liferay_commerce_ui["price"]
606 CPCatalogEntry=curCPCatalogEntry
607 />
608 </div>
609 </#if>
610
611 <#if (productService.isAvailable( curCPCatalogEntry.getCPDefinitionId() )) == false>
612 <div class="addToCartCustom desktop-only">
613 <#assign
614 PortalUtil = staticUtil["com.liferay.portal.kernel.util.PortalUtil"]
615 id = "add-to-cart" + PortalUtil.generateRandomKey(request, "add-to-cart") + "" + curCPCatalogEntry.CPSkus[0].getSku()
616 />
617 <@liferay_commerce_ui["add-to-cart"]
618 CPInstanceId=curCPCatalogEntry.CPSkus[0].getCPInstanceId()
619 id=id
620 />
621 </div>
622 <#else>
623 <button id="livroIndisponivelButton">
624 Livro Indisponível
625 </button>
626 </#if>
627 </div>
628 </div>
629 </div>
630 </div>
631
632<#if productService.isAvailable( curCPCatalogEntry.getCPDefinitionId() )>
633<div class="mobile-only buy-mobile-wrapper">
634 <div class="d-flex">
635 <div class="preco">
636 <i class="icon-senac-sacola sacola-header-icon"></i>
637 <span class="currency">R$</span>
638 <div class="precoMobile"></div>
639 </div>
640 <div class="btn-comprar-wrapper">
641 <#assign
642 PortalUtil = staticUtil["com.liferay.portal.kernel.util.PortalUtil"]
643 id = "add-to-cart" + PortalUtil.generateRandomKey(request, "add-to-cart") + "" + curCPCatalogEntry.CPSkus[0].getSku()
644 />
645 <@liferay_commerce_ui["add-to-cart"]
646 CPInstanceId=curCPCatalogEntry.CPSkus[0].getCPInstanceId()
647 id=id
648 />
649 </div>
650 </div>
651</div>
652<#else>
653<div class="mobile-only buy-mobile-wrapper">
654 <button id="livroIndisponivelButton">
655 Livro Indisponível
656 </button>
657</div>
658</#if>
659</#list>
660</#if>
661
662<div class="estoque container d-flex align-items-center justify-content-center" style="padding: 40px 20px 50px 0;">
663 <p class="estoque-color-transparent">Quantidade em <br>estoque:
664 <span class="quantity">
665 <#list entries as curCPCatalogEntry>
666 <#list curCPCatalogEntry.getCPSkus() as sku>
667 <#if sku.isPublished()>
668 ${ciwils.getStockQuantity(themeDisplay.getCompanyId(), sku.getSku()) - cibqls.getCommerceBookedQuantity(themeDisplay.getCompanyId(), sku.getSku())}
669 <#else>
670 Sem Estoque
671 </#if>
672 </#list>
673</#list>
674</span>
675</p>
676</div>
677<div class="container d-flex-desktop pagamentoCepWrapper desktop-only">
678 <div class="row">
679 <div class="freteContainer container">
680 <div class="ebooksContainer">
681 <div style="display: flex; width:300px; position: relative;">
682 <i class="fa fa-file" style="font-size: 20px;margin-right: -35px;margin-top: 15px;z-index: 1;"></i>
683 <div class="ebooksTitleContainer">
684 <span>Ebooks</span>
685 </div>
686 <div class="ebooksContentContainer"></div>
687 <i class="ebooksChevron fa fa-chevron-right" style="display: block;position: absolute;right:50px;top:0;font-size: 20px;margin-top: 15px;z-index: 1; pointer-events: none"></i>
688 </div>
689 </div>
690 <div class="formasPagamentoContainer">
691 <div class="formasPagamentoTitle">
692 <i class="fas fa-credit-card" style="font-size: 20px; margin-right: 10px;"></i>
693 <span class="tituloBtnPag">Formas de Pagamento</span>
694 </div>
695 <div class="opcoesPagamentoDetalheLivro">
696
697 <ul>
698 <li>
699 <i class="fas fa-barcode"></i>
700 <span class="formaPagamentoItem">Boleto Bancário</span>
701 <span class="valorFormaPagamento"></span>
702 <div class="descricaoFormaPagamento">Parcela única, à vista</div>
703 </li>
704 <li>
705 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 20 20" fill="none">
706 <path d="M15.5976 15.2988C15.2119 15.3002 14.8298 15.2251 14.4732 15.078C14.1167 14.9308 13.7929 14.7145 13.5205 14.4414L10.5201 11.4392C10.414 11.3377 10.2728 11.2811 10.126 11.2811C9.97918 11.2811 9.838 11.3377 9.73188 11.4392L6.72139 14.4497C6.44914 14.7231 6.1254 14.9399 5.76889 15.0875C5.41237 15.235 5.03014 15.3105 4.64428 15.3095H4.05688L7.8588 19.1114C8.42901 19.6804 9.20166 20 10.0072 20C10.8127 20 11.5854 19.6804 12.1556 19.1114L15.9651 15.3013L15.5976 15.2988Z" fill="#78849E"/>
707 <path d="M4.64491 4.68888C5.03078 4.68785 5.41302 4.76331 5.76954 4.9109C6.12606 5.05849 6.4498 5.27528 6.72203 5.54874L9.73251 8.55986C9.83715 8.66418 9.97888 8.72276 10.1266 8.72276C10.2744 8.72276 10.4161 8.66418 10.5208 8.55986L13.5205 5.56015C13.7925 5.28635 14.1162 5.06929 14.4727 4.92157C14.8293 4.77385 15.2116 4.69842 15.5976 4.69965H15.9588L12.1493 0.89013C11.8672 0.607931 11.5322 0.384072 11.1636 0.231341C10.795 0.0786106 10.3999 0 10.0009 0C9.60185 0 9.20674 0.0786106 8.83811 0.231341C8.46948 0.384072 8.13456 0.607931 7.85246 0.89013L4.05688 4.68888H4.64491Z" fill="#78849E"/>
708 <path d="M19.1099 7.85144L16.8078 5.54938C16.7559 5.5706 16.7004 5.58179 16.6443 5.58233H15.5975C15.0528 5.5837 14.5306 5.80003 14.1446 6.1843L11.1449 9.18211C10.8747 9.45177 10.5086 9.60323 10.1269 9.60323C9.74519 9.60323 9.37908 9.45177 9.10893 9.18211L6.09781 6.1729C5.71184 5.78839 5.18966 5.57183 4.64485 5.57029H3.3598C3.30684 5.5691 3.25451 5.55859 3.20519 5.53925L0.888557 7.85144C0.319559 8.42165 0 9.1943 0 9.99984C0 10.8054 0.319559 11.578 0.888557 12.1482L3.20012 14.4598C3.24933 14.4401 3.30173 14.4296 3.35473 14.4288H4.64485C5.18965 14.4272 5.7118 14.2106 6.09781 13.8262L9.1083 10.8157C9.65261 10.272 10.6012 10.272 11.1449 10.8157L14.1446 13.8147C14.5306 14.199 15.0528 14.4154 15.5975 14.4167H16.6443C16.7004 14.4171 16.7559 14.4283 16.8078 14.4497L19.1099 12.1476C19.3921 11.8655 19.6159 11.5306 19.7687 11.162C19.9214 10.7933 20 10.3982 20 9.99921C20 9.60019 19.9214 9.20509 19.7687 8.83646C19.6159 8.46783 19.3921 8.1329 19.1099 7.85081" fill="#78849E"/>
709 </svg>
710 <span class="formaPagamentoItem">Pix</span>
711 <span class="valorFormaPagamento"></span>
712 <div class="descricaoFormaPagamento">Parcela única, à vista</div>
713 </li>
714 <li>
715 <i class="far fa-credit-card"></i>
716 <span class="formaPagamentoItem">Cartão de Crédito</span>
717 <span class="valorFormaPagamento valorFormaPagamentoParcelado"></span>
718 <div class="descricaoFormaPagamento">
719 <span>Parcelado em até </span>
720 <span style="font-weight:600;" class="quantidadeParcelasCartao"></span>
721 <br>
722 com cartão
723 <span style="font-weight:600;">Mastercard</span>,
724 <span style="font-weight:600;"> Visa</span>
725 ou
726 <span style="font-weight:600;">Elo.</span>
727 </div>
728 </li>
729 </ul>
730 </div>
731 </div>
732 <div class="calculeCepContainer">
733 <label class="labelFrete"><i class="fas fa-truck" aria-hidden="true"></i> Calcule o frete</label>
734 <div style="position: relative">
735 <!-- <i class="fa fa-chevron-right freteIcon" aria-hidden="true"></i> -->
736 <input type="text" class="form-control" placeholder="Digite seu CEP" id="freteDetalheLivro" maxlength="9">
737 </div>
738 <label class="consulteCEP">
739 <a href="https://buscacepinter.correios.com.br/app/endereco/index.php" target="_blank">Não sabe seu CEP? Consulte aqui</a>
740 </label>
741 <div class="calcFretePrazoContainer">
742 <div class="labelsFretes">
743 <div>Sedex:</div>
744 <div>Valor:</div>
745 </div>
746 <div class="valuesFretes">
747 <div class="label-container-frete"></div>
748 <div class="valor-container-frete"></div>
749 </div>
750 </div>
751 </div>
752 </div>
753 <div class=" container informacoesContainerMob">
754 <div class="detalheLivroMob">
755 <#if entries?has_content>
756 <#list entries as curCPCatalogEntry>
757 <#assign listaNome = curCPCatalogEntry.name?split(":") />
758 <p class="tituloDetalheLivro">${listaNome[0] + (listaNome?size gt 1)?then(":", "")}</p>
759 <#if listaNome?size gt 1>
760 <span class="subtituloLivro">${listaNome[1..]?join(":")}</span>
761 </#if>
762 <p class="autorDetalheLivro"></p>
763 <#if curCPCatalogEntry.CPSkus?has_content>
764 <div class="row">
765 <div class="containerPrecoMob">
766 <div class="lockTitulo">
767 <i class="fa fa-lock"></i>
768 <div>Loja 100% segura</div>
769 </div>
770 <@liferay_commerce_ui["price"]
771 CPCatalogEntry=curCPCatalogEntry
772 />
773 </div>
774 </div>
775 </#if>
776 </#list>
777</#if>
778<div class="row">
779 <div class="col-6 offset-6"></div>
780</div>
781</div>
782
783<div class="row">
784 <div class="col-11 offset-1 freteInputMob">
785 <label class="labelFrete">
786 <i class="fas fa-truck"></i> Calcule o frete
787 </label>
788 <input type="text" class="form-control" placeholder="Digite seu CEP " id="freteDetalheLivroMob">
789 <p class="consulteCEP">
790 <a href="https://buscacepinter.correios.com.br/app/endereco/index.php" target="_blank">
791 Não sabe seu CEP? Consulte aqui
792 </a>
793 </p>
794 <div class="calcFretePrazoContainer">
795 <div class="labelsFretesMob">
796 <div>Sedex:</div>
797 <div>Valor:</div>
798 </div>
799 <div class="valuesFretes valuesFretesMob">
800 <div class="label-container-frete"></div>
801 <div class="valor-container-frete"></div>
802 </div>
803 </div>
804 </div>
805</div>
806
807<div class="row">
808 <div class="col-11 offset-1">
809 <i class="fas fa-credit-card" style="font-size: 20px; margin-right: 10px;"></i>
810 <span class="tituloBtnPag">Formas de Pagamento</span>
811 <div class="opcoesPagamentoDetalheLivro">
812 <ul>
813 <!--<li>
814 <i class="fas fa-barcode"></i>
815 <span class="formaPagamentoItem">Boleto Bancário</span>
816 <span class="valorFormaPagamento"></span>
817 <div class="descricaoFormaPagamento">Parcela única, à vista</div>
818 </li>-->
819 <li>
820 <i class="far fa-credit-card"></i>
821 <span class="formaPagamentoItem">Cartão de Crédito</span>
822 <span class="valorFormaPagamento valorFormaPagamentoParcelado"></span>'
823 <div class="descricaoFormaPagamento">
824 Parcelamento em até<strong> 3 vezes sem </br>juros</strong> com
825 <strong>Mastercard</strong>, <strong>Visa</strong> ou <strong>Elo.</strong>
826 </div>
827 </li>
828 </ul>
829 </div>
830 </div>
831</div>
832
833<div class="row lineAccorionDescricao">
834 <div class="col-12">
835 <ul id="menutree">
836 <li class="collapse">
837 <input type="checkbox" id="descricao">
838 <label for="descricao" class="acDescricao">
839 <i class="fa fa-book-open"></i>
840 <span style="font-weight:bold !important;margin-left:10px;">DESCRIÇÃO</span>
841 </label>
842 <div class="linhaAccordionAtivo"></div>
843 <i class="fas fa-play" aria-hidden="true"></i>
844 <ul>
845 <li class="acDescricaoLi">
846 <#if entries?has_content>
847 <#list entries as curCPCatalogEntry>
848 <pre>${curCPCatalogEntry.description?truncate(450)}</pre>
849 </#list>
850 </#if>
851 <div class="linhaFichaContainerMob"></div>
852 ${iconeClass}
853 <div class="fichaContainerMob">
854 <p><span class="itemFichaTecnicaMob">Ficha Técnica:</span></p>
855 <p><span class="itemFichaTecnicaMob">ISBN:</span> ${isbn}</p>
856 <p><span class="itemFichaTecnicaMob">Edição:</span> ${edicao}</p>
857 <p><span class="itemFichaTecnicaMob">Área:</span> <span>${categoria!''}</span></p>
858 <p><span class="itemFichaTecnicaMob">Número de páginas:</span> ${paginas}</p>
859 <p><span class="itemFichaTecnicaMob">Idioma:</span> ${idioma}</p>
860 <p><span class="itemFichaTecnicaMob">Data de lançamento:</span> ${lancamento}</p>
861 <p><span class="itemFichaTecnicaMob">Tamanho:</span> ${formato}</p>
862 <p><span class="itemFichaTecnicaMob">Editora(s):</span> ${editora}</p>
863 </div>
864 <div class="linhaFichaContainerMob"></div>
865 </li>
866 </ul>
867 </li>
868 <li class="collapse">
869 <input type="checkbox" id="autores">
870 <label for="autores" class="acDescricao">
871 <i class="fas fa-user-edit"></i>
872 <span style="font-weight:bold !important;margin-left:10px;">QUEM ESCREVEU?</span>
873 </label>
874 <div class="linhaAccordionAtivo"></div>
875 <i class="fas fa-play" aria-hidden="true"></i>
876 <ul>
877 <li class="acDescricaoLi">
878 <div class="fotoAutorContainer">
879 <div class="nomeAutor"></div>
880 </div>
881 </li>
882 </ul>
883 </li>
884 </ul>
885 </div>
886</div>
887</div>
888</div>
889</div>
890
891<div class="container mobile-only pagamentoCepWrapper">
892 <div class="ebooksContainer" style="margin-top: 65px;">
893 <div style="display: flex; width:310px; position: relative;">
894 <i class="fa fa-file" style="font-size: 20px;margin-right: -35px;margin-top: 15px;z-index: 1;"></i>
895 <div class="ebooksTitleContainer">
896 <span>Ebooks</span>
897 </div>
898 <div class="ebooksContentContainer"></div>
899 <i class="ebooksChevron fa fa-chevron-right" style="display: block;position: absolute;right:50px;top:0;font-size: 20px;margin-top: 15px;z-index: 1; pointer-events: none"></i>
900 </div>
901 </div>
902
903 <div class="calculeCepContainer">
904 <label class="labelFrete"><i class="fas fa-truck" aria-hidden="true"></i> Calcule o frete</label>
905 <div style="position: relative; width: 299px;">
906 <!-- <i class="fa fa-chevron-right freteIcon" aria-hidden="true"></i> -->
907 <input type="text" class="form-control" placeholder="Digite seu CEP" id="freteDetalheLivro" maxlength="9">
908 </div>
909 <label class="consulteCEP">
910 <a href="https://buscacepinter.correios.com.br/app/endereco/index.php" target="_blank">Não sabe seu CEP? Consulte aqui</a>
911 </label>
912 <div class="calcFretePrazoContainer">
913 <div class="labelsFretes">
914 <div>Sedex:</div>
915 <div>Valor:</div>
916 </div>
917 <div class="valuesFretes">
918 <div class="label-container-frete"></div>
919 <div class="valor-container-frete"></div>
920 </div>
921 </div>
922 </div>
923 <div class="formasPagamentoContainer">
924 <div class="formasPagamentoTitle">
925 <i class="fas fa-credit-card" style="font-size: 20px; margin-right: 10px;"></i>
926 <span class="tituloBtnPag">Formas de Pagamento</span>
927 </div>
928 <div class="opcoesPagamentoDetalheLivro">
929
930 <ul>
931 <!--<li>
932 <i class="fas fa-barcode"></i>
933 <span class="formaPagamentoItem">Boleto Bancário</span>
934 <span class="valorFormaPagamento"></span>
935 <div class="descricaoFormaPagamento">Parcela única, à vista</div>
936 </li>-->
937 <li>
938 <i class="far fa-credit-card"></i>
939 <span class="formaPagamentoItem">Cartão de Crédito</span>
940 <span class="valorFormaPagamento valorFormaPagamentoParcelado"></span>
941 <div class="descricaoFormaPagamento">
942 <span>Parcelado em até </span>
943 <span style="font-weight:600;" class="quantidadeParcelasCartao"></span>
944 <br>
945 com cartão
946 <span style="font-weight:600;">Mastercard</span>,
947 <span style="font-weight:600;"> Visa</span>
948 ou
949 <span style="font-weight:600;">Elo.</span>
950 </div>
951 </div>
952 </li>
953 </ul>
954 </div>
955</div>
956</div>
957
958<#assign
959definitionId = cPCatalogEntry.getCPDefinitionId()
960cpDefinitionSpecificationOptionValues = cpContentHelper.getCPDefinitionSpecificationOptionValues(definitionId)
961/>
962<div class="container tabsDescricaoAutor desktop-only">
963 <div class="row">
964 <div class="col-12">
965 <ul class="nav nav-tabs" id="myTab" role="tablist">
966 <li class="nav-item abaAtiva">
967 <a class="nav-link active" id="desc-tab" data-toggle="tab" href="#desc" role="tab"
968 aria-controls="profile" aria-selected="false">
969 <span class="iconDesc">
970 <svg id="Grupo_2726" data-name="Grupo 2726" xmlns="http://www.w3.org/2000/svg" width="30"
971 height="24.098" viewBox="0 0 30 24.098" style="margin-top: -5px;">
972 <path id="Caminho_1152" data-name="Caminho 1152"
973 d="M763.305,343.382c.254-.1.528-.21.785-.311v14.51a.7.7,0,0,0,.789.694,11.622,11.622,0,0,1,1.525-.1,14.863,14.863,0,0,1,4.4.689c.439.138.868.3,1.283.475-.56-.035-1.122-.066-1.628-.09-.375-.018-.719-.033-1.005-.044l-.383-.013c-.112,0-.206,0-.285,0a14.947,14.947,0,0,0-6.12,1.314v-16.86l.045-.019c.165-.072.37-.156.591-.245Zm9.751-1.313.05.036,2.324,1.539-.013,16.045a11.381,11.381,0,0,0-1.913-1.225,15.166,15.166,0,0,0-3.476-1.256,16.12,16.12,0,0,0-3.625-.426q-.465,0-.917.03V339.5h.346a11.569,11.569,0,0,1,7.223,2.572Zm5.721.366h0a11.512,11.512,0,0,0,.962-.64h0a11.537,11.537,0,0,1,6.868-2.3h.346v12.425a.7.7,0,1,0,1.4,0v-8.891l.714.281c.242.1.473.191.664.272l.143.062v16.86a14.933,14.933,0,0,0-6.12-1.314c-.127,0-.286,0-.477.012-.332.012-.753.035-1.217.063-.3.018-.613.039-.931.062a11.375,11.375,0,0,1,4.969-1.149,11.15,11.15,0,0,1,1.462.1.7.7,0,0,0,.791-.693v-2.371a.7.7,0,1,0-1.4,0h0v1.6q-.428-.029-.856-.028a12.973,12.973,0,0,0-8.158,2.928l-1.123.553.012-16.674,1.948-1.153Zm-17.378.433a.9.9,0,0,0-.128.464v17.959a.9.9,0,0,0,.076.362.878.878,0,0,0,.14.226.914.914,0,0,0,.307.232.9.9,0,0,0,.38.084.91.91,0,0,0,.412-.1h0a13.581,13.581,0,0,1,6.2-1.505c.1,0,.262,0,.467.01.363.012.856.034,1.4.062.823.041,1.767.1,2.573.159.4.03.771.059,1.07.089.151.016.281.03.39.043l.078.01.918.751a.693.693,0,0,0,.334.148.974.974,0,0,0,.362.07.945.945,0,0,0,.317-.054.991.991,0,0,0,.2-.1l1.58-.779a.358.358,0,0,0,.065-.009c.041-.008.1-.017.166-.027.128-.019.293-.04.484-.061.333-.037.742-.076,1.179-.112.654-.054,1.37-.1,1.988-.141.307-.018.592-.032.832-.042l.321-.012c.092,0,.172,0,.231,0a13.579,13.579,0,0,1,6.2,1.505.9.9,0,0,0,.412.1.915.915,0,0,0,.342-.067.9.9,0,0,0,.4-.319.895.895,0,0,0,.162-.518V343.333a.906.906,0,0,0-.478-.8h0c-.041-.022-.083-.043-.127-.063-.083-.04-.178-.083-.283-.128-.182-.079-.4-.168-.622-.258-.339-.138-.707-.281-1.024-.4l-.387-.151v-2.5a.929.929,0,0,0-.933-.931h-.811a12.932,12.932,0,0,0-7.7,2.572h0a9.88,9.88,0,0,1-.844.561h0l-1.977,1.17-2.188-1.449a12.963,12.963,0,0,0-8.067-2.854h-.811a.93.93,0,0,0-.773.41.9.9,0,0,0-.118.244.913.913,0,0,0-.041.277v2.541c-.32.124-.735.285-1.133.444-.246.1-.485.195-.691.283-.1.044-.2.085-.285.125s-.161.075-.232.112h0a.9.9,0,0,0-.352.334Z"
974 transform="translate(-761.271 -338.099)" fill="#78849e"/>
975 <path id="Caminho_1153" data-name="Caminho 1153"
976 d="M797.516,363.2a9.87,9.87,0,0,1,5.663,1.933l.451.333a.7.7,0,1,0,.829-1.125h0l-.451-.333a11.26,11.26,0,0,0-6.461-2.207.7.7,0,1,0-.031,1.4Z"
977 transform="translate(-791.136 -358.009)" fill="#78849e"/>
978 <path id="Caminho_1154" data-name="Caminho 1154"
979 d="M797.516,381.1a9.846,9.846,0,0,1,5.663,1.933l.451.333a.7.7,0,1,0,.829-1.125h0l-.451-.333a11.263,11.263,0,0,0-6.461-2.207.7.7,0,1,0-.031,1.4Z"
980 transform="translate(-791.136 -373.037)" fill="#78849e"/>
981 <path id="Caminho_1155" data-name="Caminho 1155"
982 d="M868.8,365.477h0l.453-.333a9.859,9.859,0,0,1,5.662-1.933.7.7,0,1,0-.031-1.4,11.243,11.243,0,0,0-6.463,2.206l-.452.333a.7.7,0,0,0,.83,1.125Z"
983 transform="translate(-850.644 -358.015)" fill="#78849e"/>
984 <path id="Caminho_1156" data-name="Caminho 1156"
985 d="M868.8,383.365h0l.453-.333a9.836,9.836,0,0,1,5.662-1.933.7.7,0,1,0-.031-1.4,11.258,11.258,0,0,0-6.463,2.207l-.452.333a.7.7,0,0,0,.83,1.125Z"
986 transform="translate(-850.644 -373.037)" fill="#78849e"/>
987 <path id="Caminho_1157" data-name="Caminho 1157"
988 d="M874.887,395.363a11.244,11.244,0,0,0-6.463,2.206l-.452.334a.7.7,0,0,0,.83,1.125h0l.453-.333a9.832,9.832,0,0,1,5.662-1.934.7.7,0,1,0-.031-1.4Z"
989 transform="translate(-850.644 -386.191)" fill="#78849e"/>
990 </svg>
991 <span>Descrição</span>
992 </span>
993 </a>
994 <i class="fas fa-play" style="visibility: visible"></i>
995 </span>
996 </li>
997 <li class="nav-item">
998 <a class="nav-link" id="spec-tab" data-toggle="tab" href="#spec" role="tab" aria-controls="contact"
999 aria-selected="false">
1000 <span class="iconDesc">
1001 <i class="fas fa-user-edit"></i> <span>Quem escreveu?</span>
1002 </span>
1003 </a>
1004 <i class="fas fa-play"></i>
1005 </span>
1006 </li>
1007 </ul>
1008 <div class="tab-content" id="myTabContent">
1009 <div class="tab-pane fade show active" id="desc" role="tabpanel" aria-labelledby="desc-tab">
1010 <div class="container">
1011 <div class="row">
1012 <div class="col-5 fichaContainer">
1013 <p><span class="itemFichaTecnica">Ficha Técnica:</span></p>
1014 <p><span class="itemFichaTecnica">ISBN:</span> ${isbn}</p>
1015 <p><span class="itemFichaTecnica">Edição:</span> <span id="itemEdicao">${edicao}</span></p>
1016 <p><span class="itemFichaTecnica">Área:</span> ${categoria!''}</p>
1017 <p><span class="itemFichaTecnica">Número de páginas:</span> ${paginas}</p>
1018 <p><span class="itemFichaTecnica">Idioma:</span> ${idioma}</p>
1019 <p><span class="itemFichaTecnica">Data de lançamento:</span> ${lancamento}</p>
1020 <p><span class="itemFichaTecnica">Tamanho:</span> ${formato}</p>
1021 <p><span class="itemFichaTecnica">Editora(s):</span> ${editora}</p>
1022 </div>
1023 <div class="col-1"> </div>
1024 <div class="col-6 descricaoContainer">
1025 <div class="linhaDetalheLivroSuperior"></div>
1026 <#if entries?has_content>
1027 <#list entries as curCPCatalogEntry>
1028 <span>${iconeClass!''}</span>
1029 <pre>${curCPCatalogEntry.description?truncate(1400, '...')}</pre>
1030 <p class="d-none" id="itemSku">${curCPCatalogEntry.CPSkus[0].getSku()}</p>
1031 </#list>
1032 </#if>
1033 <div class="linhaDetalheLivroInferior"></div>
1034 </div>
1035 </div>
1036 </div>
1037 </div>
1038 <div class="tab-pane fade" id="spec" role="tabpanel" aria-labelledby="spec-tab">
1039 <div class="fotoAutorContainer">
1040 <div class="nomeAutor"></div>
1041 </div>
1042 </div>
1043 </div>
1044</div>
1045</div>
1046</div>
1047
1048<div class="tabsDescricaoAutor mobile-only">
1049 <div class="tab-single" data-tab-target="descricao">
1050 <div class="icon-wrapper"><i class="fa fa-book"></i></div>
1051 Descrição
1052 </div>
1053 <div class="tab-mobile-content" data-tab-id="descricao">
1054 <ul>
1055 <li class="acDescricaoLi">
1056 <#if entries?has_content>
1057 <#list entries as curCPCatalogEntry>
1058 <div>${curCPCatalogEntry.description?truncate(9999)}</div>
1059 </#list>
1060 </#if>
1061 <div class="linhaFichaContainerMob"></div>
1062 <div class="fichaContainerMob">
1063 ${iconeClass!''}
1064 <p><span class="itemFichaTecnicaMob">Ficha Técnica:</span></p>
1065 <p><span class="itemFichaTecnicaMob">ISBN:</span> ${isbn}</p>
1066 <p><span class="itemFichaTecnicaMob">Edição:</span> ${edicao}</p>
1067 <p><span class="itemFichaTecnicaMob">Área:</span> <span>${categoria!''}</span></p>
1068 <p><span class="itemFichaTecnicaMob">Número de páginas:</span> ${paginas}</p>
1069 <p><span class="itemFichaTecnicaMob">Idioma:</span> ${idioma}</p>
1070 <p><span class="itemFichaTecnicaMob">Data de lançamento:</span> ${lancamento}</p>
1071 <p><span class="itemFichaTecnicaMob">Tamanho:</span> ${formato}</p>
1072 <p><span class="itemFichaTecnicaMob">Editora(s):</span> ${editora}</p>
1073 </div>
1074 <div class="linhaFichaContainerMob"></div>
1075 </li>
1076 </ul>
1077 </div>
1078 <div class="tab-single" data-tab-target="sobre">
1079 <div class="icon-wrapper"><i class="fa fa-user-edit"></i></div>
1080 Sobre Autor
1081 </div>
1082 <div class="tab-mobile-content" data-tab-id="sobre">
1083 <ul>
1084 <li class="acDescricaoLi">
1085 <div class="fotoAutorContainer">
1086 <div class="nomeAutor"></div>
1087 </div>
1088 </li>
1089 </ul>
1090 </div>
1091</div>
1092
1093<div id="ri-myModal" class="ri-modal">
1094 <div class="ri-modal-content">
1095 <span class="ri-closeBtn">×</span>
1096 <div class="ri-title">Registro de interesse de compra</div>
1097 <form class="ri-form">
1098 <label for="ri-unidade" class="ri-label">Unidade</label>
1099 <input type="text" id="ri-unidade" class="ri-input filled" name="unidade" disabled>
1100
1101 <label for="ri-produto" class="ri-label">Produto selecionado</label>
1102 <input type="text" id="ri-produto" class="ri-input filled" name="produto" disabled>
1103
1104 <label for="ri-finalidade" class="ri-label">Finalidade*</label>
1105 <select id="ri-finalidade" class="ri-select" name="finalidade" style="background-color: #F5F5F5 !important;">
1106 <option value="0">Selecione</option>
1107 <option value="Material didático para curso">Material didático para curso</option>
1108 <option value="Livros para Biblioteca">Livros para Biblioteca</option>
1109 <option value="Brinde">Brinde</option>
1110 </select>
1111
1112 <label for="ri-quantidade" class="ri-label">Quantidade desejada*</label>
1113 <input type="number" id="ri-quantidade" class="ri-input" name="quantidade" value="0" min="0" required>
1114 <span class="ri-span">* Campo Obrigatório</span>
1115
1116 <span class="ri-span-error"></span>
1117
1118 <button type="submit" class="ri-submitBtn">Enviar solicitação</button>
1119 </form>
1120 </div>
1121 <div id="modal-success" class="modal-success">
1122 <div class="modal-envio-registro">
1123 <div class="modal-success-conteudo" tabindex="0">
1124 <div>
1125 <i class="fas fa-exclamation-circle text-success"></i>
1126 </div>
1127 <div class="modal-success-conteudo-text">
1128 Registro realizado com sucesso. <br>
1129 Em breve entraremos em contato!
1130 </div>
1131 </div>
1132 </div>
1133 <button id="btnFechaModalRegistro" class="btn btn-lg btn-success w-100 mt-10" data-test="form-duvidas-btnFecharEnvio">Voltar para home</button>
1134 </div>
1135</div>
1136
1137<div id="templateEmail">
1138 <div id="registroDeInteresseEmail">
1139 <table width="900" align="center" style="border: solid 1px #ecf0f1; font-family: Verdana; color: #7786a3;">
1140 <tbody>
1141 <tr>
1142 <td>
1143 <table width="100%" border="0">
1144 <tbody class="resumo-table-body">
1145 <tr style="background: #fd961f;">
1146 <td>
1147 <table width="100%" border="0">
1148 <tbody>
1149 <tr>
1150 <td width="3%"> </td>
1151 <td width="15%"> </td>
1152 <td width="12%"> </td>
1153 <td width="67%"> </td>
1154 <td width="3%"> </td>
1155 </tr>
1156 <tr>
1157 <td> </td>
1158 <td align="center"><img src="https://www.sp.senac.br/documents/20125/41021490/logo-senac-white.png"></td>
1159 <td> </td>
1160 <td>
1161 <h1 style="color: whitesmoke;font-size: 35px;line-height: normal;margin: 0;">Editora | Registro de Interesse de Compra</h1>
1162 </td>
1163 <td> </td>
1164 </tr>
1165 <tr>
1166 <td> </td>
1167 <td> </td>
1168 <td> </td>
1169 <td> </td>
1170 <td> </td>
1171 </tr>
1172 </tbody>
1173 </table>
1174 </td>
1175 </tr>
1176 <tr>
1177 <td> </td>
1178 </tr>
1179 <tr>
1180 <td>
1181 <table width="100%" border="0">
1182 <tbody>
1183 <tr>
1184 <td width="2%"><img src="https://www.sp.senac.br/documents/d/guest/logo-book" width="14" height="16" alt="" style="display: block; border: 0;"></td>
1185 <td width="20%"><strong style="color: #7786a3;">Unidade:</strong></td>
1186 <td width="78%"><strong style="color: #fd961f;" id="registroUnidadeNome"></strong></td>
1187 </tr>
1188 </tbody>
1189 </table>
1190 </td>
1191 </tr>
1192 <tr>
1193 <td> </td>
1194 </tr>
1195 <tr>
1196 <td>
1197 <table width="100%" border="0">
1198 <tbody>
1199 <tr>
1200 <td width="2%"><img src="https://www.sp.senac.br/documents/d/guest/logo-book" width="14" height="16" alt="" style="display: block; border: 0;"></td>
1201 <td width="98%"><strong style="color: #7786a3;">Usuário Solicitante:</strong></td>
1202 </tr>
1203 </tbody>
1204 </table>
1205 </td>
1206 </tr>
1207 <tr>
1208 <td><strong>Nome:</strong> <span id="registroUsuarioNome"></span> </td>
1209 </tr>
1210 <tr>
1211 <td><strong>Email:</strong> <span id="registroUsuarioEmail"></span></td>
1212 </tr>
1213 <tr>
1214 <td> </td>
1215 </tr>
1216 <tr>
1217 <td>
1218 <table width="100%" border="0">
1219 <tbody>
1220 <tr>
1221 <td width="2%"><img src="https://www.sp.senac.br/documents/d/guest/logo-book" width="14" height="16" alt="" style="display: block; border: 0;"></td>
1222 <td width="98%"><strong style="color: #7786a3;">Itens registrados:</strong></td>
1223 </tr>
1224 </tbody>
1225 </table>
1226 </td>
1227 </tr>
1228 <tr class="pedido-items-table">
1229 <tr>
1230 <td>
1231 <table id="item-43604674" class="resumo-pedido-item" width="100%" border="0" style="background: #f6efe9;">
1232 <tbody>
1233 <tr style="background: #f6efe9;">
1234 <td width="2%"> </td>
1235 <td width="62%"> </td>
1236 <td width="17%"> </td>
1237 <td width="17%"> </td>
1238 <td width="2%"> </td>
1239 </tr>
1240 <tr style="background: #f6efe9;">
1241 <td> </td>
1242 <td><strong>Produto</strong></td>
1243 <td align="center"><strong>Quantidade:</strong></td>
1244 <td align="center"><strong>Finalidade:</strong></td>
1245 <td> </td>
1246 </tr>
1247 <tr>
1248 <td> </td>
1249 <td id="registroProdutoNome"><br></td>
1250 <td id="registroProdutoQtd" align="center"></td>
1251 <td id="registroProdutoFin" align="center"></td>
1252 <td> </td>
1253 </tr>
1254 <tr>
1255 <td> </td>
1256 <td> </td>
1257 <td> </td>
1258 <td> </td>
1259 <td> </td>
1260 </tr>
1261 </tbody>
1262 </table>
1263 </td>
1264 </tr>
1265 <div class="resumo-pedido-item-divisor"></div>
1266 </tr>
1267 </tbody>
1268 </table>
1269 </td>
1270 </tr>
1271 </tbody>
1272 </table>
1273 </div>
1274</div>
1275
1276
1277<style>
1278 /*ajuste botão de login*/
1279 .ssp-desktop-menu__wrapper .btn-group {
1280 margin-left: 60px;
1281 }
1282
1283 .categoria-icon-svg{
1284 width: 27px;
1285 height: 30px;
1286 margin-bottom: 5px;
1287 margin-left: 10px;
1288 }
1289
1290 .botaoAmplie {
1291 display: none;
1292 }
1293 .ssp:not(.liferay-instance) h2, .tab-mobile-content {
1294 display: none;
1295 }
1296
1297 .tabsDescricaoAutor {
1298 margin-bottom: 50px;
1299 }
1300
1301 .tab-single {
1302 width: calc(100% - 20px);
1303 padding: 10px 23px 10px 17px;
1304 text-transform: uppercase;
1305 font-weight: 700;
1306 border: solid 1px #CED2DC;
1307 background-color: #F8F8F8;
1308 margin-left: -1px;
1309 border-radius: 6px;
1310 line-height: 39px;
1311 margin-bottom: -1px;
1312 }
1313
1314 .tab-single i {
1315 font-size: 22px;
1316 }
1317
1318 .icon-wrapper {
1319 margin-right: 2px;
1320 width: 31px;
1321 position: relative;
1322 top: 2px;
1323 text-align: center;
1324 display: inline-block;
1325 }
1326
1327 .tab-single.active {
1328 -webkit-box-shadow: 0px 2px 0px 0px #F6921E;
1329 box-shadow: 0px 2px 0px 0px #F6921E;
1330 position: relative;
1331 }
1332
1333 .tab-single.active:after {
1334 content: "\f04b";
1335 font-family: "Font Awesome 5 Pro";
1336 font-weight: 900;
1337 position: absolute;
1338 transform: rotate(90deg);
1339 color: #F6921E;
1340 bottom: -27px;
1341 font-size: 24px;
1342 left: 83px;
1343 }
1344
1345 .tab-mobile-content {
1346 width: calc(100% - 9px);
1347 padding: 20px 23px 10px 19px;
1348 border: solid 1px #CED2DC;
1349 background-color: #F8F8F8;
1350 margin-left: -1px;
1351 border-radius: 5px;
1352 margin-top: 10px;
1353 margin-bottom: 10px;
1354 }
1355
1356 .tab-mobile-content .fichaContainerMob {
1357 width: 100%;
1358 margin-left: 0px!important;
1359 padding-top: 0px;
1360 margin-top: 0px;
1361 margin-bottom: 0px;
1362 }
1363
1364 .tab-mobile-content .linhaFichaContainerMob {
1365 width: 100%;
1366 margin-top: 20px;
1367 margin-bottom: 20px;
1368 }
1369
1370 .taglib-social-bookmarks button{
1371 font-size: 0 !important;
1372 position: absolute;
1373 top: -105px;
1374 width: 72px;
1375 padding: 0;
1376 left: -32px;
1377 height: 115px;
1378 }
1379 .taglib-social-bookmarks button svg{
1380 display: none;
1381 }
1382
1383 /* Ajustes da versão dektop para homologação */
1384 .autorDetalheLivro {
1385 color: #78849e;
1386 }
1387
1388 .tituloDetalheLivro {
1389 width: 90%;
1390 font-size: 32px !important;
1391 font-weight: bold !important;
1392 color: #454F63 !important;
1393 padding-right: 65px;
1394 text-transform: none !important;
1395 }
1396
1397 .descricaoCurtaDetalheLivro {
1398 font-size: 16px !important;
1399 color: #454f63;
1400 flex: 1;
1401 margin-bottom: 25px;
1402 }
1403
1404 .tituloBtnPag {
1405 font-size: 14px !important;
1406 font-weight: 500 !important;
1407 }
1408
1409 .formaPagamentoItem {
1410 color: #454F63 !important;
1411 font-size: 14px !important;
1412 font-weight: 600;
1413 }
1414 .itemFichaTecnica {
1415 font-weight: bold !important;
1416 }
1417
1418 .fichaContainer > p:nth-child(1) {
1419 margin-top: 40px;
1420 }
1421
1422 .ebooksContainer {
1423 margin-right: 10px;
1424 margin-bottom: 240px;
1425 margin-top: 65px;
1426 padding-left: 20px;
1427 }
1428
1429 .formasPagamentoContainer {
1430 margin-right: 70px;
1431 margin-bottom: 240px;
1432 margin-top: 40px;
1433 }
1434
1435 .calculeCepContainer {
1436 display: flex;
1437 flex-direction: column;
1438 margin-top: 40px;
1439 margin-left: 48px;
1440 }
1441 .addToCartCustom{
1442 margin-top: 24px;
1443 }
1444 .addToCartCustom .quantity-selector{
1445 display: none;
1446 }
1447 .addToCartCustom .quantity-selector input{
1448 padding: 10px;
1449 background: #FFF;
1450 }
1451
1452 /*********************************************/
1453 .tab-pane {
1454 width: 10000px !important;
1455 margin-left: -360% !important;
1456 background: #F8F8F8 !important;
1457 }
1458
1459 .nav-tabs {
1460 min-width: 10000px !important;
1461 margin-left: -283% !important;
1462 justify-content: unset !important;
1463 }
1464
1465 .nav-tabs > li:nth-child(1) > a > .iconDesc {
1466 margin-left: 96% !important;
1467 text-transform: uppercase;
1468 font-weight: bold;
1469 }
1470
1471 .nav-tabs > li:nth-child(2) > a > .iconDesc {
1472 margin-left: 23px !important;
1473 text-transform: uppercase;
1474 font-weight: bold;
1475 }
1476
1477 .tabsDescricaoAutor > div > div > ul > li:nth-child(1) > i {
1478 left: 97% !important;
1479 top: 43px !important;
1480 }
1481
1482 .tabsDescricaoAutor > div > div > ul > li:nth-child(2) > i {
1483 left: 100px !important;
1484 top: 44px !important;
1485 }
1486
1487 /*--------------------------------------------------------------------*/
1488 .lfr-notification-container {
1489 display: none !important;
1490 }
1491
1492 .detalheContainerImg {
1493 display: flex;
1494 flex-direction: column;
1495 align-items: center;
1496 width: 100%;
1497 height: auto;
1498 }
1499
1500 .detalheContainerImg img {
1501 left: 19px;
1502 min-width: 70px !important;
1503 max-width: 70px !important;
1504 min-height: 70px;
1505 max-height: 70px;
1506 margin-top: 6px;
1507 margin-bottom: 6px;
1508 }
1509
1510 .detalheContainerImg img:nth-child(2) {
1511 display: none;
1512 }
1513
1514 .pagamentoContainer {
1515 padding-top: 350px;
1516 }
1517
1518 .indiqueContainer {
1519 width: 73px;
1520 height: 113.85px;
1521 background: #F7BD23;
1522 border-radius: 4px;
1523 position: absolute;
1524 top: -30px;
1525 left: 6%;
1526 text-align: center;
1527 }
1528
1529 .indiqueContainer i {
1530 color: #FFFFFF;
1531 font-size: 24px;
1532 margin-top: 50%;
1533 margin-bottom: 15px;
1534 }
1535
1536 .indiqueContainer span {
1537 color: #FFFFFF;
1538 font-size: 14px;
1539 font-family: 'Montserrat', sans-serif;
1540 font-weight: bold;
1541 }
1542
1543 .addToCartCustom {
1544 display: flex;
1545 justify-content: space-between;
1546 margin-left: 40px;
1547 }
1548
1549 .addToCartCustom > div > div {
1550 display: inline-flex;
1551 color: #78849E;
1552 font-family: 'Montserrat', sans-serif;
1553 margin-bottom: 0;
1554 }
1555
1556 .addToCartCustom > div > div > select {
1557 max-width: 90px;
1558 margin-right: 60px;
1559 min-height: 50px;
1560 }
1561
1562 .addToCartCustom > div > div > label {
1563 margin-right: 15px;
1564 color: #78849E !important;
1565 margin-top: 18px;
1566 font-family: 'Montserrat', sans-serif !important;
1567 font-size: 14px !important;
1568 }
1569
1570 .addToCartCustom > div:nth-child(2) > button, .addToCartCustom > div:nth-child(2) > button:focus {
1571 width: 345px;
1572 height: 50px;
1573 background: #5ACC75;
1574 padding: 0 !important;
1575 color: #FFFFFF !important;
1576 font-size: 22px !important;
1577 }
1578
1579 .btnPagamento .fas {
1580 font-size: 21px;
1581 }
1582
1583 .estoque-color {
1584 color: #4ECF6C;
1585 }
1586
1587 .estoque-color-transparent {
1588 color: transparent !important;
1589 }
1590
1591 .freteContainer {
1592 display: flex;
1593 justify-content: space-around;
1594 margin-top: 80px;
1595 height: 0;
1596 overflow: hidden;
1597 }
1598
1599 .opcoesPagamentoDetalheLivro {
1600 border-radius: 4px;
1601 background: #FFFFFF;
1602 border: 1px solid #A2ACC3;
1603 margin-top: 0px;
1604 padding: 19px 10px 22px;
1605 float: left;
1606 position: absolute;
1607 font-size: 14px !important;
1608 color: #454F63;
1609 min-width: 299px;
1610 font-family: "Montserrat", sans-serif;
1611 display: block;
1612 }
1613
1614 .opcoesPagamentoDetalheLivro ul li {
1615 margin-bottom: 15px;
1616 border-bottom: 1px solid rgba(0, 0, 0, 0.16);
1617 padding-bottom: 7px;
1618 margin-top: 10px;
1619 }
1620
1621 .opcoesPagamentoDetalheLivro ul li i {
1622 margin-right: 10px;
1623 }
1624
1625 .opcoesPagamentoDetalheLivro ul li:first-child {
1626 margin-top: 0;
1627 }
1628
1629 .opcoesPagamentoDetalheLivro ul li:last-child {
1630 border-bottom: none;
1631 margin-bottom: 0;
1632 padding-bottom: 0;
1633 }
1634
1635 .valorFormaPagamento {
1636 float: right;
1637 color: #454F63 !important;
1638 font-weight: 600 !important;
1639 }
1640
1641 .descricaoFormaPagamento {
1642 color: #78849E !important;
1643 font-size: 14px !important;
1644 margin-left: 29px;
1645 margin-top: 2px;
1646 line-height: 21px;
1647 }
1648
1649 #freteDetalheLivro {
1650 max-width: 333px !important;
1651 padding: 0.4375rem 1rem;
1652 font-family: "Montserrat", sans-serif;
1653 font-style: normal;
1654 font-weight: normal;
1655 text-decoration: inherit;
1656 color: #F6921E !important;
1657 background: #FFFFFF !important;
1658 box-shadow: 0 0 12px #0000000f;
1659 height: auto;
1660 line-height: 1.5;
1661 min-height: 49.99px;
1662 font-size: 16px !important;
1663 color: #A2ACC3 !important;
1664 border-color: rgb(162, 172, 195)!important;
1665 }
1666
1667 #freteDetalheLivro::-webkit-input-placeholder {
1668 font-family: "Montserrat", sans-serif;
1669 font-weight: normal;
1670 overflow: visible;
1671 vertical-align: top;
1672 display: inline-block !important;
1673 color: hsl(9, 40%, 60%);
1674 font-size: 16px !important;
1675 }
1676
1677 .labelFrete {
1678 font-size: 14px !important;
1679 }
1680
1681 .labelFrete i {
1682 font-size: 20px !important;
1683 margin-right: 6px;
1684 }
1685
1686 .consulteCEP, .consulteCEP a {
1687 font-size: 14px !important;
1688 color: #78849E !important;
1689 text-decoration: underline;
1690 font-weight: normal;
1691 padding-top: 12px;
1692 }
1693
1694 .consulteCEP a:hover {
1695 font-weight: normal !important;
1696 }
1697
1698 .btnActivePagamento > i:nth-of-type(2) {
1699 transform: rotate(90deg);
1700 }
1701
1702 .imgDetalheProdutoContainer {
1703 padding-bottom: 20px;
1704 margin-top: 57px;
1705 min-height: 435px;
1706 }
1707
1708 .pagamentoContainer {
1709 display: none;
1710 }
1711
1712 .tabsDescricaoAutor > div > div > ul > li {
1713 min-width: 570px;
1714 border: 1px solid #A4ACC1;
1715 border-radius: 6px;
1716 color: #A4ACC1 !important;
1717 max-height: 50px;
1718 margin: 0 0 0 10px;
1719 width: 40%;
1720 }
1721
1722 .tabsDescricaoAutor > div > div > ul > li > a {
1723 margin-top: -5px !important;
1724 font-family: "Montserrat", sans-serif !important;
1725 }
1726
1727 .tabsDescricaoAutor > div > div > ul > li > i {
1728 color: #F6921E !important;
1729 font-size: 32px !important;
1730 transform: rotate(90deg);
1731 position: absolute;
1732 top: 41px;
1733 left: 50px;
1734 z-index: 9999 !important;
1735 }
1736
1737 .tabsDescricaoAutor > div > div > ul > li > i {
1738 visibility: hidden;
1739 }
1740
1741 .tabsDescricaoAutor > div > div > ul > li > a.active {
1742 background-color: transparent !important;
1743 max-height: 55px;
1744 font-family: "Montserrat", sans-serif !important;
1745 }
1746
1747 .tabsDescricaoAutor > div > div > ul > li > a:hover, .tabsDescricaoAutor > div > div > ul > li > a:focus {
1748 font-weight: normal !important;
1749 text-decoration: none !important;
1750 }
1751
1752 .tabsDescricaoAutor > div > div > ul > li > a > span {
1753 font-size: 16px !important;
1754 }
1755
1756 .abaAtiva {
1757 background: #F8F8F8;
1758 }
1759
1760 .abaAtiva a {
1761 border-bottom: 2px solid #F6921E !important;
1762 color: #454F63 !important
1763 }
1764
1765 .fichaContainer {
1766 top: 20px !important;
1767 border-right: 2px solid #A4ACC1;
1768 padding-right: 25px;
1769 min-height: 380px;
1770 margin-left: -15%;
1771 font-size: 16px;
1772 }
1773
1774 .itemFichaTecnica {
1775 font-family: "Montserrat", sans-serif !important;
1776 font-size: 16px !important;
1777 color: #454F63 !important;
1778 }
1779
1780 .descricaoContainer {
1781 /* margin-top: 40px; */
1782 height: 450px;
1783 }
1784
1785 .linhaDetalheLivroSuperior {
1786 border-bottom: 2px solid #F6921E !important;
1787 padding: 20px 0 0 0;
1788 margin-left: 100px;
1789 width: 630px;
1790 }
1791
1792 .linhaDetalheLivroInferior {
1793 border-bottom: 2px solid #F6921E !important;
1794 width: 500px;
1795 padding: 0 0 0 0;
1796 margin-left: 10px;
1797 }
1798
1799 .descricaoContainer pre {
1800 font-family: "Montserrat", sans-serif !important;
1801 font-size: 18px !important;
1802 color: #454F63 !important;
1803 width: 730px;
1804 margin-top: 20px;
1805 margin-bottom: 30px;
1806 max-height: 380px;
1807 margin-left: 10px;
1808 white-space: break-spaces;
1809 }
1810
1811 .descricaoContainer > span > i {
1812 font-family: "Font Awesome 5 Pro" !important;
1813 position: absolute;
1814 left: -30px;
1815 top: 60px;
1816 font-size: 31px;
1817 color: #F6921E;
1818 }
1819
1820 .fotoAutorContainer {
1821 display: flex;
1822 width: 900px;
1823 margin: auto;
1824 }
1825
1826 .fotoAutorContainer > .nomeAutor > .biografiaAutor {
1827 white-space: pre-wrap;
1828 font-family: 'Montserrat', sans-serif !important;
1829 font-size: 18px !important;
1830 color: #454F63 !important;
1831 line-height: 21px;
1832 overflow: hidden;
1833 padding: 12px 25px 15px;
1834 margin-left: 10px;
1835 margin-top: 0 !important;
1836 margin-bottom: 0;
1837 }
1838
1839 .fotoAutorContainer > .nomeAutor > .biografiaAutor::before {
1840 padding-left: 30px;
1841 font-weight: bold;
1842 }
1843
1844 .fotoAutorContainer > .nomeAutor {
1845 font-size: 20px !important;
1846 font-family: 'Montserrat', sans-serif !important;
1847 color: #454F63 !important;
1848 margin: auto;
1849 }
1850
1851 .fotoAutorContainer img {
1852 width: 283px;
1853 height: 346px;
1854 object-fit: cover;
1855 }
1856
1857 .fotoAutorContainer span {
1858 padding-left: 25px;
1859 font-weight: bold;
1860 width: auto;
1861 margin-right: 15px;
1862 }
1863
1864 .fotoAutorContainer > ul > li {
1865 font-size: 28px !important;
1866 font-family: 'Montserrat', sans-serif !important;
1867 line-height: 40px !important;
1868 color: #454F63 !important;
1869 list-style: circle;
1870 cursor: pointer;
1871 font-weight: 100;
1872 }
1873
1874 .linhaDetalheSuperiorAutor {
1875 border-bottom: 2px solid #F6921E !important;
1876 width: 480px;
1877 margin-top: 15px;
1878 margin-bottom: 20px;
1879 }
1880
1881 .linhaDetalheInferiorAutor {
1882 border-bottom: 2px solid #F6921E !important;
1883 width: 480px;
1884 margin-top: 0;
1885 margin-left: 35px;
1886 }
1887
1888 .linhaDetalheInferiorAutor i {
1889 position: absolute;
1890 left: 1090px;
1891 margin-top: -15px;
1892 font-size: 31px !important;
1893 color: #F6921E !important;
1894 }
1895
1896 .linhaNomeAutor {
1897 font-family: 'Montserrat', sans-serif !important;
1898 font-weight: bold;
1899 font-size: 20px;
1900 display: flex;
1901 flex-direction: row;
1902 text-align: left;
1903 color: #454F63;
1904 margin-bottom: 0;
1905 margin-left: 10px;
1906 }
1907
1908 .linhaNomeAutor:before {
1909 content: "";
1910 border-bottom: 0 solid white;
1911 margin-left: 25px;
1912 }
1913
1914 .linhaNomeAutor:after {
1915 content: "";
1916 flex: 1 1;
1917 border-bottom: 2px solid #f6921e;
1918 margin: 0 10px 13px 26.5px;
1919 }
1920
1921 .subtituloLivro {
1922 width:85%;
1923 font-size: 22px !important;
1924 font-weight: 500 !important;
1925 margin-top: 0 !important;
1926 color: #454f63;
1927 }
1928
1929 @media (min-width: 800px) {
1930 .subtituloLivro {
1931 margin-right: 93px;
1932 }
1933 .tituloDetalheLivro {
1934 padding-right: 93px;
1935 }
1936 }
1937
1938 .btnVoltarAutores {
1939 display: flex;
1940 flex-direction: column-reverse;
1941 position: sticky;
1942 top: 10px;
1943 z-index: 10;
1944 cursor: pointer;
1945 font-size: 20px !important;
1946 color: #f6921e;
1947 }
1948
1949 .btnVoltarAutores span {
1950 display: block;
1951 margin-left: -25px;
1952 }
1953
1954 .nav-tabs + .tab-content .tab-pane {
1955 padding-bottom: 58px;
1956 }
1957
1958 .calcFretePrazoContainer {
1959 width: 300px;
1960 height: 75px;
1961 background: #e4e8f0;
1962 color: #A2ACC3 !important;
1963 font-size: 14px !important;
1964 border-radius: 4px;
1965 margin-top: -55px;
1966 display: none;
1967 border: 1px solid #A2ACC3;
1968 }
1969
1970 .labelsFretes, .labelsFretesMob {
1971 display: flex;
1972 }
1973
1974 .valuesFretes {
1975 display: flex;
1976 margin-top: -20px;
1977 }
1978
1979 .valuesFretesMob {
1980 display: flex;
1981 margin-top: -20px;
1982 }
1983
1984 .labelsFretes > div, .labelsFretesMob > div {
1985 padding: 10px;
1986 margin-right: 40%;
1987 font-family: 'Montserrat', sans-serif !important;
1988 color: #78849E !important;
1989 font-weight: 600;
1990 }
1991
1992 .labelsFretes > div:nth-child(2), .labelsFretesMob > div:nth-child(2) {
1993 margin-left: -30px !important;
1994 }
1995
1996 .labelsFretes > div:nth-child(1), .valuesFretes > div:nth-child(1) {
1997 margin-left: 30px;
1998 }
1999
2000 .labelsFretesMob > div:nth-child(1), .valuesFretesMob > div:nth-child(1) {
2001 margin-left: 30px;
2002 }
2003
2004 .valuesFretes > div, .valuesFretesMob > div {
2005 padding: 10px;
2006 margin-right: 20%;
2007 font-family: 'Montserrat', sans-serif !important;
2008 color: #454F63 !important;
2009 font-weight: 500;
2010 min-width: 100px;
2011 }
2012
2013 .valuesFretes > div:nth-child(2), .valuesFretesMob > div:nth-child(2) {
2014 margin-right: 20% !important;
2015 }
2016
2017 .lineAccorionDescricao > div > ul > li > label::after {
2018 content: "" !important;
2019 }
2020
2021 .lineAccorionDescricao > div > ul > li > label {
2022 color: #78849E !important;
2023 width: 90% !important;
2024 }
2025
2026 .lineAccorionDescricao > div > ul {
2027 box-shadow: none !important;
2028 }
2029
2030 .lineAccorionDescricao > div > ul > li {
2031 border: 1px solid #78849E !important;
2032 }
2033
2034 .lineAccorionDescricao > div > ul > li:nth-child(1) {
2035 margin-bottom: -2px;
2036 }
2037
2038 .linhaAccordionAtivo {
2039 display: none;
2040 border: 1.2px solid #F6921E;
2041 background: #F6921E;
2042 }
2043
2044 .linhaAccordionAtivo ~ i {
2045 display: none;
2046 color: #F6921E;
2047 font-size: 20px !important;
2048 transform: rotate(90deg);
2049 position: absolute;
2050 }
2051
2052 .abaActiveAccordion:nth-of-type(1) {
2053 height: 750px;
2054 overflow: hidden;
2055 background: #F8F8F8 !important;
2056 }
2057
2058 .abaActiveAccordion:nth-of-type(2) {
2059 height: 550px;
2060 background: #F8F8F8 !important;
2061 }
2062
2063 .abaActiveAccordion > ul {
2064 visibility: visible !important;
2065 opacity: 1 !important;
2066 }
2067
2068 .acDescricaoLi > div > .listaAutores {
2069 visibility: visible !important;
2070 opacity: 1 !important;
2071 margin-top: 20px;
2072 }
2073
2074 .acDescricaoLi > div > .listaAutores > li {
2075 margin: 0 0 0 60px;
2076 font-size: 18px !important;
2077 }
2078
2079 .lineAccorionDescricao > div > ul > li > ul > li > pre {
2080 font-weight: 100;
2081 }
2082
2083 .itemFichaTecnicaMob {
2084 font-family: "Montserrat", sans-serif !important;
2085 font-weight: 500;
2086 color: #454F63 !important;
2087 font-size: 12px !important;
2088 }
2089
2090 .itemFichaTecnicaMob ~ root > value, .itemFichaTecnicaMob ~ span {
2091 font-family: "Montserrat", sans-serif !important;
2092 font-weight: 100;
2093 color: #454F63 !important;
2094 font-size: 12px !important;
2095 }
2096
2097 .linhaFichaContainerMob {
2098 width: 295px;
2099 height: 2px;
2100 background: #F6921E;
2101 margin: auto;
2102 }
2103
2104 .linhaFichaContainerMob ~ i {
2105 color: #F6921E !important;
2106 font-size: 20px !important;
2107 position: absolute;
2108 }
2109
2110 .linhaFixaComprar {
2111 height: 40px;
2112 position: fixed;
2113 z-index: 99999;
2114 width: 100%;
2115 padding: 0 !important;
2116 display: flex;
2117 margin: auto !important;
2118 bottom: 0;
2119 }
2120
2121 .valorBarraFixa {
2122 background: #454F63;
2123 padding: 10px;
2124 color: #F6921E !important;
2125 }
2126
2127 .valorBarraFixa i {
2128 color: #FFFFFF !important;
2129 margin-left: 10%;
2130 }
2131
2132 .valorBarraFixa span:nth-child(2) {
2133 margin-left: 5px;
2134 font-weight: bold;
2135 font-size: 12px !important;
2136 }
2137
2138 .valorBarraFixa span:nth-child(3) {
2139 font-weight: bold;
2140 font-size: 15px !important;
2141 }
2142
2143 .btnBarraFixa {
2144 background: #5ACC75;
2145 margin: auto;
2146 }
2147
2148 .btnBarraFixa > div > div {
2149 display: none;
2150 }
2151
2152 .btnBarraFixa > div:nth-child(2) > button, .btnBarraFixa > div:nth-child(2) > button:focus, .btnBarraFixa > div:nth-child(2) > button:active {
2153 background: #5ACC75 !important;
2154 color: #FFFFFF !important;
2155 width: 109%;
2156 margin-left: -4%;
2157 padding: 0;
2158 min-height: 40px;
2159 border: 1px solid #5ACC75;
2160 outline: none !important;
2161 box-shadow: none !important;
2162 }
2163
2164 .nav-link.active > .iconDesc > span {
2165 font-size: 18px !important;
2166 }
2167
2168 .imgProdutoPrincipal img {
2169 width: 358px !important;
2170 height: 524px !important;
2171 margin-top: -50px;
2172 margin-left: -163px
2173 }
2174
2175 .informacoesContainer {
2176 display: flex;
2177 flex-direction: column;
2178 min-height: 405px;
2179 margin-top: 0 !important;
2180 padding: 0 20px;
2181 justify-content: flex-end;
2182 }
2183
2184 .detalheProdutolinha1 {
2185 height: 100% !important;
2186 }
2187
2188 .form-control.commerce-input.commerce-input--select.u-wauto {
2189 padding-left: 23px;
2190 width: 70px;
2191 }
2192
2193 .autorDetalheLivro {
2194 margin-bottom: 18px !important;
2195 font-size: 22px !important;
2196 }
2197
2198 .imgDetalheProdutoContainer img {
2199 object-fit: contain;
2200 }
2201
2202 .detalheContainerImg {
2203 cursor: default;
2204 }
2205
2206 .detalheContainerImg img {
2207 cursor: pointer;
2208 }
2209
2210 .freteIcon {
2211 font-weight: 400;
2212 font-size: 19px;
2213 position: absolute;
2214 top: 30%;
2215 right: 17px;
2216 pointer-events: none;
2217 color: #a2acc3;
2218 }
2219
2220 .linhaDe.precoLivroIndisponivel span,
2221 .linhaPor.precoLivroIndisponivel span {
2222 color: #ccd3e3;
2223 }
2224
2225 #freteDetalheLivro::placeholder {
2226 font-family: "Montserrat", sans-serif;
2227 font-size: 16px;
2228 color: #a2acc3;
2229 }
2230
2231 #livroIndisponivelButton, #registroDeInteresseButton {
2232 color: #fafdff;
2233 height: 50px;
2234 width: 400px;
2235 font-size: 22px;
2236 font-weight: 600;
2237 border-radius: 5px;
2238 border: none;
2239 white-space: nowrap;
2240 }
2241
2242 #livroIndisponivelButton {
2243 background-color: #454f63;
2244 cursor: not-allowed;
2245 }
2246
2247 #registroDeInteresseButton {
2248 display: none;
2249 background-color: #F6921E;
2250 }
2251
2252 #livroIndisponivelSpan {
2253 display: none;
2254 background-color: #A2ACC3;
2255 color: #FFFFFF;
2256 width: 225px;
2257 height: 30px;
2258 border-radius: 5px;
2259 font-size: 14px;
2260 padding: 5px 15px;
2261 margin-top: 15px;
2262 text-align: center;
2263 }
2264
2265 .ri-button {
2266 padding: 10px 20px;
2267 font-size: 16px;
2268 cursor: pointer;
2269 background-color: #007bff;
2270 color: #FFFFFF;
2271 border: none;
2272 border-radius: 5px;
2273 }
2274
2275 .ri-modal {
2276 display: none;
2277 position: fixed;
2278 z-index: 10000;
2279 left: 0;
2280 top: 0;
2281 width: 100%;
2282 height: 100%;
2283 overflow: auto;
2284 background-color: rgba(0, 0, 0, 0.7);
2285 }
2286
2287 .ri-modal-content {
2288 background-color: #fff;
2289 margin: 15% auto;
2290 padding: 20px;
2291 border: 1px solid #ccc;
2292 width: 80%;
2293 max-width: 500px;
2294 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
2295 position: relative;
2296 z-index: 10002;
2297 border-radius: 10px;
2298 }
2299
2300 .modal-success {
2301 display: none;
2302 position: relative;
2303 margin: 20% auto;
2304 padding: 20px;
2305 width: 40%;
2306 max-width: 600px;
2307 overflow: hidden;
2308 }
2309
2310 .modal-envio-registro {
2311 background-color: #fff;
2312 border-radius: 10px;
2313 padding: 20px;
2314 }
2315
2316 .modal-success-conteudo {
2317 display: flex;
2318 }
2319
2320 .modal-success-conteudo-text {
2321 margin-left: 15px;
2322 font-weight: 500;
2323 font-size: 16px;
2324 }
2325
2326 #btnFechaModalRegistro {
2327 padding: 10px;
2328 }
2329
2330 .ri-closeBtn {
2331 color: #aaa;
2332 float: right;
2333 font-size: 28px;
2334 font-weight: bold;
2335 }
2336
2337 .ri-closeBtn:hover,
2338 .ri-closeBtn:focus {
2339 color: black;
2340 text-decoration: none;
2341 cursor: pointer;
2342 }
2343
2344 .ri-title {
2345 margin-top: 0;
2346 font-weight: 500;
2347 color: #454F73;
2348 font-size: 22px;
2349 margin-bottom: 10px;
2350 }
2351
2352 .ri-form {
2353 display: flex;
2354 flex-direction: column;
2355 }
2356
2357 .ri-label {
2358 margin-bottom: 5px;
2359 font-weight: 700;
2360 color: #454F73;
2361 font-size: 18px;
2362 }
2363
2364 .ri-input, .ri-select {
2365 margin-bottom: 15px;
2366 padding: 10px;
2367 font-size: 14px;
2368 border: 0 !important;
2369 border-radius: 5px;
2370 width: 100%;
2371 box-sizing: border-box;
2372 color: #454F73 !important;
2373 background-color: #F5F5F5;
2374 }
2375
2376 .ri-input.filled {
2377 background-color: #FFF;
2378 border: 0;
2379 }
2380
2381 .ri-span {
2382 text-align: end;
2383 margin-bottom: 10px;
2384 }
2385
2386 .ri-span-error {
2387 display: none;
2388 color: #ff0000;
2389 text-align: center;
2390 margin-bottom: 10px;
2391 }
2392
2393 .ri-submitBtn {
2394 padding: 10px 20px;
2395 font-size: 16px;
2396 cursor: pointer;
2397 color: white;
2398 border: none;
2399 border-radius: 5px;
2400 width: 300px;
2401 text-align: center;
2402 margin: auto;
2403 background-color: #F6921E;
2404 }
2405
2406 .ssp-mega-menu.v-hidden {
2407 visibility: hidden;
2408 }
2409
2410 #templateEmail {
2411 display: none;
2412 }
2413
2414 .price-buy-wrapper-desktop
2415 .price-wrapper-desktop
2416 .price
2417 .price-value:last-child {
2418 color: #F6921E !important;
2419 font-size: 36px !important;
2420 }
2421
2422 .price-buy-wrapper-desktop
2423 .price-wrapper-desktop
2424 .price-value {
2425 color: #F6921E !important;
2426 font-size: 36px !important;
2427 }
2428
2429 .price-wrapper-desktop .price-label {
2430 color: #a2acc3 !important;
2431 }
2432
2433 .price-buy-wrapper-desktop
2434 .price-wrapper-desktop
2435 .price-value:not(.price-value-final) {
2436 font-size: 20px !important;
2437 color: #a2acc3 !important;
2438 text-align: initial !important;
2439 padding-top: 10px;
2440 }
2441
2442 .price-wrapper-desktop .price-value::before {
2443 font-size: 20px;
2444 font-weight: 600;
2445 color: #a2acc3;
2446 font-family: "Montserrat", sans-serif;
2447 margin-top: -15px;
2448 }
2449
2450 .price-wrapper-desktop .price-value {
2451 font-size: 36px;
2452 font-weight: bold;
2453 color: #f6921e;
2454 font-family: "Montserrat", sans-serif;
2455 }
2456
2457 .price-wrapper-desktop .price-label::before {
2458 color: #a2acc3;
2459 font-weight: 600;
2460 font-size: 16px;
2461 font-family: "Montserrat", sans-serif;
2462 }
2463
2464 .price-wrapper-desktop .price-label {
2465 color: #a2acc3;
2466 font-size: 28px;
2467 font-family: "Montserrat", sans-serif;
2468 font-weight: 600;
2469 line-height: 1.3rem;
2470 padding-top: 15px;
2471 }
2472
2473 .informacoesContainer .btn-add-to-cart {
2474 width: 345px;
2475 height: 50px;
2476 right: 60px;
2477 background: #5ACC75;
2478 padding: 11px !important;
2479 padding-left: 30px !important;
2480 margin-left: 250px;
2481 line-height: 1;
2482 border-radius: 5px;
2483 }
2484
2485 .opcoesPagamentoDetalheLivro ul li {
2486 font-size: 14px;
2487 width: 100%;
2488 height: 56px;
2489 padding-left: 9px;
2490 padding-top: 0px;
2491 padding-right: 9px;
2492 }
2493
2494 .tituloBtnPag {
2495 padding-left: 0px;
2496 padding-right: 0px;
2497 }
2498
2499 .d-flex-desktop, .d-flex-desktop .row {
2500 display: flex;
2501 flex-wrap: nowrap;
2502 }
2503
2504 .calculeCepContainer {
2505 margin-top: 52px;
2506 }
2507
2508 .calculeCepContainer .labelFrete {
2509 margin-bottom: 1px;
2510 font-weight: 500;
2511 }
2512
2513 .formasPagamentoTitle {
2514 width: 100%;
2515 }
2516
2517 .pagamentoCepWrapper {
2518 margin-top: 20px;
2519 }
2520
2521 .pagamentoCepWrapper.mobile-only {
2522 height: 0;
2523 overflow: hidden;
2524 }
2525
2526 .opcoesPagamentoDetalheLivro {
2527 background-color: #FFFFFF;
2528 }
2529
2530 .opcoesPagamentoDetalheLivro i {
2531 font-weight: 600;
2532 margin-right: 0!important;
2533 }
2534
2535 .formaPagamentoItem {
2536 padding-left: 5px;
2537 }
2538
2539 .opcoesPagamentoDetalheLivro ul li {
2540 padding-right: 0;
2541 }
2542
2543 .consulteCEP {
2544 padding-top: 0;
2545 text-decoration: none;
2546 font-size: 13px!important;
2547 }
2548
2549 .labelFrete {
2550 color: #78849e;
2551 }
2552
2553 #freteDetalheLivro {
2554 border-color: #78849e;
2555 box-shadow: unset;
2556 }
2557
2558 .has-control-menu #wrapper {
2559 margin-top: 30px;
2560 }
2561
2562 /* ebooks */
2563 .ebooksTitleContainer {
2564 margin: 0 30px 0 0 !important;
2565 height: 50px;
2566 width: 100%;
2567 border-radius: 5px;
2568 padding-left: 50px;
2569 padding-top: 15px;
2570 color: #78849E;
2571 border: 1px solid #A2ACC3;
2572 font: 14px Montserrat, sans-serif;
2573 font-weight: 500;
2574 cursor: pointer;
2575 }
2576
2577 .ebooksContentContainer {
2578 display: none;
2579 flex-direction: column;
2580 width: calc(100% - 10px);
2581 position: absolute;
2582 margin-left: -20px;
2583 margin-top: 60px;
2584 border: 1px solid #A2ACC3;
2585 border-radius: 5px;
2586 z-index: 1;
2587 background: #fff;
2588 font: 14px Montserrat, sans-serif;
2589 transition-property: none !important;
2590 transform: none !important;
2591 animation: none !important;
2592 padding-top: 15px;
2593 padding-right: 10px;
2594 padding-bottom: 0;
2595 padding-left: 10px;
2596 }
2597
2598 .ebooksContentItem {
2599 display: flex;
2600 }
2601
2602 .ebooksContentIcon {
2603 display: flex;
2604 width: 38px;
2605 padding-right: 12px;
2606 padding-top: 3px;
2607 flex-direction: column-reverse;
2608 align-items: flex-end;
2609 justify-content: flex-end;
2610 }
2611
2612 .ebooksContentIcon > i {
2613 font-size: 1.1rem;
2614 color: #454F63;
2615 }
2616
2617 .ebooksContentIcon > svg {
2618 width: 16px;
2619 }
2620
2621 .ebooksContentTitle {
2622 flex: 1;
2623 }
2624
2625 .ebooksContentTitleLink:hover > p {
2626 font-weight: normal;
2627 }
2628
2629 .ebooksContentTitleName {
2630 margin-bottom: 3px;
2631 color: #454F63;
2632 }
2633
2634 .ebooksContentLine {
2635 border-color: rgba(0, 0, 0, 0.16);
2636 border-width: 1px;
2637 width: 100%;
2638 margin-bottom: 10px;
2639 margin-top: -5px;
2640 }
2641
2642 .valorCarrossel4 .price del {
2643 color: rgb(120, 132, 158) !important;
2644 padding-left: 8px;
2645 }
2646
2647 .valorCarrossel4 .price:not(.compact) .price-value {
2648 font: normal 600 18px/17px Montserrat !important;
2649 }
2650
2651 .titulo-slider4 {
2652 position: relative;
2653 z-index: -1;
2654 }
2655
2656 .slider4, .slider4semextracard {
2657 z-index: -1 !important;
2658 }
2659
2660 .slider4 .price-label {
2661 display: none;
2662 }
2663
2664 .slider4 .valorCarrossel4 .price .price-value {
2665 color: #f6921e !important;
2666 font-family: 'Montserrat';
2667 }
2668
2669 .slider4:not(.slider4semextracard) .valorCarrossel4 .price-label,
2670 .slider4:not(.slider4semextracard) .valorCarrossel4 .price-value {
2671 font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
2672 }
2673
2674 .slider4:not(.slider4semextracard) .valorCarrossel4 .price-label {
2675 color: #78849e;
2676 }
2677
2678 #myTabContent {
2679 background: #F8F8F8 !important;
2680 }
2681
2682 .descricaoContainer > pre {
2683 white-space: normal;
2684 }
2685
2686 .imgContainerEspecialCarrossel4 img {
2687 position: relative;
2688 top: -10px;
2689 }
2690
2691 /*fix carrossel*/
2692 .slick-slider {
2693 position: initial !important;
2694 }
2695
2696 @media(max-width: 1199px) {
2697 .detalheContainerImg {
2698 display: none;
2699 }
2700
2701 .imgProdutoPrincipal img {
2702 width: 308px !important;
2703 height: 478px !important;
2704 margin-top: -27px!important;
2705 }
2706
2707 .tituloDetalheLivro {
2708 font-size: 19px!important;
2709 line-height: normal!important;
2710 width: 320px;
2711 }
2712
2713 .autorDetalheLivro {
2714 font-size: 15px!important;
2715 }
2716
2717 .descricaoCurtaDetalheLivro {
2718 font-size: 14px!important;
2719 width: 240px;
2720 }
2721
2722 .imgProdutoPrincipal .price-value .price-value-final,
2723 .imgProdutoPrincipal .addToCartCustom,
2724 .imgProdutoPrincipal .btn-add-to-cart {
2725 margin-left: 0;
2726 }
2727
2728 .imgProdutoPrincipal .btn-add-to-cart {
2729 width: 302px;
2730 }
2731
2732 .indiqueContainer {
2733 padding: 0;
2734 }
2735
2736 .indiqueContainer span {
2737 font-size: 9px;
2738 }
2739
2740 .imgDetalheProdutoContainer {
2741 height: 447px;
2742 }
2743
2744 .formasPagamentoTitle {
2745 white-space: nowrap;
2746 }
2747
2748 .tabsDescricaoAutor .tab-content * {
2749 clear: both!important;
2750 float: none!important;
2751 visibility: visible!important;
2752 opacity: 1!important;
2753 }
2754
2755 .nav.nav-tabs {
2756 min-width: 1557px!important;
2757 margin-left: -43%!important;
2758 }
2759
2760 .nav-tabs > li:nth-child(1) > a > .iconDesc span {
2761 position: absolute;
2762 left: unset;
2763 right: 87px;
2764 top: 50%;
2765 transform: translateY(-50%);
2766 margin-top: 5px;
2767 }
2768
2769 .nav-tabs > li:nth-child(1) > a:not(.active) > .iconDesc span {
2770 margin-top: 0;
2771 }
2772
2773 .nav-tabs > li:nth-child(1) > a > .iconDesc svg {
2774 margin-top: -3px;
2775 position: absolute;
2776 right: 44px;
2777 }
2778
2779 .tabsDescricaoAutor > div > div > ul > li:nth-child(1) > i {
2780 left: 94% !important;
2781 top: 43px !important;
2782 }
2783
2784 .tabsDescricaoAutor .tab-content .container {
2785 max-width: 73vw;
2786 }
2787
2788 .tab-content {
2789 width: 100vw;
2790 background-color: rgb(248, 248, 248);
2791 }
2792
2793 .tab-pane {
2794 clear: both;
2795 width: 100vw!important;
2796 margin: 0;
2797 margin-left: -21vw!important;
2798 }
2799
2800 .descricaoContainer pre {
2801 width: 638px;
2802 }
2803
2804 .linhaDetalheLivroSuperior {
2805 width: 547px;
2806 }
2807
2808 .ebooksContainer {
2809 margin-top: 28px;
2810 margin-bottom: 0;
2811 }
2812
2813 .calculeCepContainer {
2814 margin-top: 16px;
2815 }
2816
2817 .formasPagamentoContainer {
2818 margin-top: 4px;
2819 margin-bottom: 203px;
2820 }
2821 }
2822
2823 @media (max-width: 1040px) {
2824 .categoria-icon-svg{
2825 width: 17px;
2826 height: 17px;
2827 margin-bottom: 5px;
2828 margin-left: 10px;
2829 }
2830 .descricaoContainer pre {
2831 font-size: 16px !important;
2832 line-height: 24px;
2833 width: 550px;
2834 margin-bottom: 23px;
2835 }
2836
2837 .linhaDetalheLivroSuperior {
2838 width: 461px;
2839 }
2840
2841 .tab-pane {
2842 padding-left: 12vw!important;
2843 }
2844
2845 .fotoAutorContainer {
2846 padding-left: 5vw;
2847 }
2848
2849 .fotoAutorContainer > .nomeAutor {
2850 margin-left: 0;
2851 }
2852
2853 .fotoAutorContainer > .nomeAutor > .biografiaAutor {
2854 width: 52vw;
2855 }
2856 }
2857
2858 @media (max-width: 997px) {
2859 .tabsDescricaoAutor .tab-content > .tab-pane > .container > .row {
2860 width: 100vw;
2861 }
2862
2863 .linhaDetalheLivroSuperior {
2864 width: 426px;
2865 }
2866
2867 .descricaoContainer pre {
2868 width: 517px;
2869 }
2870
2871 .linhaDetalheLivroInferior {
2872 width: 453px;
2873 }
2874 }
2875
2876 @media (max-width: 879px) {
2877 .descricaoContainer pre {
2878 width: 403px;
2879 }
2880
2881 .linhaDetalheLivroSuperior {
2882 width: 313px;
2883 }
2884
2885 .linhaDetalheLivroInferior {
2886 width: 319px;
2887 }
2888
2889 .tabsDescricaoAutor .tab-content .container {
2890 max-width: 52vw;
2891 }
2892
2893 .fotoAutorContainer {
2894 padding-left: 3vw;
2895 }
2896 }
2897
2898 @media (min-width: 769px) and (max-width: 813px) {
2899 .slider4semextracard .comprarCarrossel4 {
2900 margin-top: -5px !important;
2901 }
2902 }
2903
2904 @media (max-width: 812px) {
2905 .fotoAutorContainer > .nomeAutor > .biografiaAutor {
2906 margin-right: 0;
2907 margin-left: 12px!important;
2908 }
2909
2910 .fotoAutorContainer .linhaNomeAutor {
2911 width: 60vw;
2912 }
2913
2914 .fotoAutorContainer > .nomeAutor > .biografiaAutor {
2915 width: 59vw;
2916 }
2917
2918 .fotoAutorContainer img {
2919 width: 274px;
2920 margin-left: 16px;
2921 }
2922 }
2923
2924 .d-flex {
2925 display: flex;
2926 }
2927
2928 .mobile-only {
2929 display: none;
2930 }
2931
2932 .buy-mobile-wrapper {
2933 position: fixed;
2934 bottom: 0;
2935 z-index: 999;
2936 left: 0;
2937 width: 100%;
2938 }
2939
2940 .formasPagamentoContainer {
2941 margin-right: 0;
2942 }
2943
2944 .formasPagamentoTitleMobile {
2945 position: relative;
2946 border: solid 1px #e7e7ed;
2947 border-radius: 0.0625rem;
2948 line-height: 100%;
2949 width: 299px;
2950 height: 55px;
2951 line-height: 55px;
2952 padding: 0 20px;
2953 box-shadow: 0 0 12px #0000000f;
2954 margin-top: 25px;
2955 margin-bottom: 10px;
2956 border-radius: 6px;
2957 }
2958
2959 .opcoesPagamentoDetalheLivro {
2960 position: static;
2961 }
2962
2963 @media (max-width: 992px) {
2964 .formasPagamentoContainer {
2965 margin-bottom: 20px;
2966 }
2967 }
2968
2969 @media screen and (min-width: 476px) and (max-width: 1199px) {
2970 .barraHomeDefault {
2971 margin-top: 30px !important;
2972 }
2973 }
2974
2975 @media(max-width: 768px) {
2976 .categoria-icon-svg{
2977 width: 17px;
2978 height: 17px;
2979 margin-bottom: 4px;
2980 margin-left: 0;
2981 }
2982
2983 .desktop-only {
2984 display: none!important;
2985 }
2986
2987 .mobile-only {
2988 display: block;
2989 }
2990
2991 .d-flex-desktop, .d-flex-desktop .row, .detalheContainerImg, .imgProdutoPrincipal {
2992 display: block;
2993 }
2994
2995 .detalheContainerImg {
2996 text-align: center;
2997 }
2998
2999 .imgProdutoPrincipal img {
3000 margin-left: 0;
3001 margin-top: 0!important;
3002 }
3003
3004 .informacoesContainer, .imgDetalheProdutoContainer {
3005 height: auto!important;
3006 background-color: #FFFFFF!important;
3007 width: 100%!important;
3008 margin-left: 0;
3009 margin-right: 0;
3010 max-width: unset;
3011 min-height:auto;
3012 }
3013
3014 .indiqueContainer {
3015 margin-left: 0;
3016 right: 0;
3017 top: 77px;
3018 width: 75px;
3019 height: 47px;
3020 max-width: unset;
3021 left: unset;
3022 border-top-right-radius: 0;
3023 border-bottom-right-radius: 0;
3024 font-weight: 400;
3025 }
3026
3027 .indiqueContainer i {
3028 font-size: 20px;
3029 margin-top: 7px;
3030 display: block;
3031 margin-bottom: 0;
3032 }
3033
3034 .indiqueContainer span {
3035 font-weight: 100;
3036 margin-left: 10px;
3037 position: relative;
3038 top: -3px;
3039 }
3040
3041 .detalheProdutoLinha1 {
3042 padding-left: 30px;
3043 padding-right: 30px;
3044 }
3045
3046 .indiqueContainer .dropdown-toggle.btn.btn-outline-borderless.btn-outline-secondary.btn-sm.btn-secondary {
3047 height: 47px;
3048 width: 92px;
3049 max-width: unset;
3050 left: -56px;
3051 right: 24px;
3052 margin: 0;
3053 top: -43px;
3054 bottom: unset;
3055 }
3056
3057 .detalheContainerImg > div {
3058 overflow-x: unset!important;
3059 overflow-y: unset!important;
3060 }
3061
3062 .imgProdutoPrincipal img {
3063 width: 78%!important;
3064 object-fit: contain;
3065 height: auto!important;
3066 }
3067
3068 .informacoesContainer {
3069 padding-left: 0;
3070 padding-right: 0;
3071 }
3072
3073 .tituloDetalheLivro, .autorDetalheLivro, .descricaoCurtaDetalheLivro {
3074 width: 81%!important;
3075 padding-right: 0;
3076 }
3077
3078 .buy-mobile-wrapper .quantity-selector {
3079 display: none;
3080 }
3081
3082 .buy-mobile-wrapper .btn-comprar-wrapper {
3083 width: calc(100% - 138px);
3084 height: 44px;
3085 }
3086
3087 .buy-mobile-wrapper .btn-add-to-cart.btn.btn-lg {
3088 background-color: #5ACC75;
3089 margin: 0;
3090 width: 100%;
3091 padding: 10px;
3092 border-radius: 0;
3093 }
3094
3095 .buy-mobile-wrapper .preco {
3096 width: 138px;
3097 height: 44px;
3098 box-sizing: border-box;
3099 padding: 10px;
3100 background-color: #454F63;
3101 color: #f6921e;
3102 text-align: center;
3103 font-weight: 700;
3104 line-height: 29px;
3105 display: flex;
3106 flex-wrap: nowrap;
3107 justify-content: center;
3108 }
3109
3110 .buy-mobile-wrapper i {
3111 display: block;
3112 color: #FFFFFF!important;
3113 font-size: 14px!important;
3114 position: static!important;
3115 line-height: 29px;
3116 }
3117
3118 .buy-mobile-wrapper .currency {
3119 font-size: 12px;
3120 margin: 0px 6px 0px 11px;
3121 line-height: 29px;
3122 }
3123
3124 .buy-mobile-wrapper button {
3125 padding-bottom: 12px !important;
3126 }
3127
3128 .opcoesPagamentoDetalheLivro {
3129 float: none;
3130 margin-left: 0;
3131 width: 327px;
3132 min-width: unset;
3133 }
3134
3135 .calculeCepContainer {
3136 margin-left: 0;
3137 }
3138
3139 .pagamentoCepWrapper {
3140 padding: 0;
3141 width: 294px;
3142 margin-right: auto;
3143 margin-left: auto;
3144 }
3145
3146 .consulteCEP {
3147 margin-top: 0!important;
3148 padding-bottom: 0px!important;
3149 }
3150
3151 .formasPagamentoContainer {
3152 clear: both;
3153 margin-top: 16px;
3154 margin-bottom: 20px;
3155 }
3156
3157 .calculeCepContainer {
3158 margin-top: 20px;
3159 }
3160
3161 .fotoAutorContainer > .nomeAutor > .biografiaAutor {
3162 max-width: 100%;
3163 width: 100%;
3164 }
3165 .fichaContainerMob *,
3166 .itemFichaTecnicaMob ~ root > value,
3167 .itemFichaTecnicaMob ~ span {
3168 font-size: 15px!important;
3169 }
3170
3171 .itemFichaTecnicaMob {
3172 font-weight: 700;
3173 }
3174
3175 .fotoAutorContainer > .nomeAutor > .biografiaAutor {
3176 font-size: 15px!important;
3177 line-height: normal!important;
3178 }
3179
3180 .fotoAutorContainer {
3181 padding-left: 0;
3182 width: 100%;
3183 }
3184
3185 .fotoAutorContainer img {
3186 width: 80px;
3187 min-width: 80px!important;
3188 border-radius: 6px;
3189 overflow: hidden;
3190 height: 96px;
3191 margin-left: 20px;
3192 margin-top: 20px;
3193 }
3194
3195 .linhaDetalheInferiorAutor {
3196 width: calc(100% + 10px);
3197 margin-left: -23px;
3198 margin-bottom: 17px;
3199 margin-top: 13px;
3200 }
3201
3202 .formasPagamentoContainer {
3203 margin-bottom: 20px;
3204 }
3205
3206 .imgDetalheProdutoContainer {
3207 margin-top: 0;
3208 padding-top: 16px;
3209 }
3210
3211 .informacoesContainer .row.w-25.p-3:first-child {
3212 display: none;
3213 }
3214
3215 .informacoesContainer {
3216 padding-top: 20px;
3217 }
3218
3219 .buy-mobile-wrapper .sacola-header-icon:before {
3220 font-size: 13px!important;
3221 position: relative;
3222 top: 1px;
3223 }
3224
3225 .indiqueContainer span {
3226 font-weight: 600;
3227 font-size: 12px;
3228 }
3229
3230 .informacoesContainer > .informacoesContainer {
3231 padding-top: 0px;
3232 }
3233
3234 .btn-add-to-cart-inline::before {
3235 font-size: 16px;
3236 }
3237
3238 .detalheContainerImg img {
3239 height: 70px;
3240 object-fit: cover;
3241 min-height: unset;
3242 width: 70px;
3243 min-width: unset!important;
3244 max-width: unset!important;
3245 min-height: unset!important;
3246 max-height: unset!important;
3247 }
3248
3249 .botaoAmplie > span {
3250 display: block;
3251 font: normal normal medium 10px/31px Montserrat;
3252 letter-spacing: 0px;
3253 color: #78849E;
3254 }
3255
3256 .botaoAmplie > .fas.fa-search-plus {
3257 font-size: 29px;
3258 color: #A2ACC3;
3259 font-weight: 500;
3260 margin-bottom: 4px;
3261 }
3262
3263 .descricaoFormaPagamento {
3264 margin-left: 21px;
3265 }
3266
3267 .autorDetalheLivro {
3268 font: normal normal 600 14px/23px Montserrat;
3269 color: #78849E;
3270 margin-top: 10px!important;
3271 user-select: none;
3272 }
3273
3274 .subtitulo {
3275 font: normal normal normal 16px/19px Montserrat;
3276 letter-spacing: 0px;
3277 color: #78849E;
3278 text-transform: lowercase;
3279 }
3280
3281 #wrapper #ssp-breadcrumb {
3282 display: none!important;
3283 }
3284
3285 .fragment_36042 {
3286 margin-top: 22px!important;
3287 }
3288
3289 .dropdown-toggle {
3290 top: -45px !important;
3291 left: -70px !important;
3292 height: 50px !important;
3293 }
3294
3295 .slider4semextracard .price-value > del {
3296 padding-right: 10px;
3297 }
3298
3299 .slider4:not(.slider4semextracard) .valorCarrossel4 {
3300 position: relative;
3301 top: -30px;
3302 }
3303
3304 .slider4:not(.slider4semextracard) .espiarCarrossel4 {
3305 top: -45px !important;
3306 }
3307
3308 .slider4:not(.slider4semextracard) .comprarCarrossel4 .btn-add-to-cart::before {
3309 line-height: 0;
3310 }
3311 }
3312
3313 @media (max-width: 600px) {
3314 .input-group-inset-item .lexicon-icon {
3315 display: block !important;
3316 width: 15px !important;
3317 }
3318 }
3319
3320 @media screen and (min-width: 476px) and (max-width: 812px) {
3321 .barraHomeDefault {
3322 margin-top: 5px !important;
3323 }
3324 }
3325
3326
3327 @media (min-width: 414px) and (max-width: 768px) {
3328 .detalheContainerImg img {
3329 /*position: absolute;*/
3330 z-index: 999;
3331 left: 6px;
3332 top: -25px;
3333 margin-right: auto;
3334 margin-left: auto;
3335 }
3336
3337 .imgProdutoPrincipal {
3338 width: 200px !important;
3339 margin-left: -5%;
3340 }
3341
3342 #portlet_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet {
3343 display: none;
3344 }
3345
3346 .barraHomeDefault {
3347 padding-top: 90px !important;
3348 background-color: #ebeced !important;
3349 opacity: 1;
3350 padding-bottom: 37px !important;
3351 padding-left: 22px !important;
3352 padding-right: 22px !important;
3353 }
3354
3355 .btnShareMob {
3356 display: none;
3357 max-height: 46px;
3358 min-width: 75px;
3359 margin-left: 10px !important;
3360 }
3361
3362 .btnShareMob i {
3363 display: block;
3364 margin-left: -10%;
3365 margin-bottom: 3px;
3366 }
3367
3368 .btnShareMob span {
3369 margin-left: -4px;
3370 font-size: 9px !important;
3371 }
3372
3373 .freteInputMob {
3374 position: relative !important;
3375 margin-bottom: -40px;
3376 }
3377
3378 #freteDetalheLivroMob {
3379 width: 92%;
3380 min-height: 40px;
3381 margin-bottom: -9px;
3382 padding-left: 15px;
3383 font-family: "Montserrat", sans-serif;
3384 font-style: normal;
3385 font-weight: normal;
3386 text-decoration: inherit;
3387 color: #F6921E !important;
3388 background: #FFFFFF;
3389 }
3390
3391 .labelFrete {
3392 margin-left: 2px !important;
3393 }
3394
3395 .labelFrete i {
3396 font-size: 16px !important;
3397 }
3398
3399 .consulteCEP, .consulteCEP a {
3400 margin-left: 1px !important;
3401 }
3402
3403 .tituloBtnPag {
3404 margin-left: 0;
3405 }
3406
3407 .calcFretePrazoContainer {
3408 margin-top: 0px;
3409 margin-bottom: 50px;
3410 margin-left: 0;
3411 min-width: 333px;
3412 }
3413
3414 .labelsFretes > div, .labelsFretesMob > div {
3415 margin-right: 50%;
3416 }
3417
3418 .valuesFretes > div:nth-child(2), .valuesFretesMob > div:nth-child(2) {
3419 margin-right: 31% !important;
3420 }
3421
3422 .valuesFretes > div, .valuesFretesMob > div {
3423 margin-right: 31%;
3424 }
3425
3426 .opcoesPagamentoDetalheLivro {
3427 position: unset;
3428 min-width: 300px;
3429 width: 300px;
3430 }
3431
3432 .lineAccorionDescricao > div > ul {
3433 width: 400px !important;
3434 }
3435
3436 .lineAccorionDescricao > div > ul > li {
3437 min-width: 400px !important;
3438 width: 400px !important;
3439 margin-left: -7%;
3440 }
3441
3442 .lineAccorionDescricao > div > ul > li > label {
3443 margin-left: 27px;
3444 }
3445
3446 .lineAccorionDescricao > div > ul > li:nth-child(1) > .linhaAccordionAtivo ~ i {
3447 left: 60px;
3448 top: 61px;
3449 }
3450
3451 .lineAccorionDescricao > div > ul > li:nth-child(2) > .linhaAccordionAtivo ~ i {
3452 left: 60px;
3453 top: unset;
3454 margin-top: -8px;
3455 }
3456
3457 .lineAccorionDescricao > div > ul > li > ul > li > pre {
3458 font-family: 'Montserrat', sans-serif !important;
3459 font-size: 12px !important;
3460 color: #454F63 !important;
3461 padding: 20px !important;
3462 margin-left: 10%;
3463 }
3464
3465 .fotoAutorContainer img {
3466 /*width: 79px;*/
3467 /*border-radius: 6px;*/
3468 }
3469
3470 .linhaNomeAutor:after {
3471 content: "";
3472 flex: 1 1;
3473 border-bottom: none;
3474 margin: 0 10px 13px 10px;
3475 }
3476
3477 .fotoAutorContainer > .nomeAutor {
3478 margin: unset;
3479 margin-left: -20px;
3480 margin-top: 6px;
3481 }
3482
3483 .linhaNomeAutor {
3484 font-size: 16px !important;
3485 margin-top: 11px;
3486 }
3487
3488 .linhaDetalheInferiorAutor i {;
3489 left: unset;
3490 margin-top: -35px;
3491 color: #F6921E !important;
3492 }
3493
3494 .btnVoltarAutores {
3495 left: 6%;
3496 margin-top: 120px;
3497 }
3498
3499 .btnVoltarAutores i {
3500 margin-left: 25%;
3501 }
3502
3503 .btnVoltarAutores span {
3504 margin-top: -15px;
3505 }
3506
3507 .fichaContainerMob {
3508 margin-left: 23%;
3509 margin-bottom: 20px;
3510 padding-top: 20px;
3511 }
3512
3513 .linhaFichaContainerMob ~ i {
3514 margin-left: 70px;
3515 top: 570px;
3516 }
3517
3518 .consulteCEP, .consulteCEP a {
3519 font-size: 12px !important;
3520 }
3521
3522 .abaActiveAccordion:nth-of-type(2) {
3523 max-height: 500px;
3524 height: 500px;
3525 overflow: hidden;
3526 }
3527
3528 .botaoAmplie {
3529 position: relative;
3530 }
3531
3532 .imageList {
3533 text-align: center;
3534 }
3535
3536 .container .ebooksContainer > div {
3537 width: 310px !important;
3538 }
3539
3540 .container.mobile-only.pagamentoCepWrapper {
3541 padding-right: 60px;
3542 }
3543 }
3544
3545 @media (min-width: 361px) and (max-width: 385px) {
3546 .detalheContainerImg img {
3547 z-index: 999;
3548 left: 6px;
3549 top: -25px;
3550 }
3551
3552 .imgProdutoPrincipal {
3553 width: 200px !important;
3554 margin-left: -5%;
3555 }
3556
3557 #portlet_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet {
3558 display: none;
3559 }
3560
3561 .barraHomeDefault {
3562 background-color: #ebeced !important;
3563 opacity: 1;
3564 }
3565
3566 .btnShareMob {
3567 max-height: 46px;
3568 min-width: 75px;
3569 margin-left: 17px !important;
3570 }
3571
3572 .btnShareMob i {
3573 display: block;
3574 margin-left: -10%;
3575 margin-bottom: 3px;
3576 }
3577
3578 .btnShareMob span {
3579 margin-left: -4px;
3580 font-size: 9px !important;
3581 }
3582
3583 .input-group-item:not(.search-bar-keywords-input-wrapper) .input-group-inset-after.form-control {
3584 padding-left: 35px;
3585 }
3586
3587 .imgDetalheProdutoContainer {
3588 height: 230px !important;
3589 background: #FFFFFF !important;
3590 }
3591
3592 .freteInputMob {
3593 position: relative !important;
3594 margin-bottom: -40px;
3595 }
3596
3597 #freteDetalheLivroMob {
3598 width: 92%;
3599 min-height: 40px;
3600 margin-bottom: -9px;
3601 padding-left: 15px;
3602 font-family: "Montserrat", sans-serif;
3603 font-style: normal;
3604 font-weight: normal;
3605 text-decoration: inherit;
3606 color: #F6921E !important;
3607 background: #FFFFFF;
3608 }
3609
3610 .labelFrete {
3611 margin-left: 2px !important;
3612 }
3613
3614 .labelFrete i {
3615 font-size: 16px !important;
3616 }
3617
3618 .consulteCEP, .consulteCEP a {
3619 margin-left: 1px !important;
3620 font-size: 12px !important;
3621 }
3622
3623 .tituloBtnPag {
3624 margin-left: 0;
3625 }
3626
3627 .calcFretePrazoContainer {
3628 margin-top: -75px;
3629 margin-bottom: 50px;
3630 margin-left: 0;
3631 }
3632
3633 .opcoesPagamentoDetalheLivro {
3634 position: unset;
3635 }
3636
3637 .lineAccorionDescricao > div > ul {
3638 width: 350px !important;
3639 }
3640
3641 .lineAccorionDescricao > div > ul > li {
3642 min-width: 365px !important;
3643 width: 365px !important;
3644 margin-left: -7%;
3645 }
3646
3647 .lineAccorionDescricao > div > ul > li > label {
3648 margin-left: 27px;
3649 }
3650
3651 .lineAccorionDescricao > div > ul > li:nth-child(1) > .linhaAccordionAtivo ~ i {
3652 left: 60px;
3653 top: 61px;
3654 }
3655
3656 .lineAccorionDescricao > div > ul > li:nth-child(2) > .linhaAccordionAtivo ~ i {
3657 left: 60px;
3658 top: unset;
3659 margin-top: -8px;
3660 }
3661
3662 .lineAccorionDescricao > div > ul > li > ul > li > pre {
3663 font-family: 'Montserrat', sans-serif !important;
3664 font-size: 12px !important;
3665 color: #454F63 !important;
3666 /*max-width:295px !important;*/
3667 padding: 20px !important;
3668 margin-left: 10%;
3669 }
3670
3671 .linhaNomeAutor:after {
3672 content: "";
3673 flex: 1 1;
3674 border-bottom: none;
3675 margin: 0 10px 13px 10px;
3676 }
3677
3678 .fotoAutorContainer > .nomeAutor {
3679 margin: unset;
3680 margin-left: -20px;
3681 margin-top: 6px;
3682 }
3683
3684 .linhaNomeAutor {
3685 font-size: 16px !important;
3686 margin-top: 11px;
3687 }
3688
3689 .linhaDetalheInferiorAutor i {;
3690 left: unset;
3691 margin-top: -35px;
3692 color: #F6921E !important;
3693 }
3694
3695 .btnVoltarAutores {
3696 left: 6%;
3697 margin-top: 120px;
3698 }
3699
3700 .btnVoltarAutores i {
3701 margin-left: 25%;
3702 }
3703
3704 .btnVoltarAutores span {
3705 margin-top: -15px;
3706 }
3707
3708 .fichaContainerMob {
3709 margin-left: 23%;
3710 padding-top: 20px;
3711 margin-bottom: 20px;
3712 }
3713
3714 .linhaFichaContainerMob ~ i {
3715 margin-left: 35px;
3716 top: 400px;
3717 }
3718
3719 .consulteCEP, .consulteCEP a {
3720 font-size: 12px !important;
3721 margin-top: 15px;
3722 }
3723
3724 .abaActiveAccordion:nth-of-type(2) {
3725 max-height: 470px;
3726 height: 470px;
3727 overflow: hidden;
3728 }
3729
3730 .acDescricaoLi > pre {
3731 max-height: 250px;
3732 margin-top: 20px;
3733 }
3734
3735 /* estilos retirados na configuração da página*/
3736 .informacoesContainer > .commerce-quantity-container > div > select {
3737 max-width: 50px;
3738 }
3739
3740 .informacoesContainer > div > button {
3741 top: 103%;
3742 width: 345px !important;
3743 left: 55% !important;
3744 }
3745
3746 .labelFrete {
3747 margin-left: -23px;
3748 color: #78849E !important;
3749 }
3750
3751 .consulteCEP {
3752 margin-left: -20px;
3753 }
3754
3755 .tituloBtnPag {
3756 padding-left: 0px;
3757 padding-right: 0px;
3758 }
3759
3760 .ssp-mega-menu__box--single > .ssp-mega-menu__box__wrapper > .titulo > div ~ div {
3761 left: -60px !important;
3762 }
3763
3764 }
3765
3766 @media (min-width: 321px) and (max-width: 360px) {
3767 .detalheContainerImg img {
3768 z-index: 999;
3769 left: 6px;
3770 top: -25px;
3771 }
3772
3773 .imgProdutoPrincipal {
3774 width: 200px !important;
3775 margin-left: -5%;
3776 }
3777
3778 #portlet_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet {
3779 display: none;
3780 }
3781
3782 .barraHomeDefault {
3783 padding-top: 37px !important;
3784 background-color: #ebeced !important;
3785 opacity: 1;
3786 }
3787
3788 .btnShareMob {
3789 max-height: 46px;
3790 min-width: 75px;
3791 }
3792
3793 .btnShareMob i {
3794 display: block;
3795 margin-left: -17%;
3796 margin-bottom: 3px;
3797 }
3798
3799 .btnShareMob span {
3800 margin-left: -6px;
3801 font-size: 9px !important;
3802 }
3803
3804 /*.input-group-item .input-group-inset-after.form-control {
3805 padding-left: 35px;
3806 }*/
3807
3808 .imgDetalheProdutoContainer {
3809 background: #FFFFFF !important;
3810 }
3811
3812 .freteInputMob {
3813 position: relative !important;
3814 margin-bottom: -40px;
3815 }
3816
3817 #freteDetalheLivroMob {
3818 width: 92%;
3819 min-height: 40px;
3820 margin-bottom: -9px;
3821 padding-left: 15px;
3822 font-family: "Montserrat", sans-serif;
3823 font-style: normal;
3824 font-weight: normal;
3825 text-decoration: inherit;
3826 color: #F6921E !important;
3827 background: #FFFFFF;
3828 }
3829
3830 .labelFrete {
3831 margin-left: 2px !important;
3832 }
3833
3834 .labelFrete i {
3835 font-size: 16px !important;
3836 }
3837
3838 .consulteCEP, .consulteCEP a {
3839 margin-left: 1px !important;
3840 }
3841
3842 .tituloBtnPag {
3843 margin-left: 0;
3844 }
3845
3846 .calcFretePrazoContainer {
3847 margin-top: -75px;
3848 margin-bottom: 50px;
3849 margin-left: 0;
3850 max-width: 287px;
3851 }
3852
3853 .valuesFretes > div, .valuesFretesMob > div {
3854 margin-right: 18%;
3855 }
3856
3857 .opcoesPagamentoDetalheLivro {
3858 position: unset;
3859 }
3860
3861 .lineAccorionDescricao > div > ul {
3862 width: 350px !important;
3863 }
3864
3865 .lineAccorionDescricao > div > ul > li {
3866 min-width: 350px !important;
3867 width: 350px !important;
3868 margin-left: -7%;
3869 }
3870
3871 .lineAccorionDescricao > div > ul > li > label {
3872 margin-left: 22px;
3873 }
3874
3875 .lineAccorionDescricao > div > ul > li:nth-child(1) > .linhaAccordionAtivo ~ i {
3876 left: 60px;
3877 top: 61px;
3878 }
3879
3880 .lineAccorionDescricao > div > ul > li:nth-child(2) > .linhaAccordionAtivo ~ i {
3881 left: 60px;
3882 top: unset;
3883 margin-top: -8px;
3884 }
3885
3886 .lineAccorionDescricao > div > ul > li > ul > li > pre {
3887 font-family: 'Montserrat', sans-serif !important;
3888 font-size: 12px !important;
3889 color: #454F63 !important;
3890 max-width: 295px !important;
3891 padding: 20px !important;
3892 margin-left: 10%;
3893 }
3894
3895 .linhaNomeAutor:after {
3896 content: "";
3897 flex: 1 1;
3898 border-bottom: none;
3899 margin: 0 10px 13px 10px;
3900 }
3901
3902 .fotoAutorContainer > .nomeAutor {
3903 margin: unset;
3904 margin-left: -20px;
3905 margin-top: 6px;
3906 }
3907
3908 .linhaNomeAutor {
3909 font-size: 16px !important;
3910 margin-top: 10px;
3911 }
3912
3913 .linhaDetalheInferiorAutor i {;
3914 left: unset;
3915 margin-top: -35px;
3916 color: #F6921E !important;
3917 }
3918
3919 .btnVoltarAutores {
3920 left: 6%;
3921 margin-top: 120px;
3922 }
3923
3924 .btnVoltarAutores i {
3925 margin-left: 25%;
3926 }
3927
3928 .btnVoltarAutores span {
3929 margin-top: -15px;
3930 }
3931
3932 .fichaContainerMob {
3933 margin-left: 23%;
3934 padding-top: 20px;
3935 margin-bottom: 20px;
3936 }
3937
3938 .linhaFichaContainerMob ~ i {
3939 margin-left: 50px;
3940 top: 570px;
3941 }
3942
3943 .consulteCEP, .consulteCEP a {
3944 font-size: 12px !important;
3945 margin-top: 15px;
3946 }
3947
3948 .abaActiveAccordion:nth-of-type(2) {
3949 max-height: 500px;
3950 height: 500px;
3951 overflow: hidden;
3952 }
3953 }
3954
3955 @media (max-width: 320px) {
3956 .imgProdutoPrincipal img {
3957 min-width: 180px !important;
3958 min-height: 270px !important;
3959 }
3960
3961 .detalheContainerImg img {
3962 z-index: 999;
3963 left: 2px;
3964 top: -25px;
3965 }
3966
3967 .imgProdutoPrincipal {
3968 width: 200px !important;
3969 margin-left: -5%;
3970 }
3971
3972 #portlet_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet {
3973 display: none;
3974 }
3975
3976 .barraHomeDefault {
3977 background-color: #ebeced !important;
3978 opacity: 1;
3979 }
3980
3981 .btnShareMob {
3982 max-height: 46px;
3983 min-width: 75px;
3984 }
3985
3986 .btnShareMob i {
3987 display: block;
3988 margin-left: -25%;
3989 margin-bottom: 3px;
3990 font-size: 14px !important;
3991 }
3992
3993 .btnShareMob span {
3994 margin-left: -15px;
3995 font-size: 9px !important;
3996 }
3997
3998 /*.input-group-item .input-group-inset-after.form-control {
3999 padding-left: 35px;
4000 }*/
4001
4002 .freteInputMob {
4003 position: relative !important;
4004 margin: auto;
4005 }
4006
4007 #freteDetalheLivroMob {
4008 width: 99%;
4009 min-height: 40px;
4010 margin-bottom: -9px;
4011 padding-left: 15px;
4012 font-family: "Montserrat", sans-serif;
4013 font-style: normal;
4014 font-weight: normal;
4015 text-decoration: inherit;
4016 color: #F6921E !important;
4017 background: #FFFFFF !important;
4018 }
4019
4020 .labelFrete {
4021 margin-left: 2px !important;
4022 }
4023
4024 .labelFrete i {
4025 font-size: 16px !important;
4026 margin-right: 2px;
4027 }
4028
4029 .consulteCEP, .consulteCEP a {
4030 margin-left: 1px !important;
4031 }
4032
4033 .tituloBtnPag {
4034 margin-left: 0;
4035 font-size: 14px !important;
4036 }
4037
4038 .calcFretePrazoContainer {
4039 margin-top: -75px;
4040 margin-bottom: 50px;
4041 margin-left: 0;
4042 width: 274px !important;
4043 }
4044
4045 .valuesFretes > div, .valuesFretesMob > div {
4046 margin-right: 17%;
4047 }
4048
4049 .valuesFretes > div:nth-child(2), .valuesFretesMob > div:nth-child(2) {
4050 margin-right: 17% !important;
4051 }
4052
4053 .opcoesPagamentoDetalheLivro {
4054 position: unset;
4055 max-width: 272px !important;
4056 width: 272px !important;
4057 min-width: 272px;
4058 }
4059
4060 .descricaoFormaPagamento {
4061 font-size: 12px !important;
4062 }
4063
4064 .lineAccorionDescricao > div > ul {
4065 width: 250px !important;
4066 }
4067
4068 .lineAccorionDescricao > div > ul > li {
4069 min-width: 320px !important;
4070 width: 320px !important;
4071 margin-left: -10%;
4072 }
4073
4074 .lineAccorionDescricao > div > ul > li > label {
4075 margin-left: 12px;
4076 }
4077
4078 .lineAccorionDescricao > div > ul > li:nth-child(1) > .linhaAccordionAtivo ~ i {
4079 left: 60px;
4080 top: 61px;
4081 }
4082
4083 .lineAccorionDescricao > div > ul > li:nth-child(2) > .linhaAccordionAtivo ~ i {
4084 left: 60px;
4085 top: unset;
4086 margin-top: -7px;
4087 }
4088
4089 .lineAccorionDescricao > div > ul > li > ul > li > pre {
4090 font-family: 'Montserrat', sans-serif !important;
4091 font-size: 12px !important;
4092 color: #454F63 !important;
4093 max-width: 295px !important;
4094 padding: 20px !important;
4095 margin-left: 10%;
4096 }
4097
4098 .linhaNomeAutor:after {
4099 content: "";
4100 flex: 1 1;
4101 border-bottom: none;
4102 margin: 0 10px 13px 10px;
4103 }
4104
4105 .fotoAutorContainer > .nomeAutor {
4106 margin: 5px unset unset -15px;
4107 }
4108
4109 .linhaNomeAutor {
4110 font-size: 16px !important;
4111 margin-top: 10px;
4112 }
4113
4114 .linhaDetalheInferiorAutor i {;
4115 left: unset;
4116 margin-top: -35px;
4117 color: #F6921E !important;
4118 }
4119
4120 .btnVoltarAutores {
4121 left: 6%;
4122 margin-top: 120px;
4123 }
4124
4125 .btnVoltarAutores i {
4126 margin-left: 25%;
4127 }
4128
4129 .btnVoltarAutores span {
4130 margin-top: -15px;
4131 }
4132
4133 .fichaContainerMob {
4134 margin-left: 20%;
4135 padding-top: 20px;
4136 margin-bottom: 20px;
4137 }
4138
4139 .fichaContainerMob p {
4140 margin-bottom: 14px !important;
4141 }
4142
4143 .linhaFichaContainerMob ~ i {
4144 margin-left: 30px;
4145 top: 570px;
4146 }
4147
4148 .valorBarraFixa span:nth-child(3) {
4149 font-size: 13px !important;
4150 }
4151
4152 .valorBarraFixa span:nth-child(2) {
4153 font-size: 8px !important;
4154 }
4155
4156 .consulteCEP, .consulteCEP a {
4157 font-size: 12px !important;
4158 margin-top: 15px;
4159 }
4160 }
4161
4162 @media (max-width: 475px) {
4163 .btnPagamento {
4164 margin-top: 0;
4165 width: 92%;
4166 min-height: auto;
4167 height: auto;
4168 padding: 11px 0 8px 0;
4169 }
4170
4171 .btnPagamento > i:nth-child(1) {
4172 margin-left: -0px;
4173 }
4174
4175 .btnPagamento > span ~ i {
4176 margin-left: 0;
4177 }
4178
4179 .containerPrecoMob {
4180 margin-left: 20px;
4181 margin-right: 40px;
4182 width: 100%;
4183 display: flex;
4184 justify-content: space-between;
4185 align-items: flex-end;
4186 }
4187
4188 .price-wrapper .price-label {
4189 color: #a2acc3;
4190 font-family: "Montserrat", sans-serif;
4191 display: inline-flex;
4192 flex-direction: column;
4193 font-size: 19px;
4194 font-weight: bold;
4195 margin-left: 0;
4196 margin-right: 17.52px;
4197 height: 100%;
4198 justify-content: space-between;
4199 line-height: 1.3rem;
4200 }
4201
4202 .price-wrapper .price-label::before {
4203 content: "De: ";
4204 color: #a2acc3;
4205 font-size: 10px;
4206 font-weight: 600;
4207 font-family: "Montserrat", sans-serif;
4208 }
4209
4210 .price-wrapper .price-value .price-value-final {
4211 display: inline-flex;
4212 flex-direction: column;
4213 font-size: 28px;
4214 margin-left: 0;
4215 line-height: normal;
4216 padding-left: 0;
4217 color: #f6921e;
4218 font-family: "Montserrat", sans-serif;
4219 margin-bottom: 0 ;
4220 margin-top: 0 ;
4221 }
4222
4223 .price-wrapper .price-value .price-value-final::before {
4224 content: "Por: ";
4225 font-size: 10px;
4226 font-weight: 600;
4227 color: #a2acc3;
4228 margin-top: 0;
4229 font-family: "Montserrat", sans-serif;
4230 }
4231
4232 .lockTitulo {
4233 float: left !important;
4234 font-size: 7.5px !important;
4235 }
4236
4237 .lockTitulo > .fa {
4238 float: left;
4239 font-size: 16px !important;
4240 margin-top: 5px !important;
4241 }
4242
4243 .lockTitulo > div {
4244 width: 37px;
4245 display: inline-block;
4246 }
4247
4248 .detalheLivroMob {
4249 margin: 0 40px;
4250 }
4251
4252 .tituloDetalheLivro {
4253 font-size: 20px !important;
4254 font-weight: 600 !important;
4255 padding: 0;
4256 }
4257
4258 .autorDetalheLivro {
4259 font-size: 14px !important;
4260 margin-top: 10px !important;
4261 font-weight: 600 !important;
4262 }
4263
4264 .subtituloLivro {
4265 font-size: 16px !important;
4266 color: #78849e;
4267 font-weight: normal !important;
4268 }
4269
4270 .freteInputMob {
4271 margin-top: 20px;
4272 }
4273
4274 .freteContainer {
4275 display: none;
4276 }
4277
4278 .imgProdutoPrincipal img {
4279 min-width: unset!important;
4280 max-width: unset!important;
4281 }
4282
4283 .btnShareMob .fas {
4284 font-size: 18px;
4285 }
4286 .detalheContainerImg img {
4287 height: 45.5px;
4288 width: 45.5px;
4289 margin-left: auto!important;
4290 margin-right: auto!important;
4291 }
4292
4293 .barraHomeDefault {
4294 margin-top: 69px;
4295 padding: 20px !important;
4296 }
4297 }
4298
4299 @media (max-width: 414px) {
4300 #freteDetalheLivro, .opcoesPagamentoDetalheLivro {
4301 max-width: 100%!important;
4302 min-width: 100%;
4303 }
4304
4305 .calculeCepContainer > div {
4306 width: 100%!important;
4307 }
4308
4309 .pagamentoCepWrapper {
4310 width: 75.75%;
4311 }
4312
4313 .btnShareMob {
4314 display: none;
4315 }
4316
4317 .descricaoFormaPagamento br {
4318 display: none;
4319 }
4320
4321 .opcoesPagamentoDetalheLivro ul li:last-child {
4322 height: auto;
4323 }
4324
4325 .opcoesPagamentoDetalheLivro {
4326 padding: 19px 10px 19px;
4327 }
4328
4329 .input-group-item .input-group-inset-after.form-control {
4330 width: auto;
4331 max-width: unset;
4332 }
4333
4334 .input-group-item:not(.search-bar-keywords-input-wrapper) .input-group-inset-after.form-control {
4335 padding-left: 0 !important;
4336 margin-left: 5px !important;
4337 }
4338 }
4339
4340 @media (min-width: 1200px) {
4341 .pagamentoCepWrapper {
4342 justify-content: flex-end;
4343 margin-top: -20px;
4344 }
4345
4346 .calculeCepContainer {
4347 margin-left: 0;
4348 margin-right: 50px;
4349 }
4350
4351 .formasPagamentoContainer {
4352 margin-bottom: 20px;
4353 }
4354
4355 .informacoesContainer.desktop-only .autorDetalheLivro,
4356 .informacoesContainer.desktop-only .tituloDetalheLivro {
4357 padding-right: 77px;
4358 }
4359
4360 .price-wrapper-desktop .price-label:has(del) {
4361 padding-top: 5px !important;
4362 }
4363
4364 .price-wrapper-desktop .price-value-discount + .price-label {
4365 padding-top: 5px;
4366 }
4367 }
4368
4369 @media (min-width: 361px) and (max-width: 385px) {
4370 .imgDetalheProdutoContainer {
4371 height: auto!important;
4372 }
4373 }
4374
4375 @media (max-width: 360px) {
4376 .opcoesPagamentoDetalheLivro {
4377 padding: 19px 8px 19px;
4378 }
4379
4380 .opcoesPagamentoDetalheLivro ul li {
4381 padding-left: 4px;
4382 padding-right: 4px;
4383 }
4384
4385 .opcoesPagamentoDetalheLivro ul li i {
4386 margin-right: 4px;
4387 }
4388
4389 .descricaoFormaPagamento {
4390 margin-left: 23px;
4391 }
4392 }
4393
4394 .add-to-cart-quantity-marker.active {
4395 display: none;
4396 }
4397
4398 @media (min-width: 500px) {
4399 .pagamentoCepWrapper {
4400 width: 305px;
4401 margin-left: auto;
4402 margin-right: auto;
4403 }
4404 }
4405
4406 @media (min-width: 701px) {
4407 #freteDetalheLivro {
4408 width: 300px;
4409 }
4410 }
4411
4412 @media (min-width: 768px) and (max-width: 768px) {
4413 .valorCarrossel4 .price del {
4414 padding-left: 0 !important;
4415 }
4416
4417 .slider4 .valorCarrossel4 > .price {
4418 margin-top: 15px !important;
4419 }
4420
4421 .comprarCarrossel4 {
4422 margin-top: 0 !important;
4423 }
4424 }
4425
4426 @media (min-width: 769px) {
4427 .btn-add-to-cart-inline::before {
4428 position: absolute;
4429 top: 50%;
4430 left: 50%;
4431 transform: translateX(-50%) translateY(-50%);
4432 }
4433
4434 .btn-add-to-cart-inline {
4435 position: relative;
4436 right: unset;
4437 top: unset;
4438 }
4439
4440 .pagamentoCepWrapper {
4441 width: 688px;
4442 max-width: unset;
4443 position: relative;
4444 }
4445
4446 .freteContainer {
4447 width: 100% !important;
4448 padding-right: 30px;
4449 justify-content: flex-end;
4450 flex-wrap: wrap;
4451 }
4452
4453 .pagamentoCepWrapper {
4454 justify-content: flex-end;
4455
4456 }
4457
4458 .imgProdutoPrincipal .btn-add-to-cart {
4459 right: unset;
4460 }
4461
4462 .calculeCepContainer {
4463 margin-top: 4px;
4464 }
4465
4466 .formasPagamentoContainer {
4467 margin-bottom: 20px;
4468 }
4469
4470 .descricaoContainer > pre {
4471 margin-left: 20px !important;
4472 }
4473
4474 .iconeCategoria {
4475 left: -20px !important;
4476 }
4477
4478 .linhaDetalheInferiorAutor > .iconeCategoria {
4479 display: none;
4480 }
4481
4482 .slider4 .price-label {
4483 display: none;
4484 }
4485
4486 .slider4 .valorCarrossel4 .price .price-value {
4487 position: relative;
4488 left: -10px;
4489 font-weight: 500;
4490 font-size: 16px !important;
4491 }
4492
4493 .valorCarrossel4 .price {
4494 margin-top: 30px !important;
4495 }
4496
4497 .comprarCarrossel4 {
4498 margin-top: -5px !important;
4499 }
4500 }
4501
4502 @media (min-width: 1200px) {
4503 .freteContainer.container, .pagamentoCepWrapper {
4504 width: 1182px!important;
4505 margin-left: auto;
4506 margin-right: auto;
4507 justify-content: space-around;
4508 }
4509
4510 .calculeCepContainer {
4511 margin-left: 40px;
4512 margin-top: 40px;
4513 margin-right: 40px;
4514 }
4515
4516 .dropdown-toggle {
4517 left: -40px !important;
4518 }
4519 }
4520
4521 @media (min-width: 769px) and (max-width: 820px) {
4522 .slider4 .divEspiarCarrossel4 {
4523 top: 275px !important;
4524 right: 20px !important;
4525 }
4526
4527 .slider4semextracard .divEspiarCarrossel4 {
4528 top: 280px !important;
4529 }
4530
4531 .slider4semextracard .price {
4532 margin-bottom: -5px;
4533 }
4534
4535 .slider4semextracard .imgContainerEspecialCarrossel4 img {
4536 max-height: 390px !important;
4537 }
4538
4539 .slider4semextracard .valorCarrossel4 {
4540 bottom: 60px !important;
4541 }
4542 }
4543
4544 @media (max-width: 768px) {
4545 .input-group-inset {
4546 margin-left: 0 !important;
4547 }
4548
4549 .input-group-inset-item {
4550 border: none !important;
4551 background: #fff !important;
4552 }
4553
4554 .input-group-inset-item button {
4555 background: #fff;
4556 }
4557
4558 .input-group-inset-item .btn:not(.btn-monospaced) {
4559 display: none;
4560 }
4561
4562 .barraHomeDefault .input-group-inset-item.input-group-inset-item-after {
4563 width: auto !important;
4564 }
4565
4566 .input-group-item .input-group {
4567 flex-direction: row-reverse;
4568 }
4569
4570 .input-group-item .input-group-inset-after.form-control {
4571 padding-left: 40px !important;
4572 }
4573
4574 .tituloDetalheLivro, .autorDetalheLivro {
4575 width: 100%!important;
4576 }
4577
4578 .informacoesContainer {
4579 padding-left: 30px!important;
4580 padding-right: 30px!important;
4581 }
4582
4583 .price-wrapper .price-value {
4584 color: #A2ACC3 !important;
4585 text-align: right;
4586 font: normal normal bold 28px/23px Montserrat !important;
4587 }
4588
4589 .linhaDetalheInferiorAutor i {
4590 margin-top: 0;
4591 bottom: 56px;
4592 }
4593
4594 .add-to-cart-wrapper button.btn.btn-add-to-cart.mt-3 {
4595 background-color: #5acc75;
4596 width: 100%;
4597 border-radius: 0;
4598 margin-top: 0!important;
4599 padding: 10px;
4600 padding-bottom: 0;
4601 }
4602
4603 .comprarCarrossel4 > .add-to-cart > .add-to-cart-wrapper > button.btn.btn-add-to-cart.mt-3 {
4604 width: 205px !important;
4605 padding-left: 30px !important;
4606 border-radius: 5px !important;
4607 margin-top: 15px !important;
4608 }
4609
4610 .valorCarrossel4 del {
4611 padding-left: 0 !important;
4612 }
4613
4614 .slider4semextracard .valorCarrossel4 {
4615 top: initial !important;
4616 bottom: 60px !important;
4617 margin-bottom: 0px !important;
4618 }
4619
4620 .slider4semextracard .divEspiarCarrossel4 {
4621 top: initial !important;
4622 }
4623
4624 .slider4semextracard .imgContainerEspecialCarrossel4 img {
4625 max-height: 370px !important;
4626 }
4627
4628 .slide-arrow {
4629 visibility: hidden;
4630 }
4631 }
4632
4633 @media (max-width: 475px) {
4634 .detalheContainerImg {
4635 height: unset;
4636 }
4637 }
4638
4639 @media (max-width: 414px) {
4640 .informacoesContainer {
4641 padding-left: 22px!important;
4642 padding-right: 22px!important;
4643 }
4644
4645 .imgProdutoPrincipal img {
4646 width: 71%!important;
4647 }
4648 }
4649
4650 @media (max-width: 414px) {
4651 .imgProdutoPrincipal img {
4652 width: 74%!important;
4653 }
4654
4655 .pagamentoCepWrapper {
4656 width: 301px;
4657 margin-left: auto;
4658 margin-right: auto;
4659 }
4660 }
4661
4662 @media (max-width: 386px) {
4663 .fotoAutorContainer img {
4664 margin-left: 0;
4665 }
4666 }
4667
4668 @media (min-width: 321px) and (max-width: 768px) {
4669 .calculeCepContainer, .formasPagamentoContainer {
4670 position: relative;
4671 left: 25px;
4672 max-width: 285px;
4673 }
4674
4675 .ebooksContainer {
4676 margin-left: 25px;
4677 }
4678
4679 .ebooksContainer > div {
4680 width: 295px !important;
4681 }
4682
4683 .hasEbook {
4684 padding-left: 65px;
4685 }
4686 }
4687
4688 @media (max-width: 320px) {
4689 .tab-mobile-content .nomeAutor {
4690 margin-left: -20px;
4691 width: calc(100% - 52px);
4692 }
4693
4694 .calculeCepContainer {
4695 padding: 0 30px;
4696 }
4697
4698 .formasPagamentoContainer {
4699 padding: 0 30px;
4700 }
4701
4702 .ebooksContainer {
4703 position: relative;
4704 left: 30px;
4705 }
4706
4707 .ebooksContainer > div {
4708 width: 282px !important;
4709 }
4710 }
4711
4712 @media (max-width: 768px) {
4713 .acDescricaoLi {
4714 position: relative;
4715 }
4716
4717 .tab-mobile-content .fichaContainerMob {
4718 position: relative;
4719 padding-left: 70px;
4720 }
4721
4722 .tab-mobile-content .fichaContainerMob i {
4723 position: absolute;
4724 left: 10px;
4725 top: 3px;
4726 color: #F6921E;
4727 font-size: 36px!important;
4728 }
4729
4730 #spec {
4731 width: 120vw !important;
4732 }
4733 }
4734
4735 @media (max-width: 388px) {
4736 .tab-mobile-content .fichaContainerMob p {
4737 width: auto;
4738 text-align: left;
4739 }
4740 }
4741
4742 .fotoAutorContainer > ul.listaAutores > li {
4743 font-size: 16px!important;
4744 line-height: 27px!important;
4745 }
4746
4747 .btnVoltarAutores {
4748 align-items: center;
4749 }
4750
4751 .btnVoltarAutores i {
4752 margin-right: 6px;
4753 }
4754
4755 .pagination-bar {
4756 display: none;
4757 }
4758
4759 @media (max-width: 1199px) and (min-width: 769px) {
4760 .fotoAutorContainer.fotoAutorContainerMultiplos {
4761 flex-wrap: wrap;
4762 }
4763
4764 .fotoAutorContainer.fotoAutorContainerMultiplos .btnVoltarAutores {
4765 order: 3;
4766 position: static;
4767 margin-top: 20px;
4768 }
4769
4770 .fotoAutorContainer.fotoAutorContainerMultiplos img {
4771 order: 1;
4772 width: 280px;
4773 }
4774
4775 .fotoAutorContainer.fotoAutorContainerMultiplos .nomeAutor {
4776 order: 2;
4777 width: calc(100% - 280px);
4778 }
4779
4780 .freteContainer {
4781 margin-top: 20px;
4782 }
4783
4784 .dropdown-toggle {
4785 top: -95px !important;
4786 left: -5px !important;
4787 }
4788
4789 .imgDetalheProdutoContainer {
4790 height: auto !important;
4791 }
4792
4793 .informacoesContainer {
4794 height: auto !important;
4795 }
4796
4797 .price-buy-wrapper-desktop {
4798 position: initial !important;
4799 padding-left: 0 !important;
4800 padding-bottom: 0 !important;
4801 }
4802
4803 .addToCartCustom {
4804 margin-bottom: -20px;
4805 }
4806
4807 .price-wrapper-desktop .price-label {
4808 font-weight: 600 !important;
4809 padding-top: 5px !important;
4810 }
4811 }
4812
4813 @media (max-width: 812px) and (min-width: 769px) {
4814 .fotoAutorContainer.fotoAutorContainerMultiplos .nomeAutor {
4815 width: calc(100% - 332px);
4816 }
4817
4818 .fotoAutorContainer.fotoAutorContainerMultiplos .btnVoltarAutores {
4819 margin-left: 12px;
4820 }
4821
4822 .fotoAutorContainer.fotoAutorContainerMultiplos .linhaDetalheInferiorAutor {
4823 margin-left: 35px;
4824 }
4825
4826 .fotoAutorContainer.fotoAutorContainerMultiplos {
4827 width: 549px;
4828 }
4829 }
4830
4831 @media (max-width: 768px) {
4832 .fotoAutorContainer.fotoAutorContainerMultiplos {
4833 padding-bottom: 29px;
4834 position: relative!important;
4835 }
4836
4837 .fotoAutorContainer.fotoAutorContainerMultiplos .btnVoltarAutores {
4838 position: absolute;
4839 bottom: 0;
4840 left: 0;
4841 align-items: center;
4842 }
4843
4844 .nomeAutorMultiplos .linhaDetalheInferiorAutor i {
4845 bottom: 85px;
4846 }
4847
4848 .btnVoltarAutores i {
4849 margin-top: -14px;
4850 }
4851
4852 .fotoAutorContainer > .nomeAutor.nomeAutorMultiplos > .biografiaAutor {
4853 width: 75vw;
4854 white-space: normal;
4855 word-break: break-word;
4856 }
4857
4858 .nomeAutorMultiplos .linhaDetalheInferiorAutor {
4859 width: 100%;
4860 }
4861
4862 .buy-mobile-wrapper #livroIndisponivelButton {
4863 margin-left: 0;
4864 width: 100%;
4865 border-radius: 0px;
4866 }
4867
4868 .informacoesContainer #livroIndisponivelButton {
4869 display: none;
4870 }
4871 }
4872
4873 @media (max-width: 413px) and (min-width: 386px) {
4874 .nomeAutor.nomeAutorMultiplos .linhaNomeAutor:before,
4875 .nomeAutor.nomeAutorMultiplos .linhaNomeAutor:after {
4876 display: none;
4877 }
4878 .fotoAutorContainer > .nomeAutor.nomeAutorMultiplos > .biografiaAutor {
4879 width: 65vw;
4880 padding-left: 0;
4881 }
4882
4883 .btnVoltarAutores i {
4884 margin-top: 0;
4885 }
4886
4887 .nomeAutorMultiplos .linhaDetalheInferiorAutor {
4888 width: calc(100% + 21px);
4889 margin-left: -46px;
4890 position: relative;
4891 }
4892
4893 .nomeAutorMultiplos .linhaDetalheInferiorAutor i {
4894 bottom: 40px;
4895 left: 0;
4896 }
4897 }
4898
4899 @media (max-width: 768px) {
4900 .detalheProdutolinha1 > .col-3 {
4901 padding-left: 60px;
4902 width: 180px;
4903 flex: unset;
4904 max-width: unset;
4905 }
4906
4907 .detalheContainerImg {
4908 width: 80px;
4909 }
4910
4911 .price-wrapper {
4912 text-align: right;
4913 }
4914
4915 .price-wrapper > span {
4916 text-align: right;
4917 font: normal normal bold 19px/23px Montserrat;
4918 letter-spacing: 0px;
4919 color: #F6921E;
4920 display: inline-block;
4921 }
4922
4923 .price-wrapper span::before {
4924 font: normal normal 600 10px/13px Montserrat;
4925 letter-spacing: 0px;
4926 color: #78849E;
4927 display: block;
4928 }
4929
4930 .price-wrapper span.price-value .price-value-final::before {
4931 position: relative;
4932 top: 3px;
4933 }
4934
4935 .price-wrapper span.price-value .price-value-final {
4936 font: normal normal bold 28px/23px Montserrat;
4937 }
4938
4939 .price-wrapper span.price-value .price-value-final .currency {
4940 font-size: 19px;
4941 }
4942
4943 .valorCarrossel4 > .price {
4944 margin-top: -15px !important;
4945 }
4946 }
4947
4948 @media (max-width: 619px) {
4949 .detalheProdutolinha1 > .col-9 {
4950 width: calc(100% - 180px)!important;
4951 flex: unset;
4952 max-width: unset;
4953 }
4954
4955 .imgProdutoPrincipal img {
4956 width: calc(100% - 57px)!important;
4957 }
4958 }
4959
4960 @media (max-width: 530px) {
4961 .detalheProdutolinha1 > .col-3 {
4962 padding-left: 20px;
4963 width: 98px;
4964 }
4965
4966 .detalheContainerImg img {
4967 height: 41.25px;
4968 width: 41.25px;
4969 }
4970
4971 .botaoAmplie {
4972 width: 42px;
4973 margin-left: auto;
4974 margin-right: auto;
4975 }
4976
4977 .botaoAmplie > span {
4978 font-size: 10px!important;
4979 font-weight: 500!important;
4980 }
4981
4982 .detalheContainerImg {
4983 width: 50px;
4984 }
4985
4986 .informacoesContainer {
4987 padding-left: 20px!important;
4988 padding-right: 20px!important;
4989 }
4990
4991 .informacoesContainer > .informacoesContainer {
4992 padding-left: 0px!important;
4993 padding-right: 0px!important;
4994 }
4995
4996 .detalheContainerImg img.escolhida {
4997 border-width: 3px!important;
4998 }
4999
5000 .imgProdutoPrincipal img {
5001 width: calc(100% - 4px)!important;
5002 }
5003
5004 .tituloDetalheLivro {
5005 font: normal normal 600 20px/19px Montserrat;
5006 }
5007
5008 .detalheProdutolinha1 > .col-9 {
5009 width: calc(100% - 152px)!important;
5010 }
5011
5012 .informacoesContainer {
5013 display: block;
5014 }
5015
5016 .imgProdutoPrincipal img {
5017 height: auto!important;
5018 min-height: unset!important;
5019 }
5020 }
5021
5022 @media (max-width: 414px) and (min-width: 321px) {
5023 .container.mobile-only.pagamentoCepWrapper {
5024 padding-right: 50px;
5025 }
5026 }
5027
5028 @media (max-width: 414px) and (min-width: 385px) {
5029 .detalheProdutolinha1 > .col-3 {
5030 width: 74px;
5031 }
5032 }
5033
5034 @media (max-width: 414px) {
5035 .pagamentoCepWrapper {
5036 width: calc(100% - 40px);
5037 }
5038 }
5039
5040 @media (max-width: 384px) {
5041 .detalheProdutolinha1 > .col-3 {
5042 width: 98px;
5043 }
5044 }
5045
5046 .portlet-boundary_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_ .portlet-body {
5047 border-radius: 6px!important;
5048 }
5049
5050 @media (width: 414px) {
5051 .detalheProdutolinha1 > .col-3 {
5052 width: 90px;
5053 }
5054 }
5055
5056 @media (max-width: 768px) {
5057 body.signed-out .fieldset.fieldset.search-bar,
5058 body.signed-in:not(.has-control-menu) .fieldset.fieldset.search-bar {
5059 margin-top: 56px;
5060 }
5061
5062 .btn-add-to-cart-inline::before {
5063 font-size: 16px!important;
5064 }
5065
5066 .opcoesPagamentoDetalheLivro ul li {
5067 padding-right: 9px!important;
5068 }
5069
5070 .tabsDescricaoAutor {
5071 margin-bottom: 15px;
5072 }
5073 }
5074
5075 @media (min-width: 769px) {
5076 .price-wrapper span.price-value .price-value-final {
5077 font-size: 33px!important;
5078 }
5079
5080 .price-wrapper .price-value .price-value-final::before {
5081 font-size: 20px!important;
5082 }
5083
5084 .price-buy-wrapper-desktop {
5085 display: flex;
5086 justify-content: space-between;
5087 align-items: flex-end;
5088 position: absolute;
5089 right: 0;
5090 bottom: 0;
5091 padding-right: 20px;
5092 padding-left: 30px;
5093 padding-bottom: 30px;
5094 width: 100%;
5095 }
5096
5097 .price-buy-wrapper-desktop .addToCartCustom,
5098 .informacoesContainer .price-buy-wrapper-desktop .btn-add-to-cart {
5099 margin-left: 0;
5100 margin-top: 0;
5101 }
5102
5103 .informacoesContainer .price-buy-wrapper-desktop .btn-add-to-cart::before {
5104 font-size: 22px;
5105 }
5106
5107 .price-buy-wrapper-desktop .price-value .price-value-final {
5108 margin-left: 0;
5109 text-align: right;
5110 padding-left: 0;
5111 }
5112
5113 .descricaoContainer pre {
5114 margin-top: 30px;
5115 }
5116
5117 .descricaoContainer > span > i {
5118 margin-top: 10px;
5119 }
5120
5121 .comprarCarrossel4 button.btn.btn-primary.btn-lg.btn-add-to-cart.btn-add-to-cart-inline {
5122 height: 30px;
5123 }
5124
5125 .informacoesContainer.desktop-only > .row.w-25.p-3 {
5126 padding: 0!important;
5127 }
5128
5129 .container.imgDetalheProdutoContainer {
5130 padding-top: 30px;
5131 }
5132
5133 .informacoesContainer.desktop-only {
5134 padding: 0 20px 30px 30px;
5135 position: relative;
5136 }
5137
5138 .price-wrapper-desktop {
5139 display: flex;
5140 flex-wrap: wrap;
5141 text-align: left;
5142 }
5143
5144 .background-right.titulo-slider4 {
5145 margin-bottom: -15px;
5146 padding-top: 80px;
5147 }
5148
5149 .indiqueContainer {
5150 max-width: unset!important;
5151 right: 20px!important;
5152 margin-left: unset!important;
5153 left: unset!important;
5154 margin-top: -21px!important;
5155 }
5156
5157 .descricaoCurtaDetalheLivro {
5158 padding-right: 80px;
5159 }
5160
5161 .price-wrapper-desktop-real {
5162 font-size: 27px;
5163 }
5164 .informacoesContainer.desktop-only {
5165 width: 100%;
5166 }
5167
5168 .slider4:not(.slider4semextracard) .valorCarrossel4 {
5169 margin-top: 20px !important;
5170 margin-bottom: 0px !important;
5171 }
5172 }
5173
5174 @media (min-width: 821px) {
5175 .slider4semextracard .valorCarrossel4 {
5176 top: 90px !important;
5177 }
5178 }
5179
5180 @media (min-width: 1199px) {
5181 .price-wrapper-desktop span.price-value span.price-label {
5182 font-size: 36px!important;
5183 }
5184
5185 .price-wrapper-desktop span.price-value span.price-label::before {
5186 font-size: 27px!important;
5187 }
5188
5189 .tabsDescricaoAutor > div > div > ul > li {
5190 margin: 0 0 0 20px;
5191 width: 39.5%;
5192 }
5193
5194 .iconDesc .fas.fa-user-edit {
5195 font-size: 31px;
5196 margin-top: -6px;
5197 }
5198
5199 .nav-link#spec-tab .iconDesc span {
5200 position: relative;
5201 top: -5px;
5202 }
5203
5204 .price-wrapper-desktop {
5205 padding-left: 30px;
5206 }
5207
5208 .nav-item #desc-tab {
5209 padding-right: 20px!important;
5210 }
5211
5212 .nav-item #spec-tab {
5213 padding-left: 20px!important;
5214 }
5215
5216 .nav-tabs > li:nth-child(2) > a > .iconDesc {
5217 margin-left: 0!important;
5218 }
5219
5220 .freteContainer.container {
5221 position: relative;
5222 left: 20px;
5223 }
5224 }
5225
5226 @media (max-width: 1199px) {
5227 .ssp#wrapper {
5228 z-index: 1 !important;
5229 }
5230
5231 .slider4.slider4semextracard .slick-list {
5232 z-index: 0 !important;
5233 }
5234
5235 .price-buy-wrapper-desktop {
5236 display: block;
5237 }
5238
5239 .indiqueContainer {
5240 max-width: unset;
5241 left: unset;
5242 right: 20px;
5243 }
5244
5245 .informacoesContainer > .row > .indiqueContainer {
5246 display: flex;
5247 flex-wrap: wrap;
5248 flex-direction: column;
5249 }
5250
5251 .informacoesContainer > .row > .indiqueContainer > span {
5252 font-size: 0.8rem;
5253 }
5254
5255 .search-bar > .search-bar-simple > .search-bar-keywords-input-wrapper input {
5256 max-width: initial !important;
5257 }
5258 }
5259
5260 @media (max-width: 768px) {
5261 .botaoAmplie {
5262 visibility: hidden;
5263 }
5264
5265 .indiqueContainer {
5266 right: 0;
5267 }
5268
5269 .buy-mobile-wrapper .btn-add-to-cart.btn.btn-lg,
5270 .buy-mobile-wrapper .preco {
5271 height: 50px;
5272 }
5273
5274 .buy-mobile-wrapper .sacola-header-icon:before {
5275 font-size: 16px!important;
5276 }
5277
5278 .tab-single.active {
5279 color: #454f63;
5280 }
5281
5282 .tab-mobile-content {
5283 width: calc(100% - 40px);
5284 margin-left: 10px;
5285 }
5286
5287 .informacoesContainer .price-wrapper .price-label {
5288 display: none;
5289 }
5290
5291 .linhaNomeAutor {
5292 margin-left: 0;
5293 padding-left: 20px;
5294 }
5295
5296 .linhaNomeAutor:before {
5297 margin-left: 0;
5298 }
5299
5300 .tab-mobile-content {
5301 padding-left: 20px;
5302 }
5303
5304 .fotoAutorContainer > .nomeAutor > .biografiaAutor {
5305 padding-left: 20px;
5306 margin-left: 0!important;
5307 }
5308
5309 .linhaDetalheInferiorAutor {
5310 margin-left: -37px;
5311 }
5312
5313 .pagamentoCepWrapper {
5314 width: calc(100% - 80px);
5315 display: flex;
5316 flex-wrap: wrap;
5317 align-content: center;
5318 flex-direction: column;
5319 margin-top: 0;
5320 margin-bottom: 40px;
5321 }
5322
5323 .informacoesContainer > .informacoesContainer {
5324 padding-left: 20px!important;
5325 padding-right: 20px!important;
5326 }
5327
5328 .tab-single {
5329 padding: 10px 23px 10px 40px;
5330 margin-left: 10px;
5331 }
5332
5333 .tab-mobile-content {
5334 padding-left: 20px;
5335 width: calc(100% - 20px);
5336 }
5337
5338 .fotoAutorContainer > .nomeAutor > .biografiaAutor,
5339 .fotoAutorContainer .linhaNomeAutor {
5340 padding-left: 40px;
5341 }
5342
5343 .fotoAutorContainer > .nomeAutor > .biografiaAutor,
5344 .fotoAutorContainer .linhaNomeAutor {
5345 padding-left: 40px;
5346 padding-right: 0px;
5347 width: 100%;
5348 }
5349 .calcFretePrazoContainer {
5350 margin-top: -5px;
5351 margin-bottom: 20px;
5352 }
5353
5354 .labelsFretes > div:nth-child(1), .valuesFretes > div:nth-child(1) {
5355 margin-left: 5px;
5356 }
5357
5358 .valorCarrossel4 {
5359 position: relative;
5360 z-index: 9999;
5361 top: -50px;
5362 }
5363
5364 .divEspiarCarrossel4 {
5365 position: relative;
5366 z-index: 9999;
5367 top: -60px;
5368 left: -20px;
5369 }
5370
5371 .slider4 .valorCarrossel4 {
5372 margin-top: 75px !important;
5373 }
5374
5375 .slider4 .espiarCarrossel4 {
5376 top: -65px !important;
5377 }
5378
5379 .mobile-only .price {
5380 grid-template-areas: "value" !important;
5381 font: normal normal bold 28px/23px Montserrat;
5382 padding-bottom: 10px;
5383 }
5384 }
5385
5386 @media (min-width: 769px) {
5387 .calcFretePrazoContainer {
5388 height: 73px;
5389 }
5390
5391 .labelsFretes > div:nth-child(1), .valuesFretes > div:nth-child(1) {
5392 margin-left: 17px;
5393 }
5394
5395 .slider4.slider4semextracard {
5396 z-index: 0;
5397 }
5398 }
5399
5400 .mini-cart {
5401 z-index: 99999;
5402 }
5403
5404 .detalheContainerImg img.selectedImage {
5405 border: 5px solid rgb(246, 146, 30)!important;
5406 }
5407
5408 .img-zoom-container{
5409 position: relative;
5410 width: 358px !important;
5411 height: 524px !important;
5412 overflow: hidden;
5413 flex-shrink: 0;
5414 }
5415 .img-zoom-container img{
5416 position: absolute;
5417 width: 100%!important;
5418 height: 100%!important;
5419 margin:0;
5420 -o-object-fit: contain;
5421 object-fit: contain;
5422 transform: scale(var(--zoom, 1));
5423 transform-origin: var(--x) var(--y);
5424 transition: transform 0.3s ease;
5425 }
5426 .imgProdutoPrincipal img:hover{
5427 --zoom:2;
5428 }
5429 @media (max-width: 769px) {
5430 .img-zoom-container {
5431 width: 338px !important;
5432 height: 300px !important;
5433 }
5434 }
5435
5436</style>
5437
5438<script>
5439 function handleUsuarioUnidade(nomeUnidade) {
5440 $(".freteContainer").addClass("d-none");
5441 $(".estoque p").removeClass("estoque-color-transparent");
5442 $(".estoque p").addClass("estoque-color");
5443 $("#livroIndisponivelButton").hide();
5444 $("#registroDeInteresseButton").show();
5445 $("#livroIndisponivelSpan").show();
5446 $("#livroIndisponivelSpan").addClass("d-block");
5447
5448 $("#ri-unidade").val(nomeUnidade);
5449 $("#ri-produto").val($(".tituloDetalheLivro").first().text());
5450
5451 }
5452
5453 function handleUsuario() {
5454 $(".estoque").removeClass("d-flex");
5455 $(".estoque").addClass("d-none");
5456 $(".freteContainer").css("height", "auto");
5457 $(".pagamentoCepWrapper.mobile-only").css("height", "auto");
5458 }
5459
5460 //Identifica usuário unidade
5461 $(document).ready(function() {
5462 let myHeaders = new Headers();
5463 myHeaders.append("accept", "application/json");
5464 myHeaders.append("x-csrf-token", Liferay.authToken);
5465 let requestOptions = {
5466 method: 'GET',
5467 headers: myHeaders,
5468 redirect: 'follow'
5469 };
5470 fetch("/o/headless-admin-user/v1.0/my-user-account", requestOptions)
5471 .then(response => response.text())
5472 .then(result => {
5473 let accountBriefs = JSON.parse(result).accountBriefs;
5474 let contaUnidadeEncontrada = false;
5475
5476 accountBriefs.forEach(function(account) {
5477 fetch("/o/headless-commerce-admin-account/v1.0/accounts/" + account.id, requestOptions)
5478 .then(response => response.text())
5479 .then(result => {
5480 let accountType = JSON.parse(result).type;
5481 if (accountType == 2) { // Conta Unidade
5482 contaUnidadeEncontrada = true;
5483 handleUsuarioUnidade(JSON.parse(result).name);
5484 }
5485 }).catch(error => {
5486 console.log(error);
5487 });
5488 });
5489 setTimeout(function() {
5490 if (!contaUnidadeEncontrada) {
5491 handleUsuario();
5492 }
5493 }, 1000);
5494 }).catch(error => {
5495 handleUsuario();
5496 });
5497 });
5498
5499 $(document).ready(function(){
5500 $("#registroDeInteresseButton").click(function(){
5501 $("#ri-myModal").css("display", "block");
5502 $('.ssp-mega-menu').addClass('v-hidden');
5503 });
5504
5505 $(".ri-closeBtn").click(function(){
5506 $("#ri-myModal").css("display", "none");
5507 $('.ssp-mega-menu').removeClass('v-hidden');
5508 });
5509
5510 $("#ri-quantidade").change(function(event) {
5511 if ($(event.target).val() > 0) {
5512 $(".ri-span-error").hide();
5513 } else {
5514 $(".ri-span-error").text("Preencha o campo com a quantidade desejada.");
5515 $(".ri-span-error").show();
5516 }
5517 });
5518
5519 $("#ri-finalidade").change(function(event) {
5520 if ($(event.target).val() == 0) {
5521 console.log("linha 1104");
5522 $(".ri-span-error").text("Preencha o campo com a finalidade desejada.");
5523 $(".ri-span-error").show();
5524 } else {
5525 $(".ri-span-error").hide();
5526 }
5527 });
5528
5529 $(".ri-submitBtn").click(function(event) {
5530 event.preventDefault();
5531 const quantidade = $("#ri-quantidade").val();
5532 const finalidade = $("#ri-finalidade").val();
5533
5534 if (quantidade > 0 && finalidade != 0) {
5535 $(event.target).attr("disabled", true);
5536 $(".ri-span-error").hide();
5537
5538 $("#registroUnidadeNome").text($("#ri-unidade").val());
5539
5540 $("#registroUsuarioNome").text(Liferay.ThemeDisplay.getUserName());
5541 $("#registroUsuarioEmail").text(Liferay.ThemeDisplay.getUserEmailAddress());
5542
5543 let descricaoItem = $("#ri-produto").val() + " - " + $("#itemEdicao").text() + " - Cód. do Produto: " + $("#itemSku").text().replace(/\D/g, '');
5544 $("#registroProdutoNome").text(descricaoItem);
5545 $("#registroProdutoQtd").text(quantidade);
5546 $("#registroProdutoFin").text(finalidade);
5547
5548 enviarEmailregistro();
5549 } else {
5550 if (quantidade <= 0 && finalidade == 0) {
5551 $(".ri-span-error").text("Preencha os campos com a finalidade e a quantidade desejada.");
5552 } else if (quantidade <= 0) {
5553 $(".ri-span-error").text("Preencha o campo com a quantidade desejada.");
5554 } else {
5555 $(".ri-span-error").text("Preencha o campo com a finalidade desejada.");
5556 }
5557 $(".ri-span-error").show();
5558 }
5559 });
5560
5561 $(window).click(function(event){
5562 if ($(event.target).is("#ri-myModal")) {
5563 $("#ri-myModal").css("display", "none");
5564 $('.ssp-mega-menu').removeClass('v-hidden');
5565 }
5566 });
5567
5568 $('#btnFechaModalRegistro').on('click', function() {
5569 window.location.replace(Liferay.ThemeDisplay.getPortalURL());
5570 });
5571 });
5572
5573 function enviarEmailregistro() {
5574 let email = Liferay.ThemeDisplay.getUserEmailAddress();
5575 let nome = $("#ri-unidade").val();
5576
5577 let registroOuterHtml = $("#registroDeInteresseEmail")[0].outerHTML.replaceAll("\n", "");
5578
5579 let registroDeInteresse = {
5580 "accountUnidade": $("#ri-unidade").val(),
5581 "usuarioSolicitante": {
5582 "nome": Liferay.ThemeDisplay.getUserName(),
5583 "email": Liferay.ThemeDisplay.getUserEmailAddress()
5584 },
5585 "riProducts" : [
5586 {
5587 "productName": $("#ri-produto").val(),
5588 "finalidadeDeInteresse": $("#ri-finalidade").val(),
5589 "quantidadeDesejada": parseInt($("#ri-quantidade").val())
5590 }
5591 ]
5592 }
5593
5594 let body = {
5595 "attachment": false,
5596 "from": email,
5597 "to": "",
5598 "cc": "",
5599 "cco": "",
5600 "subject": "registro interesse",
5601 "message": registroOuterHtml,
5602 "nome": nome,
5603 "email": email,
5604 "registroDeInteresse": registroDeInteresse
5605 }
5606
5607 var settings = {
5608 "url": "/sync-dxp/email/sendMail",
5609 "method": "POST",
5610 "timeout": 0,
5611 "headers": {
5612 "Content-Type": "application/json",
5613 "Access-Control-Allow-Credentials":"true",
5614 "Access-Control-Allow-Methods": "POST, GET",
5615 "Access-Control-Allow-Headers": "*",
5616 "Access-Control-Max-Age": 86400
5617 },
5618 "data": JSON.stringify(body),
5619 };
5620
5621 $.ajax(settings).done(function (response) {
5622 $(".ri-modal-content").hide();
5623 $(".modal-success").show();
5624 });
5625 }
5626</script>
5627
5628<script>
5629
5630 document.querySelectorAll('.img-zoom-container').forEach(elem =>{
5631 let x,y, width, height;
5632 elem.onmouseenter = () => {
5633 const size = elem.getBoundingClientRect();
5634 x= size.x;
5635 y = size.y;
5636 width = size.width;
5637 height = size.height;
5638 };
5639 elem.onmousemove = e =>{
5640 const horizontal = (e.clientX - x) / width*100;
5641 const vertical = (e.clientY - y) / height*100;
5642 elem.style.setProperty('--x', horizontal + '%');
5643 elem.style.setProperty('--y', vertical + '%');
5644 };
5645 });
5646
5647 // Click na galeria de imagem
5648 $('.detalheContainerImg img').on('click', function(){
5649 // $('.detalheContainerImg img').css("border","none");
5650 $('.detalheContainerImg img').removeClass("selectedImage");
5651 var src = $(this).attr('src');
5652 // $(this).css("border","5px solid #F6921E");
5653 $(this).addClass("selectedImage");
5654 $('.img-zoom-container .img-responsive').attr('src',src);
5655 })
5656
5657 let valorLivro = 0;
5658 if ($('.price-wrapper-desktop .price-value').html()) {
5659 valorLivro = parseFloat($('.price-wrapper-desktop .price-value').html().substr(4).replace(',', '.'));
5660 }
5661
5662 var storageAutores = [];
5663 $('.abaAutores > .jsonAutores > root > value').each((i) => {
5664 var storageAutor = $('.abaAutores > .jsonAutores > root:eq(' + i + ') > value').html();
5665 storageAutores.push(JSON.parse(storageAutor));
5666 })
5667
5668 var arrAutores = []
5669 var countAutor = $('.abaAutores > root > value').length;
5670 $('.abaAutores > root > value').each(() => {
5671 var autores = $('.abaAutores > root:eq(' + i + ') > value').html().split(',');
5672 $('.abaAutores > root:eq(' + i + ') > value').text('');
5673 $('.acDescricaoLi > p > root:eq(' + i + ') > value').text('');
5674 for (z = 0; z < autores.length; z++) {
5675 arrAutores.push('<p id="autorPgDetalheLivro" data-id="' + autores[z] + '"><a href="#' + autores[z] + '">' + autores[z] + '</a></p>');
5676 }
5677 $('.abaAutores > root:eq(' + i + ') > value').append(arrAutores);
5678 $('.acDescricaoLi > p > root:eq(' + i + ') > value').append(arrAutores);
5679 })
5680 $('#spec-tab').on('click', () => {
5681 $('.jsonAutores').css('display', 'none');
5682 })
5683
5684 $('p#autorPgDetalheLivro').on('click', () => {
5685 $('#voltarAutores').css('visibility', 'visible');
5686 $('#voltarAutoresMob').css('display', 'block');
5687 var nomeAutor = $(this).attr('data-id');
5688 $('.abaAutores').css('display', 'none');
5689 $('.acDescricaoLi:eq(1)').css('visibility', 'hidden');
5690 var nomeAutor = $(this).attr('data-id').trim();
5691 for (i = 0; i < storageAutores.length; i++) {
5692 if (nomeAutor == storageAutores[i].nomeAutor) {
5693 $('#spec').append('<div class="biografiaContainer"></div><div class="bioContainer"></div>' +
5694 '<div class="row biografiaLinha"><div class="col-2"><h6 class="nomeAutorPaginaLivro">' + storageAutores[i].nomeAutor + '</h6><img src="' + storageAutores[i].foto +
5695 '"/></div>' +
5696 '<div class="col-9 biografiaAutor">' + storageAutores[i].biografia +
5697 '</div></div></div><div class="biografiaContainer"></div>'
5698 );
5699 $('<div class="bioContainer" style="margin-top:-180px"><div class="row"><div class="col-8 offset-2 nomeAutorMobile"><h5><i class="fas fa-chalkboard-teacher"></i>' + storageAutores[i].nomeAutor + '</h5></div></div>' +
5700 '<div class="row"><div class="col-11 offset-1 biografiaAutorMobile"><img src="' + storageAutores[i].foto +
5701 '"/>' + storageAutores[i].biografia +
5702 '</div></div></div>'
5703 ).insertAfter('.acDescricaoLi:eq(1)');
5704 }
5705 }
5706 })
5707
5708 $('#voltarAutores').on('click', () => {
5709 $(this).css('visibility', 'hidden');
5710 $('.bioContainer').css('display', 'none');
5711 $('.biografiaContainer').remove();
5712 $('.biografiaLinha').css('display', 'none');
5713 $('.abaAutores').css('display', 'block');
5714 })
5715 $('#voltarAutoresMob').on('click', () => {
5716 $(this).css('display', 'none');
5717 $('.bioContainer').css('display', 'none');
5718 $('.acDescricaoLi:eq(1)').css('visibility', 'visible');
5719 })
5720
5721 $('.btnShareMob').click(() => {
5722 navigator.share({
5723 title: document.title,
5724 url: themeDisplay.getCanonicalURL()
5725 });
5726 });
5727
5728 $('.tabsDescricaoAutor > div > div > ul > li:eq(0)').on('click',() => {
5729 $(this).find('i').css('visibility', 'visible');
5730 $('.tabsDescricaoAutor > div > div > ul > li:eq(0)').addClass('abaAtiva');
5731 $('.tabsDescricaoAutor > div > div > ul > li:eq(1)').removeClass('abaAtiva')
5732 $('.tabsDescricaoAutor > div > div > ul > li:eq(1)').find('i.fa-play').css('visibility', 'hidden');
5733 })
5734
5735 $('.tabsDescricaoAutor > div > div > ul > li:eq(1)').on('click',() => {
5736 $(this).find('i').css('visibility', 'visible');
5737 $('.tabsDescricaoAutor > div > div > ul > li:eq(1)').addClass('abaAtiva')
5738 $('.tabsDescricaoAutor > div > div > ul > li:eq(0)').removeClass('abaAtiva')
5739 $('.tabsDescricaoAutor > div > div > ul > li:eq(0)').find('i.fa-play').css('visibility', 'hidden');
5740 })
5741
5742
5743 $('#freteDetalheLivro,#freteDetalheLivroMob').on('keypress blur', function() {
5744 var cep = $(this).val();
5745 if(cep.length > 8){
5746 cep = cep.replace('-', '');
5747 var freteDesktop = $('#freteDetalheLivro').val()
5748 var freteMobile = $('#freteDetalheLivroMob').val()
5749 var body = {
5750 "nCdEmpresa": "",
5751 "sDsSenha": "",
5752 "nVlDiametro": 29,
5753 "nVlPeso": "1",
5754 "sCdMaoPropria": "N",
5755 "nVlLargura": 11,
5756 "nVlComprimento": 16,
5757 "sCdAvisoRecebimento": "N",
5758 "nCdServico": "04510",
5759 "sCepDestino": cep,
5760 "sCepOrigem": "01041000",
5761 "nVlValorDeclarado": 99.9,
5762 "nCdFormato": 1,
5763 "nVlAltura": 2
5764 }
5765 var url = "${themeDisplay.getURLPortal()}/sync-dxp/correios/calcPrecoPrazo"
5766 $.ajax({
5767 contentType: "application/json",
5768 headers: {
5769 "x-csrf-token": Liferay.authToken,
5770 "accept": "application/json"
5771 },
5772 data: JSON.stringify(body),
5773 method: "POST",
5774 url: url,
5775 success: (response) => {
5776 let valorExibido = 'R$ 8,90';
5777 if (valorLivro >= 100) {
5778 valorExibido = 'R$ 0,00';
5779 }
5780 let label = response.servicos.cservico[0].prazoEntrega + ' dias'
5781 $('.calcFretePrazoContainer').fadeIn('slow');
5782 $('.consulteCEP').css('visibility', 'hidden');
5783 $('.valuesFretes > div:nth-child(2)').text(valorExibido);
5784 $('.valuesFretes > div:nth-child(1)').text(label);
5785 $('.nav-tabs').attr('style', 'margin-top:30px !important');
5786 }
5787 });
5788 }
5789 });
5790
5791 $('.lineAccorionDescricao > div > ul > li:eq(0)').on('click',() => {
5792 if ($(this).hasClass("abaActiveAccordion")) {
5793 $(this).removeClass("abaActiveAccordion");
5794 $('.lineAccorionDescricao > div > ul > li:eq(0) > label ~ .linhaAccordionAtivo').css('display', 'none');
5795 $('.lineAccorionDescricao > div > ul > li:eq(0) > label ~ .linhaAccordionAtivo ~ i').css('display', 'none');
5796 $('.lineAccorionDescricao > div > ul > li:eq(0) > label').attr('style', 'background: #FFFFFF;color:#78849E !important;');
5797 return false;
5798 } else {
5799 $(this).addClass('abaActiveAccordion');
5800 $('.lineAccorionDescricao > div > ul > li:eq(0) > label ~ .linhaAccordionAtivo').css('display', 'block');
5801 $('.lineAccorionDescricao > div > ul > li:eq(0) > label ~ .linhaAccordionAtivo ~ i').css('display', 'block');
5802 $('.lineAccorionDescricao > div > ul > li:eq(0) > label').attr('style', 'background: #F8F8F8 !important;color:#454F63 !important');
5803 return false;
5804 }
5805 });
5806
5807 $('.lineAccorionDescricao > div > ul > li:eq(1)').on('click',() => {
5808
5809 if ($(this).hasClass("abaActiveAccordion")) {
5810 $(this).removeClass("abaActiveAccordion");
5811 $('.lineAccorionDescricao > div > ul > li:eq(1) > label ~ .linhaAccordionAtivo').css('display', 'none');
5812 $('.lineAccorionDescricao > div > ul > li:eq(1) > label ~ .linhaAccordionAtivo ~ i').css('display', 'none');
5813 $('.lineAccorionDescricao > div > ul > li:eq(1) > label').attr('style', 'background: #FFFFFF;color:#78849E !important;');
5814 return false;
5815 } else {
5816 $(this).addClass('abaActiveAccordion');
5817 $('.lineAccorionDescricao > div > ul > li:eq(1) > label ~ .linhaAccordionAtivo').css('display', 'block');
5818 $('.lineAccorionDescricao > div > ul > li:eq(1) > label ~ .linhaAccordionAtivo ~ i').css('display', 'block');
5819 $('.lineAccorionDescricao > div > ul > li:eq(1) > label').attr('style', 'background: #F8F8F8 !important;color:#454F63 !important');
5820 return false;
5821 }
5822 });
5823
5824 if ($('.buy-mobile-wrapper').length >= 1) {
5825 $('body').append($('.buy-mobile-wrapper'));
5826 }
5827
5828 $('.js-formasPagamentoTitleMobile').on('click', function() {
5829 $('.js-opcoesPagamentoDetalheLivroMobile').fadeToggle(100);
5830 });
5831
5832 $('[data-tab-target]').on('click', function() {
5833 $('[data-tab-target]:not([data-tab-target = ' + $(this).attr('data-tab-target') + '])').removeClass('active');
5834 $(this).toggleClass('active');
5835 let selector = '[data-tab-id=' + $(this).attr('data-tab-target') + ']';
5836 $('[data-tab-id]:not(' + selector +')').slideUp(100);
5837 $(selector).slideToggle(100);
5838 });
5839
5840 if ($('.slider4').length >= 1 && !$('.slider4').prev().hasClass('titulo-slider4')) {
5841 $(`<div class="background-right titulo-slider4"><a href="\rita-lobo">Livros que você pode gostar </a><i class="fas fa-circle circulo-laranja" aria-hidden="true"></i></div>`).insertBefore('.slider4');
5842 }
5843
5844 var autor = JSON.parse('${autor}');
5845 var autores = '';
5846
5847 try {
5848 for (let i = 0; i < autor.length; i++) {
5849 autores += autor[i].nomeAutor;
5850 if (i !== autor.length-1) {
5851 autores += ', ';
5852 }
5853 }
5854 $('.autorDetalheLivro').append($('<span>'+autores+'</span>'));
5855 } catch (err) {
5856 console.error(err);
5857 }
5858
5859 $('.mobile-only .price').html($('.price-wrapper-desktop .price-value').html().substr(2));
5860 $('.precoMobile').html($('.price-wrapper-desktop .price-value').html().substr(4));
5861
5862 let firstImage = $('.detalheContainerImg img').first();
5863 firstImage.addClass('selectedImage');
5864 $('head').append('<meta property="og:image" content="' + Liferay.ThemeDisplay.getPortalURL() + firstImage.attr('src').trim() + '" />');
5865 $('.img-zoom-container .img-responsive').attr('src', firstImage.attr('src'));
5866
5867 //Cálculo de frete na página de detalhe do livro
5868 window.addEventListener('load', function() {
5869 $('#freteDetalheLivro,#freteDetalheLivroMob').mask('00000-000');
5870 });
5871
5872
5873 //ebooks
5874 var ebook;
5875
5876 //exemplo para testes
5877 /*ebook = [
5878 {
5879 "codigo": "10013",
5880 "codCli": 11056,
5881 "apelido": "KOBO LIVROS DO BRASIL LTDA",
5882 "nome": "KOBO LIVROS DO BRASIL LTDA",
5883 "url": "https://store.kobobooks.com/pt-BR/Search?Query=9788539607464"
5884 },
5885 {
5886 "codigo": "10013",
5887 "codCli": 32316,
5888 "apelido": "APPLE COMPUTER BRASIL LT",
5889 "nome": "APPLE COMPUTER BRASIL LT",
5890 "url": "https://books.apple.com/br/book/id1292379174"
5891 },
5892 {
5893 "codigo": "10013",
5894 "codCli": 10818,
5895 "apelido": "(MATRIZ)AMAZON SERV.DE VAREJO DO BRASIL LTDA.",
5896 "nome": "AMAZON SERVICOS DE VAREJO DO BRASIL LTDA",
5897 "url": "https://www.amazon.com.br/s?k=9788539607464&i=digital-text"
5898 },
5899 {
5900 "codigo": "10013",
5901 "codCli": 9168,
5902 "apelido": "GOOGLE, INC.",
5903 "nome": "GOOGLE INC",
5904 "url": "https://play.google.com/store/books/details?id=ISBN_9788539607464"
5905 }
5906 ]*/
5907
5908 //capitaliza string
5909 function capitalizeTitle(title) {
5910 title = title.toLowerCase().split(' ');
5911 for (let i in title) {
5912 let word = title[i].slice(1);
5913 let capital = title[i].charAt(0).toUpperCase();
5914 title[i] = capital + word;
5915 }
5916 title = title.join(' ');
5917 return title;
5918 }
5919
5920 try {
5921 ebook = JSON.parse('${ebook}');
5922 for (let i = 0; i < ebook.length; i++) {
5923 if (Array.isArray(ebook[i])) {
5924 ebook[i] = Object.fromEntries(ebook[i]);
5925 }
5926 }
5927
5928 for (let i in ebook) {
5929 let nome = ebook[i].nome.toLowerCase().split(' ')[0];
5930 switch (nome) {
5931 case 'amazon':
5932 ebook[i].ordem = 1;
5933 break;
5934
5935 case 'kobo':
5936 ebook[i].ordem = 2;
5937 break;
5938
5939 case 'apple':
5940 ebook[i].ordem = 3;
5941 break;
5942
5943 case 'google':
5944 ebook[i].ordem = 4;
5945 break;
5946
5947 case 'wook':
5948 ebook[i].ordem = 5;
5949 break;
5950
5951 default:
5952 ebook[i].ordem = 10;
5953 break;
5954 }
5955 }
5956
5957 //remove ebooks duplicados
5958 let jsonEbook = ebook.map(JSON.stringify);
5959 let uniqueSet = new Set(jsonEbook);
5960 ebook = Array.from(uniqueSet).map(JSON.parse);
5961
5962 //ordena ebooks
5963 ebook = ebook.sort((a, b) => a.ordem - b.ordem);
5964 } catch (err) {
5965 console.error('Não foi possível carregar o ebook');
5966 $('.ebooksContainer').css('display', 'none');
5967 $('.freteContainer ').css('padding-bottom', '60px');
5968 }
5969
5970 if (typeof ebook !== 'undefined' && ebook.length > 0) {
5971 ebook.forEach((e, i) => {
5972 let nome = e.nome;
5973 if (!nome) {
5974 nome = "";
5975 }
5976 nome = nome.toLowerCase();
5977 let nomeValido = !!!~(nome.indexOf('cultura'))
5978 && !!!~(nome.indexOf('serviço nacional de aprendizagem comercial'));
5979 let icone = '';
5980 let marca = '';
5981 let nomePrimeiro = nome.split()[0];
5982 let nomeKindle = !!~(nomePrimeiro.indexOf('kindle')) || !!~(nomePrimeiro.indexOf('amazon'));
5983 let nomeGoogle = !!~(nomePrimeiro.indexOf('google'));
5984 let nomeApple = !!~(nomePrimeiro.indexOf('apple'));
5985 let nomeKobo = !!~(nomePrimeiro.indexOf('kobo'));
5986 let nomeWook = !!~(nomePrimeiro.indexOf('wook'));
5987
5988 //determina icone, nome e marca de forma correta
5989 if (nomeKindle) {
5990 icone = "<i class='fab fa-amazon'></i>";
5991 marca = "Amazon";
5992 nome = "Kindle";
5993 } else if (nomeGoogle) {
5994 icone = "<i class='fab fa-google'></i>";
5995 marca = "Google";
5996 nome = "Google Livros";
5997 } else if (nomeApple) {
5998 icone = "<i class='fab fa-apple' style='font-size: 1.2rem; line-height: 0.8;'></i>";
5999 marca = "Apple";
6000 nome = "Apple Books";
6001 } else if (nomeKobo) {
6002 icone = `
6003 <svg id="Camada_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 234.8 234.7">
6004 <defs>
6005 <style>.cls-1{fill:#4e4e4e;}</style>
6006 </defs>
6007 <path class="cls-1" d="M117.6,78.3h-15.7v39.1h15.7c10.7,0,19.6-8.8,19.6-19.6-.1-10.8-8.9-19.5-19.6-19.5Z"/>
6008 <path class="cls-1" d="M117.4,0C52.5,0,0,52.5,0,117.4s52.5,117.3,117.4,117.3,117.4-52.5,117.4-117.3c0-64.8-52.5-117.4-117.4-117.4Zm30.9,180.5l-29.4-39.1h-17v39.1h-23.9V54.4h39.6c24,0,43.5,19.5,43.5,43.4,0,14.7-7.3,27.5-18.3,35.5l35.4,47.2h-29.9Z"/>
6009 </svg>
6010 `;
6011 marca = "Rakuten";
6012 nome = "Kobo";
6013 } else if (nomeWook) {
6014 icone = `
6015 <svg id="Camada_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1330.16 1330.16">
6016 <defs>
6017 <style>.cls-1{fill:#4e4e4e;}</style>
6018 </defs>
6019 <path class="cls-1" d="M665.08,0C297.77,0,0,297.77,0,665.08s297.77,665.08,665.08,665.08,665.08-297.77,665.08-665.08S1032.4,0,665.08,0Zm443.75,866.75c-69.63,66.06-162.72,93.06-245.03,107.51-69.15,12.14-149.27-39.46-218.82-28.05-73.79,12.1-141.41,50.16-222.1,29.66-113.5-28.83-197.11-89.78-230.39-203.74-38.28-131.08-26.37-257.65,65.84-365.29,36.51-42.62,85.74-75.32,146.23-49.12,63.76,27.61,73.12,85.71,63.25,145.97-7.68,46.88-27.27,91.82-34.74,138.72-7.78,48.86-2.36,96.38,41.61,109.68,26.19-67.17,42.89-135.84,79.24-191.73,16.77-25.78,71.78-36.08,109.78-36.84,102.85-2.05,139.7,56.4,153.93,228.1,10.22,5.68,23,2.1,28.95-7.97,13.79-23.38,30.05-46.81,29.56-69.88-1.04-48.9-17.54-97.85-30.42-146.01-17.76-66.36-10.52-124.98,50.68-164.81,47.26-30.77,110.27-10.41,163.51,51.04,21.72,25.06,38.8,54.14,61.63,86.55,0,0,61.2,133.8,59.86,181.57-1.39,49.58-36.58,150.51-72.57,184.65Z"/>
6020 </svg>
6021 `;
6022 marca = "Wook";
6023 nome = "Wook";
6024 }
6025
6026 //formata titulo de forma correta
6027 nome = capitalizeTitle(nome);
6028
6029 if (nomeValido) {
6030 $('.ebooksContentContainer').append(`
6031 <div class="ebooksContentItem">
6032 <div class="ebooksContentIcon">`+icone+`</div>
6033 <div class="ebooksContentTitle">
6034 <a class="ebooksContentTitleLink" target="_blank" href="`+e.url+`">
6035 <p class="ebooksContentTitleName"><strong>`+nome+`</strong></p>
6036 <p class="ebooksContentTitleStore">`+marca+`</p>
6037 </a>
6038 </div>
6039 </div>
6040 `);
6041 if (i !== ebook.length-1) {
6042 $('.ebooksContentContainer').append(`<hr class="ebooksContentLine">`);
6043 }
6044 }
6045 })
6046 $('.container.mobile-only.pagamentoCepWrapper').addClass('hasEbook');
6047 }
6048
6049
6050 //Exibe/esconde links dos ebooks
6051 $('.ebooksTitleContainer').on('click', () => {
6052 $('.ebooksChevron').toggleClass('rotate');
6053 if ($('.ebooksChevron').hasClass('rotate')) {
6054 $('.ebooksChevron').css('transform', 'rotate(90deg)');
6055 } else {
6056 $('.ebooksChevron').css('transform', 'rotate(0deg)');
6057 }
6058
6059 $('.ebooksContentContainer').toggle('hidden');
6060 });
6061
6062 function sendViewItem(definition){
6063 const url = getProductsUrl(definition)
6064 $.ajax({
6065 url:url,
6066 method:'get',
6067 }).done(
6068 function(data){
6069
6070 itensEcommerce = criaItensEcommerce(data.products);
6071 sendEventEcommerce("view_item", Array.from(itensEcommerce.values()), "BRL");
6072 });
6073 }
6074
6075</script>
QUER FICAR POR DENTRO DE PROMOÇÕES E NOVIDADES?
