/* Bloque de confianza del pie: redes y Data Fiscal.
   Se usa en todas las paginas menos la portada, que ya lo tiene con sus propios
   estilos porque su pie es oscuro. Los tonos de base son para PIE CLARO.

   Para un pie oscuro hay que agregarle la clase pie-confianza--oscuro, al final
   de este archivo. Sin eso los iconos quedan gris medio con borde casi blanco
   sobre negro: es lo que pasaba en /integra/, el unico pie oscuro que usa este
   archivo. */

.pie-confianza {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 18px;
}

.pie-confianza .pc-social {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  color: #667085;
  border: 1px solid #E7EDF5;
  transition: color .15s, border-color .15s, background .15s;
}

.pie-confianza .pc-social:hover {
  color: #F97316;
  border-color: #F97316;
  background: rgba(249, 115, 22, 0.10);
}

.pie-confianza .pc-datafiscal { display: inline-flex; align-items: center; }
.pie-confianza .pc-datafiscal img { display: block; width: 46px; height: auto; border: 0; }

/* El hexagono de SourceForge es mas alto que ancho: a 50px de ancho queda
   a la misma altura que el Data Fiscal, que mide 46x63. */
.pie-confianza .sf-root { display: inline-flex; align-items: center; }

/* ─── Variante para pie oscuro ───
   /integra/ tiene el pie en rgb(10,10,10). Con los tonos de arriba los iconos
   salian gris #667085 con borde #E7EDF5, o sea recuadros casi blancos sobre
   negro y el icono adentro sin contraste. */

.pie-confianza--oscuro .pc-social {
  color: rgba(255, 255, 255, 0.55);
  border-color: rgba(255, 255, 255, 0.14);
}

.pie-confianza--oscuro .pc-social:hover {
  color: #F97316;
  border-color: #F97316;
  background: rgba(249, 115, 22, 0.12);
}