<?php
define("__DIRINICIAL__", __DIR__);
define("__FILEINICIAL__", __FILE__);
require(__DIRINICIAL__ . "/componentes/comunes/inicializar.php"); 
?>
<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Menú - Blog</title>
  <!-- Bootstrap 5 -->
  <!--
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
  -->
  <!--Estilos personalizados -->
<?php /*Esto FUNCIONA con la extensión "servidor"  
  <link rel="stylesheet" href="styles.servidor.css?rand=<?php echo rand(); ?>" >  */ ?> 
  
 <link rel="stylesheet" href="styles.php.css?rand=<?php echo rand(); ?>" >
	<style>
		<?php
		/*
		Esta idea sirve para la plataforma, no borrar.
		$required = TRUE;
		require(__DIR__ . "/styles.php.css");
		$required = FALSE;
		*/
		?>
	</style>
 
  <link rel="stylesheet" href="styles_2.css?rand=<?php echo rand(); ?>" >
  <!-- Iconos -->
  <link rel="stylesheet" href="fonts/font_awesome/css/fontawesome.min.css?rand=<?php echo rand(); ?>">
  <link rel="stylesheet" href="fonts/font_awesome/css/regular.min.css?rand=<?php echo rand(); ?>">
  <link rel="stylesheet" href="fonts/font_awesome/css/brands.min.css?rand=<?php echo rand(); ?>">
  <link rel="stylesheet" href="fonts/font_roboto/roboto.css?rand=<?php echo rand(); ?>">
  <link rel="stylesheet" href="fonts/font_awesome/font_loracustom.css?rand=<?php echo rand(); ?>">
  <link rel="stylesheet" href="fonts/font_loracustom/css/brands.min.css?rand=<?php echo rand(); ?>">
  <link rel="stylesheet" href="fonts/iconos/bootstrap-icons.min.css">
  <!-- 
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,600;0,700;1,400&display=swap">
  -->
  <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"> -->

  
<?php 
/*
Los siguientes estilos fueron traídos de los componentes para eliminar el FLASH FOUC 
##regresar
*/ ?>

 </head>


<body class="blog" >
<?php //require('componentes/idiomas/componente_idiomas.php');?>
<?php require('componentes/menuPrincipalHeader/componente_menuPrincipalHeader.php'); ?>

<?php require('componentes/RedesSocialesHeader/componente_RedesSocialesHeader.php'); ?>

       <nav>
        <?php require('componentes/subcategorias/componente_subcategorias.php');
 ?>
      </nav>


  <main>
        <!-- 🔹 Buscador -->
        <?php //require('componentes/buscadorHeader/componente_buscadorHeader.php');
 ?>

            <?php require('componentes/frase/componente_frase.php');
 ?>            
  <!-- 🔹 slider -->
          <section class="row g-0">
             <?php require('componentes/bannerPrincipal/bannerContenedor.php');  ?>            
          </section> 


<?php /* Esta sección se repite en el index para mostrarla en pantallas pequeñas y ocultarlas en patantalla<s grandes  */ ?>
          <section class="col-12 d-block d-xxl-none">
           <?php require('componentes/bannerPrincipal/componente_biografiaRealtor.php'); ?>
          </section>    


<?php /*

        //<!-- 🔹 slider -->
 
        <section class="row g-0">
        <?php //require('componentes/sliderPrincipal/componente_sliderPrincipal.php'); ?>
        <?php //require('componentes/fotografiaRealtor/componente_fotografiaRealtor.php'); ?>
        </section> -->

*/ ?>



        <?php //require('componentes/biografiaRealtor/componente_biografiaRealtor.php');
 ?>
      
        <?php //require('componentes/btnPostTotales/componente_btnPostTotales.php');
 ?>  

       <?php require('componentes/menu_publicaciones/item_publicaciones.php');
 ?>

        <?php require('componentes/articuloTipo1/componente_articuloTipo1.php');
 ?>
      <section class="container-fluid d-flex justify-content-center">
          <div class="row g-lg-3" >    
              <?php		
              for ($id=0; $id<2;$id++) {
              require('componentes/articuloTipo2/componente_articuloTipo2.php');
              }            
              ?>     
          </div>
      </section>  

        <?php require('componentes/destacadoTipo1/componente_destacadoTipo1.php');
 ?>

        <section class="container" >     
        <?php require('componentes/articuloTipo3/componente_articuloTipo3.php');
 ?> 
        </section>  

        <section class="container">
        <?php require('componentes/destacadoTipo2/componente_destacadoTipo2.php');
 ?> 
        </section> 

        <section class="container">  
        <?php require('componentes/properties/componente_properties.php');
 ?>
        </section>
    </main>

    <footer>
      <?php require('componentes/footer/footer2.php');
 ?>
    </footer>


  <!-- Bootstrap JS -->
  
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>

</body>

</html>


  <link rel="stylesheet" href="componentes/footer/style_footer.css">
<link rel="stylesheet" href="componentes/properties/style_properties.css">

<link rel="stylesheet" href="componentes/menuPrincipalHeader/style_menuPrincipalHeader.css">


  <!-- Bootstrap 5 CSS + Icons (sin JS) -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
  <!-- Iconos Bootstrap (para + / - sin JS, usamos fuentes y luego los estilos con pseudoclases) -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">

