<link rel="stylesheet" href="componentes/articuloTipo3/style_articuloTipo3.css">


  <div class="row  d-flex justify-content-center g-5">
  
      <article class=" card card-blogArtTipo3 col-lg-5">
          <img src="img/fotografia_800x600.jpg" alt="Fotografía del artículo" class="card-img-top">

          <div class="card-bodyArtTipo3 col-11">
               
                  <div class="card-categoryArtTipo3">NOMBRE CATEGORÍA</div>
                  <!--     <h1 class="card-titleArtTipo3">TITULO DEL ARTÍCULO #2</h1>      -->         
                  <div class="card-textArtTipo3">
                      <h4 style=" text-align: center;"> Me incti volescil inustio ribusos</h4>
                      <div class="card-dateArtTipo3">
                          <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>

                      <!----Componente leer más, leer menos ------>
                      <h6 class="card-titleArtTipo3">Tuscium intur os doluptistiam ini qui intur rchiciae eequae velecum os rendit.os doluptistiam ini qui intur rchiciae</h6>             
                  </div>
      
          </div>
      </article>
<!-- 
    <section>
      <div class="vr"></div>
    </section> -->

      <section class=" col-lg-4">

      <aside class=" card "  style="padding: 0;margin: 0;border-radius: 0;">
        <img src="https://placehold.co/400x360/cca853/FFFFFF/JPG?text=FOTO-400x360px" class="card-img-top" alt="..." style="height: auto;background-color: #cca852; border-radius: 0; border: none;">
        <div class="card-body" >
          <p class="card-text" >Subtema: </p>
        </div>
      </aside>
      <?php require('componentes/btnConocerMas/componente_btnConocerMas.php');
 ?>
      </section>


 
  </div>
