
  /* Componente cambiar idioma   */
    .lang-switch {
      padding: 0;
      text-align: center;
      cursor: pointer;
      width: 100%;
      font-size: 1.6rem;  /*##deshabilitado por David, día ##2026-03-24, porque el cambiador de idioma del footer se veía desproporcionado en el evento hover */
      line-height: 40px;   /*  ##Agregado por David, ##2026-03-24 */
      z-index: 300;
     }

    .lang-link {
        text-decoration: none;  
    }

    .lang-switch a.lang-link {
     padding: 4px 0;
     margin: 0;
     line-height:14px;
     color: black;      /* ##Agregado David y Sayi en ##2026-03-23  */
     }

    .lang-switch a.lang-link:hover {
         background-color: #d6b976; /* ##Agregado David y Sayi en ##2026-03-23  */
         color: #000;     
         border-radius: 3px; 
         padding:0;
         
     }

     .lang-switch a.lang-link:last-child {
        border-radius: 3px; 
        padding-right: 2px;
     
     }

    .flag{
      padding: 1px 2px;
      
     }



     /* Responsividad */
    /* Extra small devices (portrait phones, less than 576px) */ 
 

    @media (min-width:250px) and (max-width: 575.98px) {

     .lang-switch {
      padding: 0;
      margin: 0;
      margin-left: 26px;
      text-align: center;
      cursor: pointer;  
      font-size: 0.95rem;  /*##deshabilitado por David, día ##2026-03-24, porque el cambiador de idioma del footer se veía desproporcionado en el evento hover */
        /*  ##Agregado por David, ##2026-03-24 */      
      }

      .flag{
      padding: 0;
      width: 22px;
      height: 13px;
     }

    }

     @media (min-width: 576px) and (max-width: 767.98px) {
      .lang-switch {
        font-size: 1rem;  
      }
     }

      @media (min-width: 576px) and (max-width: 767.98px) {
      .lang-switch {
        font-size: 1.15rem;  
      }
     }