/* =========================================================
   EMMA · Footer del sitio — scopeado .emma-footer
   Se pega como bloque HTML en el Footer Builder de Astra
   (fila full-width). El CSS lo encola functions.php global.
   Morado de marca, línea verde superior, naranja NO aplica (sin CTA).
   El logo BLANCO y los logos de respaldos se cargan desde Medios (WP).
   ========================================================= */
.emma-footer{
  --morado:#4D4A9E; --deep:#3A3877; --violet:#AC92EC; --green:#8DC049;
  font-family:'Inter',system-ui,sans-serif;
  background:linear-gradient(165deg,var(--deep),var(--morado));color:#fff;position:relative;line-height:1.6
}
.emma-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--green),transparent 60%)}
.emma-footer .ft-top{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px;padding:54px 28px 32px}
.emma-footer .ft-col h4{font-family:'Rubik',sans-serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#c9bef0;font-weight:600;margin:0 0 14px}
.emma-footer .ft-col a{display:block;font-size:14px;color:rgba(255,255,255,.82);text-decoration:none;margin:9px 0}
.emma-footer .ft-col a:hover{color:#fff}
.emma-footer .ft-brand img{height:30px;width:auto;display:block}
.emma-footer .ft-brand p{font-size:14px;color:rgba(255,255,255,.8);margin:16px 0 0;max-width:280px}
.emma-footer .ft-brand .ft-mail{display:inline-block;margin-top:14px;font-size:14px;color:#a7e06a;text-decoration:none;font-weight:500}
.emma-footer .ft-social{display:flex;gap:10px;margin-top:16px}
.emma-footer .ft-social a{width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.1);display:grid;place-items:center}
.emma-footer .ft-social a svg{width:17px;height:17px;stroke:#fff;fill:none;stroke-width:1.9}
.emma-footer .ft-social a:hover{background:rgba(255,255,255,.2)}
.emma-footer .ft-backers{border-top:1px solid rgba(255,255,255,.12);max-width:1200px;margin:0 auto;padding:24px 28px;text-align:center}
.emma-footer .ft-backers .lbl{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:rgba(255,255,255,.55);margin:0 0 14px}
.emma-footer .ft-backers .row{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;align-items:center}
.emma-footer .ft-backers .row img{height:34px;width:auto;opacity:.85;filter:brightness(0) invert(1)}
.emma-footer .ft-bottom{border-top:1px solid rgba(255,255,255,.12)}
.emma-footer .ft-bottom .in{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;padding:18px 28px;font-size:12.5px;color:rgba(255,255,255,.6)}
.emma-footer .ft-bottom a{color:rgba(255,255,255,.75);text-decoration:none;margin-left:16px}
.emma-footer .ft-bottom a:hover{color:#fff}
.emma-footer .ft-lang{display:inline-flex;gap:8px}
.emma-footer .ft-lang span{border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:2px 8px}
.emma-footer .ft-lang .on{background:rgba(255,255,255,.14)}
@media (max-width:1000px){
  .emma-footer .ft-top{grid-template-columns:1fr 1fr}
  .emma-footer .ft-brand{grid-column:1 / -1}
}
@media (max-width:560px){ .emma-footer .ft-top{grid-template-columns:1fr} }