PageSourceSearch

https://pumasdelsur.org.ar/blog

html pumasdelsur.org.ar collected 2026-10-05 22:03:58 UTC 80,798 bytes, 1,985 lines download raw bytes

1<!DOCTYPE html>
2<html lang="es" prefix="http://ogp.me/ns#" itemscope itemtype="http://schema.org/WebPage">
3
4<head>
5
6            <link rel="canonical" href="https://pumasdelsur.org.ar/blog">
7            
8    
9    <!-- Meta tags -->
10    <title>BLOG </title>
11<meta name="description" content="blog"/>
12<meta name="keywords" content=""/>
13<meta name="Language" content="es"/>
14<meta name="Distribution" content="Global"/>
15<meta name="robots" content="index, follow">
16<meta charset="utf-8">
17<meta name="viewport" content="width=device-width, initial-scale=1">
18<meta name="google-site-verification" content="9OjDGP-gnfVsatvfLEfTZjWdrynzlI03qJ9faKZddsc" />
19<meta name="format-detection" content="telephone=no">
20
21    <!-- Meta tags cache -->
22    <meta http-equiv="Expires" content="0">
23
24<meta http-equiv="Last-Modified" content="0">
25
26<meta http-equiv="Cache-Control" content="no-cache, mustrevalidate">
27
28<meta http-equiv="Pragma" content="no-cache">
29    <!-- Social Tags -->
30    <!-- Twitter Card data -->
31<meta name="twitter:card" content="summary">
32<meta name="twitter:site" content="@">
33<meta name="twitter:title" content="BLOG ">
34<meta name="twitter:description" content="blog">
35<meta name="twitter:creator" content="@">
36
37<!-- Social image -->
38<meta name="twitter:image" content="https://ss-cnt-001c.esmsv.com/r/content/host2/763805f5812b2e6c47626804090c4c1a/img/logo.png">
39
40<!-- Open Graph data -->
41<meta property="og:title" content="BLOG " />
42<meta property="og:type" content="website" />
43
44<meta property="og:url" content="https://pumasdelsur.org.ar/blog" />
45
46<meta property="og:image" content="https://ss-cnt-001c.esmsv.com/r/content/host2/763805f5812b2e6c47626804090c4c1a/img/logo.png" />
47<meta property="og:image:width" content="984" />
48<meta property="og:image:height" content="1187" />
49
50<meta property="og:description" content="blog" />
51<meta property="og:site_name" content="Asociación Civil Pumas del Sur" />
52
53    <!-- generics -->
54            <link rel="icon" href="https://ss-cnt-001c.esmsv.com/r/content/host2/763805f5812b2e6c47626804090c4c1a/favicon/icon-32.png" sizes="32x32">
55            <link rel="icon" href="https://ss-cnt-001c.esmsv.com/r/content/host2/763805f5812b2e6c47626804090c4c1a/favicon/icon-57.png" sizes="57x57">
56            <link rel="icon" href="https://ss-cnt-001c.esmsv.com/r/content/host2/763805f5812b2e6c47626804090c4c1a/favicon/icon-76.png" sizes="76x76">
57            <link rel="icon" href="https://ss-cnt-001c.esmsv.com/r/content/host2/763805f5812b2e6c47626804090c4c1a/favicon/icon-96.png" sizes="96x96">
58            <link rel="icon" href="https://ss-cnt-001c.esmsv.com/r/content/host2/763805f5812b2e6c47626804090c4c1a/favicon/icon-128.png" sizes="128x128">
59            <link rel="icon" href="https://ss-cnt-001c.esmsv.com/r/content/host2/763805f5812b2e6c47626804090c4c1a/favicon/icon-192.png" sizes="192x192">
60            <link rel="icon" href="https://ss-cnt-001c.esmsv.com/r/content/host2/763805f5812b2e6c47626804090c4c1a/favicon/icon-228.png" sizes="228x228">
61    
62     <!-- Android -->    
63            <link rel="shortcut icon" href="https://ss-cnt-001c.esmsv.com/r/content/host2/763805f5812b2e6c47626804090c4c1a/favicon/icon-196.png" sizes="196x196">
64    
65    <!-- iOS -->
66            <link rel="apple-touch-icon" href="https://ss-cnt-001c.esmsv.com/r/content/host2/763805f5812b2e6c47626804090c4c1a/favicon/icon-120.png" sizes="120x120">
67            <link rel="apple-touch-icon" href="https://ss-cnt-001c.esmsv.com/r/content/host2/763805f5812b2e6c47626804090c4c1a/favicon/icon-152.png" sizes="152x152">
68            <link rel="apple-touch-icon" href="https://ss-cnt-001c.esmsv.com/r/content/host2/763805f5812b2e6c47626804090c4c1a/favicon/icon-180.png" sizes="180x180">
69    
70<!-- Windows 8  IE 10 -->
71<meta name="msapplication-TileColor" content="#FFFFFF">
72<meta name="msapplication-TileImage" content="https://ss-cnt-001c.esmsv.com/r/content/host2/763805f5812b2e6c47626804090c4c1a/favicon/https://ss-cnt-001c.esmsv.com/r/content/host2/763805f5812b2e6c47626804090c4c1a/favicon/icon-144.png">
73
74<!-- Windows 8.1 + IE11 and above -->
75<meta name="msapplication-config" content="https://ss-cnt-001c.esmsv.com/r/content/host2/763805f5812b2e6c47626804090c4c1a/favicon/browserconfig.xml" />
76
77    
78    <link rel="preconnect" href="https://fonts.googleapis.com">
79    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
80
81    <!-- Theme CSS -->
82    <style>
83        
84
85        :root {
86            
87        }
88    </style>
89
90            <link href="https://ss-cnt-001c.esmsv.com/r/content/host2/763805f5812b2e6c47626804090c4c1a/css/sXxdeBdoHK.css" rel="stylesheet">
91    
92    <link href="https://ss-static-001c.esmsv.com/styles/general/sr-core.min.css" media="print" onload="this.media='all'" rel="stylesheet">
93    <link href="https://ss-static-001c.esmsv.com/styles/general/components-kit.min.css" media="print" onload="this.media='all'" rel="stylesheet">
94    <link href="https://ss-static-001c.esmsv.com/styles/general/sections.min.css" media="print" onload="this.media='all'" rel="stylesheet">
95
96            <link href="https://ss-cnt-001c.esmsv.com/r/content/host2/763805f5812b2e6c47626804090c4c1a/css/style.css" media="print" onload="this.media='all'" rel="stylesheet">
97    
98    <!-- ID json -->
99  
99<script type="application/ld+json">
100      [{"@context":"https://schema.org","@type":"Organization","name":"Asociación Civil Pumas del Sur","email":"[email protected]","url":"https://pumasdelsur.org.ar","logo":"https://ss-cnt-001c.esmsv.com/r/content/host2/763805f5812b2e6c47626804090c4c1a/img/logo.png","sameAs":["http://facebook.com/AsociacionCivilPumasdelSur","http://instagram.com/pumassur"],"contactPoint":[{"@type":"ContactPoint","telephone":"Jardín: 21138474 / Pumas: 20856105","contactType":"Customer Support","availableLanguage":["Español"]},{"@type":"ContactPoint","contactType":"WhatsApp Support","availableLanguage":["Español"]}]},{"@context":"https://schema.org","@type":"WebSite","url":"https://pumasdelsur.org.ar","potentialAction":{"@type":"SearchAction","target":"https://pumasdelsur.org.ar/aranceles?q={search_term_string}","query-input":"required name=search_term_string"}},{"@context":"https://schema.org","@type":"CollectionPage","name":"Blog","url":"https://pumasdelsur.org.ar/es-ar/blog","inLanguage":"es-ar","publisher":{"@type":"Organization","name":"Asociación Civil Pumas del Sur","logo":{"@type":"ImageObject","url":"https://ss-cnt-001c.esmsv.com/r/content/host2/763805f5812b2e6c47626804090c4c1a/img/logo.png"}}}]  </script>
100
101
102    
103    
104    
105    
106    
107    <!-- Pages style -->
108    <style>
109main {
110    margin-top: var(--menu-height);
111}
112.navbar:not([data-overlay="true"]) {
113    transition: top .5s, transform 0.5s;
114    box-shadow: 0px 0px 15px rgba(0,0,0,.5);
115}
116.navbar .navbar-collapse {
117    transition: all .5s;
118}
119footer .contact-data a span {
120    margin-bottom: 6px;
121}
122footer .social-icons a {
123    transition: all .3s;
124}
125footer .social-icons a:hover {
126    opacity: 0.6;
127}
128footer .social-icons a i {
129    font-size: 28px;
130}
131
132.scroll-spa {
133    scroll-margin-top: var(--menu-height);
134}
135
136.grecaptcha-badge {visibility: hidden;}
137
138.nav-link{
139    opacity: 1;
140    transition: .2s;
141}
142
143.nav-link:hover{
144    opacity: 0.8;
145}
146
147
148</style>
149
150    
151    
152    <!-- livewire -->
153    <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
154</head>
155
156<body>
157        
158    <!-- ======= Header ======= -->
159        <header>
160        <nav id="ss-header" data-behavior="fixed" data-overlay="false" class="navbar navbar-expand-lg navbar-dark fixed-top p-0 d-flex flex-wrap align-items-center justify-content-between w-100 text-uppercase">
161    
162    <div class="ss-desktop w-100 p-0">
163                    <div
164                id="ss-row-1"
165                class="header-row w-100"
166                style="
167                    display: block;
168                    background-color: rgba(0,0,0,0);
169                    color: #464133;
170                    padding: 10px 0;
171                "
172            >
173                <div
174                    class="header-row-content container px-4"
175                    style="
176                        display: grid;
177                        grid-template-columns: 12fr;
178                    "
179                >
180                                    <div
181                        id="ss-column-1"
182                        class="header-column h-100 ssc-flex ssc-flex-row ssc-align-center ssc-justify-start"
183                        style="gap: ;"
184                    >
185                                                                                        <div
186    id="ss-logo"
187    style="
188        display: flex;
189        flex-direction: row;
190        align-items: center;
191        gap: 10px;
192    "
193>
194            <a href="/" style="text-decoration: none;">
195            <img 
196                src="https://ss-cnt-001c.esmsv.com/r/content/host2/763805f5812b2e6c47626804090c4c1a/img/logo.png"
197                alt="Asociación Civil Pumas del Sur"
198                class="logo-header"
199                style="
200                    max-height: 120px;
201                    height: 60px;
202                "
203            >
204        </a>
205    
206            <div>
207                            <h3 class="h3 m-0 ">
208                    <a href="/" style="color: #000; text-decoration: none;">
209                        Asociación Civil Pumas del Sur
210                    </a>
211                </h3>
212                                                            <p class="h6" style="color: #000">
213                        Centro de Ayuda Integral a la Niñez y Adolescencia
214                    </p>
215                                    </div>
216    </div>
217
218<style>
219    #ss-logo .ss-logo-sm > a { font-size: 1rem; }
220
221    @media(max-width: 991px) {
222        #ss-logo .logo-header {
223            max-width: 150px;
224            max-height: 60px;
225            object-fit: contain;
226        }
227    }
228</style>                                                                                </div>
229                                </div>
230            </div>
231                    <div
232                id="ss-row-2"
233                class="header-row w-100"
234                style="
235                    display: block;
236                    background-color: #fcfcfc;
237                    color: #080707;
238                    padding: 0px 0;
239                "
240            >
241                <div
242                    class="header-row-content container px-4"
243                    style="
244                        display: grid;
245                        grid-template-columns: 9fr 3fr;
246                    "
247                >
248                                    <div
249                        id="ss-column-1"
250                        class="header-column h-100 ssc-flex ssc-flex-row ssc-align-center ssc-justify-start"
251                        style="gap: ;"
252                    >
253                                                                                        <div id="ss-menu" class="nav-scroll">
254    <div class="d-lg-flex align-items-center justify-content-center">
255        <ul class="d-flex flex-column flex-lg-row flex-wrap align-items-center justify-content-center text-center list-unstyled mb-0"
256            id="ss-menu-list"
257            style="gap: 0px;"
258        >
259                            <li class="nav-item ">
260        <a 
261            href="/bienvenido"
262            class="ss-menu-item "
263            dusk="navbar-page-/bienvenido"
264            
265            
266        >
267            Bienvenido
268        </a>
269
270            </li>
271                            <li class="nav-item">
272        <div class="ss-menu-item ss-menu-split-layout">
273            <a href="/organizacion" dusk="navbar-page-/organizacion" class="ss-menu-split-link" >
274                Organización
275            </a>
276            <button class="dropdown-toggle ss-menu-split-button" data-bs-toggle="dropdown"></button>
277            <ul class="dropdown-menu ss-menu-split-dropdown">
278                                    <li>
279                        <a href="/jardin-de-infantes" class="dropdown-item" >
280                            Jardín de Infantes
281                        </a>
282                    </li>
283                                    <li>
284                        <a href="/casa-del-nino" class="dropdown-item" >
285                            Casa del Niño
286                        </a>
287                    </li>
288                                    <li>
289                        <a href="/jovenes" class="dropdown-item" >
290                            Jovenes
291                        </a>
292                    </li>
293                                    <li>
294                        <a href="/administracion" class="dropdown-item" >
295                            Administración
296                        </a>
297                    </li>
298                                    <li>
299                        <a href="/cocina" class="dropdown-item" >
300                            Cocina
301                        </a>
302                    </li>
303                            </ul>
304        </div>
305    </li>
306                            <li class="nav-item ">
307        <a 
308            href="/antecedentes"
309            class="ss-menu-item "
310            dusk="navbar-page-/antecedentes"
311            
312            
313        >
314            Antecedentes
315        </a>
316
317            </li>
318                            <li class="nav-item ">
319        <a 
320            href="/cooperativa"
321            class="ss-menu-item "
322            dusk="navbar-page-/cooperativa"
323            
324            
325        >
326            Cooperativa
327        </a>
328
329            </li>
330                            <li class="nav-item ">
331        <a 
332            href="/adeba"
333            class="ss-menu-item "
334            dusk="navbar-page-/adeba"
335            
336            
337        >
338            Adeba
339        </a>
340
341            </li>
342                            <li class="nav-item ">
343        <a 
344            href="/ayudanos"
345            class="ss-menu-item "
346            dusk="navbar-page-/ayudanos"
347            
348            
349        >
350            Ayudanos
351        </a>
352
353            </li>
354                            <li class="nav-item ">
355        <a 
356            href="/contacto"
357            class="ss-menu-item "
358            dusk="navbar-page-/contacto"
359            
360            
361        >
362            Contacto
363        </a>
364
365            </li>
366                            <li class="nav-item ">
367        <a 
368            href="/blog"
369            class="ss-menu-item "
370            dusk="navbar-page-/blog"
371            
372            
373        >
374            Blog
375        </a>
376
377            </li>
378                    </ul>
379    </div>
380</div>
381
382<style>
383    #ss-menu .ss-menu-split-layout {
384        display: flex !important;
385        align-items: center;
386        position: relative;
387    }
388
389    #ss-menu .ss-menu-split-link {
390        flex: 1;
391        color: inherit;
392        text-decoration: none;
393    }
394
395    #ss-menu .ss-menu-split-button {
396        background: none;
397        border: none;
398        color: inherit;
399        padding: 0 0 0 8px;
400    }
401
402    #ss-menu .ss-menu-split-dropdown {
403        position: absolute;
404        left: 0;
405        top: 100%;
406    }
407
408    @media (min-width: 992px) {
409        #ss-menu .ss-menu-item {
410            background-color: transparent;
411            border: none; border-bottom: 10px solid transparent;
412            border-radius: 0px;
413            color: #080707 !important;
414            display: block;
415            padding: 10px 15px;
416            text-decoration: none;
417            transition: all 0.3s ease;
418        }
419        
420        #ss-menu .ss-menu-item:hover {
421            background-color: #ffffff;
422            color: inherit !important;
423            border: none; border-bottom: 10px solid #afd865;
424        }
425
426        #ss-menu .ss-menu-split-button,
427        #ss-menu .ss-menu-split-link:hover {
428            color: inherit;
429        }
430    }
431
432    @media (max-width: 991px) {
433        #ss-menu ul {
434            gap: 25px !important;
435        }
436
437        #ss-menu .ss-menu-item,
438        #ss-menu .ss-menu-split-link {
439            padding: 0 !important;
440            color: inherit !important;
441            text-decoration: none;
442            background-color: transparent;
443            border: none;
444            border-radius: 0px;
445        }
446
447        .nav-scroll {
448            --scrollbar-color-thumb: rgba(159,159,159,0.60);
449            --scrollbar-color-track: transparent;
450            --scrollbar-width: thin;
451            --scrollbar-width-legacy: 1px;
452        }
453        
454        .nav-scroll { 
455            max-height:60vh;
456            overflow:auto; 
457            overscroll-behavior-y: contain;
458        }
459
460        @supports(scrollbar-width: auto) {
461            .nav-scroll {
462                scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
463                scrollbar-width: var(--scrollbar-width);
464            }
465        }
466
467        @supports selector(::-webkit-scrollbar) {
468            .nav-scroll::-webkit-scrollbar-thumb {
469                background: var(--scrollbar-color-thumb);
470            }
471            .nav-scroll::-webkit-scrollbar-track {
472                background: var(--scrollbar-color-track);
473            }
474            .nav-scroll::-webkit-scrollbar {
475                max-width: var(--scrollbar-width-legacy);
476                max-height: var(--scrollbar-width-legacy);
477            }
478        }
479    }
480</style>
481                                                                                </div>
482                                    <div
483                        id="ss-column-2"
484                        class="header-column h-100 ssc-flex ssc-flex-row ssc-align-center ssc-justify-end"
485                        style="gap: ;"
486                    >
487                                                                                                                                                                    <a wire:snapshot="{&quot;data&quot;:{&quot;count&quot;:0,&quot;settings&quot;:[{&quot;cartFormat&quot;:&quot;icon&quot;,&quot;cartIconStyle&quot;:&quot;regular&quot;,&quot;cartIcon&quot;:&quot;fa-cart-shopping&quot;,&quot;cartColor&quot;:&quot;#080707&quot;,&quot;badgeColor&quot;:&quot;inherit&quot;,&quot;badgeBackgroundColor&quot;:&quot;inherit&quot;},{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;G5M5oIHc4HFQ9Fadrnvg&quot;,&quot;name&quot;:&quot;icon-cart&quot;,&quot;path&quot;:&quot;blog&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;es&quot;},&quot;checksum&quot;:&quot;0f0a1e29f740860c88cde2346c1edc9626b5e31fd92a6a0ee6f107a2faba1037&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;updateProductsCount&quot;]}" wire:id="G5M5oIHc4HFQ9Fadrnvg"
488    href="#" 
489    class="d-flex text-decoration-none position-relative me-3"
490    data-bs-toggle="modal"
491    data-bs-target="#cartModal"
492    data-component="cart"
493    id="ss-cart"
494    style="color: #080707"
495    dusk="cart-icon"
496>
497    <div>
498        <!--[if BLOCK]><![endif]-->            <i class="fa-regular fa-cart-shopping fa-fw align-self-center"></i>
499        <!--[if ENDBLOCK]><![endif]-->    </div>
500    
501    <span
502        class="position-absolute top-0 start-100 translate-middle badge rounded-pill ms-2" 
503        style="
504            color: inherit;
505            background-color: inherit;
506        "
507    >
508        0
509    </span>
510
511    <style>
512        @media (max-width: 991px) {
513            #ss-cart {
514                color: inherit !important;
515            }
516
517            #ss-cart span {
518                background-color: transparent !important;
519                color: inherit !important;
520            }
521        }
522    </style>
523</a>                                                                                                                    </div>
524                                </div>
525            </div>
526                    <div
527                id="ss-row-3"
528                class="header-row w-100"
529                style="
530                    display: none;
531                    background-color: #fff;
532                    color: ;
533                    padding: ;
534                "
535            >
536                <div
537                    class="header-row-content container px-4"
538                    style="
539                        display: grid;
540                        grid-template-columns: 4fr 4fr 4fr;
541                    "
542                >
543                                    <div
544                        id="ss-column-1"
545                        class="header-column h-100 ssc-flex ssc-flex-row ssc-align-center ssc-justify-center"
546                        style="gap: ;"
547                    >
548                                            </div>
549                                    <div
550                        id="ss-column-2"
551                        class="header-column h-100 ssc-flex ssc-flex-row ssc-align-center ssc-justify-center"
552                        style="gap: ;"
553                    >
554                                            </div>
555                                    <div
556                        id="ss-column-3"
557                        class="header-column h-100 ssc-flex ssc-flex-row ssc-align-center ssc-justify-center"
558                        style="gap: ;"
559                    >
560                                            </div>
561                                </div>
562            </div>
563            </div>
564
565    
566    <div
567        class="ss-mobile d-flex flex-row flex-wrap w-100 justify-content-between align-items-center header-custom-text-color p-4"
568        style="background-color: var(--bs-header-bg);"
569    >
570        <div class="d-flex flex-shrink-0">
571            
572                            <div
573    id="ss-logo"
574    style="
575        display: flex;
576        flex-direction: row;
577        align-items: center;
578        gap: 10px;
579    "
580>
581            <a href="/" style="text-decoration: none;">
582            <img 
583                src="https://ss-cnt-001c.esmsv.com/r/content/host2/763805f5812b2e6c47626804090c4c1a/img/logo.png"
584                alt="Asociación Civil Pumas del Sur"
585                class="logo-header"
586                style="
587                    max-height: 120px;
588                    height: 60px;
589                "
590            >
591        </a>
592    
593            <div>
594                            <h3 class="h3 m-0 ss-logo-sm">
595                    <a href="/" style="color: #000; text-decoration: none;">
596                        Asociación Civil Pumas del Sur
597                    </a>
598                </h3>
599                                                            <p class="h6" style="color: #000">
600                        Centro de Ayuda Integral a la Niñez y Adolescencia
601                    </p>
602                                    </div>
603    </div>
604
605<style>
606    #ss-logo .ss-logo-sm > a { font-size: 1rem; }
607
608    @media(max-width: 991px) {
609        #ss-logo .logo-header {
610            max-width: 150px;
611            max-height: 60px;
612            object-fit: contain;
613        }
614    }
615</style>                    </div>
616        <div class="d-flex flex-row align-items-center justify-content-end gap-1 flex-grow-1 min-w-0 search-break-early">
617            
618                        
619                                            <a wire:snapshot="{&quot;data&quot;:{&quot;count&quot;:0,&quot;settings&quot;:[{&quot;cartFormat&quot;:&quot;icon&quot;,&quot;cartIconStyle&quot;:&quot;regular&quot;,&quot;cartIcon&quot;:&quot;fa-cart-shopping&quot;,&quot;cartColor&quot;:&quot;#080707&quot;,&quot;badgeColor&quot;:&quot;inherit&quot;,&quot;badgeBackgroundColor&quot;:&quot;inherit&quot;},{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;sq2P75XhOaHxLw7TrBfh&quot;,&quot;name&quot;:&quot;icon-cart&quot;,&quot;path&quot;:&quot;blog&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;es&quot;},&quot;checksum&quot;:&quot;da93e2e24a3699cf892cdd20b7281e1e1deefc78e86fad6e7c1579529ab77d26&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;updateProductsCount&quot;]}" wire:id="sq2P75XhOaHxLw7TrBfh"
620    href="#" 
621    class="d-flex text-decoration-none position-relative me-3"
622    data-bs-toggle="modal"
623    data-bs-target="#cartModal"
624    data-component="cart"
625    id="ss-cart"
626    style="color: #080707"
627    dusk="cart-icon"
628>
629    <div>
630        <!--[if BLOCK]><![endif]-->            <i class="fa-regular fa-cart-shopping fa-fw align-self-center"></i>
631        <!--[if ENDBLOCK]><![endif]-->    </div>
632    
633    <span
634        class="position-absolute top-0 start-100 translate-middle badge rounded-pill ms-2" 
635        style="
636            color: inherit;
637            background-color: inherit;
638        "
639    >
640        0
641    </span>
642
643    <style>
644        @media (max-width: 991px) {
645            #ss-cart {
646                color: inherit !important;
647            }
648
649            #ss-cart span {
650                background-color: transparent !important;
651                color: inherit !important;
652            }
653        }
654    </style>
655</a>            
656            
657            
658            
659            <button class="navbar-toggler shadow-none border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
660                aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
661                <i class="text-light header-custom-text-color fa-solid fa-bars"></i>
662            </button>
663        </div>
664    </div>
665
666    
667    
668    <div class="collapse d-lg-none navbar-collapse bg-white gap-2 py-2" id="navbarSupportedContent">
669                    <div id="ss-menu" class="nav-scroll">
670    <div class="d-lg-flex align-items-center justify-content-center">
671        <ul class="d-flex flex-column flex-lg-row flex-wrap align-items-center justify-content-center text-center list-unstyled mb-0"
672            id="ss-menu-list"
673            style="gap: 0px;"
674        >
675                            <li class="nav-item ">
676        <a 
677            href="/bienvenido"
678            class="ss-menu-item "
679            dusk="navbar-page-/bienvenido"
680            
681            
682        >
683            Bienvenido
684        </a>
685
686            </li>
687                            <li class="nav-item">
688        <div class="ss-menu-item ss-menu-split-layout">
689            <a href="/organizacion" dusk="navbar-page-/organizacion" class="ss-menu-split-link" >
690                Organización
691            </a>
692            <button class="dropdown-toggle ss-menu-split-button" data-bs-toggle="dropdown"></button>
693            <ul class="dropdown-menu ss-menu-split-dropdown">
694                                    <li>
695                        <a href="/jardin-de-infantes" class="dropdown-item" >
696                            Jardín de Infantes
697                        </a>
698                    </li>
699                                    <li>
700                        <a href="/casa-del-nino" class="dropdown-item" >
701                            Casa del Niño
702                        </a>
703                    </li>
704                                    <li>
705                        <a href="/jovenes" class="dropdown-item" >
706                            Jovenes
707                        </a>
708                    </li>
709                                    <li>
710                        <a href="/administracion" class="dropdown-item" >
711                            Administración
712                        </a>
713                    </li>
714                                    <li>
715                        <a href="/cocina" class="dropdown-item" >
716                            Cocina
717                        </a>
718                    </li>
719                            </ul>
720        </div>
721    </li>
722                            <li class="nav-item ">
723        <a 
724            href="/antecedentes"
725            class="ss-menu-item "
726            dusk="navbar-page-/antecedentes"
727            
728            
729        >
730            Antecedentes
731        </a>
732
733            </li>
734                            <li class="nav-item ">
735        <a 
736            href="/cooperativa"
737            class="ss-menu-item "
738            dusk="navbar-page-/cooperativa"
739            
740            
741        >
742            Cooperativa
743        </a>
744
745            </li>
746                            <li class="nav-item ">
747        <a 
748            href="/adeba"
749            class="ss-menu-item "
750            dusk="navbar-page-/adeba"
751            
752            
753        >
754            Adeba
755        </a>
756
757            </li>
758                            <li class="nav-item ">
759        <a 
760            href="/ayudanos"
761            class="ss-menu-item "
762            dusk="navbar-page-/ayudanos"
763            
764            
765        >
766            Ayudanos
767        </a>
768
769            </li>
770                            <li class="nav-item ">
771        <a 
772            href="/contacto"
773            class="ss-menu-item "
774            dusk="navbar-page-/contacto"
775            
776            
777        >
778            Contacto
779        </a>
780
781            </li>
782                            <li class="nav-item ">
783        <a 
784            href="/blog"
785            class="ss-menu-item "
786            dusk="navbar-page-/blog"
787            
788            
789        >
790            Blog
791        </a>
792
793            </li>
794                    </ul>
795    </div>
796</div>
797
798<style>
799    #ss-menu .ss-menu-split-layout {
800        display: flex !important;
801        align-items: center;
802        position: relative;
803    }
804
805    #ss-menu .ss-menu-split-link {
806        flex: 1;
807        color: inherit;
808        text-decoration: none;
809    }
810
811    #ss-menu .ss-menu-split-button {
812        background: none;
813        border: none;
814        color: inherit;
815        padding: 0 0 0 8px;
816    }
817
818    #ss-menu .ss-menu-split-dropdown {
819        position: absolute;
820        left: 0;
821        top: 100%;
822    }
823
824    @media (min-width: 992px) {
825        #ss-menu .ss-menu-item {
826            background-color: transparent;
827            border: none; border-bottom: 10px solid transparent;
828            border-radius: 0px;
829            color: #080707 !important;
830            display: block;
831            padding: 10px 15px;
832            text-decoration: none;
833            transition: all 0.3s ease;
834        }
835        
836        #ss-menu .ss-menu-item:hover {
837            background-color: #ffffff;
838            color: inherit !important;
839            border: none; border-bottom: 10px solid #afd865;
840        }
841
842        #ss-menu .ss-menu-split-button,
843        #ss-menu .ss-menu-split-link:hover {
844            color: inherit;
845        }
846    }
847
848    @media (max-width: 991px) {
849        #ss-menu ul {
850            gap: 25px !important;
851        }
852
853        #ss-menu .ss-menu-item,
854        #ss-menu .ss-menu-split-link {
855            padding: 0 !important;
856            color: inherit !important;
857            text-decoration: none;
858            background-color: transparent;
859            border: none;
860            border-radius: 0px;
861        }
862
863        .nav-scroll {
864            --scrollbar-color-thumb: rgba(159,159,159,0.60);
865            --scrollbar-color-track: transparent;
866            --scrollbar-width: thin;
867            --scrollbar-width-legacy: 1px;
868        }
869        
870        .nav-scroll { 
871            max-height:60vh;
872            overflow:auto; 
873            overscroll-behavior-y: contain;
874        }
875
876        @supports(scrollbar-width: auto) {
877            .nav-scroll {
878                scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
879                scrollbar-width: var(--scrollbar-width);
880            }
881        }
882
883        @supports selector(::-webkit-scrollbar) {
884            .nav-scroll::-webkit-scrollbar-thumb {
885                background: var(--scrollbar-color-thumb);
886            }
887            .nav-scroll::-webkit-scrollbar-track {
888                background: var(--scrollbar-color-track);
889            }
890            .nav-scroll::-webkit-scrollbar {
891                max-width: var(--scrollbar-width-legacy);
892                max-height: var(--scrollbar-width-legacy);
893            }
894        }
895    }
896</style>
897                <div class="d-flex flex-row align-items-center justify-content-center gap-2 mt-3">
898                                </div>
899    </div>
900</nav>
901
902<style>
903    .nav-icons { flex-direction:column; }
904
905    @media(min-width: 992px){
906        #ss-header .navbar-collapse.collapse.d-lg-none,
907        #ss-header .ss-mobile {
908            display: none !important;
909        }
910
911        #ss-header .ss-desktop {
912            display: block !important;
913        }
914    }
915
916    .search-break-early {
917        flex-basis: 170px;
918    }
919
920    @media(max-width: 991px){
921        #ss-header .ss-desktop {
922            display: none !important;
923        }
924
925        #ss-menu .dropdown-menu.ss-menu-split-dropdown {
926            left: 50% !important;
927            transform: translateX(-50%) !important;
928        }
929    }
930</style>    </header>
931    
932    <div wire:snapshot="{&quot;data&quot;:{&quot;products&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;totalPrice&quot;:0,&quot;subtotal&quot;:0,&quot;promotionDiscount&quot;:0,&quot;promotionLines&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;cartPromotion&quot;:null,&quot;totalAmount&quot;:0,&quot;currencyCode&quot;:&quot;&quot;,&quot;catalogUrl&quot;:&quot;aranceles&quot;,&quot;loading&quot;:false,&quot;currentLang&quot;:&quot;es-ar&quot;,&quot;auth&quot;:false,&quot;globalControlStock&quot;:true},&quot;memo&quot;:{&quot;id&quot;:&quot;1EMR9ZO56OYGzR5NN7uV&quot;,&quot;name&quot;:&quot;cart&quot;,&quot;path&quot;:&quot;blog&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;es&quot;},&quot;checksum&quot;:&quot;26ef1c5a46ceb87a86dea3169e697d89432cb0a1f6043e79bbac9695da9abdfb&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;addToCart&quot;,&quot;removeAllProducts&quot;,&quot;removeCartSession&quot;,&quot;refreshAuth&quot;],&quot;dispatches&quot;:[{&quot;name&quot;:&quot;updateProductsCount&quot;,&quot;params&quot;:{&quot;count&quot;:0}}]}" wire:id="1EMR9ZO56OYGzR5NN7uV">
933    <!-- ======= Modal carrito de compra ======= -->
934    <div wire:ignore.self class="modal right fade" id="cartModal" tabindex="-1" aria-labelledby="cartModalLabel"
935        aria-hidden="true">
936        <div class="modal-dialog">
937            <div class="modal-content justify-content-between cart-product-modal">
938                <div class="container d-flex flex-column p-0">
939                    <div class="modal-header px-2 border-0">
940                        <div class="modal-title fs-5" id="cartModalLabel">Resumen</div>
941                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
942                    </div>
943                    <div class="modal-body mb-2">
944                        <!--[if BLOCK]><![endif]-->                            <p class="px-2"> Su carrito está vacío</p>
945                        <!--[if ENDBLOCK]><![endif]-->                    </div>
946
947                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </div>
948
949                <div class="modal-footer px-2 py-4 border-0">
950
951                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
952                    <a role="button" href="/aranceles" class="btn btn-outline-primary w-100 rounded"
953                        dusk="btn-keep-buying">
954                        SEGUIR COMPRANDO
955                    </a>
956                </div>
957                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <div wire:loading wire:target="redirectCheckout" wire:loading.class="bg_loader">
958                    <div class="spinner-border text-primary loader" role="status">
959                    </div>
960                </div>
961            </div>
962        </div>
963    </div>
964
965
966    <style>
967        /* Modal del carrito a la derecha de la pantalla */
968        .bg_loader {
969            width: 100%;
970            height: 100%;
971            position: fixed;
972            background: white;
973            opacity: .8;
974            display: flex;
975            align-items: center;
976            justify-content: center;
977            top: 0;
978            left: 0;
979            z-index: 9999;
980        }
981
982        .loader {
983            width: 50px;
984            height: 50px;
985            position: absolute;
986            display: flex;
987            align-items: center;
988            justify-content: center;
989            top: 50%;
990            left: 45%;
991        }
992
993        input::-webkit-outer-spin-button,
994        input::-webkit-inner-spin-button {
995            -webkit-appearance: none;
996            margin: 0;
997        }
998
999        input[type=number] {
1000            -moz-appearance: textfield;
1001        }
1002
1003        .modal.right .modal-dialog {
1004            position: fixed;
1005            margin: auto;
1006            width: 330px;
1007            height: 100%;
1008            -webkit-transform: translate3d(0%, 0, 0);
1009            -ms-transform: translate3d(0%, 0, 0);
1010            -o-transform: translate3d(0%, 0, 0);
1011            transform: translate3d(0%, 0, 0);
1012        }
1013
1014        .modal.right .cart-product-modal {
1015            height: 100%;
1016            /* overflow-y: auto; */
1017            border-radius: 0;
1018        }
1019
1020        #cartModal .delete-all-products {
1021            border-bottom: 1px solid #dee2e6;
1022        }
1023
1024        .modal.right .container {
1025            max-height: 100%;
1026            overflow: hidden;
1027        }
1028
1029        .modal.right .modal-body {
1030            padding: 0;
1031            max-height: 100%;
1032            overflow: hidden;
1033        }
1034
1035        #cartModal .container-products-cart {
1036            max-height: 95%;
1037            overflow: auto;
1038        }
1039
1040        #cartModal .container-product-cart {
1041            border-bottom: 1px solid #dee2e6;
1042        }
1043
1044        #cartModal .inputQuantity {
1045            border: none;
1046            max-width: 50px;
1047            height: 20px;
1048        }
1049
1050        #cartModal .inputQuantity:focus-visible {
1051            outline: none;
1052        }
1053
1054        #cartModal .container-product-cart .title {
1055            position: absolute;
1056            top: 0;
1057            white-space: nowrap;
1058            max-width: 200px;
1059            text-overflow: ellipsis;
1060            overflow: hidden;
1061            font-size: 12px;
1062        }
1063
1064        #cartModal .container-product-cart .subtitle {
1065            position: absolute;
1066            top: 20px;
1067            white-space: nowrap;
1068            max-width: 200px;
1069            text-overflow: ellipsis;
1070            overflow: hidden;
1071            font-size: 11px;
1072        }
1073
1074        #cartModal .container-product-cart .price {
1075            font-size: 11px;
1076        }
1077
1078        #cartModal .container-product-cart .finalPrice {
1079            font-size: 12px;
1080        }
1081
1082        #cartModal .container-product-cart .alert {
1083            font-size: 12px;
1084        }
1085
1086        #cartModal .product-image img {
1087           width: 50px;
1088           object-fit: scale-down;
1089        }
1090
1091        #cartModal .price-item-total {
1092            font-size: 14px;
1093            font-weight: bold;
1094            border-bottom: 1px solid #dee2e6;
1095        }
1096
1097        #cartModal .price-item {
1098            font-size: 12px;
1099            font-weight: 400;
1100        }
1101
1102        #cartModal .container-product-cart .product-amount {
1103            border-radius: 16px;
1104            border: 1px solid #666666;
1105            width: 110px;
1106            height: 25px;
1107        }
1108
1109        #cartModal .modal-footer {
1110            max-height: 20%;
1111        }
1112
1113        /*Right*/
1114        .modal.right.fade .modal-dialog {
1115            right: -1px;
1116            top: -1px;
1117            -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
1118            -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
1119            -o-transition: opacity 0.3s linear, right 0.3s ease-out;
1120            transition: opacity 0.3s linear, right 0.3s ease-out;
1121        }
1122
1123        .modal.right.fade.in .modal-dialog {
1124            right: 0;
1125        }
1126    </style>
1127</div>
1128
1129    
1130    <div wire:snapshot="{&quot;data&quot;:{&quot;location&quot;:&quot;catalog&quot;,&quot;currentLang&quot;:&quot;es-ar&quot;,&quot;offer&quot;:null,&quot;added&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;variantPickers&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;globalControlStock&quot;:null,&quot;onCheckoutPath&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;XHYKyJFZKXgj5jBHsKgy&quot;,&quot;name&quot;:&quot;cross-sell-widget&quot;,&quot;path&quot;:&quot;blog&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;es&quot;},&quot;checksum&quot;:&quot;da5b77ac1f469e599901070f537a3ea13ae9e035d7811cd1abab3fea6ae2959e&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;addToCart&quot;,&quot;buyNowAdded&quot;]}" wire:id="XHYKyJFZKXgj5jBHsKgy">
1131    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
1132
1133    <!-- ======= Main ======= -->
1134    <main id="" style="">
1135        <div wire:snapshot="{&quot;data&quot;:{&quot;configGrid&quot;:&quot;blog-post-list-view&quot;,&quot;posts&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;categories&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;tags&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;authors&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;args&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;argsPaginate&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;config&quot;:[{&quot;show_front_page&quot;:true,&quot;show_title&quot;:true,&quot;text_align_front_page&quot;:&quot;center&quot;,&quot;bg_color_front_page&quot;:&quot;#CCC&quot;,&quot;title_color_front_page&quot;:&quot;#000000&quot;,&quot;show_search&quot;:true,&quot;show_tags&quot;:true,&quot;show_relateds&quot;:true,&quot;show_authors&quot;:false,&quot;show_categories&quot;:true,&quot;show_date_posted&quot;:true,&quot;type_design_cards&quot;:&quot;list&quot;,&quot;items_show&quot;:12,&quot;show_all_same_page&quot;:false,&quot;show_front&quot;:true,&quot;show_aside&quot;:true,&quot;idlanguage&quot;:1,&quot;title&quot;:&quot;Blog&quot;,&quot;description&quot;:&quot;Blog&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;totalPages&quot;:1,&quot;currentPage&quot;:1,&quot;aside&quot;:false,&quot;lang&quot;:1,&quot;path&quot;:&quot;\/blog&quot;,&quot;blogSlug&quot;:&quot;blog&quot;,&quot;allPosts&quot;:true},&quot;memo&quot;:{&quot;id&quot;:&quot;g9Sc7yWm276YGY0yM5Xi&quot;,&quot;name&quot;:&quot;blog.pages.blog-page&quot;,&quot;path&quot;:&quot;blog&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:{&quot;lw-3933417355-0&quot;:[&quot;div&quot;,&quot;sXtC6BhzbvzbYrRWJgcB&quot;]},&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;es&quot;},&quot;checksum&quot;:&quot;a0cf2223e75acf796ada67eb8ea660b62f2e776d69749480ca02b8d8b1b3b5ec&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;getPostsByFilters&quot;,&quot;buttonPaginate&quot;]}" wire:id="g9Sc7yWm276YGY0yM5Xi">
1136    <link href="https://ss-static-001c.esmsv.com/styles/general/SR-pr-main.css" rel="stylesheet">
1137    
1138
1139    <section class="container mt-2 mb-2">
1140        <div id="container-blog-posts" wire:scroll="callPosts" class="col-xl-12" style="min-height:50vh;margin-top:50px;">
1141            <div class="row">
1142
1143                
1144
1145                <!--[if BLOCK]><![endif]-->                    <div class="col-xl-12">
1146                        <div class="col-xl-12 p-3 mb-4" 
1147        style="
1148        background-color:#CCC;
1149    ">
1150
1151    <!--[if BLOCK]><![endif]-->        <h3 
1152            style="
1153                color:#000000;
1154                text-align:center;"
1155            >
1156            <strong>Blog</strong>
1157        </h3>
1158    <!--[if ENDBLOCK]><![endif]-->    <p style="
1159        color:#000000;
1160        text-align:center;"
1161    >Blog</p>
1162</div>                    </div>
1163                <!--[if ENDBLOCK]><![endif]-->                
1164                
1165
1166                <div class="card-post  col-xl-8 ">
1167                    <!--[if BLOCK]><![endif]-->                        <div class="border mb-4 bg-white py-5">
1168    <p class="text-center">
1169        EN ESTE MOMENTO NO HAY PUBLICACIONES.
1170    </p>  
1171</div>                    <!--[if ENDBLOCK]><![endif]-->                </div>
1172
1173                
1174
1175                <!--[if BLOCK]><![endif]-->                    <div id="catalogPage" class="col-xl-4">
1176                        <div class="single-widget bg-white p-3">
1177
1178        
1179
1180        <!--[if BLOCK]><![endif]-->            <div class="col-xl-12 mb-3">
1181                <div wire:snapshot="{&quot;data&quot;:{&quot;searchWord&quot;:&quot;&quot;,&quot;currentPage&quot;:1,&quot;redirect&quot;:false,&quot;config&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;sXtC6BhzbvzbYrRWJgcB&quot;,&quot;name&quot;:&quot;blog.components.asides.search-post-aside&quot;,&quot;path&quot;:&quot;blog&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;es&quot;},&quot;checksum&quot;:&quot;2be5a2abe329c9ec2be3134b95fa2589e9704a7b647d1f9e228b3053deafe22b&quot;}" wire:effects="[]" wire:id="sXtC6BhzbvzbYrRWJgcB">
1182    <label>Buscar</label>
1183    <input 
1184        type="search" 
1185        class="form-control mt-2" 
1186        name="post"
1187        wire:keydown.enter="callSearch"
1188        wire:model.live="searchWord"
1189        dusk="input-search"
1190    >
1191    <br>
1192    <button 
1193        class="btn btn-primary w-100"
1194        wire:click="callSearch"
1195        dusk="button-input-search"
1196    >
1197        Buscar
1198    </button>
1199</div>
1200            </div>
1201        <!--[if ENDBLOCK]><![endif]-->
1202        
1203        
1204        <div class="col-xl-12">
1205            <div class="col-xl-12">
1206    <!--[if BLOCK]><![endif]-->        <li class="list-group text-primary" 
1207                style="cursor:pointer;"
1208                wire:click="$dispatch('getPostsByFilters', {args: []})"
1209                dusk="all-posts"
1210                >
1211            Todas las publicaciones
1212        </li>
1213    <!--[if ENDBLOCK]><![endif]--></div>        </div>
1214
1215        
1216
1217        <!--[if BLOCK]><![endif]-->            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <!--[if ENDBLOCK]><![endif]-->
1218        
1219
1220        <!--[if BLOCK]><![endif]-->            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <!--[if ENDBLOCK]><![endif]-->
1221        
1222
1223        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1224    </div>
1225                    </div>
1226                <!--[if ENDBLOCK]><![endif]-->            </div>
1227        </div>
1228
1229        
1230
1231        <!--[if BLOCK]><![endif]-->            <div class="col-xl-12">
1232                <div class="col-xl-12 py-5">
1233                    <div>
1234    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>                </div>
1235            </div>
1236        <!--[if ENDBLOCK]><![endif]-->
1237        <!--[if BLOCK]><![endif]-->
1238            <div wire:loading.remove wire:target="loadMore" id="loader" style="display: none;">
1239                <div class="spinner-border text-primary loader" style="position:relative;" role="status">
1240                    <span class="visually-hidden">Loading...</span>
1241                </div>
1242            </div>
1243
1244        <!--[if ENDBLOCK]><![endif]-->    
1245    </section>
1246
1247    <style>
1248        body { background-color:#F5F5F5; }
1249
1250        .img-card-small {
1251            width:100%;
1252        }
1253
1254        @media screen and (max-width:1200px) {
1255            .img-card-small {
1256                width:100%;
1257                max-width:150px;
1258                display:block;
1259                margin:0 auto;
1260            }   
1261        }
1262    </style>
1263
1264    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
1265
1266    </main>
1267
1268    <!-- ======= Footer ======= -->
1269
1270    <footer>
1271
1272                    <div id="ss-footer">
1273    <div class="ss-footer-content w-100 p-0">
1274                    <div 
1275                id="ss-footer-row-1"
1276                class="footer-row w-100"
1277                style="
1278                    display: block;
1279                    background-color: var(--bs-footer-bg);
1280                    color: var(--bs-footer-text);
1281                    padding: 20px 0;
1282                "
1283            >
1284                <div
1285                    class="footer-row-content container px-4"
1286                    style="
1287                        display: grid;
1288                        grid-template-columns: 4fr 4fr 4fr;
1289                    "
1290                >
1291                                    <div
1292                        id="ss-footer-column-1"
1293                        class="footer-column h-100 ssc-flex ssc-flex-column ssc-align-start ssc-justify-center"
1294                        style="gap: ;"
1295                    >
1296                                                                                        <div id="ss-menu-footer">
1297        
1298    <div class="menu-container col-lg-12">
1299        <nav class="d-lg-flex align-items-center justify-content-center">
1300            <ul class="d-flex flex-wrap justify-content-center list-unstyled mb-0" id="menu-footer">
1301                                    <li class="nav-item ">
1302        <a 
1303            href="/bienvenido"
1304            class="menu-item "
1305            
1306            
1307        >
1308            Bienvenido
1309        </a>
1310
1311            </li>
1312                                    <li class="nav-item">
1313        <div class="menu-item split-layout">
1314            <a href="/organizacion" class="split-link" >
1315                Organización
1316            </a>
1317            <button class="dropdown-toggle split-button" data-bs-toggle="dropdown" data-bs-reference="parent"></button>
1318            <ul class="dropdown-menu">
1319                                    <li>
1320                        <a href="/jardin-de-infantes" class="dropdown-item" >
1321                            Jardín de Infantes
1322                        </a>
1323                    </li>
1324                                    <li>
1325                        <a href="/casa-del-nino" class="dropdown-item" >
1326                            Casa del Niño
1327                        </a>
1328                    </li>
1329                                    <li>
1330                        <a href="/jovenes" class="dropdown-item" >
1331                            Jovenes
1332                        </a>
1333                    </li>
1334                                    <li>
1335                        <a href="/administracion" class="dropdown-item" >
1336                            Administración
1337                        </a>
1338                    </li>
1339                                    <li>
1340                        <a href="/cocina" class="dropdown-item" >
1341                            Cocina
1342                        </a>
1343                    </li>
1344                            </ul>
1345        </div>
1346    </li>
1347                                    <li class="nav-item ">
1348        <a 
1349            href="/antecedentes"
1350            class="menu-item "
1351            
1352            
1353        >
1354            Antecedentes
1355        </a>
1356
1357            </li>
1358                                    <li class="nav-item ">
1359        <a 
1360            href="/cooperativa"
1361            class="menu-item "
1362            
1363            
1364        >
1365            Cooperativa
1366        </a>
1367
1368            </li>
1369                                    <li class="nav-item ">
1370        <a 
1371            href="/adeba"
1372            class="menu-item "
1373            
1374            
1375        >
1376            Adeba
1377        </a>
1378
1379            </li>
1380                                    <li class="nav-item ">
1381        <a 
1382            href="/ayudanos"
1383            class="menu-item "
1384            
1385            
1386        >
1387            Ayudanos
1388        </a>
1389
1390            </li>
1391                                    <li class="nav-item ">
1392        <a 
1393            href="/contacto"
1394            class="menu-item "
1395            
1396            
1397        >
1398            Contacto
1399        </a>
1400
1401            </li>
1402                                    <li class="nav-item ">
1403        <a 
1404            href="/blog"
1405            class="menu-item "
1406            
1407            
1408        >
1409            Blog
1410        </a>
1411
1412            </li>
1413                            </ul>
1414        </nav>
1415    </div>
1416</div>
1417
1418<style>
1419    #ss-menu-footer {
1420        display: flex;
1421        flex-direction: column;
1422        gap: .5rem;
1423        text-align: start;
1424    }
1425    #ss-menu-footer .subtitle {
1426        font-size: 1rem;
1427        font-weight: 600;
1428    }
1429    #ss-menu-footer .menu-container #menu-footer {
1430        flex-direction: column;
1431        gap: 0px;
1432    }
1433    #ss-menu-footer .menu-container #menu-footer .menu-item {
1434        color: inherit !important;
1435        display: block;
1436        text-decoration: none;
1437        transition: all 0.3s ease;
1438    }
1439    #ss-menu-footer .menu-container #menu-footer .menu-item:hover {
1440        color: inherit !important;
1441        text-decoration: none;
1442    }
1443    #ss-menu-footer .menu-container #menu-footer .menu-item.split-layout {
1444        display: flex !important;
1445        align-items: center;
1446    }
1447    #ss-menu-footer .menu-container #menu-footer .menu-item.split-layout .split-link {
1448        flex: 1;
1449        color: inherit;
1450        text-decoration: none;
1451    }
1452    #ss-menu-footer .menu-container #menu-footer .menu-item.split-layout .split-button {
1453        background: none;
1454        border: none;
1455        color: inherit;
1456        padding: 0 0 0 8px;
1457    }
1458</style>                                                                                </div>
1459                                    <div
1460                        id="ss-footer-column-2"
1461                        class="footer-column h-100 ssc-flex ssc-flex-column ssc-align-center ssc-justify-start"
1462                        style="gap: 20px;"
1463                    >
1464                                                                                        <div id="ss-contact-footer">
1465        
1466    <div class="contact-container ssc-align-center">
1467                                                        <a href="https://www.google.com/maps/search/?api=1&query=12+de+Octubre+1874%2C+Banfield" target="_blank">
1468                        <i class="fa-solid fa-location-dot fa-fw me-1"></i>
1469                        <span>12 de Octubre 1874, Banfield</span>
1470                    </a>
1471                                    
1472                    <a href="tel:Jardín: 21138474 / Pumas: 20856105">
1473                <i class="fa-regular fa-phone fa-fw me-1"></i>
1474                <span>Jardín: 21138474 / Pumas: 20856105</span>
1475            </a>
1476        
1477        
1478            </div>
1479</div>
1480
1481<style>
1482    #ss-contact-footer {
1483        display: flex;
1484        flex-direction: column;
1485        gap: .5rem;
1486        text-align: center;
1487    }
1488    #ss-contact-footer .subtitle {
1489        font-size: 1rem;
1490        font-weight: 600;
1491    }
1492    #ss-contact-footer .contact-container {
1493        display: flex;
1494        flex-direction: column;
1495        gap: 0px;
1496    }
1497    #ss-contact-footer .contact-container a {
1498        color: inherit;
1499        align-items: baseline;
1500        text-decoration: none;
1501        word-break: break-word;
1502    }
1503</style>                                                                                </div>
1504                                    <div
1505                        id="ss-footer-column-3"
1506                        class="footer-column h-100 ssc-flex ssc-flex-column ssc-align-end ssc-justify-center"
1507                        style="gap: 20px;"
1508                    >
1509                                                                                        <div id="ss-datafiscal-footer">
1510    
1511</div>
1512
1513<style>
1514    #ss-datafiscal-footer img {
1515        max-height: 120px !important;
1516        height: 60pxpx;
1517    }
1518</style>                                                                                                                            <div id="ss-socialmedia-footer">
1519        
1520    <div class="social-container ssc-align-center">
1521                                    <a href="http://facebook.com/AsociacionCivilPumasdelSur" 
1522                   target="_blank"
1523                   class="ssc-flex text-decoration-none gap-1"
1524                   style="align-items: baseline; color: inherit; word-break: break-word;">
1525                                                                        <i class="fa-brands fa-facebook fs-3 fa-fw"></i>
1526                                                            </a>
1527                            <a href="http://instagram.com/pumassur" 
1528                   target="_blank"
1529                   class="ssc-flex text-decoration-none gap-1"
1530                   style="align-items: baseline; color: inherit; word-break: break-word;">
1531                                                                        <i class="fa-brands fa-instagram fs-3 fa-fw"></i>
1532                                                            </a>
1533                        </div>
1534</div>
1535
1536<style>
1537    #ss-socialmedia-footer {
1538        display: flex;
1539        flex-direction: column;
1540        gap: .5rem;
1541        text-align: center;
1542    }
1543    #ss-socialmedia-footer .subtitle {
1544        font-size: 1rem;
1545        font-weight: 600;
1546    }
1547    #ss-socialmedia-footer .social-container {
1548        display: flex;
1549        flex-direction: row;
1550        gap: 20px;
1551    }
1552</style>                                                                                </div>
1553                                </div>
1554            </div>
1555                    <div 
1556                id="ss-footer-row-2"
1557                class="footer-row w-100"
1558                style="
1559                    display: none;
1560                    background-color: #fff;
1561                    color: ;
1562                    padding: ;
1563                "
1564            >
1565                <div
1566                    class="footer-row-content container px-4"
1567                    style="
1568                        display: grid;
1569                        grid-template-columns: 4fr 4fr 4fr;
1570                    "
1571                >
1572                                    <div
1573                        id="ss-footer-column-1"
1574                        class="footer-column h-100 ssc-flex ssc-flex-column ssc-align-center ssc-justify-center"
1575                        style="gap: ;"
1576                    >
1577                                            </div>
1578                                    <div
1579                        id="ss-footer-column-2"
1580                        class="footer-column h-100 ssc-flex ssc-flex-column ssc-align-center ssc-justify-center"
1581                        style="gap: ;"
1582                    >
1583                                            </div>
1584                                    <div
1585                        id="ss-footer-column-3"
1586                        class="footer-column h-100 ssc-flex ssc-flex-column ssc-align-center ssc-justify-center"
1587                        style="gap: ;"
1588                    >
1589                                            </div>
1590                                </div>
1591            </div>
1592                    <div 
1593                id="ss-footer-row-3"
1594                class="footer-row w-100"
1595                style="
1596                    display: none;
1597                    background-color: #fff;
1598                    color: ;
1599                    padding: ;
1600                "
1601            >
1602                <div
1603                    class="footer-row-content container px-4"
1604                    style="
1605                        display: grid;
1606                        grid-template-columns: 4fr 4fr 4fr;
1607                    "
1608                >
1609                                    <div
1610                        id="ss-footer-column-1"
1611                        class="footer-column h-100 ssc-flex ssc-flex-column ssc-align-center ssc-justify-center"
1612                        style="gap: ;"
1613                    >
1614                                            </div>
1615                                    <div
1616                        id="ss-footer-column-2"
1617                        class="footer-column h-100 ssc-flex ssc-flex-column ssc-align-center ssc-justify-center"
1618                        style="gap: ;"
1619                    >
1620                                            </div>
1621                                    <div
1622                        id="ss-footer-column-3"
1623                        class="footer-column h-100 ssc-flex ssc-flex-column ssc-align-center ssc-justify-center"
1624                        style="gap: ;"
1625                    >
1626                                            </div>
1627                                </div>
1628            </div>
1629                            <div id="ss-footnote-footer" class="footer-row w-100 py-3">
1630    <div class="container px-3 d-flex flex-wrap justify-content-center align-items-center small gap-3 py-2">
1631        <div>
1632             
1633                <p style="text-align: center;"><span style="font-size: 13px; text-align: start;"><font color="#ffffff"><br></font></span></p><table class="table table-bordered"><tbody><tr><td><p style="text-align: center; "><span style="color: rgb(255, 255, 255);">[email protected]</span></p><p style="text-align: center;"><font color="#ffffff">www.</font><span style="text-align: center;"><font color="#ffffff">pumasdelsur.org.ar</font></span><span style="color: rgb(255, 255, 255);"></span></p></td></tr></tbody></table><p style="text-align: center;"><span style="font-size: 13px; text-align: start;"><font color="#ffffff"><br></font></span></p>
1634                    </div>
1635
1636            </div>
1637</div>
1638
1639<style>
1640    #ss-footnote-footer {
1641        background-color: var(--bs-footer-bg);
1642        color: var(--bs-footer-text);
1643        display: grid;
1644        grid-template-columns: 1fr !important;
1645    }
1646    #ss-footnote-footer p {
1647        margin-bottom: 0 !important;
1648    }
1649</style>            </div>
1650</div>
1651
1652<style>
1653    @media (max-width: 991px) {
1654        .footer-row-content {
1655            grid-template-columns: 1fr !important;
1656            gap: 1rem !important;
1657        }
1658
1659        .footer-column {
1660            text-align: center !important;
1661        }
1662    }
1663</style>        
1664        
1665        
1666    </footer>
1667
1668
1669
1670
1671    <div>
1672    <div class="modal" data-bs-backdrop="false" id="modalLogin" tabindex="-1" aria-labelledby="modalLabelLogin" aria-hidden="true">
1673        <div class="modal-dialog">
1674            <div wire:snapshot="{&quot;data&quot;:{&quot;email&quot;:null,&quot;password&quot;:null,&quot;remember&quot;:false,&quot;enableSocialNetworkAuth&quot;:true,&quot;onRestrictedPage&quot;:false,&quot;pageUrl&quot;:&quot;https:\/\/pumasdelsur.org.ar\/blog&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;3FTzSIuoRgeWzGnoEQvI&quot;,&quot;name&quot;:&quot;auth.auth-login-component&quot;,&quot;path&quot;:&quot;blog&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;es&quot;},&quot;checksum&quot;:&quot;2781815c6df931721e3b4783baa635cd0aa142d1d6a232b3daf1eff3c6c60d94&quot;}" wire:effects="[]" wire:id="3FTzSIuoRgeWzGnoEQvI">
1675    <div class="modal-content">
1676        <div class="modal-header">
1677            <h5 class="modal-title" id="modalLabelLogin">
1678                Iniciar sesión
1679            </h5>
1680            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
1681        </div>
1682        <div class="modal-body mt-3">
1683            <form class="excludeForm">
1684                <div class="mb-3">
1685                    <label class="form-label">E-mail</label>
1686                    <input dusk="type-email" type="email" class="form-control " wire:model.blur="email" placeholder="[email protected]">
1687                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </div>
1688
1689                <div class="mb-3 position-relative">
1690                    <label class="form-label">Contraseña</label>
1691                    <input dusk="type-password" type="password" class="form-control " style="background-image:none" wire:model.blur="password" placeholder="********" id="login_password">
1692                    <i role="button" class="fa-solid fa-eye position-absolute" style="right: 10px; bottom: 10px; color: #ccc;" id="toggleLoginPassword"></i>
1693                </div>
1694                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <button dusk="login-checkout" class="btn btn-outline-primary w-100 mt-4 mb-2" wire:click.prevent="login()">Iniciar sesión
1695                </button>
1696                <div wire:loading wire:target="login" wire:loading.class="bg_loader_modal_login">
1697                    <div class="spinner-border text-primary loader_modal_login" role="status">
1698                        <span class="visually-hidden">Loading...</span>
1699                    </div>
1700                </div>
1701            </form>
1702            <div class="text-center">
1703                <a role="button" data-bs-toggle="modal" data-bs-target="#modalResetPassAcc" class="text-decoration-none">¿Olvidaste tu contraseña?</a>
1704            </div>
1705            
1706            <!--[if BLOCK]><![endif]-->                <a href="/auth/facebook/redirect" class="btn btn-outline-primary text-light border-0 w-100 mt-4" style="background-color: #3B5998;">Iniciar sesión con Facebook</a>
1707                <a href="/auth/google/redirect" class="btn btn-outline-primary text-light border-0 w-100 mt-3 mb-3" style="background-color: #DD4D3A;">Iniciar sesión con Google</a>
1708            <!--[if ENDBLOCK]><![endif]-->            <div class="text-center">
1709                <p class="small">
1710                    Si aún no tiene una cuenta,
1711                    <a dusk="modal-login-btn-register" role="button" data-bs-toggle="modal" data-bs-target="#modalNewAcc" class="text-decoration-none">
1712                        regístrate aquí
1713                    </a>
1714                </p>
1715            </div>
1716            </form>
1717        </div>
1718    </div>
1719
1720    <style>
1721        .bg_loader_modal_login {
1722            width: 100%;
1723            height: 100%;
1724            position: absolute;
1725            top: 0;
1726            left: 0;
1727            background: white;
1728            opacity: .8;
1729            z-index: 1029;
1730        }
1731
1732        .loader_modal_login {
1733            width: 50px;
1734            height: 50px;
1735            position: absolute;
1736            display: flex;
1737            align-items: center;
1738            justify-content: center;
1739            top: 40%;
1740            left: 45%;
1741        }
1742    </style>
1743</div>        </div>
1744    </div>
1745    <div class="modal" data-bs-backdrop="false" id="modalNewAcc" tabindex="-1" aria-labelledby="modalLabelNewAcc" aria-hidden="true">
1746        <div class="modal-dialog">
1747            <div wire:snapshot="{&quot;data&quot;:{&quot;name&quot;:null,&quot;surname&quot;:null,&quot;email&quot;:null,&quot;password&quot;:null,&quot;password_confirmation&quot;:null,&quot;locale&quot;:null,&quot;customFieldsData&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;activeCustomFields&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;customFieldsRules&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;hasActiveCustomFields&quot;:true,&quot;enableSocialNetworkAuth&quot;:true,&quot;onRestrictedPage&quot;:false,&quot;pageUrl&quot;:&quot;https:\/\/pumasdelsur.org.ar\/blog&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;RhxiDy2shZ9iC4D6b8GV&quot;,&quot;name&quot;:&quot;auth.auth-register-component&quot;,&quot;path&quot;:&quot;blog&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;es&quot;},&quot;checksum&quot;:&quot;fde30f755925d2766c23091ce57d2b2186939f77df81a73e1181785b7fc9fc21&quot;}" wire:effects="[]" wire:id="RhxiDy2shZ9iC4D6b8GV" class="modal-content">
1748    <div class="modal-header">
1749        <h5 class="modal-title" id="modalLabelNewAcc">
1750            Crea una cuenta
1751        </h5>
1752        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
1753    </div>
1754    <div class="modal-body mt-3">
1755        <form class="excludeForm" autocomplete="off">
1756            <div class="row">
1757                <div class="col-sm-6">
1758                    <div class="mb-3">
1759                        <label class="form-label ">
1760                            Nombre
1761                        </label>
1762                        <input dusk="type-register-name" type="text" class="form-control "
1763                            wire:model.blur="name">
1764                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>
1765                </div>
1766                <div class="col-sm-6">
1767                    <div class="mb-3">
1768                        <label class="form-label
1769                            ">
1770                            Apellido
1771                        </label>
1772                        <input dusk="type-register-surname" type="text" class="form-control "
1773                            wire:model.blur="surname">
1774                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>
1775                </div>
1776            </div>
1777            <div class="mb-2">
1778                <label class="form-label ">
1779                    E-mail
1780                </label>
1781                <input dusk="type-register-email" type="email" class="form-control " wire:model.blur="email"
1782                >
1783                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
1784
1785            
1786            
1787            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->
1788            <div class="row">
1789                <div class="col-sm-6">
1790                    <div class="position-relative">
1791                        <label class="form-label ">
1792                            Contraseña
1793                        </label>
1794                        <input dusk="type-register-password" type="password" class="form-control " style="background-image:none"
1795                            wire:model="password" id="password">
1796                        <i role="button" class="fa-solid fa-eye position-absolute"
1797                            style="right: 10px; bottom: 10px; color: #ccc;" id="togglePassword"></i>
1798                    </div>
1799                </div>
1800                <div class="col-sm-6">
1801                    <div class="position-relative">
1802                        <label class="form-label ">
1803                            Repite tu contraseña
1804                        </label>
1805                        <input dusk="type-register-repeat-password" type="password" class="form-control "
1806                        style="background-image:none" 
1807                            wire:model="password_confirmation" id="password_confirmation">
1808                        <i role="button" class="fa-solid fa-eye position-absolute"
1809                            style="right: 10px; bottom: 10px; color: #ccc;" id="togglePasswordConfirmation"></i>
1810                    </div>
1811                </div>
1812                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
1813
1814            <button dusk="btn-register" class="btn btn-outline-primary w-100 mt-4 mb-2" wire:click.prevent="register()">
1815                Registrarme
1816            </button>
1817            <!--[if BLOCK]><![endif]-->                <div wire:loading wire:target="register" wire:loading.class="bg_loader_modal_login">
1818                    <div class="spinner-border text-primary loader_modal_login" role="status">
1819                        <span class="visually-hidden">Loading...</span>
1820                    </div>
1821                </div>
1822            <!--[if ENDBLOCK]><![endif]-->        </form>
1823
1824        
1825        <!--[if BLOCK]><![endif]-->            <a href="/auth/facebook/redirect" class="btn btn-outline-primary text-light border-0 w-100 mt-4"
1826                style="background-color: #3B5998;">
1827                Registrarme con Facebook
1828            </a>
1829            <a href="/auth/google/redirect" class="btn btn-outline-primary text-light border-0 w-100 mt-3 mb-3"
1830                style="background-color: #DD4D3A;">
1831                Registrarme con Google
1832            </a>
1833        <!--[if ENDBLOCK]><![endif]-->        <div class="text-center">
1834            <p class="small">Si ya tienes una cuenta,  <a role="button" data-bs-toggle="modal"
1835                    data-bs-target="#modalLogin" class="text-decoration-none">
1836                Iniciar sesión
1837                </a>
1838            </p>
1839        </div>
1840    </div>
1841    
1841<script>
1842        const togglePassword = document.getElementById("togglePassword");
1843        const password = document.getElementById("password");
1844        const togglePasswordConfirmation = document.getElementById("togglePasswordConfirmation");
1845        const passwordConfirmation = document.getElementById("password_confirmation");
1846        const toggleLoginPassword = document.getElementById("toggleLoginPassword");
1847        const loginPassword = document.getElementById("login_password");
1848        togglePassword.addEventListener("click", function () {
1849            const type = password.getAttribute("type") === "password" ? "text" : "password";
1850            password.setAttribute("type", type);
1851            this.classList.toggle("bi-eye");
1852        });
1853        togglePasswordConfirmation.addEventListener("click", function () {
1854            const type = passwordConfirmation.getAttribute("type") === "password" ? "text" : "password";
1855            passwordConfirmation.setAttribute("type", type);
1856            this.classList.toggle("bi-eye");
1857        });
1858        toggleLoginPassword.addEventListener("click", function () {
1859            const type = loginPassword.getAttribute("type") === "password" ? "text" : "password";
1860            loginPassword.setAttribute("type", type);
1861            this.classList.toggle("bi-eye");
1862        });
1863    </script>
1863
1864</div>        </div>
1865    </div>
1866    <div class="modal" data-bs-backdrop="false" id="modalLogout" tabindex="-1" aria-labelledby="modalLabelLogout" aria-hidden="true">
1867        <div class="modal-dialog">
1868            <div wire:snapshot="{&quot;data&quot;:{&quot;currentUrl&quot;:&quot;blog&quot;,&quot;idlanguage&quot;:1,&quot;url&quot;:&quot;https:\/\/pumasdelsur.org.ar\/blog&quot;,&quot;page&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;1HV81ft6R8n2w2TIDDee&quot;,&quot;name&quot;:&quot;auth.auth-logout-component&quot;,&quot;path&quot;:&quot;blog&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;es&quot;},&quot;checksum&quot;:&quot;d1ab5bfd34798dd1139c950d23bcf8d1657c09a56d9bc1b1709173e3bbd5f1cb&quot;}" wire:effects="[]" wire:id="1HV81ft6R8n2w2TIDDee" class="modal-content">
1869    <div class="modal-header">
1870        <h5 class="modal-title" id="modalLabelLogout">
1871            Cerrar sesión
1872        </h5>
1873        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
1874    </div>
1875
1876    <div class="modal-body mt-3 text-center">
1877        <p>¿Estás seguro que deseas cerrar tu sesión?</p>
1878        <div class="d-flex justify-content-center my-5">
1879            <button class="btn btn-outline-primary me-5" data-bs-dismiss="modal">
1880                CANCELAR
1881            </button>
1882            <button dusk="button-logout" class="btn btn btn-primary" wire:click="logout">
1883                CERRAR SESIÓN
1884            </button>
1885        </div>
1886        <div wire:loading wire:target="logout" wire:loading.class="bg_loader_modal_login">
1887            <div class="spinner-border text-primary loader_modal_login" role="status">
1888                <span class="visually-hidden">Loading...</span>
1889            </div>
1890        </div>
1891    </div>
1892</div>
1893        </div>
1894    </div>
1895    <div class="modal" data-bs-backdrop="false" id="modalResetPassAcc" tabindex="-1" aria-labelledby="modalLabelNewAcc" aria-hidden="true">
1896        <div class="modal-dialog">
1897            <div wire:snapshot="{&quot;data&quot;:{&quot;email&quot;:null,&quot;success&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;iMeZo88D7A1gLnttT4bB&quot;,&quot;name&quot;:&quot;auth-reset-password-component&quot;,&quot;path&quot;:&quot;blog&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;es&quot;},&quot;checksum&quot;:&quot;533c8324716e6088f8f27f606b08a7e84dc0a732e7b5afaa2c55f9325eea9d38&quot;}" wire:effects="[]" wire:id="iMeZo88D7A1gLnttT4bB" class="modal-content">
1898    <!--[if BLOCK]><![endif]-->    <div class="modal-header">
1899        <div class="d-flex flex-column">
1900            <h5 class="modal-title mb-0" id="modalLabelNewAcc">Restablece tu contraseña</h5>
1901            <p class="small mb-0">Ingresa tu e-mail y te enviaremos las instrucciones.</p>
1902        </div>
1903        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" wire:click="closeModal()"></button>
1904    </div>
1905    <div class="modal-body mt-3">
1906        <form class="excludeForm">
1907            <div class="mb-3">
1908                <label class="form-label ">E-mail</label>
1909                <input type="email" class="form-control " wire:model="email"
1910                    name="email">
1911                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
1912            
1913            <button class="btn btn-outline-primary w-100 mt-4 mb-2" wire:click.prevent="resetPassword()">
1914                Recuperar
1915            </button>
1916            <div wire:loading wire:target="resetPassword" wire:loading.class="bg_loader_modal">
1917                <div class="spinner-border text-primary loader_modal" role="status">
1918                    <span class="visually-hidden">Loading...</span>
1919                </div>
1920            </div>
1921        </form>
1922    </div>
1923    <!--[if ENDBLOCK]><![endif]-->    <style>
1924        .bg_loader_modal {
1925            width: 100%;
1926            height: 100%;
1927            position: absolute;
1928            top: 0;
1929            left: 0;
1930            background: white;
1931            opacity: .8;
1932            z-index: 1029;
1933        }
1934
1935        .loader_modal {
1936            width: 50px;
1937            height: 50px;
1938            position: absolute;
1939            display: flex;
1940            align-items: center;
1941            justify-content: center;
1942            top: 30%;
1943            left: 45%;
1944        }
1945    </style>
1946</div>        </div>
1947    </div>
1948    
1948<script>
1949        window.addEventListener('close-modal', event => {
1950            console.log('event.detail.id :>> ', event.detail.id);
1951            var myModalEl = document.getElementById(event.detail.id)
1952            var modal = bootstrap.Modal.getInstance(myModalEl)
1953            modal.hide();
1954        });
1955    </script>
1955
1956</div>
1957    
1958    
1959    
1960    
1961    <!-- ======= Scripts ======= -->
1962    
1962<script src="https://ss-static-001c.esmsv.com/js/bootstrap.bundle.min.js"></script>
1962
1963        
1963<script src="https://ss-static-001c.esmsv.com/js/app_footer.js" defer></script>
1963
1964
1965    
1966    <link href="https://ss-static-001c.esmsv.com//styles/general/fontawesome-6.4.2.min.css" rel="stylesheet">
1967
1968    <!-- Analytics -->
1969    <!-- End Matomo Code -->
1970
1971
1972    <!-- Js/CSS CC Body -->
1973    
1974
1975    <!-- Toast -->
1976    
1976<script src="/js/show_toast.js"></script>
1976
1977
1978    
1979    
1980    <!-- Scripts liveware -->
1981    
1981<script src="https://pumasdelsur.org.ar/vendor/livewire/livewire.min.js?id=61e33937"   data-csrf="mH35W4GTGc0KqlOBoLdjKZcrVDTbTR8Aa5YkkapL" data-update-uri="/livewire/update" data-navigate-once="true"></script>
1981
1982
1983</body>
1984
1985</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.