
<link rel="stylesheet" href="componentes/articuloTipo1/style_articuloTipo1.css">
<div class="container my-5 mx-auto">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12">
                <article class="container-fluid article-containerArtTipo1">
                    <!-- Encabezado del artículo -->
                    <header class="article-headerArtTipo1">
                       <div class="container-fluid justify-content-center text-center"> 
                            <h2>TITULO DEL ARTÍCULO # 1</h2>
                            <div class="article-subtitleArtTipo1">Subtítulo</div>
                            <div class="article-metaArtTipo1">
                                <mark>Editado:</mark> 06/07/2025 <span>por</span> Autor
                            </div>
                        </div>

                    </header>
                    
                    <!-- Contenido del artículo -->
                    <div class="article-contentArtTipo1" style="padding: 1rem;  overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; height: 100%;">
                        <p class="capitulares">Postem es dem re corae esecus ullendus, conem sitam ius sit, aut eratem rest, sequi volorro commit voluptas verovid explibus, ut modifica quuntem simodit aeriani endionse vent estiande essequae velis eles porro idestofatus qui repellor apistemodi verum essitaf emporrum enistis dolorem dit orisquid etus eumquetum quiditis sa nobitam, commis quori cas sit, id que doles aditibus, aut asimpore et ommoluptae optatiu ntortatus utatiam, tem culorem. Nequo ipsuntur, nes dolo enis nim ut as som quibus.
                        Ratur, nari aut hic te omni
                        Nusamus eostem es dem re corae esecus ullendus, conem sitam ius sit, aut eratem rest, sequi volorro commit voluptas verovid explibus, ut modifica quuntem simodit aeriani endionse vent estiande essequae velis eles porro idestofatus qui repellor apistemodi verum essitaf emporrum enistis dolorem dit orisquid etus eumquetum quiditis sa nobitam, commis quori cas sit, id que doles aditibus, aut asimpore et ommoluptae optatiu ntortatus utatiam, tem culorem. Nequo ipsuntur, nes dolo enis nim ut as som quibus.<br></br>
                        Ratur, nari aut hic te omnihilita nos sit alitatur allam ut fuga. Ipsum laut resto optae ulte tem dollabo roostiorepit dolorrum faccus plamus erchiciae eequae velecum ut doluptia nescium lidunt, que pree volume nessi to dem sin consequ ibuscium intur os doluptistiam ini qui rendit pa desciipsum venducipsam volupta flissit, qui sumiquide es mi, quatur? Me eatin erandi similiu ptatem rem. Ut horciunto dolupti bustiatium est aut eumquis escilio riberanti blaccul parcimi, que rerovid essa occulluptas dende perum nobis ipsum rem dest dolorei ciaspis tum eatio quid esitat.</p>
                        <input type="checkbox" class="btn_leerMas" id="post-2" />    
                        <div class="cont_leerMas">Ullacerorro verum autarli dolorib usciasaind nos dellupta volor aut quisciliciu qui te nos maios dobut auta velignatur ratian pas il bla velesta mos corem event estempera dolorero et officiusant idesto mint autent omnisti undentorrum quo init ad quete cupatur as returnquaint endoes qui ni aliate pellabimus, nam, can pla consequia nobisimus, asperspis velitem. Et utemperum acest, involie ndiatus daerios cus aliqui ut et dobit villis dem quatur sit as none laut volorunto <a class="linkExterno"> blabor sint</a>, nis volut el magnimpro eftures lumquae sciumqui dolorro voluptio. Nam autatur estrum ut ma cone voluptiatur motur estis cui ab illabora ntenderibus sunt eatiorem quae sum que idi ut ad quidia. Optae. Tem voluptatias doluptibus si sit, venduci core suritis mo quod debit, testis corendam rehendoe nobis mo mi, cum inimpel lorion cum dessumque nis posam aut apis secose non necture moluptatus.</div> 
                        <label for="post-2" class="disparador_leerMas d-flex justify-content-center"></label> 

                      <?php require('componentes/btnCompartir_Comentar/componente_btnCompartir_Comentar.php');
 ?>   
                      <?php require('componentes/comentariosArticulos/componente_comentariosArticulos.php');
 ?> 
                                           
                    </div>
                  


                </article>
      


            </div>
        </div>
</div>
