/* ==========================================================================
   Castillo & Prieto Abogados
   Reglas portadas verbatim — origen: design/css/styles.css
   ========================================================================== */

/* ---------- Pie ---------- */
.pie { background: var(--oscuro); color: rgba(255,255,255,0.72); }
.pie__inner { max-width: var(--ancho); margin: 0 auto; padding: 60px 32px 30px; }
.pie__top {
  display: flex; flex-wrap: wrap; gap: 40px; justify-content: space-between; align-items: flex-start;
  padding-bottom: 40px; border-bottom: 1px solid rgba(255,255,255,0.12);
}
.pie__marca { max-width: 320px; }
.pie__marca img { height: 44px; width: auto; display: block; filter: brightness(0) invert(1); }
.pie__marca p { font-size: 14px; margin: 20px 0 0; color: rgba(255,255,255,0.6); }
.pie__nav { display: flex; flex-direction: column; gap: 12px; }
.pie__nav a { cursor: pointer; color: rgba(255,255,255,0.72); font-size: 14px; letter-spacing: 0.04em; }
.pie__nav a:hover { color: var(--celeste); }
.pie__datos { font-size: 14px; line-height: 1.9; }
.pie__datos a { color: #a9c6d6; }
.pie__legal { padding-top: 24px; font-size: 12.5px; color: rgba(255,255,255,0.45); letter-spacing: 0.03em; }
@media (max-width: 760px) {
  .pie__inner { padding-left: 22px; padding-right: 22px; }
}