.modo-container {
      display: none; /* Oculto por defecto */
      position: fixed; /* Se mantiene fijo en la pantalla */
      z-index: 1000; /* Asegura que esté por encima de otros contenidos */
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto; /* Permite scroll si el contenido es muy largo */
      /** background-color: rgba(0,0,0,0.5);*/ /* Fondo oscuro semitransparente */
      display: flex; /* Usa Flexbox para centrar el contenido */
      justify-content: center;
      align-items: center;
    }

    .modo-content {
      border: 1px solid transparent;  
      background-color: transparent;
      padding: 0px;
      border-radius: 15px;
      width: 76%; /* Ancho del contenido */
      max-width: 700px; /* Ancho máximo */
      text-align: center;
      position: relative;
      font-size:small;
    }

    .cierra-button { 
      position: absolute;
      top: 10px;
      right: 10px;
      font-size: 40px;
      color:maroon;
      cursor: pointer;
    }
    
    .imagen-izquierda {       
        margin-right: 15px; /* Espacio entre la imagen y el texto */
        margin-bottom: 15px; /* Espacio debajo de la imagen */
    }

    #letra {
      font-size:small;
    }

    .logoresp {
      width: 100%;
      height: auto;
    }