/* cdq/footer — portado 1:1 de cdq-design-system/brand/footer/footer.html
   (2026-07-07). Editorial oscuro: monograma + lockup de valores centrados
   sobre fila de utilidad quieta, patrón real Studio Olimpo. El footer
   nativo de Blocksy (#footer.ct-footer) se oculta en cdq.css — mismo
   patrón ya resuelto con el header. */
.cdq-footer{
  background:var(--cdq-bg-dark);
  padding-block:clamp(4rem,10vw,8rem) 0;
}

.cdq-footer__declaracion{
  max-width:40rem;
  margin-inline:auto;
  padding-inline:var(--cdq-margin);
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:clamp(1.25rem,2.5vw,2rem);
}

/* !important necesario en color: mismo conflicto de especificidad que
   .cdq-menu__dest en el header (Blocksy trae su propio color de enlace
   con más peso efectivo que un selector de clase simple) — aprendido
   hoy mismo con el bug del verde en el overlay del menú. */
.cdq-footer__monograma,
.cdq-footer__monograma:hover,
.cdq-footer__monograma:visited{
  font-family:var(--cdq-font-display);
  font-weight:500;
  font-size:var(--cdq-size-cuerpo);
  line-height:var(--cdq-lh-cuerpo);
  letter-spacing:calc(var(--cdq-ls-cuerpo) + .02em);
  color:var(--cdq-text-inv) !important;
  text-decoration:none;
}

.cdq-footer__lockup{
  font-family:var(--cdq-font-serif);
  font-weight:400;
  font-size:var(--cdq-size-largo);
  line-height:var(--cdq-lh-largo);
  letter-spacing:var(--cdq-ls-largo);
  text-transform:uppercase;
  color:var(--cdq-text-inv);
  margin:0;
  max-width:26em;
}
.cdq-footer__lockup em{
  text-transform:none;
  font-style:italic;
  letter-spacing:0;
  color:inherit;
}

.cdq-footer__utilidad{
  width:100%;
  max-width:var(--cdq-site-width);
  margin-inline:auto;
  margin-block-start:clamp(2.5rem,5vw,4rem);
  padding-inline:var(--cdq-margin);
  padding-block:clamp(1.5rem,3vw,2rem);
  border-top:1px solid rgba(248,246,241,.12);
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1rem 2rem;
}

.cdq-footer__utilidad-der{
  display:flex;flex-direction:column;align-items:flex-end;gap:.5em;
}

.cdq-footer__utilidad span,
.cdq-footer__utilidad a,
.cdq-footer__utilidad a:hover,
.cdq-footer__utilidad a:visited{
  font-family:var(--cdq-font-sans);
  font-size:var(--cdq-size-etiqueta);
  line-height:var(--cdq-lh-etiqueta);
  letter-spacing:var(--cdq-ls-etiqueta);
  text-transform:uppercase;
  font-weight:400;
  color:var(--cdq-muted-inv) !important;
}
.cdq-footer__utilidad a{
  position:relative;
  text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:1px;
  transition:opacity var(--cdq-fast)
}
.cdq-footer__utilidad a:hover{opacity:.5}
.cdq-footer__utilidad a::before{content:"";position:absolute;inset:-14px}
.cdq-footer__utilidad a.cdq-footer__cta,
.cdq-footer__utilidad a.cdq-footer__cta:hover,
.cdq-footer__utilidad a.cdq-footer__cta:visited{
  text-decoration:none;
  font-family:var(--cdq-font-serif);
  font-size:var(--cdq-size-largo);
  font-style:italic;
  letter-spacing:var(--cdq-ls-largo);
  text-transform:none;
  color:var(--cdq-text-inv) !important;
}

@media(max-width:600px){
  .cdq-footer__utilidad{align-items:flex-start}
  .cdq-footer__utilidad-der{align-items:flex-start}
}