<?php
$Articulo = f("siguiente articulo");
?>
<link rel="stylesheet" href="componentes/articuloTipo2/style_articuloTipo2.css">
<div class="articulotipo2 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("modificación", "d de mmmm"); ?>			
			<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("modificación", "yyyy"); ?></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 $Articulo->extracto_manual_inicio;   ?></h6>                 
        
              <!-- <input type="checkbox" class="btn_leerMas2" id="post-1" />     -->
              <input type="checkbox" class="btn_leerMas2" id="articulotipo2-post-<?php echo $Articulo->id; ?>"/>          
              <div class="cont_leerMas2"><?php echo $Articulo->extracto_manual_restante; ?></div> 
          <!-- <label for="post-1" class="disparador_leerMas2 d-flex justify-content-center"></label>  -->
              <label for="articulotipo2-post-<?php echo $Articulo->id; ?>" class="disparador_leerMas2 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>