.pie{flex:0 0 auto; border-top:1px solid var(--linea); padding:0.625rem 0 0.6875rem; font-size:.8rem; color:var(--suave)}
.pie-contacto{display:grid; grid-template-columns:1.25fr 1fr 1.1fr .85fr; gap:0.625rem}
.pie-wa,.pie-dato{display:flex; align-items:center; gap:0.6875rem; padding:0.375rem 0.8125rem; border-radius:0.75rem;
  text-decoration:none; min-width:0}
.pie-wa{background:var(--wa); color:var(--waTinta)}
.pie-wa:hover{filter:brightness(1.07)}
.pie-wa svg{flex:0 0 1.375rem; width:1.375rem; height:1.375rem}
.pie-dato{background:var(--panel); border:1px solid var(--linea); color:inherit}
a.pie-dato:hover{border-color:var(--cian)}
.pie-wa b,.pie-dato b{display:block; font:600 .88rem/1.25 var(--texto)}
.pie-dato b{color:var(--tinta)}
.pie-wa small,.pie-dato small{display:block; font-size:.76rem; line-height:1.3}
.pie-wa small{opacity:.88}
.pie-dato small{color:var(--suave)}
.pie-ico{flex:0 0 2.25rem; height:2.25rem; border-radius:0.625rem; display:grid; place-items:center;
  background:var(--halo2); color:var(--cian2)}
.pie-ico svg{width:1.125rem; height:1.125rem; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round}
.punto{display:inline-block; width:0.5rem; height:0.5rem; border-radius:50%; margin-right:0.375rem; vertical-align:1px; background:var(--tenue)}
.punto--on{background:var(--wa); box-shadow:0 0 0 0.1875rem var(--waFondo)}

.pie-medio{display:grid; grid-template-columns:1.25fr 1fr; gap:1.625rem; margin-top:0.5625rem}
.pie-tit{font:600 .8rem var(--texto); color:var(--tinta); margin:0 0 0.1875rem}
.pie-cuentan .cols{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0.1875rem 1.25rem}
.pie-cuentan a,.pie-trabajos a{position:relative; display:block; padding:2px 0 2px 0.75rem; text-decoration:none;
  color:var(--suave); font-size:.78rem; line-height:1.4}
.pie-cuentan a::before,.pie-trabajos a::before{content:''; position:absolute; left:0; top:.62em; width:0.25rem; height:0.25rem;
  border-radius:50%; background:var(--linea2)}
.pie-cuentan a:hover,.pie-trabajos a:hover{color:var(--cian2)}
.pie-cuentan a:hover::before,.pie-trabajos a:hover::before{background:var(--cian)}
.pie-trabajos b{color:var(--tinta); font-weight:600}
.pie-trabajos a{display:flex; gap:0.4375rem; align-items:baseline; white-space:nowrap}
.pie-trabajos a>b{flex:0 0 auto}
.pie-trabajos a{overflow:hidden; text-overflow:ellipsis}
.pie-trabajos .pr-accion{color:var(--cian2); font-style:normal; font-weight:600; margin-left:auto}

.pie .legal{display:flex; flex-wrap:wrap; align-items:center; gap:0.3125rem 1.125rem; margin-top:0.5rem; padding-top:0.5rem;
  border-top:1px solid var(--linea); font-size:.76rem; color:var(--tenue)}
.pie .legal a{color:var(--tenue); text-decoration:none}
.pie .legal a:hover{color:var(--cian2)}
.pie .legal .aparte{margin-left:auto; display:flex; align-items:center; gap:0.5rem}
.pie .libro{display:inline-flex; align-items:center; gap:0.5rem; border:1px solid var(--linea2); border-radius:0.5625rem;
  padding:0.25rem 0.75rem; color:var(--suave)}
.pie .libro:hover{border-color:var(--cian); color:var(--tinta)}
.pie .libro span{width:0.8125rem; height:1.0625rem; border:1.5px solid var(--cian2); border-radius:2px; display:inline-block; position:relative}
.pie .libro span::after{content:''; position:absolute; left:2px; right:2px; top:0.1875rem; height:1.5px; background:var(--cian2);
  box-shadow:0 0.25rem 0 var(--cian2),0 0.5rem 0 var(--cian2)}
.pie .redes{display:inline-flex; gap:0.375rem}

@media (max-width:1100px){
  .pie-cuentan .cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pie-contacto{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pie-medio{grid-template-columns:1fr}
}

@media (max-width:1100px){ .pantalla .pie-medio{display:none} }
@media (max-height:700px){
  .pantalla .pie-cuentan{display:none}
  .pantalla .pie-medio{grid-template-columns:1fr; margin-top:0.375rem}
  .pantalla .pie-medio .pie-trabajos{display:flex; align-items:center; gap:0.375rem 1.375rem; padding:0.25rem 0.875rem}
  .pantalla .pie-trabajos .pie-tit{margin:0; white-space:nowrap}
  .pantalla .pie-trabajos a{white-space:nowrap}
  .pantalla .pie-trabajos .d{display:none}
  .pantalla .pie-trabajos .pr-accion{margin-left:0.375rem}
}
@media (max-width:1100px){
  .pantalla .pie-contacto{grid-template-columns:1.3fr 1fr 1.1fr}
  .pantalla .pie-contacto .pie-dato:last-child{display:none}
}

.pie-medio .pie-cuentan,.pie-medio .pie-trabajos{padding:0.6875rem 1rem 0.75rem; border-radius:0.875rem; background:var(--v-fondo,var(--panel)); border:1px solid var(--v-borde,var(--linea)); box-shadow:var(--v-luz,none)}
.pie-tit{display:flex; align-items:center; gap:0.5rem; color:var(--cian2); font:700 .86rem var(--titular); margin:0 0 0.3125rem}
.pie-tit::before{content:''; width:0.5rem; height:0.5rem; border-radius:2px; background:var(--cian); box-shadow:0 0 0.625rem var(--cian)}
.pie-cuentan a,.pie-trabajos a{color:var(--tinta); font-size:.8rem}
.pie-cuentan a::before,.pie-trabajos a::before{background:var(--cian); width:0.3125rem; height:0.3125rem}
.pie-cuentan a:hover,.pie-trabajos a:hover{color:var(--cian2)}
.pie-trabajos b{color:#fff}
.pie .legal{padding:0.5rem 0.875rem; border-radius:0.75rem; background:rgba(255,255,255,.035); border:1px solid var(--v-borde,var(--linea)); color:var(--suave)}
.pie .legal a{color:var(--suave)}
html[data-tema=claro] .pie-trabajos b{color:var(--tinta)}