div.Borde {
			display:box;
      width: 85%;
      min-width:250px;
      text-align: center;
      box-pack:center;
      border:7px solid;
      border-radius:20px;
      border-color:#32CCCC;
		}

    .ImagenSGA {

      max-width: 80%;
      max-height: 80%;
      }

      div.TextoSuperior {
        font-size:30px;
        text-align: center;
        width: 100%;
      }



		div.tablaVersiones {
				width: 90%;
				min-width:200px;
		}

		div.itemVersion {
			margin:5px  auto;
			/*padding: 5px 15px;*/
			border:4px solid;
			border-radius:15px;
			border-color:#424242;
			background-color:#EEEEEE;
			font-family:Arial,Serif;
			/*font-size: 35px;*/
			height: auto;; /* que se ajuste al contenido */
			font-size: 1.2rem;  /* 1rem = tamaño base del navegador */
		  padding: 0.5em 1em;
		}

		td{
			margin:1px 10px;
			padding:5px 10px;
		}
		td.celdaVersion {
			font-family:Arial,Serif;
			font-size: 35px;
			width: 90%;
		}
		td.celdaFecha {
			font-family:Arial,Serif;
			font-size: 20px;
			width: 90%;
		}
		td.celdaDetalles {
			font-family:Arial,Serif;
			font-size: 20px;
			width: 90%;
		}
		td.celdaBotonDescargar img {
			width: 100%;  /* ajusta tamaño botón */
    	height: auto;
			padding: 25px auto;
			margin:  25px  auto;
		}
			.btn-descargar {
  	  display: inline-flex;
  	  align-items: center;
  	  gap: 8px;
  	  padding: 10px 20px;
  	  background: linear-gradient(135deg, #4CAF50, #388E3C);
  	  color: white;
  	  font-weight: bold;
  	  font-size: 16px;
  	  border-radius: 8px;
  	  text-decoration: none;
  	  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  	  transition: background 0.3s ease, box-shadow 0.3s ease;
  	  cursor: pointer;
  	 }

  	 .btn-descargar:hover {
  	 background: linear-gradient(135deg, #388E3C, #2E7D32);
  	 box-shadow: 0 6px 12px rgba(0,0,0,0.3);
  	 }

		.IconoDescarga {
		  width: 20px;
		  height: 20px;
		  stroke: white;
		  }
      div.TextoInferior{
        font-size:30px;
        text-align: center;
        width: 85%;
        padding-bottom: 5%
      }


			/*----------------- Para pantallas menores a 600px (móviles) ------------------*/

	@media screen and (max-width: 500px) {

		div.Borde {
			display:box;
      width: 90%;
      min-width:250px;
      text-align: center;
      box-pack:center;
      border:5px solid;
      border-radius:20px;
      border-color:#32CCCC;
		}

    div.ImagenSGA {
      width: 70%;
      max-width: 70%;
      max-height: 70%;
      }

    div.TextoSuperior {
      font-size:20px;
      text-align: center;
      width: 100%;
    }

	  div.itemVersion {
	    font-size: 0.9rem;
	    padding: 0.3em 0.7em;
	  }

	  td.celdaVersion {
	    font-size: 1.0rem;
	  }

	  td.celdaFecha, td.celdaDetalles {
	    font-size: 0.8rem;
	  }

	  td.celdaBotonDescargar img {
	    width: 100%;
	  }
		.btn-descargar {
		    padding: 10px; /* menos padding porque no hay texto */
		    justify-content: center; /* centrar el icono */
		  }
		  .btn-text {
		    display: none;
		  }
    div.TextoInferior{
        font-size:20px;
        text-align: center;
        width: 85%;
      }


		}