gistfile1.txt

<style type="text/css">
    #service360 {
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 18px;
        width: 100%;
        height: auto;
        color: rgb(61, 61, 61);
        background-color: white;

        a {
            color: #6bc9ff;
        }
    }

    #service360 p {
        margin: 1rem 0;
        line-height: 1.5em;
    }

    #content360 {
        width: 100%;
        max-width: 700px;
        margin: 0 auto;
    }

    #banner {
        border-radius: 12px;
        display: block;
        width: 100%;
    }

    .content-section {
        padding: .5rem 1rem;

        .__subtitle {
            font-weight: 600;
        }
    }

    .text-bold {
        font-weight: 700;
    }

    .content-section__title {
        margin-bottom: 1rem;
        text-transform: uppercase;
        font-size: 1.5rem;
        font-weight: 700;
    }

    .content-section__toggle {
        background-color: #ea4a52;
        border-radius: 1rem .4rem 1rem .4rem !important;
        padding: 0.5rem 1rem !important;
        margin: .2rem 0;
        color: #ffffff !important;
        cursor: pointer;
        display: inline-block;

        p {
            margin: 0 !important;
            font-weight: 400;

            span {
                font-weight: 600;
            }
        }
    }

    .active {
        max-height: 100vh;
    }

    .content-section__toggleable {
        max-height: 0px;
        overflow: hidden;
        transition: max-height 0.5s ease-in-out;

        ul {
            margin: .5rem 0 !important;
            margin-bottom: 1rem !important;

            li {
                margin-bottom: 1rem;
                line-height: 1.5em;
            }
        }
    }
</style>

<link href="https://fonts.googleapis.com" rel="preconnect">
<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect">
<link href="https://fonts.googleapis.com/css2?family=Encode+Sans+Condensed:wght@100;200;300;400;500;600;700;800;900&amp;family=Montserrat:ital,wght@0,100..900;1,100..900&amp;display=swap" rel="stylesheet">
    
<div id="service360">
    <div id="content360">
        <img id="banner" src="https://cdn.myperfit.net/1742396752680-header_BEC-2025_v2.jpg">
            <div class="content-section">
                <div class="content-section__text">
                    <p>
                        <br>
                        <b>Barrio es Cultura</b> es un programa de la Municipalidad de Escobar que tiene como objetivo acercar diversas propuestas artístico-culturales a todos los puntos del distrito mediante talleres libres y gratuitos.</p>
                    <p>
                        <b>¡Este verano contamos con nuevas propuestas para que puedas seguir disfrutando de los talleres de Barrio es Cultura hasta el 22 de marzo!</b></p>
                    <p>
                        El cupo de inscriptos/as a los talleres es limitado: <i>al preinscribirte recibirás un correo con los pasos a seguir para realizar el taller.</i></p>
                    <p>
                        Es importante que verifiques tu correo electrónico o ingreses a Escobar 360° para estar al tanto de las novedades.</p><br>
                    <p>
                        <b><u>Hacé clic en la localidad/ modalidad que te interese y preinscribite</u>:</b></p>
                </div>
            </div>
            <div class="content-section">
                <div class="content-section__toggle">
                    <p><span> 24 de Febrero</span></p>
                </div>
                <div class="content-section__toggleable">
                    <ul>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=Canto24feb2025" target="_blank">Canto</a></b> | Lunes 10 a 12 hs - Tallerista: Oscar Portillos.</li>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=CoroAdultos2025" target="_blank">Coro municipal adultos</a></b> | Sábados 10 a 12 hs - Tallerista: Maximiliano Oliva.</li>
                    </ul>
                </div>
            
                <div class="content-section__toggle" style="background-color: #4d4692;">
                    <p><span> Belén de Escobar</span></p>
                </div>
                <div class="content-section__toggleable">
                    <ul>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=ArteyTecnologiaBelen2025" target="_blank">Dibujo y tecnología</a></b> | Viernes 17 a 19 hs - Tallerista: Carlos Román.</li>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=DibujoAnimeBelen2025" target="_blank">Dibujo y anime</a></b> | Lunes 17 a 19 hs - Tallerista: Alexia Lafoggianis.</li>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=ArtesVisualesBelen2025" target="_blank">Artes visuales</a></b> | Sábado 16 a 18 hs - Tallerista: Charo Maetta.</li>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=CorteyConfeccionBelen2025" target="_blank">Corte y confección</a></b> | Viernes 14 a 16 hs - Tallerista: Paula Baldassi.</li>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=CrochetBel2025" target="_blank">Crochet</a></b> | Jueves 12 a 14 hs - Tallerista: Paula Baldassi.</li>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=FolcloreBelen2025" target="_blank">Folclore</a></b> | Lunes 14 a 16 hs - Tallerista: Daniela Verdala.</li>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=MosaiquismoBelen2025" target="_blank">Mosaiquismo</a></b> | Miércoles 17 a 19 hs - Tallerista: Mariano Osquiguil.</li>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=TangoBelen2025" target="_blank">Tango</a></b> | Jueves 17:30 a 19:30 hs - Tallerista: Horacio Keller.</li>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=TejidoBelen2025" target="_blank">Tejido y crochet</a></b> | Lunes 14 a 16 hs - Tallerista: María José Hernández.</li>
                    </ul>
                </div>
            
                <div class="content-section__toggle" style="background-color: #7ebe74;">
                    <p><span> Loma Verde</span></p>
                </div>
                <div class="content-section__toggleable">
                    <ul>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=ApoyoEscolarLomaVerde2025" target="_blank">Apoyo escolar</a></b> | Jueves 18 a 19:30 hs - Tallerista: Vanesa Jurado.</li>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=ArtesVisualesLV2025" target="_blank">Artes visuales</a></b> | Martes 17 a 19 hs - Tallerista: Charo Maetta.</li>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=CrochetLV2025" target="_blank">Crochet y amigurumis</a></b> | Viernes 14 a 16 hs - Tallerista: María José Hernández.</li>
                    </ul>
                </div>
            
                <div class="content-section__toggle">
                    <p><span> Matheu</span></p>
                </div>
                <div class="content-section__toggleable">
                    <ul>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=AjedrezMatheu2025" target="_blank">Ajedrez</a></b> | Miércoles 15:30 a 17:30 hs - Tallerista: Aldo Azamor.</li>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=ArtesVisualesMatheu2025" target="_blank">Artes visuales</a></b> | Martes 10 hs - Tallerista: Jesica Cavallo.</li>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=FolkloreMatheu2025" target="_blank">Folclore</a></b> | Martes 18 a 20 hs - Tallerista: Fátima Rodríguez.</li>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=JuegosMatheu2025" target="_blank">Juegos de mesa</a></b> | Miércoles 9 a 11 hs - Tallerista: Karin Ambrosius.</li>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=MosaiquismoMatheu25" target="_blank">Mosaiquismo</a></b> | Miércoles 10 a 12 hs - Tallerista: Mariano Osquiguil.</li>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=TangoMatheu2025" target="_blank">Tango</a></b> | Lunes 19 a 21 hs - Tallerista: Ubaldo Delgado.</li>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=TelaMatheu2025" target="_blank">Tela</a></b> | Miércoles 15 a 17 hs - Tallerista: Melina Grasso.</li>
                    </ul>
                </div>
            
                <div class="content-section__toggle" style="background-color: #4d4692;">
                    <p><span> Ingeniero Maschwitz</span></p>
                </div>
                <div class="content-section__toggleable">
                    <ul>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=ArtesVisualesMasch2025" target="_blank">Artes visuales</a></b> | Jueves (Grupo 1: 17 a 18 hs, Grupo 2: 19 a 20 hs) - Tallerista: Alexia Lafoggianis.</li>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=FotoMasch2025" target="_blank">Fotografía y realización audiovisual</a></b> | Martes 14 hs - Tallerista: Roxana Segura.</li>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=TecnologiasMasch2025" target="_blank">Tecnología para adultos mayores</a></b> | Miércoles 10 hs - Tallerista: Roxana Segura.</li>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=YogaMasch2025" target="_blank">Yoga</a></b> | Jueves y sábados 9 a 10 hs - Tallerista: Elizabeth Paulino.</li>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=ZumbaMasc2025" target="_blank">Zumba</a></b> | Lunes y miércoles 15 a 16 hs - Tallerista: Mariana Moreira.</li>
                    </ul>
                </div>
            
                <div class="content-section__toggle" style="background-color: #7ebe74;">
                    <p><span> Garín</span></p>
                </div>
                <div class="content-section__toggleable">
                    <ul>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=AjedrezGarin2025" target="_blank">Ajedrez</a></b> | Viernes 18 hs - Tallerista: Aldo Azamor.</li>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=ArtesVisualesGarin2025" target="_blank">Artes visuales</a></b> | Martes 17 a 19 hs - Tallerista: Jesica Cavallo.</li>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=DanzaGarin2025" target="_blank">Danza</a></b> | Lunes (16 a 17 hs: infantil, 17 a 18 hs: teens/juvenil) - Tallerista: Andrea Carolina Nieva.</li>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=FolkGarin2025" target="_blank">Folclore</a></b> | Miércoles 16 a 18 hs - Tallerista: Cristian Cabral.</li>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=FolkloreGar2025" target="_blank">Folclore</a></b> | Martes 16 a 18 hs - Tallerista: Cristian Cabral.</li>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=FolkloreGarin25" target="_blank">Folclore</a></b> | Miércoles 13:30 hs - Tallerista: Fátima Rodríguez.</li>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=JuegosGarin2025" target="_blank">Juegos de mesa</a></b> | Martes 9 a 11 hs - Tallerista: Karin Ambrosius.</li>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=LengseñasGarin2025" target="_blank">Lengua de señas</a></b> | Jueves 9 a 11 hs - Tallerista: Ludmila Perazzo.</li>
                    </ul>
                </div>
            
                <div class="content-section__toggle">
                    <p><span> Maquinista Savio</span></p>
                </div>
                <div class="content-section__toggleable">
                    <ul>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=ArteyJuegosSavio2025" target="_blank">Arte y juegos recreativos</a></b> | Miércoles 17 hs - Tallerista: Lucía Peñayo.</li>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=ArtesVisualesSavio2025" target="_blank">Artes visuales</a></b> | Sábado 15 a 17 hs - Tallerista: Lucía Peñayo.</li>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=TelaSavio2025" target="_blank">Tela</a></b> | Miércoles 18 a 20 hs - Tallerista: Melina Grasso.</li>
                        <li>
                            <b><a href="https://escobar360.escobar.gob.ar/servicio.aspx?identificador=YogaSavio2025" target="_blank">Yoga</a></b> | Martes (Grupo 1: 9:30 hs, Grupo 2: 10:30 hs) - Tallerista: Karina Gaitán.</li>
                    </ul>
                </div>
            </div>
            <div class="content-section" style="margin-top: 1rem;">
                <div class="content-section__text">
                    <p>
                        Para más información contactate por WhatsApp al <a href="https://wa.me/5491138330056" target="_blank">11 3833-0056</a>.</p>
                </div>
            </div>
        </div>
    <script>
      window.addEventListener('load', function() {
        const buttons = document.querySelectorAll('.content-section__toggle');
        const contents = document.querySelectorAll('.content-section__toggleable');
    
        buttons.forEach((button) => {
        const buttonText = button.querySelector('span').textContent;
        button.querySelector('span').textContent = '+ ' + buttonText;
        });
    
        buttons.forEach((button, index) => {
        button.addEventListener('click', () => {
            contents[index].classList.toggle('active');
    
            contents[index].style.transition = 'max-height 0.5s ease-in-out';
            if (contents[index].classList.contains('active')) {
            contents[index].style.maxHeight = `${contents[index].scrollHeight}px`;
            button.querySelector('span').textContent = '- ' + button.querySelector('span').textContent.trim().slice(2);
            } else {
            contents[index].style.maxHeight = '0px';
            button.querySelector('span').textContent = '+ ' + button.querySelector('span').textContent.trim().slice(2);
            }
          });
        });
      });
    </script>
</div>