<?php
$Clase_Articulo = Clase("Articulo");
$Articulo       = $Clase_Articulo::siguiente();
?>
<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="<?php echo $Articulo->img_src; ?>" alt="<?php echo $Articulo->img_alt; ?>" class="card-img-top">

        <div class="card-bodyArtTipo2 col-11">
             
          <div class="card-categoryArtTipo2"><?php echo $Articulo->main_category; ?></div>

          <!--     <h1 class="card-titleArtTipo2">TITULO DEL ARTÍCULO #2</h1>      -->         
          <div class="card-dateArtTipo2 ">
            <div class="fecha col-12"><?php echo $Articulo->fecha("d de mmmm", "modificación"); ?><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> <?php echo $Articulo->fecha("yyyy", "modificación"); ?></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;">
                <?php echo $Articulo->titulo; ?></h2>
              <h6 class="card-titleArtTipo2"><?php echo rf_trim($Articulo->excerpt, "76 letras"); ?></h6>                 
        
              <!-- <input type="checkbox" class="btn_leerMas" id="post-1" />     -->
              <input type="checkbox" class="btn_leerMas" id="post-<?php echo $Articulo->id; ?>"/>          
              <p class="cont_leerMas"><?php echo $Articulo->contenido; ?>
              </p> 


          <!-- <label for="post-1" class="disparador_leerMas d-flex justify-content-center"></label>  -->
              <label for="post-<?php echo $Articulo->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>