:root{

      --text-size:0.8rem;
      --text-weight:300;
      --link-weight:300;
  
  }
  
  /* ------------ */
  /* Footer datos */
  /* ------------ */
  
  footer {
      background-color: var(--color2);
      padding:0;
      color:var(--blanco);
  }
  
  .footer-datos{
      padding: 100px 20px;
  }
      
  .footer-container {
        max-width: 1280px;
        margin:0 auto;
        display: grid;
        grid-template-columns: 1fr;
        gap: 40px;
  }
      
  .column {
        text-align: left;
  }
    
  .footer-redes{
        display: flex;
        flex-direction: row;
        gap:10px;
        margin-top: 20px;
  }
    
  footer ul{
        list-style: none;
        padding:0;
  }

footer li{
    font-size: 1.2em;
    letter-spacing: 5%;
    margin-block-end: 0.5rem;
}
    
  .tabla {
        display: grid;
        grid-template-columns: 20px 1fr; /* La primera columna tiene 20px y la segunda ocupa el resto */
        grid-gap: 15px; /* Espacio entre columnas */
        border-collapse: collapse;  Elimina los bordes de las celdas */
  }

    
  .celda {
        border: none; /* Asegurarse de que no haya bordes */
        padding: 5px 10px; /* Espacio interno de las celdas (opcional) */
        height:35px;
        white-space: nowrap;
  }
    
  .celda-icon {
        border: none;
        padding-top: 15px;
        text-align: center;
        vertical-align: top;
  }

footer button{
    border:var(--color3) solid 2px;
    color: var(--color2);
    padding:10px 20px;
    margin-top:15px;
    border-radius:10px;
    background-color: var(--color3);
}

footer button:hover{
    color: var(--color3);
    background-color: transparent;
}
  
  /* Contenido */
  
  .footer-logo{margin-bottom:40px;}
  
  footer h3 {color:var(--color3);padding-bottom: 10px; margin-block-end: 0rem; margin-top:50px;}
  footer ul {list-style: none;padding:0;}
  footer p {font-size: var(--text-size);text-align: left; font-weight: var(--text-weight);margin-block-end: 0;}
  footer a {color:var(--blanco); font-weight: var(--link-weight);letter-spacing: 10%;}
  footer strong {color:var(--color1); font-weight: var(--text-weight)}

  footer h3:first-child {margin-top:0;}
  
  
  /* ------------ */
  /* Footer cierre */
  /* ------------ */
  
  .footer-cierre{
      background-color: var(--color1);
      color:var(--color-texto);
      padding:20px;
  }
  
  .footer-cierre-wrap{
      max-width: 1280px;
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
  }
  
  
  @media (min-width: 768px) {
  
      .footer-container {
        grid-template-columns: 1fr 1fr 1fr;
        gap:100px;
        /* Otros estilos para pantallas grandes */
      }
  
  }