<link rel="stylesheet" href="componentes/articuloTipo2/style_articuloTipo2.css">
    <div class="g-xs-1 g-lg-5 col-12 col-xs-8 col-md-6 col-lg-6 col-xl-6 col-xxl-6">

      <article class="card card-blogArtTipo2 ">

        <img src="img/fotografia_800x600.jpg" alt="Fotografía del artículo" class="card-img-top">

        <div class="card-bodyArtTipo2 col-11">
             
          <div class="card-categoryArtTipo2">NOMBRE CATEGORÍA</div>

          <!--     <h1 class="card-titleArtTipo2">TITULO DEL ARTÍCULO #2</h1>      -->         
          <div class="card-dateArtTipo2 ">
            <div class="fecha col-12">24 de septiembre<svg xmlns="http://www.w3.org/2000/svg" width="3" height="3" fill="black" class="bi bi-circle-fill" viewBox="0 0 16 16"><circle cx="8" cy="8" r="8"/>
                </svg> 2025</div>   

              <div>
                <span class="badge bg-secondary ">New</span>
                <span class="badge bg-secondary ">New</span>
                <span class="badge bg-secondary ">New</span>
              </div>
           </div>

          <!----Componente leer más, leer menos ------>
          <div class="card-textArtTipo2">
              <h2 style=" text-align: center;  text-transform: capitalize;">
                Me incti volescil inustio ribusos doluptistiam ini qui ra chiciae eequae velecum ut dolupt</h2>
              <h6 class="card-titleArtTipo2">Tuscium intur os doluptistiam ini qui intur rchiciae eequae velecum os rendit..</h6>    
             
        
              <!-- <input type="checkbox" class="btn_leerMas" id="post-1" />     -->
              <input type="checkbox" class="btn_leerMas" id="post-<?php echo $id; ?>"/>          
              <p class="cont_leerMas">
                
              223Ratur, 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 esitat33.   <br></br>

              22Ratur, 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 esitat33.
              </p> 

          <!-- <label for="post-1" class="disparador_leerMas d-flex justify-content-center"></label>  -->
              <label for="post-<?php echo $id; ?>" class="disparador_leerMas d-flex justify-content-center"></label>

       
          </div>
           <!----Fin Componente leer más, leer menos ------>
 

          
        
         <!-- Botones: Compartir y comentar post-->  
          
          <?php 
           
          require('componentes/btnCompartir_Comentar/componente_btnCompartir_Comentar.php');
 ?> 
          <!--Fin Botones: Compartir y comentar post-->
         
          <!---- componente de Formulario Comentar --->    
          <?php require('componentes/comentariosArticulos/componente_comentariosArticulos.php');
 ?>                                       
          <!-- -->

    </div>


      </article>


</div>