/* variables de rejilla de la home que el footer necesita */
:root{
  --site--margin:clamp(1.25rem, calc(1.25rem + 1.787*((100vw - 20rem)/140)), 3.037rem);
  --max-width--main:81.25rem;   /* 1300px: el contenido no se estira mas alla */
  --site--gutter:.75rem;
  --space--section-main:clamp(6rem, calc(6rem + 8.571*((100vw - 20rem)/140)), 14.571rem);
  --space--section-small:clamp(3rem, calc(3rem + 4.287*((100vw - 20rem)/140)), 7.287rem);
  --space--page-top:clamp(8rem, calc(8rem + 12.142*((100vw - 20rem)/140)), 20.142rem);
  --space--inner-padding:clamp(1rem, calc(1rem + .358*((100vw - 20rem)/140)), 1.358rem);
  --space--2:clamp(1.75rem, calc(1.75rem + .358*((100vw - 20rem)/140)), 2.108rem);
  --space--2-5:clamp(2.25rem, calc(2.25rem + .358*((100vw - 20rem)/140)), 2.608rem);
  --space--5:clamp(4rem, calc(4rem + 1.429*((100vw - 20rem)/140)), 5.429rem);
  --radius--main:.75rem;
  --fs-display:clamp(2rem, calc(2rem + 2.858*((100vw - 20rem)/140)), 4.858rem);
  --fs-h1:clamp(1.75rem, calc(1.75rem + 1.787*((100vw - 20rem)/140)), 3.537rem);
  --fs-h2:clamp(1.5rem, calc(1.5rem + 1.071*((100vw - 20rem)/140)), 2.571rem);
  --fs-text:clamp(1rem, calc(1rem + .179*((100vw - 20rem)/140)), 1.179rem);
  --fs-decl:clamp(2.4rem, calc(2.4rem + 6.1*((100vw - 20rem)/140)), 8.5rem);
  --topbar-h:89px;
}
/* Footer de la casa: extraído de home.css para que TODAS las páginas usen el mismo pie */
.pie_wrap{border-top:1px solid var(--line);padding-top:0;padding-bottom:0}
.pie_contain{row-gap:1.4rem;padding:3rem 0 3.4rem}
.pie{border-top:1px solid var(--line);padding-top:var(--space--section-small);overflow:clip}
.pie .u-container{row-gap:0}
.pie_cta{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;
  gap:1.6rem var(--space--5);padding-bottom:var(--space--5)}
.pie_gran{margin:0;font-weight:800;text-transform:uppercase;
  font-size:clamp(1.6rem,3vw,2.9rem);line-height:1.12;letter-spacing:-.02em;
  max-width:15em;text-wrap:balance}
.pie_bajo{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;
  gap:.8rem 2rem;padding-block:1.4rem;border-top:1px solid var(--line)}
.pie_nav,.pie_social{display:flex;flex-flow:row wrap;gap:.5rem 1.9rem}
.pie_nav a,.pie_social a{font-size:.98rem;font-weight:500;color:var(--ink2);transition:color .3s}
.pie_nav a:hover,.pie_social a:hover{color:var(--ink)}
.pie_legal{display:flex;flex-flow:row wrap;justify-content:space-between;gap:.6rem 2rem;
  padding-block:1.2rem;border-top:1px solid var(--line);font-size:.85rem;color:var(--muted)}
.pie_nota{font-variant-numeric:tabular-nums}
.pie_leyes{display:flex;gap:1.5rem}
.pie_leyes a{color:var(--muted);transition:color .3s}
.pie_leyes a:hover{color:var(--ink)}
.pie_marca{display:block;width:100%;height:auto;margin-top:var(--space--2-5);
  transform:translateY(2.7vw);
  -webkit-mask-image:linear-gradient(#000 25%,transparent 100%);
  mask-image:linear-gradient(#000 25%,transparent 100%)}
.credito_barra{position:relative;z-index:2;background:#0a0b0e;
  border-top:1px solid var(--line);padding:1.05rem 1rem;
  display:flex;justify-content:center}
.credito{position:relative;display:inline-flex;align-items:center;
  font-size:.95rem;color:var(--muted);white-space:nowrap;transition:color .3s}
.credito b{font-weight:700;color:var(--accent)}
.credito::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1.5px;
  background:var(--accent);transform:scaleX(0);transform-origin:left center;
  transition:transform .45s cubic-bezier(.625,.05,0,1)}
.credito:hover{color:var(--ink)}
.credito:hover::after{transform:scaleX(1)}
@media (max-width:700px){
.pie_bajo{flex-flow:column;align-items:stretch;gap:1.4rem}
.pie_nav,.pie_social{display:grid;grid-template-columns:1fr 1fr;gap:.9rem 1rem}
.pie_legal{flex-flow:column;align-items:flex-start;gap:.7rem}
.pie_leyes{gap:1.2rem}
}
@media (max-width:700px){
.pie_cta{flex-flow:column;align-items:flex-start}
.pie_bajo,.pie_legal{flex-flow:column;align-items:flex-start}
}
@media (max-width:700px){
.credito_barra{justify-content:center;padding:1.05rem 1rem}
}

/* deps-footer */
.u-container{max-width:var(--max-width--main);width:calc(100% - var(--site--margin)*2);
  margin-inline:auto;display:flex;flex-flow:column;justify-content:center;
  row-gap:var(--space--5)}
.btn{display:inline-flex;align-items:center;gap:.7rem;height:58px;padding:0 1.7rem;
  border-radius:99px;font:600 1rem/1 var(--font-d);white-space:nowrap;cursor:pointer;
  border:1px solid transparent;text-decoration:none;
  transition:transform .35s cubic-bezier(.625,.05,0,1),background .3s,border-color .3s}
.btn:hover{transform:translateY(-2px)}
.btn_f{font-style:normal;font-size:1.15em;display:inline-block;
  transition:transform .35s cubic-bezier(.625,.05,0,1)}
.btn:hover .btn_f{transform:translateX(5px)}
.btn--acc{background:var(--accent);color:#0b0c0f}
.btn--acc:hover{background:#ff7620}
.btn--fant{background:rgba(255,255,255,.07);color:var(--ink);border-color:rgba(255,255,255,.16);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.btn--fant:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.3)}