/* === PIE DE PAGINA (estilo TAG Heuer) === */
  .pie{--pie-linea:#2c2c2e;--pie-gris:#9a9aa0;position:relative;z-index:1;background:#111;color:#fff;padding:0 clamp(16px,8vw,124px);}
  .pie-logo{display:flex;justify-content:center;padding:34px 0 26px;margin:0 calc(-1 * clamp(16px,8vw,124px));border-bottom:1px solid var(--pie-linea);}
  .pie-logo img{height:26px;width:auto;display:block;}
  .pie-fila{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:38px 0;border-bottom:1px solid var(--pie-linea);}
  .pie-redes{display:flex;align-items:center;gap:24px;}
  .pie-redes a{display:flex;width:20px;height:20px;color:var(--pie-gris);transition:color var(--fast) var(--ease);}
  .pie-redes a:hover{color:#fff;}
  .pie-redes svg{width:100%;height:100%;}
  .pie-acciones{display:flex;align-items:flex-start;gap:clamp(40px,8vw,130px);padding-left:clamp(24px,3vw,48px);border-left:1px solid var(--pie-linea);}
  .pie-accion{display:flex;align-items:flex-start;gap:12px;color:#fff;text-decoration:none;font-size:var(--fs-etiqueta);font-weight:600;letter-spacing:.14em;line-height:16px;text-transform:uppercase;text-align:left;}
  .pie-accion svg{flex:none;width:16px;height:16px;margin-top:-1px;}
  .pie-accion:hover span{text-decoration:underline;text-underline-offset:4px;}
  .pie-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:56px 0 52px;}
  .pie-col-btn{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:0;margin-bottom:24px;color:#fff;font-family:inherit;font-size:var(--fs-etiqueta);font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-align:left;cursor:default;}
  .pie-col-btn svg{display:none;width:18px;height:18px;transition:transform .3s var(--ease);}
  .pie-col ul{list-style:none;display:flex;flex-direction:column;gap:14px;}
  .pie-col a{color:var(--pie-gris);font-size:var(--fs-texto);text-decoration:none;transition:color var(--fast) var(--ease);}
  .pie-col a:hover{color:#fff;}
  .pie-copy{position:relative;display:flex;align-items:center;justify-content:center;padding:26px 48px calc(26px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--pie-linea);color:var(--pie-gris);font-size:var(--fs-etiqueta);line-height:18px;text-align:center;}
  .pie-arriba{position:absolute;right:0;top:50%;margin-top:-17px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--pie-gris);border-radius:50%;background:none;color:#fff;cursor:pointer;transition:background var(--fast) var(--ease);}
  .pie-arriba:hover{background:#fff;color:#111;}
  .pie-arriba svg{width:18px;height:18px;}
  /* celular: como TAG, redes en una fila, acciones apiladas y columnas desplegables */
  @media (max-width:820px){
    .pie{padding:0 16px;}
    .pie-logo{margin:0 -16px;}
    .pie-fila{flex-direction:column;align-items:stretch;gap:0;padding:0;}
    .pie-redes{justify-content:center;gap:48px;padding:24px 0;border-bottom:1px solid var(--pie-linea);}
    .pie-acciones{flex-direction:column;gap:24px;padding:28px 0;border-left:none;}
    .pie-cols{grid-template-columns:1fr;gap:0;padding:0;}
    .pie-col{border-bottom:1px solid var(--pie-linea);}
    .pie-col-btn{margin:0;padding:20px 0;cursor:pointer;}
    .pie-col-btn svg{display:block;}
    .pie-col ul{display:none;padding:0 0 22px;}
    .pie-col.abierta ul{display:flex;}
    .pie-col.abierta .pie-col-btn svg{transform:rotate(180deg);}
    .pie-copy{border-top:none;padding-top:32px;padding-bottom:calc(92px + env(safe-area-inset-bottom,0px));}
    .pie-arriba{top:32px;margin-top:0;}
  }