:root{

    --color-texto:white;
    --color-link:white;
    --color-titulo:#F7C805;
    --color-acento:#F7C805;

    --text-size:0.8rem;
    --text-weight:300;
    --link-weight:300;

}

/* ------------ */
/* Footer datos */
/* ------------ */

footer {
    background-color: var(--color6);
    padding: 0;
    color:white;
}

.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;
}
  
.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:15px;
}
  
.celda-icon {
      border: none;
      padding-top: 8px;
      text-align: center;
      vertical-align: top;
}

/* Contenido */

.footer-logo{margin-bottom:20px;}

footer h3 {color:var(--color-titulo);padding-bottom: 20px; margin-block-end: 0rem;}
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(--color-link); font-weight: var(--link-weight)}
footer strong {color:var(--color-acento); font-weight: var(--text-weight)}


/* ------------ */
/* 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 */
    }

}