-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
951 lines (903 loc) · 69.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Agencia publicitaria Harrison">
<meta name="keywords"
content="agencia, estudio, publicidad, publicitaria, eugenie, delsud, flexy, PBA, FCE, la caja, yacoub">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="src/min.css">
<!-- <link rel="stylesheet" href="src/index.css"> -->
<title>Agencia Harrison</title>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-GEXX5P0W3J"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-GEXX5P0W3J');
</script>
</head>
<body id="body" class="close">
<!-- main wrapper para el pin de ScrollTrigger -->
<main class="wrapper">
<!-- contenedor del modal donde se cargan los videos del portfolio -->
<div class="modal-container">
<div class="modal hidden" id="modal">
<div class="modal-content" id="modalContent">
<svg class="close" id="closeModal" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" viewBox="0 0 512 512"
style="enable-background: new 0 0 512 512" xml:space="preserve">
<path class="st0"
d="M338.2,188.9L271.1,256l67.1,67.1c4.2,4.2,4.2,10.9,0,15.1c-2.1,2.1-4.8,3.1-7.6,3.1c-2.7,0-5.5-1-7.6-3.1 L256,271.1l-67.1,67.1c-2.1,2.1-4.8,3.1-7.6,3.1c-2.7,0-5.5-1-7.6-3.1c-4.2-4.2-4.2-10.9,0-15.1l67.1-67.1l-67.1-67.1 c-4.2-4.2-4.2-10.9,0-15.1c4.2-4.2,10.9-4.2,15.1,0l67.1,67.1l67.1-67.1c4.2-4.2,10.9-4.2,15.1,0C342.3,178,342.3,184.7,338.2,188.9 L338.2,188.9z M512,256c0,141.2-114.8,256-256,256S0,397.2,0,256S114.8,0,256,0S512,114.8,512,256z M490.7,256 c0-129.4-105.3-234.7-234.7-234.7S21.3,126.6,21.3,256S126.6,490.7,256,490.7S490.7,385.4,490.7,256z" />
</svg>
</div>
</div>
</div>
<!-- contenedor para el widget de seccion de pagina -->
<div id="progressbar-ctn" >
<svg width="417" height="119" viewBox="0 0 417 119" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13 57L407.5 57" stroke="#D9D9D9" stroke-width="5.66667" />
<rect x="299.223" y="34" width="17" height="43.4444" rx="8.5" fill="#D9D9D9" id="rect3" />
<rect x="99" y="34" width="17" height="43.4444" rx="8.5" fill="#D9D9D9" id="rect2" />
<rect x="399.332" y="34" width="17" height="43.4444" rx="8.5" fill="#D9D9D9" id="rect4" />
<rect x="1" width="24.5556" height="86.8889" rx="12.2778" fill="#CBDB43" id="rect1" />
<rect x="203" y="34" width="17" height="43.4444" rx="8.5" fill="#D9D9D9" />
<path d="M100.785 113.126V111.646H106.719V113.126H100.785Z" fill="#D9D9D9" />
<path d="M107.902 102.143H113.27V118.857H111.639V103.671H107.902V102.143Z" fill="#D9D9D9" />
<path
d="M403.934 117.329H412.654V118.857H401.533V117.639L408.124 110.834C409.913 108.972 410.253 107.85 410.253 106.704C410.253 104.77 408.962 103.576 406.538 103.576C404.681 103.576 403.254 104.173 402.213 105.438L401.057 104.388C402.281 102.86 404.251 102 406.674 102C409.89 102 411.929 103.719 411.929 106.513C411.929 108.112 411.453 109.545 409.324 111.742L403.934 117.329Z"
fill="#D9D9D9" />
<path d="M0 113.126V111.646H5.93387V113.126H0Z" fill="#D9D9D9" />
<path
d="M10.3077 117.329H19.0273V118.857H7.90694V117.639L14.4976 110.834C16.2868 108.972 16.6266 107.85 16.6266 106.704C16.6266 104.77 15.3356 103.576 12.9122 103.576C11.0551 103.576 9.62821 104.173 8.58639 105.438L7.43132 104.388C8.65433 102.86 10.6247 102 13.0481 102C16.2642 102 18.3025 103.719 18.3025 106.513C18.3025 108.112 17.8269 109.545 15.698 111.742L10.3077 117.329Z"
fill="#D9D9D9" />
<path d="M304.598 102.143H309.966V118.857H308.335V103.671H304.598V102.143Z" fill="#D9D9D9" />
<path
d="M211.106 119C207.437 119 204.787 115.824 204.787 110.5C204.787 105.176 207.437 102 211.106 102C214.775 102 217.447 105.176 217.447 110.5C217.447 115.824 214.775 119 211.106 119ZM211.106 117.424C213.869 117.424 215.771 114.965 215.771 110.5C215.771 106.035 213.869 103.576 211.106 103.576C208.342 103.576 206.44 106.035 206.44 110.5C206.44 114.965 208.342 117.424 211.106 117.424Z"
fill="#D9D9D9" />
</svg>
</div>
<!-- contenedor de la barra de navegacion -->
<nav id="nav">
<div class="social-ctn">
<a href="mailto:hola@agenciaharrison.com.ar" target="_blank" rel="noopener noreferrer" class="social-nav">
<img src="src/assets/mail.webp" alt="mail" class="social-img">
</a>
<a href="https://wa.me/5492216747175" target="_blank" rel="noopener noreferrer" class="social-nav">
<img src="src/assets/wsp.webp" alt="wsp" class="social-img">
</a>
<a href="https://www.instagram.com/harrisonagencia/" target="_blank" rel="noopener noreferrer"
class="social-nav">
<img src="src/assets/ig.webp" alt="ig" class="social-img">
</a>
<a href="https://www.linkedin.com/company/agenciaharrison/about/" class="social-nav" target="_blank"
rel="noopener noreferrer" class="social-nav">
<img src="src/assets/Linkedin.webp" alt="ln" class="social-img">
</a>
</div>
<div class="menu-btn-ctn">
<button id="collapse" class="close">
<img src="src/assets/Menu.webp" alt="close button" id="buttonIcon">
</button>
</div>
<section role="navigation" id="menu">
<ul>
<li id="logo-menu">
<svg width="60" height="60" viewBox="0 0 169 169" fill="none" xmlns="http://www.w3.org/2000/svg"
id="logoMenu">
<g id="Menu 1 " clip-path="url(#clip0_876_65)">
<g id="Group 19">
<path id="Vector"
d="M84.24 0H84.23C37.7111 0 0 37.7111 0 84.23V84.24C0 130.759 37.7111 168.47 84.23 168.47H84.24C130.759 168.47 168.47 130.759 168.47 84.24V84.23C168.47 37.7111 130.759 0 84.24 0Z"
fill="#1D3E4E" />
<g id="Group">
<path id="Vector_2"
d="M117.64 56.8098C115.25 55.2698 112.79 54.6098 110.26 54.5998L115.44 30.2198C115.73 28.8198 115.26 27.4198 114.19 26.4698C113.12 25.5298 111.68 25.2298 110.32 25.6898L75.7503 37.3398C73.0803 38.2398 71.5503 40.9898 72.2003 43.7398L78.7703 71.5798C74.5103 74.3998 70.2003 76.8698 65.9403 78.2598C51.5603 82.9498 39.7903 81.3698 32.7903 73.8198C27.0603 67.6398 25.4803 57.9898 28.8503 49.7998C32.2003 41.6798 39.5503 36.7898 49.0203 36.3998C53.1803 36.2098 59.3103 39.6198 61.8803 45.3998C65.1503 52.7598 61.9703 61.8698 52.9403 71.0698C52.3103 71.7098 52.3203 72.7398 52.9603 73.3698C53.6003 73.9998 54.6303 73.9898 55.2603 73.3498C68.7903 59.5698 67.0803 49.0998 64.8503 44.0798C61.6803 36.9498 54.2603 32.9298 48.8803 33.1498C38.0903 33.5998 29.6903 39.2198 25.8403 48.5598C21.9903 57.8998 23.8303 68.9398 30.4003 76.0298C33.6403 79.5198 40.0003 84.1698 50.9103 84.1698C55.4403 84.1698 60.7603 83.3698 66.9503 81.3498C71.9003 79.7398 76.7703 76.8498 81.5503 73.6298C81.5703 73.6198 81.5803 73.6098 81.6003 73.5998C83.7703 72.1398 85.9103 70.6098 88.0403 69.0898C98.4403 61.6598 108.26 54.6398 115.9 59.5498C119.11 61.6098 120.02 65.6198 119.02 68.1498C116.6 74.2598 111.43 77.9798 94.0003 76.2998C93.1103 76.2198 92.3103 76.8698 92.2203 77.7598C92.1303 78.6498 92.7903 79.4498 93.6803 79.5398C110.33 81.1498 118.55 78.1998 122.04 69.3498C123.55 65.5398 122.32 59.8098 117.65 56.8098H117.64ZM106.85 54.9798C100.3 56.3298 93.3403 61.2898 86.1303 66.4398C84.6503 67.4998 83.1503 68.5698 81.6503 69.6098L75.3703 42.9898C75.1103 41.8898 75.7203 40.7898 76.7903 40.4298L101.11 32.2398L99.0303 42.8398C98.8603 43.7198 99.4303 44.5798 100.31 44.7498C100.42 44.7698 100.52 44.7798 100.63 44.7798C101.39 44.7798 102.07 44.2398 102.23 43.4698L104.67 31.0498L111.37 28.7898C111.7 28.6798 111.94 28.8298 112.05 28.9298C112.16 29.0298 112.34 29.2498 112.27 29.5698L106.86 54.9898L106.85 54.9798Z"
fill="#CBDB43" />
<path id="Vector_3"
d="M104.03 118.52C104.03 117.79 103.43 117.22 102.7 117.19C101.71 117.15 101.41 118.18 101.41 118.2L97.3303 135.85C97.3003 135.96 97.1503 135.98 97.1203 135.87C95.7803 130.12 93.0603 118.26 90.9703 109.26C90.9703 109.23 90.9703 109.2 90.9903 109.17C91.3103 108.82 93.8703 106 93.8703 106C94.3603 105.46 94.3303 104.63 93.7903 104.14C93.7303 104.08 93.6603 104.03 93.5903 103.99C93.0603 103.67 92.3703 103.75 91.9403 104.22L90.2503 106.11C89.1803 101.51 88.3103 97.7498 87.9103 96.0298L87.7303 95.2698C87.7303 95.2698 87.6903 95.2098 87.6803 95.1798C87.6303 95.0198 87.5403 94.8698 87.4403 94.7498C87.3903 94.6998 87.3503 94.6498 87.3003 94.5998C87.1703 94.4798 87.0003 94.3898 86.8203 94.3298C86.6903 94.2898 86.5603 94.2498 86.4103 94.2498C86.0503 94.2498 85.7303 94.3998 85.4903 94.6198L85.4203 94.6998L81.4603 98.8898L84.0803 77.7098C84.1303 77.3798 83.9303 76.8398 83.7703 76.6398L83.6903 76.5498C83.4603 76.3198 83.1503 76.1798 82.8003 76.1598C82.3203 76.1398 81.7603 76.6198 81.8103 76.5798L73.8303 83.5998C73.5903 83.8198 73.4403 84.1198 73.4203 84.4498C73.4003 84.7798 73.5103 85.0998 73.7203 85.3398C73.9403 85.5898 74.2403 85.7398 74.5703 85.7598C74.9103 85.7898 75.2203 85.6698 75.4603 85.4498L77.9003 83.3098C78.6903 84.6598 79.5403 85.8998 80.4303 86.9998C80.4503 87.0198 80.4603 87.0498 80.4503 87.0798L78.6103 101.98C78.6103 102.04 78.5903 102.24 78.5903 102.29C78.5903 103.01 79.1703 103.59 79.8903 103.59C79.9203 103.59 79.9403 103.58 79.9703 103.57C80.2803 103.55 80.5703 103.43 80.7803 103.22L85.8203 97.8798L86.3603 100.19C87.2503 104.01 94.7903 136.35 96.0703 141.82L96.1803 142.14C96.3503 142.52 96.6603 142.82 97.0903 142.92C97.1903 142.94 97.2903 142.95 97.3903 142.95C98.0003 142.95 98.5603 142.53 98.7003 141.9L103.29 121.87C103.29 121.87 104.05 118.52 104.05 118.48L104.03 118.52ZM81.2603 80.3498L80.8803 83.4598C80.4703 82.8498 80.1003 82.2598 79.7603 81.6698L81.2603 80.3498Z"
fill="#CBDB43" />
</g>
</g>
</g>
<defs>
<clipPath id="clip0_876_65">
<rect width="168.47" height="168.47" fill="white" />
</clipPath>
</defs>
</svg>
</li>
<li class="nav-item">
<a href="#intro" class="nav-link">Inicio</a>
</li>
<hr class="separator">
<li class="nav-item">
<a href="#pf-accordion" class="nav-link">Portfolio</a>
</li>
<hr class="separator">
<li class="nav-item">
<a href="#servicios" class="nav-link">Servicios</a>
</li>
<hr class="separator">
<li class="nav-item">
<a href="#carousel-container" class="nav-link">Clientes</a>
</li>
<hr class="separator">
</ul>
<div class="social-ctn-2">
<a href="mailto:hola@agenciaharrison.com.ar" target="_blank" rel="noopener noreferrer" class="social-nav">
<img src="src/assets/mail-dark.webp" alt="mail" class="social-img">
</a>
<a href="https://wa.me/5492216747175" target="_blank" rel="noopener noreferrer" class="social-nav">
<img src="src/assets/whatsapp-dark.webp" alt="wsp" class="social-img">
</a>
<a href="https://www.instagram.com/harrisonagencia/" target="_blank" rel="noopener noreferrer"
class="social-nav">
<img src="src/assets/ig-dark.webp" alt="ig" class="social-img">
</a>
<a href="https://www.linkedin.com/company/agenciaharrison/about/" class="social-nav" target="_blank"
rel="noopener noreferrer" class="social-nav">
<img src="src/assets/Linkedin-dark.webp" alt="ln" class="social-img">
</a>
</div>
</section>
</nav>
<!-- seccion de intro con la camara y el tunel -->
<section id="intro">
<section class="container" id="init">
<svg width="120" height="143" viewBox="0 0 120 143" fill="none" xmlns="http://www.w3.org/2000/svg"
class="reveal">
<g id="Layer_1" clip-path="url(#clip0_771_407)">
<path class="path" d="M68.1133 65.198L69.9473 63.5947L68.1133 65.198Z" />
<path class="path"
d="M113.938 38.0407C111.035 36.1703 108.047 35.3687 104.975 35.3565L111.266 5.74519C111.618 4.04479 111.047 2.34438 109.748 1.19053C108.448 0.0488338 106.699 -0.315539 105.047 0.243166L63.0596 14.393C59.8167 15.4861 57.9584 18.8262 58.7479 22.1662L66.7276 55.98C61.5535 59.4051 56.3187 62.4051 51.1446 64.0934C33.6791 69.7897 19.3835 67.8707 10.8815 58.7007C3.92198 51.1946 2.00295 39.4739 6.09607 29.5266C10.1649 19.6642 19.092 13.7249 30.594 13.2513C35.6467 13.0205 43.092 17.1622 46.2135 24.1824C50.1851 33.1217 46.3228 44.1865 35.3552 55.3606C34.59 56.1379 34.6021 57.3889 35.3795 58.1541C36.1568 58.9193 37.4078 58.9071 38.173 58.1298C54.6062 41.393 52.5293 28.6764 49.8208 22.5792C45.9706 13.9193 36.9584 9.03669 30.424 9.30389C17.3187 9.85045 7.11631 16.6764 2.4402 28.0205C-2.24806 39.3768 -0.025391 52.7857 7.95436 61.397C11.8896 65.6359 19.6143 71.2837 32.8653 71.2837C38.3673 71.2837 44.8288 70.312 52.3471 67.8586C58.3592 65.9031 64.2742 62.393 70.0799 58.482C70.1041 58.4699 70.1163 58.4577 70.1406 58.4456C72.7762 56.6723 75.3754 54.814 77.9624 52.9679C90.594 43.9436 102.521 35.4173 111.8 41.3808C115.699 43.8828 116.805 48.7533 115.59 51.8262C112.651 59.2472 106.371 63.7654 85.2013 61.7249C84.1203 61.6278 83.1487 62.4173 83.0394 63.4982C82.9301 64.5792 83.7317 65.5509 84.8127 65.6602C105.035 67.6156 115.019 64.0326 119.258 53.2837C121.092 48.6561 119.598 41.6966 113.926 38.0529L113.938 38.0407ZM100.833 35.8181C92.8774 37.4577 84.424 43.482 75.6669 49.7371C73.8693 51.0245 72.0475 52.3241 70.2256 53.5873L62.5981 21.2553C62.2823 19.9193 63.0232 18.5832 64.3228 18.146L93.8612 8.19863L91.3349 21.0731C91.1284 22.142 91.8207 23.1865 92.8896 23.393C93.0232 23.4173 93.1446 23.4294 93.2782 23.4294C94.2013 23.4294 95.0272 22.7735 95.2216 21.8383L98.1851 6.75329L106.323 4.00835C106.724 3.87474 107.015 4.05693 107.149 4.17839C107.282 4.29985 107.501 4.56705 107.416 4.95572L100.845 35.8302L100.833 35.8181Z" />
<path class="path"
d="M97.4075 113.004C97.4075 112.117 96.6788 111.425 95.7921 111.388C94.5897 111.34 94.2253 112.591 94.2253 112.615L89.2699 134.052C89.2334 134.186 89.0512 134.21 89.0148 134.077C87.3873 127.093 84.0836 112.688 81.5452 101.757C81.5452 101.72 81.5452 101.684 81.5695 101.648C81.9581 101.222 85.0674 97.7974 85.0674 97.7974C85.6626 97.1415 85.6261 96.1334 84.9703 95.5383C84.8974 95.4654 84.8124 95.4047 84.7274 95.3561C84.0836 94.9674 83.2456 95.0646 82.7233 95.6354L80.6707 97.931C79.3711 92.3439 78.3144 87.7771 77.8286 85.6881L77.61 84.765C77.61 84.765 77.5614 84.6921 77.5492 84.6557C77.4885 84.4613 77.3792 84.2791 77.2577 84.1334C77.197 84.0727 77.1484 84.0119 77.0877 83.9512C76.9298 83.8055 76.7233 83.6961 76.5047 83.6233C76.3468 83.5747 76.1889 83.5261 76.0067 83.5261C75.5695 83.5261 75.1808 83.7083 74.8893 83.9755L74.8043 84.0727L69.9946 89.1617L73.1768 63.437C73.2375 63.0362 72.9946 62.3804 72.8002 62.1374L72.7031 62.0281C72.4237 61.7488 72.0472 61.5787 71.6221 61.5544C71.0391 61.5302 70.3589 62.1132 70.4197 62.0646L60.7274 70.5909C60.4359 70.8581 60.2537 71.2225 60.2294 71.6233C60.2051 72.0241 60.3387 72.4128 60.5938 72.7042C60.861 73.0079 61.2253 73.1901 61.6261 73.2144C62.0391 73.2508 62.4156 73.1051 62.7071 72.8379L65.6707 70.2387C66.6302 71.8783 67.6626 73.3844 68.7436 74.7204C68.7678 74.7447 68.78 74.7812 68.7678 74.8176L66.533 92.9148C66.533 92.9876 66.5087 93.2306 66.5087 93.2913C66.5087 94.1658 67.2132 94.8702 68.0877 94.8702C68.1241 94.8702 68.1484 94.8581 68.1848 94.8459C68.5614 94.8217 68.9136 94.6759 69.1687 94.4208L75.2901 87.935L75.946 90.7407C77.027 95.3804 86.1848 134.66 87.7395 141.303L87.8731 141.692C88.0796 142.154 88.4561 142.518 88.9784 142.639C89.0998 142.664 89.2213 142.676 89.3427 142.676C90.0836 142.676 90.7638 142.166 90.9338 141.401L96.5087 117.073C96.5087 117.073 97.4318 113.004 97.4318 112.955L97.4075 113.004ZM69.7517 66.6435L69.2901 70.4208C68.7921 69.68 68.3427 68.9634 67.9298 68.2468L69.7517 66.6435Z" />
</g>
<defs>
<clipPath id="clip0_771_407">
<rect width="120" height="142.725" fill="white" />
</clipPath>
</defs>
</svg>
</section>
<section class="container" id="scrollea">
<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" viewBox="0 0 253 325" style="enable-background:new 0 0 253 325;" xml:space="preserve">
<style type="text/css">
.st0 {
fill: #FFFFFF;
}
</style>
<path class="st0"
d="M126.5,253C56.7,253,0,196.3,0,126.5C0,56.7,56.7,0,126.5,0C196.3,0,253,56.7,253,126.5 C253,196.3,196.3,253,126.5,253z M126.5,10C62.3,10,10,62.3,10,126.5S62.3,243,126.5,243S243,190.7,243,126.5S190.7,10,126.5,10z" />
<path class="st1"
d="M125,130.3c-2.4,0-4.7-0.9-6.4-2.6L83.5,92.5c-2-2-2-5.1,0-7.1c2-2,5.1-2,7.1,0l34.5,34.5l34.5-34.5 c2-2,5.1-2,7.1,0c2,2,2,5.1,0,7.1l-35.2,35.2C129.7,129.4,127.4,130.3,125,130.3z" />
<path class="st1"
d="M125,175.3c-2.4,0-4.7-0.9-6.4-2.6l-35.2-35.2c-2-2-2-5.1,0-7.1c2-2,5.1-2,7.1,0l34.5,34.5l34.5-34.5 c2-2,5.1-2,7.1,0c2,2,2,5.1,0,7.1l-35.2,35.2C129.7,174.4,127.4,175.3,125,175.3z" />
<g id="desliza">
<path class="st0"
d="M89.8,306c1.8-0.8,3.2-1.9,4.2-3.4c1-1.5,1.5-3.3,1.5-5.4c0-2.1-0.5-3.9-1.5-5.4c-1-1.5-2.4-2.7-4.2-3.5 c-1.8-0.8-4-1.2-6.5-1.2H71.2v28h6.5v-7.8h5.6c0.1,0,0.2,0,0.3,0L89,315h7L89.8,306C89.7,306,89.7,306,89.8,306z M87.4,293.6 c1,0.9,1.5,2.1,1.5,3.6c0,1.5-0.5,2.7-1.5,3.6c-1,0.9-2.5,1.3-4.5,1.3h-5.3v-9.8h5.3C84.9,292.3,86.4,292.7,87.4,293.6z" />
<path class="st0"
d="M34.2,300.8c-1-0.6-2-1.1-3.2-1.4c-1.1-0.3-2.3-0.7-3.5-0.9c-1.1-0.3-2.2-0.5-3.2-0.8c-1-0.3-1.7-0.6-2.3-1 c-0.6-0.5-0.9-1-0.9-1.8c0-0.6,0.2-1.1,0.5-1.6c0.3-0.5,0.9-0.9,1.7-1.2c0.8-0.3,1.8-0.4,3.1-0.4s2.5,0.2,3.8,0.6 c1.3,0.3,2.6,0.9,3.9,1.6l2-4.9c-1.3-0.8-2.8-1.4-4.5-1.8c-1.7-0.4-3.4-0.6-5.2-0.6c-2.6,0-4.8,0.4-6.6,1.2c-1.7,0.8-3,1.8-3.9,3.2 c-0.9,1.3-1.3,2.8-1.3,4.4c0,1.5,0.3,2.7,0.9,3.7c0.6,1,1.4,1.7,2.4,2.3c1,0.6,2,1.1,3.2,1.4c1.2,0.4,2.3,0.7,3.5,1 c1.2,0.2,2.2,0.5,3.2,0.8c1,0.3,1.7,0.6,2.3,1.1c0.6,0.4,0.9,1,0.9,1.8c0,0.6-0.2,1.1-0.6,1.6c-0.4,0.5-1,0.8-1.8,1.1 c-0.8,0.2-1.8,0.4-3.1,0.4c-1.7,0-3.3-0.3-5-0.8c-1.6-0.6-3-1.3-4.2-2.1l-2.2,4.9c1.3,1,2.9,1.7,5,2.4c2.1,0.6,4.2,0.9,6.4,0.9 c2.7,0,4.9-0.4,6.6-1.2c1.8-0.8,3.1-1.9,4-3.2s1.3-2.7,1.3-4.3c0-1.5-0.3-2.7-0.9-3.6C35.9,302.2,35.1,301.4,34.2,300.8z" />
<polygon class="st0" points="229.9,279 223.2,279 217.8,284.7 222.7,284.7 " />
<path class="st0"
d="M49.1,294.5c0.8-0.8,1.7-1.4,2.8-1.8c1.1-0.4,2.3-0.6,3.6-0.6c1.4,0,2.7,0.3,3.8,0.8c1.2,0.5,2.2,1.3,3.2,2.4 l4.2-3.8c-1.3-1.6-3-2.9-5-3.7c-1.9-0.9-4.1-1.3-6.6-1.3c-2.2,0-4.2,0.4-6,1.1c-1.8,0.7-3.5,1.7-4.8,3c-1.4,1.3-2.4,2.8-3.2,4.6 c-0.7,1.8-1.1,3.7-1.1,5.8s0.4,4,1.1,5.8c0.8,1.8,1.8,3.3,3.2,4.6s3,2.3,4.8,3c1.9,0.7,3.9,1,6,1c2.5,0,4.7-0.4,6.6-1.3 c2-0.9,3.6-2.1,5-3.7l-4.2-3.8c-1,1.1-2,2-3.2,2.5c-1.2,0.5-2.5,0.8-3.8,0.8c-1.3,0-2.5-0.2-3.6-0.6c-1.1-0.4-2-1-2.8-1.8 c-0.8-0.8-1.4-1.7-1.9-2.8c-0.4-1.1-0.6-2.3-0.6-3.6s0.2-2.5,0.6-3.6C47.7,296.3,48.3,295.3,49.1,294.5z" />
<polygon class="st0"
points="189,303.3 202,303.3 202,298.3 189,298.3 189,292.2 203.8,292.2 203.8,287 182.6,287 182.6,315 204.3,315 204.3,309.8 189,309.8 " />
<path class="st0"
d="M125.1,290.6c-1.4-1.3-3-2.3-4.8-3c-1.8-0.7-3.9-1.1-6.1-1.1c-2.2,0-4.2,0.4-6.1,1.1c-1.9,0.7-3.5,1.7-4.9,3 c-1.4,1.3-2.5,2.8-3.2,4.6c-0.7,1.8-1.1,3.7-1.1,5.8c0,2.1,0.4,4,1.1,5.8c0.8,1.8,1.8,3.3,3.2,4.6c1.4,1.3,3,2.3,4.9,3 c1.9,0.7,3.9,1.1,6.2,1.1c2.2,0,4.2-0.4,6-1.1c1.9-0.7,3.5-1.7,4.8-3c1.4-1.3,2.5-2.8,3.2-4.6c0.8-1.8,1.2-3.7,1.2-5.8 c0-2.1-0.4-4-1.2-5.8C127.5,293.5,126.4,291.9,125.1,290.6z M122.2,304.6c-0.4,1.1-1,2-1.8,2.8s-1.7,1.4-2.8,1.8 c-1,0.4-2.2,0.6-3.4,0.6c-1.3,0-2.4-0.2-3.5-0.6c-1.1-0.4-2-1-2.8-1.8c-0.8-0.8-1.4-1.7-1.8-2.8c-0.4-1.1-0.6-2.3-0.6-3.6 c0-1.3,0.2-2.5,0.6-3.6c0.5-1.1,1.1-2,1.9-2.8c0.8-0.8,1.7-1.4,2.8-1.8c1.1-0.4,2.2-0.6,3.5-0.6c1.3,0,2.4,0.2,3.5,0.6 c1.1,0.4,2,1,2.8,1.8c0.8,0.8,1.4,1.7,1.8,2.8c0.5,1.1,0.7,2.3,0.7,3.6S122.7,303.5,122.2,304.6z" />
<path class="st0"
d="M230.4,315h6.8l-12.5-28h-6.4l-12.5,28h6.6l2.5-6h13L230.4,315z M216.9,304.1l4.5-10.7l4.4,10.7H216.9z" />
<polygon class="st0" points="140.8,287 134.3,287 134.3,315 154.8,315 154.8,309.7 140.8,309.7 " />
<polygon class="st0" points="164.9,287 158.5,287 158.5,315 179,315 179,309.7 164.9,309.7 " />
</g>
</svg>
<img src="src/assets/DESLIZÁ.webp" alt="desliza" id="desliza-img">
</section>
<section id="video">
<article id="video-camara">
<img src="src/assets/camara-frames/introframes (1).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (2).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (3).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (4).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (5).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (6).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (7).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (8).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (9).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (10).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (11).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (12).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (13).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (14).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (15).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (16).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (17).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (18).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (19).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (20).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (21).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (22).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (23).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (24).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (25).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (26).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (27).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (28).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (29).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (30).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (31).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (32).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (33).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (34).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (35).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (36).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (37).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (38).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (39).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (40).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (41).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (42).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (43).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (44).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (45).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (46).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (47).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (48).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (49).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (50).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (51).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (52).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (53).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (54).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (55).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (56).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (57).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (58).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (59).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (60).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (61).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (62).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (63).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (64).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (65).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (66).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (67).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (68).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (69).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (70).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (71).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (72).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (73).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (74).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (75).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (76).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (77).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (78).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (79).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (80).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (81).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (82).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (83).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (84).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (85).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (86).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (87).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (88).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (89).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (90).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (91).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (92).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (93).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (94).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (95).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (96).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (97).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (98).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (99).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (100).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (101).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (102).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (103).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (104).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (105).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (106).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (107).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (108).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (109).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (110).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (111).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (112).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (113).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (114).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (115).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (116).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (117).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (118).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (119).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (120).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (121).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (122).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (123).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (124).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (125).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (126).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (127).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (128).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (129).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (130).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (131).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (132).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (133).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (134).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (135).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (136).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (137).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (138).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (139).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (140).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (141).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (142).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (143).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (144).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (145).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (146).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (147).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (148).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (149).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (150).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (151).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (152).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (153).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (154).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (155).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (156).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (157).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (158).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (159).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (160).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (161).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (162).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (163).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (164).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (165).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (166).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (167).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (168).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (169).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (170).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (171).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (172).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (173).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (174).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (175).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (176).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (177).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (178).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (179).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (180).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (181).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (182).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (183).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (184).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (185).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (186).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (187).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (188).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (189).webp" style="display: none;"><img
src="src/assets/camara-frames/introframes (190).webp" style="display: none;">
</article>
<article id="texto">
<p>TODO EMPIEZA</p>
<div class="spanIntroCtn">
<p>CON UNA</p>
<div class="spanCtn">
<span class="fill">I</span>
<span class="fill">D</span>
<span class="fill">E</span>
<span class="fill">A</span>
</div>
</div>
</article>
</section>
</section>
<!-- seccion portfolio -->
<section class="portfolio" id="portfolio">
<img class="sup-rodaje zoomed" src="src/assets/rodaje1_.webp" alt="rodaje superior zoomed" id="rodaje-zoomed"
loading="lazy">
<img class="sup-rodaje" src="src/assets/rodaje1_.webp" alt="rodaje superpuesto" id="rodaje-sup" loading="lazy">
<img class="bg-rodaje" src="src/assets/rodaje_fondo2.webp" alt="rodaje background" id="rodaje-bg" loading="lazy">
<div class="bg-overlay"></div>
<div class="txt-ctn-1">
<div class="txt-row">
<h2>Pero el verdadero desafío</h2>
<div class="dup-ctn">
<span id="first-letter">E</span>
<span>S</span>
<span class="spacer">_</span>
<span>D</span>
<span>A</span>
<span>R</span>
<span>L</span>
<span>E</span>
<span class="spacer">_</span>
<span>F</span>
<span>O</span>
<span>R</span>
<span>M</span>
<span>A</span>
</div>
</div>
</div>
<div class="txt-ctn-2">
<div class="txt-row">
<h2>Producimos emociones</h2>
<div class="dup-ctn">
<span>Q</span>
<span>U</span>
<span>E</span>
<span class="spacer">_</span>
<span>D</span>
<span>A</span>
<span>N</span>
<span class="spacer">_</span>
<div class="spaced-txt">
<span>R</span>
<span>E</span>
<span>S</span>
<span>U</span>
<span>L</span>
<span>T</span>
<span>A</span>
<span>D</span>
<span>O</span>
<span>S</span>
</div>
</div>
</div>
</div>
<div class="pf-accordion-outer">
<ol class="pf-accordion">
<fieldset>
<li id="eugenie" class="accordion-ctn">
<h2>Eugenie</h2>
<div class="desc-ctn">
<bold>Motion Graphics</bold>
</div>
<hr class="ctn-line">
</li>
</fieldset>
<fieldset>
<li id="delsud" class="accordion-ctn">
<h2>Desarrollos <br>Delsud</h2>
<div class="desc-ctn">
<bold>No te comas la cabeza</bold>
<hr class="desc-line">
</hr>
<p>Idea creativa & producción audiovisual</p>
</div>
<hr class="ctn-line">
</li>
</fieldset>
<fieldset>
<li id="flexy" class="accordion-ctn">
<h2>Flexy</h2>
<div class="desc-ctn">
<bold>Entrevistas Institucionales</bold>
</div>
<hr class="ctn-line">
</li>
</fieldset>
</ol>
<div class="video-ctn">
<div class="box-ctn">
<video src="src/assets/casos/previews/eugenie-preview.webm" muted autoplay loop
class="preview-video"></video>
<video src="src/assets/casos/previews/delsud-preview.webm" muted autoplay loop
class="preview-video"></video>
<video src="src/assets/casos/previews/flexy-preview.webm" muted autoplay loop class="preview-video"></video>
<svg class="logo-box" width="120" height="143" viewBox="0 0 120 143" fill="none"
xmlns="http://www.w3.org/2000/svg">
<g id="Layer_1" clip-path="#clip0_771_407">
<path id="Vector" d="M68.1133 65.198L69.9473 63.5947L68.1133 65.198Z" fill="white, #D1D821"
colors="white" />
<path id="Vector_2"
d="M113.938 38.0407C111.035 36.1703 108.047 35.3687 104.975 35.3565L111.266 5.74519C111.618 4.04479 111.047 2.34438 109.748 1.19053C108.448 0.0488338 106.699 -0.315539 105.047 0.243166L63.0596 14.393C59.8167 15.4861 57.9584 18.8262 58.7479 22.1662L66.7276 55.98C61.5535 59.4051 56.3187 62.4051 51.1446 64.0934C33.6791 69.7897 19.3835 67.8707 10.8815 58.7007C3.92198 51.1946 2.00295 39.4739 6.09607 29.5266C10.1649 19.6642 19.092 13.7249 30.594 13.2513C35.6467 13.0205 43.092 17.1622 46.2135 24.1824C50.1851 33.1217 46.3228 44.1865 35.3552 55.3606C34.59 56.1379 34.6021 57.3889 35.3795 58.1541C36.1568 58.9193 37.4078 58.9071 38.173 58.1298C54.6062 41.393 52.5293 28.6764 49.8208 22.5792C45.9706 13.9193 36.9584 9.03669 30.424 9.30389C17.3187 9.85045 7.11631 16.6764 2.4402 28.0205C-2.24806 39.3768 -0.025391 52.7857 7.95436 61.397C11.8896 65.6359 19.6143 71.2837 32.8653 71.2837C38.3673 71.2837 44.8288 70.312 52.3471 67.8586C58.3592 65.9031 64.2742 62.393 70.0799 58.482C70.1041 58.4699 70.1163 58.4577 70.1406 58.4456C72.7762 56.6723 75.3754 54.814 77.9624 52.9679C90.594 43.9436 102.521 35.4173 111.8 41.3808C115.699 43.8828 116.805 48.7533 115.59 51.8262C112.651 59.2472 106.371 63.7654 85.2013 61.7249C84.1203 61.6278 83.1487 62.4173 83.0394 63.4982C82.9301 64.5792 83.7317 65.5509 84.8127 65.6602C105.035 67.6156 115.019 64.0326 119.258 53.2837C121.092 48.6561 119.598 41.6966 113.926 38.0529L113.938 38.0407ZM100.833 35.8181C92.8774 37.4577 84.424 43.482 75.6669 49.7371C73.8693 51.0245 72.0475 52.3241 70.2256 53.5873L62.5981 21.2553C62.2823 19.9193 63.0232 18.5832 64.3228 18.146L93.8612 8.19863L91.3349 21.0731C91.1284 22.142 91.8207 23.1865 92.8896 23.393C93.0232 23.4173 93.1446 23.4294 93.2782 23.4294C94.2013 23.4294 95.0272 22.7735 95.2216 21.8383L98.1851 6.75329L106.323 4.00835C106.724 3.87474 107.015 4.05693 107.149 4.17839C107.282 4.29985 107.501 4.56705 107.416 4.95572L100.845 35.8302L100.833 35.8181Z"
stroke="white" colors="white, #D1D821" />
<path id="Vector_3" stroke="white"
d="M97.4075 113.004C97.4075 112.117 96.6788 111.425 95.7921 111.388C94.5897 111.34 94.2253 112.591 94.2253 112.615L89.2699 134.052C89.2334 134.186 89.0512 134.21 89.0148 134.077C87.3873 127.093 84.0836 112.688 81.5452 101.757C81.5452 101.72 81.5452 101.684 81.5695 101.648C81.9581 101.222 85.0674 97.7974 85.0674 97.7974C85.6626 97.1415 85.6261 96.1334 84.9703 95.5383C84.8974 95.4654 84.8124 95.4047 84.7274 95.3561C84.0836 94.9674 83.2456 95.0646 82.7233 95.6354L80.6707 97.931C79.3711 92.3439 78.3144 87.7771 77.8286 85.6881L77.61 84.765C77.61 84.765 77.5614 84.6921 77.5492 84.6557C77.4885 84.4613 77.3792 84.2791 77.2577 84.1334C77.197 84.0727 77.1484 84.0119 77.0877 83.9512C76.9298 83.8055 76.7233 83.6961 76.5047 83.6233C76.3468 83.5747 76.1889 83.5261 76.0067 83.5261C75.5695 83.5261 75.1808 83.7083 74.8893 83.9755L74.8043 84.0727L69.9946 89.1617L73.1768 63.437C73.2375 63.0362 72.9946 62.3804 72.8002 62.1374L72.7031 62.0281C72.4237 61.7488 72.0472 61.5787 71.6221 61.5544C71.0391 61.5302 70.3589 62.1132 70.4197 62.0646L60.7274 70.5909C60.4359 70.8581 60.2537 71.2225 60.2294 71.6233C60.2051 72.0241 60.3387 72.4128 60.5938 72.7042C60.861 73.0079 61.2253 73.1901 61.6261 73.2144C62.0391 73.2508 62.4156 73.1051 62.7071 72.8379L65.6707 70.2387C66.6302 71.8783 67.6626 73.3844 68.7436 74.7204C68.7678 74.7447 68.78 74.7812 68.7678 74.8176L66.533 92.9148C66.533 92.9876 66.5087 93.2306 66.5087 93.2913C66.5087 94.1658 67.2132 94.8702 68.0877 94.8702C68.1241 94.8702 68.1484 94.8581 68.1848 94.8459C68.5614 94.8217 68.9136 94.6759 69.1687 94.4208L75.2901 87.935L75.946 90.7407C77.027 95.3804 86.1848 134.66 87.7395 141.303L87.8731 141.692C88.0796 142.154 88.4561 142.518 88.9784 142.639C89.0998 142.664 89.2213 142.676 89.3427 142.676C90.0836 142.676 90.7638 142.166 90.9338 141.401L96.5087 117.073C96.5087 117.073 97.4318 113.004 97.4318 112.955L97.4075 113.004ZM69.7517 66.6435L69.2901 70.4208C68.7921 69.68 68.3427 68.9634 67.9298 68.2468L69.7517 66.6435Z"
colors="white, #D1D821s" />
</g>
<defs>
<clipPath id="clip0_771_407">
<rect width="120" height="142.725" fill="white" />
</clipPath>
</defs>
</svg>
<div class="vid-overlay"></div>
</div>
</div>
</div>
</section>
<!-- contenedor de las secciones finales -->
<section id="middle">
<!-- video calidad -->
<video src="" id="middleVidCtn"></video>
<!-- contenedor del texto que sigue al video de calidad -->
<section id="text-container">
<p class="text">Y ENCONTRAMOS JUNTOS,</p>
<p class="text" id="letter-ctn">
<span class="letter">L</span>
<span class="letter">A</span>
<span class="spacer">0</span>
<span class="letter">M</span>
<span class="letter">E</span>
<span class="letter">J</span>
<span class="letter">O</span>
<span class="letter">R</span>
<span class="spacer">0</span>
<span class="letter">F</span>
<span class="letter">O</span>
<span class="letter">R</span>
<span class="letter">M</span>
<span class="letter">A</span>
</p>
<p class="text">DE CONTARLA</p>
</section>
<!-- contenedor de la seccion de servicios -->
<section class="accordion">
<div class="acc-borders"></div>
<div id='parent'>
<div class='child'>
<div class="title-ctn">
<h1>01.</h1>
<h2>Producción</h2>
</div>
<div class="text-ctn">
<ol>
<li>Videos Comerciales y Spots Publicitarios</li>
<li>Videos Musicales</li>
<li>Edición de Video y Postproducción</li>
<li>Servicios de Dirección de Arte</li>
<li>Subtitulación y Localización</li>
<li>Realización de Eventos y Fotografía</li>
<li>Cobertura de Eventos y Fotografía</li>
<li>Producción de Webinars</li>
</ol>
</div>
<button class="expand">
<img src="src/assets/expand.webp" alt="open button" class="btn-img">
</button>
</div>
<div class='child'>
<div class="title-ctn">
<h1>02.</h1>
<h2>Video</h2>
</div>
<button class="expand">
<img src="src/assets/expand.webp" alt="open button" class="btn-img">
</button>
<div class="text-ctn">
<ol>
<li>Videos Institucionales y Corporativos</li>
<li>Videos de Contenido</li>
<li>Videos Promocionales para Lanzamientos</li>
<li>Videos Testimoniales</li>
<li>Videos Animados y Motion Graphics (Infografías)</li>
<li>Videos para Redes Sociales</li>
<li>Videos de Eventos en Vivo</li>
</ol>
<ol>
<li>Videos de Capacitación</li>
<li>Videos de Turismo</li>
<li>Videos de Entrevistas</li>
<li>Video 360°</li>
<li>Videos de Salud y Bienestar</li>
<li>Videos de Ciencia y Tecnología</li>
<li>Realidad Virtual (VR) y Realidad Aumentada (AR)</li>
</ol>
</div>
</div>
<div class='child'>
<div class="title-ctn">
<h1>03.</h1>
<h2>Fotografía</h2>
</div>
<button class="expand">
<img src="src/assets/expand.webp" alt="open button" class="btn-img">
</button>
<div class="text-ctn">
<ol>
<li>Fotografía de Producto</li>
<li>Fotografía de Alimentos</li>
<li>Fotografía de Arquitectura</li>
<li>Fotografía de Retrato Profesional</li>
<li>Fotografía de Moda</li>
<li>Fotografía e Imágenes Aérea</li>
<li>Fotografía de Naturaleza y Paisajes</li>
<li>Fotografía de Producto en 360°</li>
</ol>
</div>
</div>
</div>
</section>
<!-- video de fondo para todas las secciones siguientes -->
<video class="bg-video" autoplay muted loop>
<source src="src/assets/fondo_tarjetas_azul-v.webm" id="bg-video" type="video/webm">
</video>
<!-- video tiempo -->
<section id="video-tiempo">
<div id="count-ctn">
<div id="countdown-timer"></div>
</div>
<video src="src/assets/video-tiempo.webm" id="tiempoVidCtn" autoplay muted loop></video>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 1920 1080" style="enable-background:new 0 0 1920 1080;" xml:space="preserve" id="elementos-desk">
<style type="text/css">
.st0 {
fill: none;
stroke: #FFFFFF;
stroke-width: 5;
stroke-miterlimit: 10;
}
.st1 {
fill: #B51700;
}
.st2 {
fill: #FCFCFC;
}
.st3 {
font-family: 'Raleway-SemiBold';
}
.st4 {
font-size: 56.5531px;
}
.st5 {
opacity: 0.5;
}
.st6 {
fill: none;
stroke: #FFFFFF;
stroke-width: 2;
stroke-miterlimit: 10;
}
.st7 {
fill: #8AC73C;
}
.st8 {
fill: #FFFFFF;
}
.st9 {
font-family: 'Montserrat-Medium';
}
.st10 {
font-size: 29.5898px;
}
.st11 {
font-size: 34.8476px;
}
</style>
<g>
<g>
<g>
<polyline class="st0" points="168.5,777.9 168.5,1041.1 429.5,1041.1 " />
<polyline class="st0" points="429.5,143.8 168.5,143.8 168.5,398.3 " />
</g>
<g>
<polyline class="st0" points="1751.5,777.9 1751.5,1041.1 1490.5,1041.1 " />
<polyline class="st0" points="1490.5,143.8 1751.5,143.8 1751.5,398.3 " />
</g>
</g>
<g>
<circle class="st1" cx="216.1" cy="197.2" r="16.3" />
<text transform="matrix(1 0 0 1 241.3359 215.9043)" class="st2 st3 st4">REC</text>
</g>
<g class="st5">
<g>
<g>
<polyline class="st0" points="651.1,663.9 651.1,765.4 751.7,765.4 " />
<polyline class="st0" points="751.7,419.5 651.1,419.5 651.1,517.6 " />
</g>
<g>
<polyline class="st0" points="1261.5,663.9 1261.5,765.4 1160.8,765.4 " />
<polyline class="st0" points="1160.8,419.5 1261.5,419.5 1261.5,517.6 " />
</g>
</g>
<g>
<line class="st0" x1="954.9" y1="567.4" x2="954.9" y2="613.5" />
<line class="st0" x1="977.9" y1="590.4" x2="931.9" y2="590.4" />
</g>
</g>
<g>
<g>
<path class="st6" d="M1640.2,218.5h-84.6c-4.3,0-7.8-3.5-7.8-7.8v-25.1c0-4.3,3.5-7.8,7.8-7.8h84.6c4.3,0,7.8,3.5,7.8,7.8v25.1
C1648,215,1644.5,218.5,1640.2,218.5z" />
<path class="st6" d="M1640.2,218.5h-84.6c-4.3,0-7.8-3.5-7.8-7.8v-25.1c0-4.3,3.5-7.8,7.8-7.8h84.6c4.3,0,7.8,3.5,7.8,7.8v25.1
C1648,215,1644.5,218.5,1640.2,218.5z" />
<path class="st6" d="M1546.5,210.1h-3.6c-3.1,0-5.7-2.5-5.7-5.7v-12.5c0-3.1,2.5-5.7,5.7-5.7h3.6" />
<g>
<polygon class="st7" points="1592.1,181.2 1606.2,215 1627.7,215 1613.6,181.2 " />
<path class="st7"
d="M1556.9,181.2c-3.4,0-6.2,2.8-6.2,6.2v21.4c0,3.4,2.8,6.2,6.2,6.2h21.7l-14.1-33.8H1556.9z" />
<polygon class="st7" points="1567.5,181.2 1581.6,215 1603.2,215 1589.1,181.2 " />
<path class="st7"
d="M1639.1,181.2h-22.4l14.1,33.8h8.3c3.4,0,6.2-2.8,6.2-6.2v-21.4C1645.3,184,1642.5,181.2,1639.1,181.2z" />
<polygon class="st8" points="1564.5,181.2 1578.6,215 1581.6,215 1567.5,181.2 " />
<polygon class="st8" points="1589.1,181.2 1603.2,215 1606.2,215 1592.1,181.2 " />
<polygon class="st8" points="1613.6,181.2 1627.7,215 1630.7,215 1616.6,181.2 " />
</g>
</g>
<text transform="matrix(1 0 0 1 1663.5439 206.9136)" class="st8 st9 st10">99%</text>
</g>
<g>
<g>
<path class="st8"
d="M1271.9,188.5h-3.5v18.1h2.9c6,0,9-3,9-9.1C1280.2,191.5,1277.5,188.5,1271.9,188.5z" />
<path class="st8" d="M1226,174.5v47.3h69.5v-47.3H1226z M1257.7,210h-4.1v-11.2h-11.5V210h-4.1v-24.9h4.1v10.2h11.5v-10.2h4.1
V210z M1281.1,206.8c-2.3,2.2-5.6,3.3-9.9,3.3h-7v-24.9h7.7c4,0,7,1.1,9.2,3.2c2.2,2.1,3.3,5.1,3.3,9
C1284.5,201.4,1283.4,204.6,1281.1,206.8z" />
</g>
<rect x="1313.6" y="174.5" class="st6" width="69.5" height="47.3" />
<text transform="matrix(1 0 0 1 1325.2314 210.0142)" class="st8 st9 st11">4K</text>
</g>
<text transform="matrix(1 0 0 1 1398.6514 208.1592)" class="st8 st9 st11">25FPS</text>
</g>
</svg>
<img src="src/assets/camara_elementos_v.webp" alt="elementos de la camara" id="elementos-mob" loading="lazy">
<section id="text-container-2">
<p class="text">DENTRO DE NUESTRO</p>
<p class="text">UNIVERSO CREATIVO,</p>
<p class="text">EL COMPROMISO ES</p>
<p class="text" id="letter-ctn">
<span class="letter">C</span>
<span class="letter">O</span>
<span class="letter">N</span>
<span class="spacer">_</span>
<span class="letter">T</span>
<span class="letter">U</span>
<span class="spacer">_</span>
<span class="letter">T</span>
<span class="letter">I</span>
<span class="letter">E</span>
<span class="letter">M</span>
<span class="letter">P</span>
<span class="letter">O</span>
</p>
</section>
</section>
<!-- texto del video de tiempo -->
<section id="txt-container-2">
</section>
<!-- contenedor de la seccion de clientes + seccion final -->
<section class="flipLogoContainer">
<svg width="120" height="143" id="svgOutro" viewBox="0 0 120 143" xmlns="http://www.w3.org/2000/svg">
<g id="Layer_1" clip-path="url(#clip0_771_407)">
<path class="path" d="M68.1133 65.198L69.9473 63.5947L68.1133 65.198Z" />
<path class="path"
d="M113.938 38.0407C111.035 36.1703 108.047 35.3687 104.975 35.3565L111.266 5.74519C111.618 4.04479 111.047 2.34438 109.748 1.19053C108.448 0.0488338 106.699 -0.315539 105.047 0.243166L63.0596 14.393C59.8167 15.4861 57.9584 18.8262 58.7479 22.1662L66.7276 55.98C61.5535 59.4051 56.3187 62.4051 51.1446 64.0934C33.6791 69.7897 19.3835 67.8707 10.8815 58.7007C3.92198 51.1946 2.00295 39.4739 6.09607 29.5266C10.1649 19.6642 19.092 13.7249 30.594 13.2513C35.6467 13.0205 43.092 17.1622 46.2135 24.1824C50.1851 33.1217 46.3228 44.1865 35.3552 55.3606C34.59 56.1379 34.6021 57.3889 35.3795 58.1541C36.1568 58.9193 37.4078 58.9071 38.173 58.1298C54.6062 41.393 52.5293 28.6764 49.8208 22.5792C45.9706 13.9193 36.9584 9.03669 30.424 9.30389C17.3187 9.85045 7.11631 16.6764 2.4402 28.0205C-2.24806 39.3768 -0.025391 52.7857 7.95436 61.397C11.8896 65.6359 19.6143 71.2837 32.8653 71.2837C38.3673 71.2837 44.8288 70.312 52.3471 67.8586C58.3592 65.9031 64.2742 62.393 70.0799 58.482C70.1041 58.4699 70.1163 58.4577 70.1406 58.4456C72.7762 56.6723 75.3754 54.814 77.9624 52.9679C90.594 43.9436 102.521 35.4173 111.8 41.3808C115.699 43.8828 116.805 48.7533 115.59 51.8262C112.651 59.2472 106.371 63.7654 85.2013 61.7249C84.1203 61.6278 83.1487 62.4173 83.0394 63.4982C82.9301 64.5792 83.7317 65.5509 84.8127 65.6602C105.035 67.6156 115.019 64.0326 119.258 53.2837C121.092 48.6561 119.598 41.6966 113.926 38.0529L113.938 38.0407ZM100.833 35.8181C92.8774 37.4577 84.424 43.482 75.6669 49.7371C73.8693 51.0245 72.0475 52.3241 70.2256 53.5873L62.5981 21.2553C62.2823 19.9193 63.0232 18.5832 64.3228 18.146L93.8612 8.19863L91.3349 21.0731C91.1284 22.142 91.8207 23.1865 92.8896 23.393C93.0232 23.4173 93.1446 23.4294 93.2782 23.4294C94.2013 23.4294 95.0272 22.7735 95.2216 21.8383L98.1851 6.75329L106.323 4.00835C106.724 3.87474 107.015 4.05693 107.149 4.17839C107.282 4.29985 107.501 4.56705 107.416 4.95572L100.845 35.8302L100.833 35.8181Z" />
<path class="path"
d="M97.4075 113.004C97.4075 112.117 96.6788 111.425 95.7921 111.388C94.5897 111.34 94.2253 112.591 94.2253 112.615L89.2699 134.052C89.2334 134.186 89.0512 134.21 89.0148 134.077C87.3873 127.093 84.0836 112.688 81.5452 101.757C81.5452 101.72 81.5452 101.684 81.5695 101.648C81.9581 101.222 85.0674 97.7974 85.0674 97.7974C85.6626 97.1415 85.6261 96.1334 84.9703 95.5383C84.8974 95.4654 84.8124 95.4047 84.7274 95.3561C84.0836 94.9674 83.2456 95.0646 82.7233 95.6354L80.6707 97.931C79.3711 92.3439 78.3144 87.7771 77.8286 85.6881L77.61 84.765C77.61 84.765 77.5614 84.6921 77.5492 84.6557C77.4885 84.4613 77.3792 84.2791 77.2577 84.1334C77.197 84.0727 77.1484 84.0119 77.0877 83.9512C76.9298 83.8055 76.7233 83.6961 76.5047 83.6233C76.3468 83.5747 76.1889 83.5261 76.0067 83.5261C75.5695 83.5261 75.1808 83.7083 74.8893 83.9755L74.8043 84.0727L69.9946 89.1617L73.1768 63.437C73.2375 63.0362 72.9946 62.3804 72.8002 62.1374L72.7031 62.0281C72.4237 61.7488 72.0472 61.5787 71.6221 61.5544C71.0391 61.5302 70.3589 62.1132 70.4197 62.0646L60.7274 70.5909C60.4359 70.8581 60.2537 71.2225 60.2294 71.6233C60.2051 72.0241 60.3387 72.4128 60.5938 72.7042C60.861 73.0079 61.2253 73.1901 61.6261 73.2144C62.0391 73.2508 62.4156 73.1051 62.7071 72.8379L65.6707 70.2387C66.6302 71.8783 67.6626 73.3844 68.7436 74.7204C68.7678 74.7447 68.78 74.7812 68.7678 74.8176L66.533 92.9148C66.533 92.9876 66.5087 93.2306 66.5087 93.2913C66.5087 94.1658 67.2132 94.8702 68.0877 94.8702C68.1241 94.8702 68.1484 94.8581 68.1848 94.8459C68.5614 94.8217 68.9136 94.6759 69.1687 94.4208L75.2901 87.935L75.946 90.7407C77.027 95.3804 86.1848 134.66 87.7395 141.303L87.8731 141.692C88.0796 142.154 88.4561 142.518 88.9784 142.639C89.0998 142.664 89.2213 142.676 89.3427 142.676C90.0836 142.676 90.7638 142.166 90.9338 141.401L96.5087 117.073C96.5087 117.073 97.4318 113.004 97.4318 112.955L97.4075 113.004ZM69.7517 66.6435L69.2901 70.4208C68.7921 69.68 68.3427 68.9634 67.9298 68.2468L69.7517 66.6435Z" />
</g>
<defs>
<clipPath id="clip0_771_407">
<rect width="120" height="142.725" />
</clipPath>
</defs>
</svg>
<div id="textAllCtn">
<p class="textPostC" id="p1_postC">¿QUERÉS DARLE UN</p>
<p class="letter-container">
<span class="spacerSpan">_</span>
<span class="charSpan">G</span>
<span class="charSpan">I</span>
<span class="charSpan">R</span>
<span class="charSpan">O</span>
<span class="spacerSpan">_</span>
<span class="charSpan">A</span>
<span class="spacerSpan">_</span>
<span class="charSpan">T</span>
<span class="charSpan">U</span>
<span class="spacerSpan">_</span>
<span class="charSpan">M</span>
<span class="charSpan">A</span>
<span class="charSpan">R</span>
<span class="charSpan">C</span>
<span class="charSpan">A</span>
<span class="charSpan">?</span>
</p>
</div>
<div class="subTextContainer" id="subTextContainer">
<div class="socialContainer">
<div class="svgSocial" id="svgLinkedIn">
<a href="https://www.linkedin.com/company/agenciaharrison/about/" target="_blank"
rel="noopener noreferrer" class="svgInner"></a>
</div>
<div class="svgSocial" id="svgMail">
<a href="mailto:hola@agenciaharrison.com.ar" target="_blank" rel="noopener noreferrer"
class="svgInner"></a>
</div>
<div class="svgSocial" id="svgInstagram">
<a href="https://www.instagram.com/harrisonagencia/" target="_blank" rel="noopener noreferrer"
class="svgInner"></a>
</div>
<div class="svgSocial" id="svgWhatsapp">
<a href="https://wa.me/5492216747175" target="_blank" rel="noopener noreferrer" class="svgInner"></a>
</div>
</div>
<div class="textEndCtn" id="textEndCtn">
<span class="charSpan2">H</span>
<span class="charSpan2">A</span>
<span class="charSpan2">C</span>
<span class="charSpan2">É</span>
<span class="spacerSpan2">_</span>
<span class="charSpan2">Q</span>
<span class="charSpan2">U</span>
<span class="charSpan2">E</span>
<span class="spacerSpan2">_</span>
<span class="charSpan2">L</span>
<span class="charSpan2">A</span>
<span class="spacerSpan2">_</span>
<span class="charSpan2">P</span>
<span class="charSpan2">R</span>
<span class="charSpan2">I</span>
<span class="charSpan2">M</span>
<span class="charSpan2">E</span>
<span class="charSpan2">R</span>
<span class="charSpan2">A</span>
<span class="spacerSpan2">_</span>
<span class="charSpan2">I</span>
<span class="charSpan2">M</span>
<span class="charSpan2">P</span>
<span class="charSpan2">R</span>
<span class="charSpan2">E</span>
<span class="charSpan2">S</span>
<span class="charSpan2">I</span>
<span class="charSpan2">Ó</span>
<span class="charSpan2">N</span>
<span class="spacerSpan2">_</span>
<span class="charSpan2">C</span>
<span class="charSpan2">U</span>
<span class="charSpan2">E</span>
<span class="charSpan2">N</span>
<span class="charSpan2">T</span>
<span class="charSpan2">E</span>
</div>
</div>
</section>
<!-- contenedor del boton para subir arriba del todo en version mobile -->
<section id="subir">
<button id="subirbtn">
<svg width="46" height="65" viewBox="0 0 46 65" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M22.5352 44.9444C10.1008 44.9444 0 34.8718 0 22.4722C0 10.0725 10.1008 0 22.5352 0C34.9697 0 45.0704 10.0725 45.0704 22.4722C45.0704 34.8718 34.9697 44.9444 22.5352 44.9444ZM22.5352 1.77646C11.0984 1.77646 1.78144 11.0673 1.78144 22.4722C1.78144 33.877 11.0984 43.1679 22.5352 43.1679C33.9721 43.1679 43.289 33.877 43.289 22.4722C43.289 11.0673 33.9721 1.77646 22.5352 1.77646Z"
fill="white" />
<path class="swipe"
d="M22.2851 22.4174C22.7127 22.4174 23.1224 22.5773 23.4252 22.8793L29.6781 29.1324C30.0344 29.4877 30.0344 30.0384 29.6781 30.3937C29.3218 30.749 28.7696 30.749 28.4133 30.3937L22.2673 24.2649L16.1213 30.3937C15.7651 30.749 15.2128 30.749 14.8565 30.3937C14.5002 30.0384 14.5002 29.4877 14.8565 29.1324L21.1272 22.8793C21.4478 22.5773 21.8576 22.4174 22.2851 22.4174Z"
fill="white" />
<path class="swipe"
d="M22.2868 14.4233C22.7144 14.4233 23.1241 14.5831 23.427 14.8851L29.6976 21.1383C30.0539 21.4936 30.0539 22.0443 29.6976 22.3995C29.3413 22.7548 28.7891 22.7548 28.4328 22.3995L22.2868 16.2708L16.1409 22.3995C15.7846 22.7548 15.2323 22.7548 14.876 22.3995C14.5198 22.0443 14.5198 21.4936 14.876 21.1383L21.1467 14.8851C21.4496 14.5831 21.8593 14.4233 22.2868 14.4233Z"
fill="white" />
<path
d="M7.63779 61.6588C6.31948 61.6588 4.9899 61.332 4.20117 60.8475L5.0575 58.9095C5.80117 59.3489 6.79272 59.6306 7.66032 59.6306C8.41525 59.6306 8.68567 59.4729 8.68567 59.2025C8.68567 58.2109 4.32511 59.0109 4.32511 56.0701C4.32511 54.6053 5.55328 53.4109 7.99835 53.4109C9.0575 53.4109 10.1505 53.6363 10.973 54.0982L10.173 56.025C9.39553 55.6306 8.66314 55.4391 7.97581 55.4391C7.19835 55.4391 6.95046 55.6644 6.95046 55.9349C6.95046 56.8813 11.311 56.0926 11.311 58.9996C11.311 60.4419 10.0829 61.6588 7.63779 61.6588ZM15.877 61.6588C13.4544 61.6588 12.0347 60.2954 12.0347 57.9292V53.5912H14.6939V57.8503C14.6939 59.056 15.1558 59.5067 15.8995 59.5067C16.6432 59.5067 17.1051 59.056 17.1051 57.8503V53.5912H19.7192V57.9292C19.7192 60.2954 18.2995 61.6588 15.877 61.6588ZM27.248 57.3546C28.1719 57.6926 28.7128 58.3687 28.7128 59.3039C28.7128 60.6785 27.5522 61.4785 25.3776 61.4785H20.9381V53.5912H25.1522C27.3269 53.5912 28.341 54.4588 28.341 55.6532C28.341 56.3856 27.9691 56.994 27.248 57.3546ZM24.7917 55.4503H23.5522V56.6222H24.7917C25.3888 56.6222 25.6593 56.4194 25.6593 56.0363C25.6593 55.6532 25.3888 55.4503 24.7917 55.4503ZM25.1522 59.6194C25.7381 59.6194 26.0311 59.4053 26.0311 58.9996C26.0311 58.594 25.7381 58.3799 25.1522 58.3799H23.5522V59.6194H25.1522ZM29.6529 61.4785V53.5912H32.3121V61.4785H29.6529ZM38.3133 61.4785L36.9725 59.4954H36.2513V61.4785H33.5922V53.5912H37.3894C39.5866 53.5912 40.9837 54.7405 40.9837 56.5658C40.9837 57.7039 40.4429 58.5602 39.4964 59.0447L41.1528 61.4785H38.3133ZM38.302 56.5658C38.302 55.9912 37.9528 55.6419 37.2204 55.6419H36.2513V57.4898H37.2204C37.9528 57.4898 38.302 57.1405 38.302 56.5658Z"
fill="white" />
</svg>
</button>
</section>
</section>
</main>
<!-- import de los assets externos -->
<!-- lenis.js -->
<script src="https://cdn.jsdelivr.net/gh/studio-freight/lenis@1.0.29/bundled/lenis.min.js"></script>
<!-- Sweet Alert para version mobile -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<!-- GSAP -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.4/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.4/ScrollTrigger.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.4/ScrollToPlugin.min.js"></script>
<!-- <script src="src/index.js" defer></script> -->
<script src="src/bundle.js" defer></script>
</body>
</html>