/***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{
     display: none;
    }

    .cont_leerMas {
	   opacity:  0;           
	   max-height: 0;
	   font-size: 0; 
	   overflow: hidden;
	   transition: max-height 0.2s ease, 
    }

    .btn_leerMas:checked  ~  .cont_leerMas {     
      opacity: 1;
      font-size: inherit;
      transition: opacity 1s;
      transition-duration: 0.5s;    
      max-height: 100%;  
    }
  
    /* Opcional: Cambiar el icono o texto al abrir/cerrar */
    .disparador_leerMas::before {
        content: "Leer más +"; /* Icono por defecto */
        margin-right: 5px;
    }

    .btn_leerMas:checked ~ .disparador_leerMas::before {
        content: "Leer menos - "; /* Icono cuando está abierto */
        color: #ff5c33; 
        height: initial;
        transition: height: 0.1s ease;   
        transition-duration: 2.5s;    
    }

    .disparador_leerMas {
      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: #f90;
      color: #fff;
      cursor: pointer;

    }


    .linkExterno:hover {
      padding: 2px 2px;
      background-color: #e2e2e2;
      color:  #f90;
      font-weight: bold;      
    }

    .linkInterno{}