/* Market Fortune · EL PIE DEL HOME, COMPARTIDO. Se EXTRAE de index.html;
   no editar a mano y no reescribir: el dia que David cambie un enlace en el home, se vuelve
   a correr este generador y las 73 paginas quedan iguales. */
footer{background:#04160e;border-top:1px solid rgba(227,200,115,.18);padding:48px 0 26px}
.fcols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:26px;margin-bottom:28px}
/* EN MOVIL EL PIE ERA UNA COLUMNA DE UN METRO. Se compacta: dos columnas de enlaces con menos

     aire entre lineas, y los medios de pago y las redes salen de la columna de la marca para

     bajar al final, que es donde se buscan. */

  @media(max-width:880px){

    .fcols{grid-template-columns:1fr 1fr;gap:20px 22px;margin-bottom:22px}

    footer li{margin-bottom:6px} footer li a{font-size:15px}

    footer h4{margin-bottom:10px;font-size:10.5px}

    footer .lema{max-width:none;font-size:14.5px}

    .fcols>div:first-child{grid-column:1 / -1}

    .pagos,.redes{display:none}

    .cierrePie{display:flex}

  }
/* la fila final de movil: pagos y redes juntos, una sola vez */

  .cierrePie{display:none;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;

    padding:16px 0 4px;border-top:1px solid rgba(227,200,115,.18);margin-bottom:16px}
.cierrePie .p{display:flex;gap:6px;flex-wrap:wrap}
.cierrePie .p span{font-family:"EB Garamond",Georgia,serif;font-size:10px;letter-spacing:.1em;color:#9aa79c;

    border:1px solid rgba(227,200,115,.18);border-radius:3px;padding:5px 8px}
.cierrePie .r{display:flex;gap:8px}
.cierrePie .r a{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(227,200,115,.18);

    border-radius:3px;color:#e3c873}
.cierrePie .r svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5}
.cierrePie .r svg .fill{fill:currentColor;stroke:none}
/* los rotulos toman la voz del pie actual: EB Garamond en versalita dorada, no Playfair */

  footer h4{font-family:"EB Garamond",Georgia,serif;font-size:11px;font-weight:500;letter-spacing:.26em;

    text-transform:uppercase;color:#e3c873;margin-bottom:15px}
footer li{list-style:none;margin-bottom:9px}
footer li a{font-size:16px;color:#f3ecd9;transition:color .18s,padding-left .18s}
footer li a:hover{color:#e3c873;padding-left:5px}
footer .lema{font-size:15.5px;color:#f3ecd9;max-width:34ch;line-height:1.55}
.pagos{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}
.pagos span{font-family:"EB Garamond",Georgia,serif;font-size:11px;letter-spacing:.12em;color:#9aa79c;

    border:1px solid rgba(227,200,115,.18);border-radius:3px;padding:6px 10px;background:#071f16}
/* LAS REDES · en cuadro con borde, como el pie actual. Van en su propia columna, debajo de los

     enlaces de La casa: ahi no compiten con nada y no rompen la rejilla de cuatro. */

  .redes{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
.redes a{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(227,200,115,.18);

    border-radius:3px;color:#e3c873;transition:background .2s,color .2s,border-color .2s,transform .2s}
.redes a:hover{background:linear-gradient(168deg,#fbf0cd 0%,#e3c873 22%,#c7a24a 54%,#a8801f 79%,#d8bb72 100%);color:#17110a;border-color:#8a6a24;transform:translateY(-2px)}
.redes svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5}
.redes svg .fill{fill:currentColor;stroke:none}
.legal{border-top:1px solid rgba(227,200,115,.18);padding-top:20px;display:flex;justify-content:space-between;

    gap:16px;flex-wrap:wrap;font-size:13px;color:rgba(247,241,231,.62);line-height:1.6}
.legal a{color:#7d8f81;text-decoration:underline;text-underline-offset:3px}
.legal a:hover{color:#e3c873}