Commit 6c4241578c3451fb4ceb34436a1eae1ce7e644cb

Authored by Marcelo Puebla
Exists in develop

Merge branch 'develop' into 'develop'

Develop

See merge request !164
src/app/modules/seleccion-articulos/filtro-categorias/filtro-categorias.component.html
1 <!-- FILTRO CATEGORIAS --> 1 <!-- FILTRO CATEGORIAS -->
2 <p class="h6 h-6 m-0 text-center"><small>CATEGORÍAS</small></p> 2 <p class="h6 h-6 m-0 text-center"><small>CATEGORÍAS</small></p>
3 <div class="row mx-0 h-94 justify-content-center align-items-center"> 3 <div class="row mx-0 h-94 justify-content-center align-items-center">
4 <div class="col-auto btn-effect h-5 cat-btn"> 4 <div class="col-auto btn-effect h-5 cat-btn">
5 <img 5 <img
6 draggable="false" 6 draggable="false"
7 ondragstart="return false;" 7 ondragstart="return false;"
8 (contextmenu)="false" 8 (contextmenu)="false"
9 class="h-100 d-block mx-auto rotate-90-neg" 9 class="h-100 d-block mx-auto rotate-90-neg"
10 src="assets/img/ir-color.svg" 10 src="assets/img/ir-color.svg"
11 (mousedown)="scrollY(templateCategorias, -100)" 11 (mousedown)="scrollY(templateCategorias, -100)"
12 (mouseup)="mouseup()" 12 (mouseup)="mouseup()"
13 (mouseleave)="mouseup()"> 13 (mouseleave)="mouseup()">
14 </div> 14 </div>
15 <!-- CATEGORIAS --> 15 <!-- CATEGORIAS -->
16 <div 16 <div
17 #templateCategorias 17 #templateCategorias
18 class="col-12 px-0 mx-0 box-categorias border border-primary py-1 18 class="col-12 px-0 mx-0 box-categorias border border-primary py-1
19 border-left-0 rounded-right scroll-y cat-box" 19 border-left-0 rounded-right scroll-y cat-box"
20 (scroll)="scrollEvent($event)"> 20 (scroll)="scrollEvent($event)">
21 <div 21 <div
22 class="row mx-2 mb-2 h-25 h-lg-30 justify-content-center tab cat-content" 22 class="row mx-2 mb-2 h-25 h-lg-30 justify-content-center tab cat-content"
23 [ngClass]="{ 'active rounded shadow px-2': allActive, 'border-bottom-effect': !allActive }" 23 [ngClass]="{ 'active rounded shadow px-2': allActive, 'border-bottom-effect': !allActive }"
24 (click)="selectCategoria(-1, 0)"> 24 (click)="selectCategoria(-1, 0)">
25 <img 25 <img
26 draggable="false" 26 draggable="false"
27 ondragstart="return false;" 27 ondragstart="return false;"
28 (contextmenu)="false" 28 (contextmenu)="false"
29 class="img-fluid align-self-end d-none d-sm-block rounded-circle h-100 h-md-70" 29 class="img-fluid align-self-end d-none d-sm-block rounded-circle h-70"
30 src="assets/img/logo-spot.svg"> 30 src="assets/img/logo-spot.svg">
31 <small class="col-12 px-0 my-1 h-100 h-md-20 align-self-end text-center text-truncate">Todos</small> 31 <small class="col-12 px-0 my-1 h-100 h-sm-20 align-self-end text-center text-truncate">Todos</small>
32 </div> 32 </div>
33 <div 33 <div
34 class="row mx-2 mb-2 h-25 h-lg-30 justify-content-center tab cat-content" 34 class="row mx-2 mb-2 h-25 h-lg-30 justify-content-center tab cat-content"
35 [ngClass]="{ 35 [ngClass]="{
36 'active rounded shadow px-2': categoria.selected, 36 'active rounded shadow px-2': categoria.selected,
37 'border-bottom-effect': !categoria.selected, 37 'border-bottom-effect': !categoria.selected,
38 'media-pantalla': templateCategorias.classList.contains('media-pantalla') 38 'media-pantalla': templateCategorias.classList.contains('media-pantalla')
39 }" 39 }"
40 (click)="selectCategoria(i, categoria.id)" 40 (click)="selectCategoria(i, categoria.id)"
41 id="cat-content" 41 id="cat-content"
42 *ngFor="let categoria of categorias; let i = index;" 42 *ngFor="let categoria of categorias; let i = index;"
43 [hidden]="categoria.articulos <= 0 43 [hidden]="categoria.articulos <= 0
44 || validarFecha(categoria.vigencia_desde, categoria.vigencia_hasta)"> 44 || validarFecha(categoria.vigencia_desde, categoria.vigencia_hasta)">
45 <img 45 <img
46 draggable="false" 46 draggable="false"
47 ondragstart="return false;" 47 ondragstart="return false;"
48 (contextmenu)="false" 48 (contextmenu)="false"
49 class="d-none d-sm-block rounded-circle w-auto h-100 h-md-70" 49 class="d-none d-sm-block rounded-circle w-auto h-75"
50 src="{{urlImagenes}}{{categoria.path_imagen}}" 50 src="{{urlImagenes}}{{categoria.path_imagen}}"
51 onerror="this.src='assets/img/imagen-no-encontrada.jpg'"> 51 onerror="this.src='assets/img/imagen-no-encontrada.jpg'">
52 <small class="col-12 px-1 my-1 h-100 h-md-20 align-self-end text-center text-truncate">{{categoria.detalle}}</small> 52 <small class="col-12 px-1 my-1 h-100 h-sm-15 align-self-end text-center text-truncate">{{categoria.detalle}}</small>
53 </div> 53 </div>
54 </div> 54 </div>
55 <div class="col-auto btn-effect h-5 cat-btn"> 55 <div class="col-auto btn-effect h-5 cat-btn">
56 <img 56 <img
57 draggable="false" 57 draggable="false"
58 ondragstart="return false;" 58 ondragstart="return false;"
59 (contextmenu)="false" 59 (contextmenu)="false"
60 class="h-100 d-block mx-auto rotate-90" 60 class="h-100 d-block mx-auto rotate-90"
61 src="assets/img/ir-color.svg" 61 src="assets/img/ir-color.svg"
62 (mousedown)="scrollY(templateCategorias, 100)" 62 (mousedown)="scrollY(templateCategorias, 100)"
63 (mouseup)="mouseup()" 63 (mouseup)="mouseup()"
64 (mouseleave)="mouseup()"> 64 (mouseleave)="mouseup()">
65 </div> 65 </div>
66 </div> 66 </div>
67 67
src/app/modules/seleccion-articulos/filtro-categorias/filtro-categorias.component.scss
1 $primary: #aa006b; 1 @import "../../../../scss/styles-bootstrap.scss";
2 2
3 .box-categorias { 3 .box-categorias {
4 height: calc(100% - 100px) !important; 4 height: calc(100% - 100px) !important;
5 } 5 }
6 6
7 .active { 7 .active {
8 transition: 0.3s; 8 transition: 0.3s;
9 background-color: white; 9 background-color: white;
10 border-bottom: 3px solid $primary !important; 10 border-bottom: 3px solid $primary !important;
11 border-top: 3px solid $primary !important; 11 border-top: 3px solid $primary !important;
12 border-left: 3px solid $primary !important; 12 border-left: 3px solid $primary !important;
13 border-right: 3px solid $primary !important; 13 border-right: 3px solid $primary !important;
14 } 14 }
15 15
16 .border-bottom-effect { 16 .border-bottom-effect {
17 border: none; 17 border: none;
18 position: relative; 18 position: relative;
19 &:hover { 19 &:hover {
20 border: none; 20 border: none;
21 } 21 }
22 &::after { 22 &::after {
23 content: ""; 23 content: "";
24 position: absolute; 24 position: absolute;
25 width: 0px; 25 width: 0px;
26 height: 3px; 26 height: 3px;
27 left: 50%; 27 left: 50%;
28 bottom: 0; 28 bottom: 0;
29 background-color: $primary; 29 background-color: $primary;
30 transition: all ease-in-out 0.2s; 30 transition: all ease-in-out 0.2s;
31 } 31 }
32 &:hover::after { 32 &:hover::after {
33 width: 100%; 33 width: 100%;
34 left: 0; 34 left: 0;
35 } 35 }
36 } 36 }
37 37
38 .cat-content.media-pantalla, 38 .cat-content.media-pantalla,
39 #cat-content.media-pantalla { 39 #cat-content.media-pantalla {
40 margin: 0.5rem 0.7rem !important; 40 margin: 0.5rem 0.7rem !important;
41 height: 95% !important; 41 height: 95% !important;
42 } 42 }
43 43
44 .cat-box.media-pantalla { 44 .cat-box.media-pantalla {
45 height: calc(100% - 85px) !important; 45 height: calc(100% - 85px) !important;
46 } 46 }
47 47
48 .cat-btn.media-pantalla { 48 .cat-btn.media-pantalla {
49 height: 7% !important; 49 height: 7% !important;
50 } 50 }
51 51
52 #content.media-pantalla, 52 #content.media-pantalla,
53 #boxCarrito.media-pantalla { 53 #boxCarrito.media-pantalla {
54 max-height: 60% !important; 54 max-height: 60% !important;
55 } 55 }
56 56
src/assets/img/alogo-spot-2.svg
File was created 1 <?xml version="1.0" encoding="UTF-8"?>
2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3 <!-- Creator: CorelDRAW X7 -->
4 <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="78.7688mm" height="78.7676mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
5 viewBox="0 0 2581 2581"
6 xmlns:xlink="http://www.w3.org/1999/xlink">
7 <defs>
8 <style type="text/css">
9 <![CDATA[
10 .fil0 {fill:#AD036F}
11 .fil1 {fill:white}
12 ]]>
13 </style>
14 </defs>
15 <g id="Capa_x0020_1">
16 <metadata id="CorelCorpID_0Corel-Layer"/>
17 <path class="fil0" d="M2581 1291c0,713 -577,1290 -1290,1290 -713,0 -1291,-577 -1291,-1290 0,-713 578,-1291 1291,-1291 713,0 1290,578 1290,1291z"/>
18 <path class="fil1" d="M655 1065c-54,-47 -118,-118 -114,-140 10,-50 176,-64 221,-65 56,-2 80,-152 -3,-153 -71,-1 -264,19 -312,129 -56,130 22,248 140,351 55,49 150,126 143,211 -17,102 -208,152 -282,160 -103,13 -253,-6 -266,4 -13,7 10,44 112,84 220,78 387,27 482,-76 164,-214 -7,-411 -121,-505zm347 4c-30,-28 -64,5 -66,21 -1,10 -2,16 -4,44 -22,25 -54,80 -57,101 -2,21 22,59 48,55 -18,322 -5,396 -5,396 -2,0 27,278 30,266 19,112 44,183 49,0 6,-109 2,-172 12,-592 10,9 27,16 54,17 343,4 335,-588 -61,-308zm9 253c1,-30 3,-57 4,-83 0,0 0,0 0,0 91,-90 179,-107 179,-91 0,16 -68,114 -183,174zm520 -210c-69,0 -148,42 -154,68 -13,57 15,111 52,123 13,4 28,-23 69,-33 81,-21 153,31 155,104 3,73 -61,143 -145,156 -85,13 -163,-44 -163,-127 0,-25 2,-54 11,-88 13,-50 -33,-43 -71,66 -20,58 -7,146 38,212 40,59 105,94 177,94 136,0 254,-129 263,-288 8,-158 -95,-287 -232,-287zm684 -387c-134,-13 -205,-6 -221,-7 9,-68 27,-201 31,-231 6,-45 -102,-54 -109,-19 -7,37 -13,128 -28,252 -249,10 -563,41 -585,61 -39,37 -15,136 13,135 46,-2 330,-63 562,-85 -14,140 -56,576 -57,604 0,0 -7,229 -4,220 2,93 15,154 45,11 57,-298 100,-708 118,-849 41,-7 194,-23 235,-32 83,-16 134,-47 0,-60z"/>
19 <path class="fil1" d="M1828 1884c-55,-56 -105,-39 -135,13 -16,29 -10,79 6,102 15,26 33,41 52,51 37,19 78,22 113,-6 17,-13 32,-41 32,-63 10,-67 -34,-61 -68,-97z"/>
20 </g>
21 </svg>
22
src/assets/img/alogo-spot.svg
File was created 1 <?xml version="1.0" encoding="UTF-8"?>
2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3 <!-- Creator: CorelDRAW X7 -->
4 <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="78.7688mm" height="78.7676mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
5 viewBox="0 0 2581 2581"
6 xmlns:xlink="http://www.w3.org/1999/xlink">
7 <defs>
8 <style type="text/css">
9 <![CDATA[
10 .fil0 {fill:#AD036F}
11 .fil1 {fill:white}
12 ]]>
13 </style>
14 </defs>
15 <g id="Capa_x0020_1">
16 <metadata id="CorelCorpID_0Corel-Layer"/>
17 <path class="fil0" d="M2581 1291c0,713 -577,1290 -1290,1290 -713,0 -1291,-577 -1291,-1290 0,-713 578,-1291 1291,-1291 713,0 1290,578 1290,1291z"/>
18 <path class="fil1" d="M655 1065c-54,-47 -118,-118 -114,-140 10,-50 176,-64 221,-65 56,-2 80,-152 -3,-153 -71,-1 -264,19 -312,129 -56,130 22,248 140,351 55,49 150,126 143,211 -17,102 -208,152 -282,160 -103,13 -253,-6 -266,4 -13,7 10,44 112,84 220,78 387,27 482,-76 164,-214 -7,-411 -121,-505zm347 4c-30,-28 -64,5 -66,21 -1,10 -2,16 -4,44 -22,25 -54,80 -57,101 -2,21 22,59 48,55 -18,322 -5,396 -5,396 -2,0 27,278 30,266 19,112 44,183 49,0 6,-109 2,-172 12,-592 10,9 27,16 54,17 343,4 335,-588 -61,-308zm9 253c1,-30 3,-57 4,-83 0,0 0,0 0,0 91,-90 179,-107 179,-91 0,16 -68,114 -183,174zm520 -210c-69,0 -148,42 -154,68 -13,57 15,111 52,123 13,4 28,-23 69,-33 81,-21 153,31 155,104 3,73 -61,143 -145,156 -85,13 -163,-44 -163,-127 0,-25 2,-54 11,-88 13,-50 -33,-43 -71,66 -20,58 -7,146 38,212 40,59 105,94 177,94 136,0 254,-129 263,-288 8,-158 -95,-287 -232,-287zm684 -387c-134,-13 -205,-6 -221,-7 9,-68 27,-201 31,-231 6,-45 -102,-54 -109,-19 -7,37 -13,128 -28,252 -249,10 -563,41 -585,61 -39,37 -15,136 13,135 46,-2 330,-63 562,-85 -14,140 -56,576 -57,604 0,0 -7,229 -4,220 2,93 15,154 45,11 57,-298 100,-708 118,-849 41,-7 194,-23 235,-32 83,-16 134,-47 0,-60z"/>
19 <path class="fil1" d="M1828 1884c-55,-56 -105,-39 -135,13 -16,29 -10,79 6,102 15,26 33,41 52,51 37,19 78,22 113,-6 17,-13 32,-41 32,-63 10,-67 -34,-61 -68,-97z"/>
20 </g>
21 </svg>
22
src/assets/img/anegativo-spot.svg
File was created 1 <?xml version="1.0" encoding="UTF-8"?>
2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3 <!-- Creator: CorelDRAW X7 -->
4 <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="78.7688mm" height="78.7676mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
5 viewBox="0 0 2760 2760"
6 xmlns:xlink="http://www.w3.org/1999/xlink">
7 <defs>
8 <style type="text/css">
9 <![CDATA[
10 .fil1 {fill:#AD036F}
11 .fil0 {fill:white}
12 ]]>
13 </style>
14 </defs>
15 <g id="Capa_x0020_1">
16 <metadata id="CorelCorpID_0Corel-Layer"/>
17 <path class="fil0" d="M2760 1380c0,762 -618,1380 -1380,1380 -762,0 -1380,-618 -1380,-1380 0,-762 618,-1380 1380,-1380 762,0 1380,618 1380,1380z"/>
18 <path class="fil1" d="M700 1138c-58,-50 -125,-126 -121,-149 10,-53 187,-69 236,-70 60,-1 86,-162 -4,-163 -76,-1 -282,21 -333,138 -60,139 23,265 150,375 58,52 160,135 152,225 -18,110 -222,163 -301,172 -110,13 -270,-7 -285,3 -14,9 11,48 121,91 234,84 413,28 515,-81 175,-229 -8,-440 -130,-541zm372 4c-32,-29 -70,6 -71,23 -2,11 -2,18 -4,47 -24,28 -59,86 -61,108 -2,23 23,63 51,59 -19,345 -6,423 -6,423 -2,1 30,298 32,284 21,121 48,196 53,0 6,-115 2,-183 13,-632 10,9 28,17 57,18 367,5 359,-628 -64,-330zm9 271c1,-31 3,-61 5,-88 0,0 0,0 0,0 96,-96 190,-115 191,-98 0,18 -74,123 -196,186zm556 -224c-74,0 -158,45 -164,73 -15,61 15,118 54,131 14,5 31,-25 74,-36 87,-22 164,34 167,112 3,78 -66,153 -156,167 -91,14 -174,-48 -174,-137 0,-26 2,-57 12,-93 14,-54 -36,-46 -76,70 -22,62 -8,156 40,227 43,63 113,100 190,100 145,0 271,-137 280,-307 10,-170 -100,-307 -247,-307zm731 -414c-143,-14 -220,-6 -236,-8 10,-72 29,-214 33,-246 6,-48 -109,-58 -116,-21 -8,40 -15,138 -30,270 -267,11 -603,43 -626,65 -42,39 -16,146 14,144 49,-2 352,-67 600,-90 -14,149 -59,615 -60,645 0,0 -8,245 -5,236 2,99 16,164 49,11 61,-319 107,-757 126,-907 44,-8 207,-25 251,-35 89,-17 143,-50 0,-64z"/>
19 <path class="fil1" d="M1954 2014c-58,-60 -112,-41 -144,14 -17,31 -10,85 6,109 16,28 36,43 56,55 40,19 84,23 121,-7 18,-14 34,-43 34,-67 11,-71 -36,-65 -73,-104z"/>
20 </g>
21 </svg>
22
src/assets/img/logo-spot-2.svg
1 <?xml version="1.0" encoding="UTF-8"?> 1 <?xml version="1.0" encoding="utf-8"?>
2 <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> 3 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3 <!-- Creator: CorelDRAW X7 --> 4 <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4 <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="78.7688mm" height="78.7676mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" 5 width="230.159px" height="169.842px" viewBox="0 0 230.159 169.842" enable-background="new 0 0 230.159 169.842"
5 viewBox="0 0 2581 2581" 6 xml:space="preserve">
6 xmlns:xlink="http://www.w3.org/1999/xlink"> 7 <g>
7 <defs> 8 <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="71.2998" y1="122.1699" x2="182.0166" y2="93.9018">
8 <style type="text/css"> 9 <stop offset="0" style="stop-color:#476297"/>
9 <![CDATA[ 10 <stop offset="1" style="stop-color:#0D0C0C"/>
10 .fil0 {fill:#AD036F} 11 </linearGradient>
11 .fil1 {fill:white} 12 <path fill-rule="evenodd" clip-rule="evenodd" fill="url(#SVGID_1_)" d="M96.255,132.005V76.827
12 ]]> 13 c8.686,4.659,26.056,11.768,26.056,19.976v23.845c5.456,0,10.913,0,16.369,0c29.973,1.826,51.417-11.428,52.757-25.156
13 </style> 14 c-0.006,3.124-1.025,9.484-1.216,10.299c-2.077,8.891-6.789,16.891-13.879,23.149c-9.436,8.328-21.294,12.419-36.66,12.419h-34.073
14 </defs> 15 c-2.561,0-4.76-0.919-6.598-2.756C97.174,136.766,96.255,134.565,96.255,132.005z"/>
15 <g id="Capa_x0020_1"> 16 <path fill-rule="evenodd" clip-rule="evenodd" fill="#4E4E4E" d="M173.108,57.55c0.941,0.645,0.77,0.552,1.683,1.278
16 <metadata id="CorelCorpID_0Corel-Layer"/> 17 c2.314,1.842,4.508,3.956,6.427,6.381c6.045,7.639,10.152,17.325,10.242,27.174c-0.416,5.334-5.644,11.337-12.82,14.858
17 <path class="fil0" d="M2581 1291c0,713 -577,1290 -1290,1290 -713,0 -1291,-577 -1291,-1290 0,-713 578,-1291 1291,-1291 713,0 1290,578 1290,1291z"/> 18 c0.971-1.713,1.206-8.029,0.818-13.082c-0.525-6.839-3.315-13.69-7.158-19.243c-1.193-1.725-2.503-3.319-3.874-4.766
18 <path class="fil1" d="M655 1065c-54,-47 -118,-118 -114,-140 10,-50 176,-64 221,-65 56,-2 80,-152 -3,-153 -71,-1 -264,19 -312,129 -56,130 22,248 140,351 55,49 150,126 143,211 -17,102 -208,152 -282,160 -103,13 -253,-6 -266,4 -13,7 10,44 112,84 220,78 387,27 482,-76 164,-214 -7,-411 -121,-505zm347 4c-30,-28 -64,5 -66,21 -1,10 -2,16 -4,44 -22,25 -54,80 -57,101 -2,21 22,59 48,55 -18,322 -5,396 -5,396 -2,0 27,278 30,266 19,112 44,183 49,0 6,-109 2,-172 12,-592 10,9 27,16 54,17 343,4 335,-588 -61,-308zm9 253c1,-30 3,-57 4,-83 0,0 0,0 0,0 91,-90 179,-107 179,-91 0,16 -68,114 -183,174zm520 -210c-69,0 -148,42 -154,68 -13,57 15,111 52,123 13,4 28,-23 69,-33 81,-21 153,31 155,104 3,73 -61,143 -145,156 -85,13 -163,-44 -163,-127 0,-25 2,-54 11,-88 13,-50 -33,-43 -71,66 -20,58 -7,146 38,212 40,59 105,94 177,94 136,0 254,-129 263,-288 8,-158 -95,-287 -232,-287zm684 -387c-134,-13 -205,-6 -221,-7 9,-68 27,-201 31,-231 6,-45 -102,-54 -109,-19 -7,37 -13,128 -28,252 -249,10 -563,41 -585,61 -39,37 -15,136 13,135 46,-2 330,-63 562,-85 -14,140 -56,576 -57,604 0,0 -7,229 -4,220 2,93 15,154 45,11 57,-298 100,-708 118,-849 41,-7 194,-23 235,-32 83,-16 134,-47 0,-60z"/> 19 c-0.597-0.63-0.102-0.454-0.719-1.027L173.108,57.55z"/>
19 <path class="fil1" d="M1828 1884c-55,-56 -105,-39 -135,13 -16,29 -10,79 6,102 15,26 33,41 52,51 37,19 78,22 113,-6 17,-13 32,-41 32,-63 10,-67 -34,-61 -68,-97z"/> 20 <path fill-rule="evenodd" clip-rule="evenodd" fill="#B2B7BC" d="M120.428,68.784c3.593,1.077,8.794,2.08,13.427,1.616
20 </g> 21 c1.709-0.171,3.258-0.632,4.614-1.22C137.521,67.266,130.36,58.803,120.428,68.784L120.428,68.784z M125.654,51.8
22 c2.108-1.735,6.559-2.797,9.197-3.17c2.89-0.41,5.823-0.423,8.842-0.218c5.206,0.354,12.142,1.505,17.955,3.71l-5.309,10.437
23 c-3.897,7.662-10.183,13.422-19.032,15.185c-8.109,1.618-16.415-0.431-23.055-2.851l5.659-12.12
24 c13.2-5.867,18.804,2.22,20.677,5.179c1.043-0.703,2.075-1.57,3.339-3.004c0.881-0.999,1.665-2.33,2.516-3.824
25 C146.443,61.123,131.414,54.383,125.654,51.8z"/>
26 <path fill-rule="evenodd" clip-rule="evenodd" fill="#8D9094" d="M90.611,46.192l-6.761,0.95c-2.292,0.323-5.881,1.396-7.976,2.386
27 L45.939,63.672c-2.095,0.987-4.615,0.086-5.608-2.012l-1.23-2.605c-0.992-2.094-0.084-4.616,2.01-5.603l30.71-14.515
28 c2.095-0.99,4.046-1.891,4.341-2.001c0.291-0.112,2.972-0.549,5.265-0.868l7.606-1.071L90.611,46.192z"/>
29 <path fill-rule="evenodd" clip-rule="evenodd" fill="#476C9F" d="M111.697,77.178l19.309-41.358
30 c0.234-0.491,0.159-1.138-0.584-1.479c-3.714-1.735-7.363-3.44-11.077-5.176c-1.064-0.631-2.294-0.761-3.607-0.643L90.15,31.844
31 l2.449,17.375l6.26-0.845c1.357-0.18,3.624,1.513,3.608,2.836c-0.115,4.414-0.23,8.829-0.345,13.243
32 c0.264,8.667,1.92,9.399,8.211,13.011C110.932,77.807,111.141,78.093,111.697,77.178z"/>
33 <path fill-rule="evenodd" clip-rule="evenodd" fill="#8D9094" d="M169.985,49.867c2.376,1.108,3.406,3.933,2.294,6.313
34 l-5.697,12.208c-1.105,2.37-3.934,3.403-6.307,2.292l-0.896-0.422c-2.378-1.104-3.404-3.933-2.296-6.306l6.71-13.606l-0.013-0.006
35 c1.372-1.328,3.475-1.747,5.309-0.888L169.985,49.867z"/>
36 <path fill-rule="evenodd" clip-rule="evenodd" fill="#8D9094" d="M125.716,50.074c1.224-0.661,2.377-1.148,3.716-1.551
37 c10.232-3.083,26.103-0.053,32.72,2.646l0.7-1.243l-30.634-13.662L125.716,50.074z"/>
38 </g>
21 </svg> 39 </svg>
22 40
src/assets/img/logo-spot.svg
1 <?xml version="1.0" encoding="UTF-8"?> 1 <?xml version="1.0" encoding="utf-8"?>
2 <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> 3 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3 <!-- Creator: CorelDRAW X7 --> 4 <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4 <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="78.7688mm" height="78.7676mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" 5 width="230.159px" height="169.842px" viewBox="0 0 230.159 169.842" enable-background="new 0 0 230.159 169.842"
5 viewBox="0 0 2581 2581" 6 xml:space="preserve">
6 xmlns:xlink="http://www.w3.org/1999/xlink"> 7 <g>
7 <defs> 8 <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="71.2998" y1="122.1699" x2="182.0166" y2="93.9018">
8 <style type="text/css"> 9 <stop offset="0" style="stop-color:#476297"/>
9 <![CDATA[ 10 <stop offset="1" style="stop-color:#0D0C0C"/>
10 .fil0 {fill:#AD036F} 11 </linearGradient>
11 .fil1 {fill:white} 12 <path fill-rule="evenodd" clip-rule="evenodd" fill="url(#SVGID_1_)" d="M96.255,132.005V76.827
12 ]]> 13 c8.686,4.659,26.056,11.768,26.056,19.976v23.845c5.456,0,10.913,0,16.369,0c29.973,1.826,51.417-11.428,52.757-25.156
13 </style> 14 c-0.006,3.124-1.025,9.484-1.216,10.299c-2.077,8.891-6.789,16.891-13.879,23.149c-9.436,8.328-21.294,12.419-36.66,12.419h-34.073
14 </defs> 15 c-2.561,0-4.76-0.919-6.598-2.756C97.174,136.766,96.255,134.565,96.255,132.005z"/>
15 <g id="Capa_x0020_1"> 16 <path fill-rule="evenodd" clip-rule="evenodd" fill="#4E4E4E" d="M173.108,57.55c0.941,0.645,0.77,0.552,1.683,1.278
16 <metadata id="CorelCorpID_0Corel-Layer"/> 17 c2.314,1.842,4.508,3.956,6.427,6.381c6.045,7.639,10.152,17.325,10.242,27.174c-0.416,5.334-5.644,11.337-12.82,14.858
17 <path class="fil0" d="M2581 1291c0,713 -577,1290 -1290,1290 -713,0 -1291,-577 -1291,-1290 0,-713 578,-1291 1291,-1291 713,0 1290,578 1290,1291z"/> 18 c0.971-1.713,1.206-8.029,0.818-13.082c-0.525-6.839-3.315-13.69-7.158-19.243c-1.193-1.725-2.503-3.319-3.874-4.766
18 <path class="fil1" d="M655 1065c-54,-47 -118,-118 -114,-140 10,-50 176,-64 221,-65 56,-2 80,-152 -3,-153 -71,-1 -264,19 -312,129 -56,130 22,248 140,351 55,49 150,126 143,211 -17,102 -208,152 -282,160 -103,13 -253,-6 -266,4 -13,7 10,44 112,84 220,78 387,27 482,-76 164,-214 -7,-411 -121,-505zm347 4c-30,-28 -64,5 -66,21 -1,10 -2,16 -4,44 -22,25 -54,80 -57,101 -2,21 22,59 48,55 -18,322 -5,396 -5,396 -2,0 27,278 30,266 19,112 44,183 49,0 6,-109 2,-172 12,-592 10,9 27,16 54,17 343,4 335,-588 -61,-308zm9 253c1,-30 3,-57 4,-83 0,0 0,0 0,0 91,-90 179,-107 179,-91 0,16 -68,114 -183,174zm520 -210c-69,0 -148,42 -154,68 -13,57 15,111 52,123 13,4 28,-23 69,-33 81,-21 153,31 155,104 3,73 -61,143 -145,156 -85,13 -163,-44 -163,-127 0,-25 2,-54 11,-88 13,-50 -33,-43 -71,66 -20,58 -7,146 38,212 40,59 105,94 177,94 136,0 254,-129 263,-288 8,-158 -95,-287 -232,-287zm684 -387c-134,-13 -205,-6 -221,-7 9,-68 27,-201 31,-231 6,-45 -102,-54 -109,-19 -7,37 -13,128 -28,252 -249,10 -563,41 -585,61 -39,37 -15,136 13,135 46,-2 330,-63 562,-85 -14,140 -56,576 -57,604 0,0 -7,229 -4,220 2,93 15,154 45,11 57,-298 100,-708 118,-849 41,-7 194,-23 235,-32 83,-16 134,-47 0,-60z"/> 19 c-0.597-0.63-0.102-0.454-0.719-1.027L173.108,57.55z"/>
19 <path class="fil1" d="M1828 1884c-55,-56 -105,-39 -135,13 -16,29 -10,79 6,102 15,26 33,41 52,51 37,19 78,22 113,-6 17,-13 32,-41 32,-63 10,-67 -34,-61 -68,-97z"/> 20 <path fill-rule="evenodd" clip-rule="evenodd" fill="#B2B7BC" d="M120.428,68.784c3.593,1.077,8.794,2.08,13.427,1.616
20 </g> 21 c1.709-0.171,3.258-0.632,4.614-1.22C137.521,67.266,130.36,58.803,120.428,68.784L120.428,68.784z M125.654,51.8
22 c2.108-1.735,6.559-2.797,9.197-3.17c2.89-0.41,5.823-0.423,8.842-0.218c5.206,0.354,12.142,1.505,17.955,3.71l-5.309,10.437
23 c-3.897,7.662-10.183,13.422-19.032,15.185c-8.109,1.618-16.415-0.431-23.055-2.851l5.659-12.12
24 c13.2-5.867,18.804,2.22,20.677,5.179c1.043-0.703,2.075-1.57,3.339-3.004c0.881-0.999,1.665-2.33,2.516-3.824
25 C146.443,61.123,131.414,54.383,125.654,51.8z"/>
26 <path fill-rule="evenodd" clip-rule="evenodd" fill="#8D9094" d="M90.611,46.192l-6.761,0.95c-2.292,0.323-5.881,1.396-7.976,2.386
27 L45.939,63.672c-2.095,0.987-4.615,0.086-5.608-2.012l-1.23-2.605c-0.992-2.094-0.084-4.616,2.01-5.603l30.71-14.515
28 c2.095-0.99,4.046-1.891,4.341-2.001c0.291-0.112,2.972-0.549,5.265-0.868l7.606-1.071L90.611,46.192z"/>
29 <path fill-rule="evenodd" clip-rule="evenodd" fill="#476C9F" d="M111.697,77.178l19.309-41.358
30 c0.234-0.491,0.159-1.138-0.584-1.479c-3.714-1.735-7.363-3.44-11.077-5.176c-1.064-0.631-2.294-0.761-3.607-0.643L90.15,31.844
31 l2.449,17.375l6.26-0.845c1.357-0.18,3.624,1.513,3.608,2.836c-0.115,4.414-0.23,8.829-0.345,13.243
32 c0.264,8.667,1.92,9.399,8.211,13.011C110.932,77.807,111.141,78.093,111.697,77.178z"/>
33 <path fill-rule="evenodd" clip-rule="evenodd" fill="#8D9094" d="M169.985,49.867c2.376,1.108,3.406,3.933,2.294,6.313
34 l-5.697,12.208c-1.105,2.37-3.934,3.403-6.307,2.292l-0.896-0.422c-2.378-1.104-3.404-3.933-2.296-6.306l6.71-13.606l-0.013-0.006
35 c1.372-1.328,3.475-1.747,5.309-0.888L169.985,49.867z"/>
36 <path fill-rule="evenodd" clip-rule="evenodd" fill="#8D9094" d="M125.716,50.074c1.224-0.661,2.377-1.148,3.716-1.551
37 c10.232-3.083,26.103-0.053,32.72,2.646l0.7-1.243l-30.634-13.662L125.716,50.074z"/>
38 </g>
21 </svg> 39 </svg>
22 40
src/assets/img/negativo-spot.svg
1 <?xml version="1.0" encoding="UTF-8"?> 1 <?xml version="1.0" encoding="utf-8"?>
2 <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> 3 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3 <!-- Creator: CorelDRAW X7 --> 4 <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4 <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="78.7688mm" height="78.7676mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" 5 width="230.159px" height="169.842px" viewBox="0 0 230.159 169.842" enable-background="new 0 0 230.159 169.842"
5 viewBox="0 0 2760 2760" 6 xml:space="preserve">
6 xmlns:xlink="http://www.w3.org/1999/xlink"> 7 <g>
7 <defs> 8 <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="71.2998" y1="122.1699" x2="182.0166" y2="93.9018">
8 <style type="text/css"> 9 <stop offset="0" style="stop-color:#476297"/>
9 <![CDATA[ 10 <stop offset="1" style="stop-color:#0D0C0C"/>
10 .fil1 {fill:#AD036F} 11 </linearGradient>
11 .fil0 {fill:white} 12 <path fill-rule="evenodd" clip-rule="evenodd" fill="url(#SVGID_1_)" d="M96.255,132.005V76.827
12 ]]> 13 c8.686,4.659,26.056,11.768,26.056,19.976v23.845c5.456,0,10.913,0,16.369,0c29.973,1.826,51.417-11.428,52.757-25.156
13 </style> 14 c-0.006,3.124-1.025,9.484-1.216,10.299c-2.077,8.891-6.789,16.891-13.879,23.149c-9.436,8.328-21.294,12.419-36.66,12.419h-34.073
14 </defs> 15 c-2.561,0-4.76-0.919-6.598-2.756C97.174,136.766,96.255,134.565,96.255,132.005z"/>
15 <g id="Capa_x0020_1"> 16 <path fill-rule="evenodd" clip-rule="evenodd" fill="#4E4E4E" d="M173.108,57.55c0.941,0.645,0.77,0.552,1.683,1.278
16 <metadata id="CorelCorpID_0Corel-Layer"/> 17 c2.314,1.842,4.508,3.956,6.427,6.381c6.045,7.639,10.152,17.325,10.242,27.174c-0.416,5.334-5.644,11.337-12.82,14.858
17 <path class="fil0" d="M2760 1380c0,762 -618,1380 -1380,1380 -762,0 -1380,-618 -1380,-1380 0,-762 618,-1380 1380,-1380 762,0 1380,618 1380,1380z"/> 18 c0.971-1.713,1.206-8.029,0.818-13.082c-0.525-6.839-3.315-13.69-7.158-19.243c-1.193-1.725-2.503-3.319-3.874-4.766
18 <path class="fil1" d="M700 1138c-58,-50 -125,-126 -121,-149 10,-53 187,-69 236,-70 60,-1 86,-162 -4,-163 -76,-1 -282,21 -333,138 -60,139 23,265 150,375 58,52 160,135 152,225 -18,110 -222,163 -301,172 -110,13 -270,-7 -285,3 -14,9 11,48 121,91 234,84 413,28 515,-81 175,-229 -8,-440 -130,-541zm372 4c-32,-29 -70,6 -71,23 -2,11 -2,18 -4,47 -24,28 -59,86 -61,108 -2,23 23,63 51,59 -19,345 -6,423 -6,423 -2,1 30,298 32,284 21,121 48,196 53,0 6,-115 2,-183 13,-632 10,9 28,17 57,18 367,5 359,-628 -64,-330zm9 271c1,-31 3,-61 5,-88 0,0 0,0 0,0 96,-96 190,-115 191,-98 0,18 -74,123 -196,186zm556 -224c-74,0 -158,45 -164,73 -15,61 15,118 54,131 14,5 31,-25 74,-36 87,-22 164,34 167,112 3,78 -66,153 -156,167 -91,14 -174,-48 -174,-137 0,-26 2,-57 12,-93 14,-54 -36,-46 -76,70 -22,62 -8,156 40,227 43,63 113,100 190,100 145,0 271,-137 280,-307 10,-170 -100,-307 -247,-307zm731 -414c-143,-14 -220,-6 -236,-8 10,-72 29,-214 33,-246 6,-48 -109,-58 -116,-21 -8,40 -15,138 -30,270 -267,11 -603,43 -626,65 -42,39 -16,146 14,144 49,-2 352,-67 600,-90 -14,149 -59,615 -60,645 0,0 -8,245 -5,236 2,99 16,164 49,11 61,-319 107,-757 126,-907 44,-8 207,-25 251,-35 89,-17 143,-50 0,-64z"/> 19 c-0.597-0.63-0.102-0.454-0.719-1.027L173.108,57.55z"/>
19 <path class="fil1" d="M1954 2014c-58,-60 -112,-41 -144,14 -17,31 -10,85 6,109 16,28 36,43 56,55 40,19 84,23 121,-7 18,-14 34,-43 34,-67 11,-71 -36,-65 -73,-104z"/> 20 <path fill-rule="evenodd" clip-rule="evenodd" fill="#B2B7BC" d="M120.428,68.784c3.593,1.077,8.794,2.08,13.427,1.616
20 </g> 21 c1.709-0.171,3.258-0.632,4.614-1.22C137.521,67.266,130.36,58.803,120.428,68.784L120.428,68.784z M125.654,51.8
22 c2.108-1.735,6.559-2.797,9.197-3.17c2.89-0.41,5.823-0.423,8.842-0.218c5.206,0.354,12.142,1.505,17.955,3.71l-5.309,10.437
23 c-3.897,7.662-10.183,13.422-19.032,15.185c-8.109,1.618-16.415-0.431-23.055-2.851l5.659-12.12
24 c13.2-5.867,18.804,2.22,20.677,5.179c1.043-0.703,2.075-1.57,3.339-3.004c0.881-0.999,1.665-2.33,2.516-3.824
25 C146.443,61.123,131.414,54.383,125.654,51.8z"/>
26 <path fill-rule="evenodd" clip-rule="evenodd" fill="#8D9094" d="M90.611,46.192l-6.761,0.95c-2.292,0.323-5.881,1.396-7.976,2.386
27 L45.939,63.672c-2.095,0.987-4.615,0.086-5.608-2.012l-1.23-2.605c-0.992-2.094-0.084-4.616,2.01-5.603l30.71-14.515
28 c2.095-0.99,4.046-1.891,4.341-2.001c0.291-0.112,2.972-0.549,5.265-0.868l7.606-1.071L90.611,46.192z"/>
29 <path fill-rule="evenodd" clip-rule="evenodd" fill="#476C9F" d="M111.697,77.178l19.309-41.358
30 c0.234-0.491,0.159-1.138-0.584-1.479c-3.714-1.735-7.363-3.44-11.077-5.176c-1.064-0.631-2.294-0.761-3.607-0.643L90.15,31.844
31 l2.449,17.375l6.26-0.845c1.357-0.18,3.624,1.513,3.608,2.836c-0.115,4.414-0.23,8.829-0.345,13.243
32 c0.264,8.667,1.92,9.399,8.211,13.011C110.932,77.807,111.141,78.093,111.697,77.178z"/>
33 <path fill-rule="evenodd" clip-rule="evenodd" fill="#8D9094" d="M169.985,49.867c2.376,1.108,3.406,3.933,2.294,6.313
34 l-5.697,12.208c-1.105,2.37-3.934,3.403-6.307,2.292l-0.896-0.422c-2.378-1.104-3.404-3.933-2.296-6.306l6.71-13.606l-0.013-0.006
35 c1.372-1.328,3.475-1.747,5.309-0.888L169.985,49.867z"/>
36 <path fill-rule="evenodd" clip-rule="evenodd" fill="#8D9094" d="M125.716,50.074c1.224-0.661,2.377-1.148,3.716-1.551
37 c10.232-3.083,26.103-0.053,32.72,2.646l0.7-1.243l-30.634-13.662L125.716,50.074z"/>
38 </g>
21 </svg> 39 </svg>
22 40