/* EXERGÍA · pie de página compartido (todas las páginas del sitio) */
/* ==========================================================================
   20-oct · Pie estilo apple.com: fondo claro, letra de 12 px, notas arriba,
   columnas con todo el sitio y línea legal al final. En celular las columnas se pliegan.
   ========================================================================== */
.af{ --af-bg:#F1EFEA; --af-tx:#6B6A66; --af-tt:#1D1D1F; --af-ln:#D6D3CC; --af-lk:#424245;
  background:var(--af-bg); color:var(--af-tx); font-size:12px; line-height:1.34; letter-spacing:-.01em; }
html[data-theme="dark"] .af{ --af-bg:#0B141D; --af-tx:#8E98A3; --af-tt:#E8EEF5; --af-ln:#24313E; --af-lk:#B9C3CD; }
.af-in{ max-width:1024px; margin:0 auto; padding:17px 22px 21px; }
.af a{ color:var(--af-lk); text-decoration:none; }
.af a:hover{ color:var(--af-tt); text-decoration:underline; }
.af-notes{ padding:17px 0 11px; border-bottom:1px solid var(--af-ln); }
.af-notes p{ margin:0 0 .8em; }
.af-cols{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0 20px; padding:20px 0 10px; }
.af-stack{ display:flex; flex-direction:column; gap:24px; }
.af-col summary{ list-style:none; cursor:default; color:var(--af-tt); font-weight:600; margin-bottom:.8em; }
.af-col summary::-webkit-details-marker{ display:none; }
.af-col ul{ list-style:none; margin:0 0 24px; padding:0; }
.af-stack .af-col ul{ margin-bottom:0; }
.af-col li{ margin-bottom:.8em; }
.af-more{ margin:0; padding:14px 0 11px; border-bottom:1px solid var(--af-ln); }
.af-more a{ color:#FF751F; }
html[data-theme="dark"] .af-more a{ color:#FF9A55; }
.af-legal{ display:flex; flex-wrap:wrap; align-items:center; gap:6px 0; padding:9px 0 0; }
.af-copy{ margin-right:30px; }
.af-links{ display:flex; flex-wrap:wrap; list-style:none; margin:0; padding:0; }
.af-links li{ padding:0 10px; border-left:1px solid var(--af-ln); line-height:1; }
.af-links li:first-child{ padding-left:0; border-left:0; }
.af-loc{ margin-left:auto; color:var(--af-lk); }
/* celular: columnas plegables como en apple.com */
@media (max-width:833px){
  .af-cols{ display:block; padding:6px 0 0; }
  .af-stack{ display:block; }
  .af-col{ border-bottom:1px solid var(--af-ln); }
  .af-col summary{ cursor:pointer; display:flex; justify-content:space-between; align-items:center; margin:0; padding:11px 0; font-weight:400; color:var(--af-lk); }
  .af-col summary::after{ content:''; width:7px; height:7px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:translateY(-2px) rotate(45deg); transition:transform .25s; }
  .af-col[open] summary::after{ transform:translateY(2px) rotate(-135deg); }
  .af-col ul{ margin:0; padding:0 0 10px 12px; }
  .af-col li{ margin-bottom:.9em; font-size:14px; }
  .af-legal{ flex-direction:column; align-items:flex-start; gap:10px; }
  .af-loc{ margin-left:0; }
}

/* 20-oct: sin columnas de enlaces; solo notas y línea final */
.af-more{ border-top:0; }
