<?php
//********************PHP Header ****************************/
if(empty($required)) { //O no se ha definido $required, o es false
	define("__DIRINICIAL__", __DIR__);
	define("__FILEINICIAL__", __FILE__);
	require(__DIRINICIAL__ . "/componentes/comunes/inicializar.php"); 
}
//*****************Fin de PHP Header ************************/
?>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body.blog {
  padding-top: 70px; background-color: #fff !important;
  background-image: url('img/header-newjersey-evelyn_molina_real_estate.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position-x: center;
 }

  /***estilos generales de fuentes-propuesta

  color: #4d4747;
  fonts-family: emilyemerson: Outfit Outfit thin; RomiePro; Lora regular
  The design files: abcDiatype;Feijoa-Medium
  The close.com: IBM plexSans regular;
  size: 16px;
  https://inmyownstyle.com/: font: playfair Display;
  */


:root { font-size: 16px; }

/*body {
            background-color: #f8f9fa;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            color: #333;
            line-height: 1.6;
        }*/




/*Estilos para botones: leer más, leer menos*/
    .btn_leerMas, .btn_leerMas2 {
     display: none;
    }

    .cont_leerMas, .cont_leerMas2 {
	   opacity:  0;           
	   max-height: 0;
	   font-size: 0; 
	   overflow: hidden;
	   transition: max-height 0.2s ease, 
    }

    .btn_leerMas:checked  ~  .cont_leerMas,
	.btn_leerMas2:checked  ~  .cont_leerMas2	{     
      opacity: 1;
      font-size: inherit;
      transition: opacity 1s;
      transition-duration: 0.5s;    
      max-height: 100%;  
    }
  
    /* Opcional: Cambiar el icono o texto al abrir/cerrar */
    .articulotipo1 .disparador_leerMas::before,
	.articulotipo2 .disparador_leerMas2::before
	{
        content: "<?php t("Read more");  ?> +"; /* Icono por defecto */
        margin-right: 5px;
    }

	.btn_leerMas2:checked ~ .disparador_leerMas2::before,
	.btn_leerMas:checked ~  .disparador_leerMas::before
	{
        content: "<?php t("Read less"); ?> - "; /* Icono cuando está abierto */
        color: #ff5c33; 
        height: initial;
        transition: height: 0.1s ease;   
        transition-duration: 2.5s;    
    }

    .disparador_leerMas, .disparador_leerMas2 {
      cursor: pointer;
      color: #ff5c33;
      border-radius: 4px;
      font-size: 1.5em;
      font-weight: 600;
      transition: background-color 0.3s;
      margin: 1rem 0 2rem 0;   
      padding: 0.1rem;        
    }
    /*Fin Estilos para botones: leer más, leer menos*/

    .capitulares:first-letter {
    font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
    float: left;
    font-size: 6rem;
    line-height: 0;
    margin: 0.1em 0.1em 0em 0;
    }

    .linkExterno{

      padding: 5px 5px ;
      background-color: #d4a017;
      color: #fff;
      cursor: pointer;
       font-weight: bold;   

    }


    .linkExterno:hover {
      padding: 5px 5px;
      background-color: #e2e2e2;
      color:  red;
      font-weight: bold;      
    }

   
   
   /*** Responsive***/

       /* Small devices (landscape phones, 499px and down) */
      @media (max-width: 499.98px) {
        body.blog {        
        background-position-y: 120px;        
        background-size:90%;
        }

      } 

      /* Small devices (landscape phones, 576px and up) */
      @media (min-width: 500px) and (max-width: 767.98px) {
        body.blog {     
        background-position-y: 100px;
        background-size: 90%;
        }

      } 

      /* XXL devices (larger desktops, 1400px and up) */
       @media (min-width: 768px) and (max-width: 991.98px) {  
        body.blog {        
        background-position-y: 110px;    
        background-size: 54%;
        }
      }

      @media (min-width: 992px) and (max-width: 1199.98px)  {  
      body.blog {     
        background-position-y: 70px;      
        background-size: 60%;
        }
      }  


      @media (min-width: 1200px) and (max-width: 1399.98px) {   
        body.blog {        
        background-position-y: 70px;    
        background-size: 60%;
        }
      }   
  

    /* XXL devices (larger desktops, 1400px and up) */
    @media (min-width: 1400px) {  
        body.blog {        
        background-position-y: 60px;  
        background-size: 55%;
        }
      }