/* =====================================================================
   AI360THEME — Footer site-wide (vive DENTRO del módulo)
   ---------------------------------------------------------------------
   Render una sola vez, aplica a TODA la web. Sustituye el footer del tema
   (que estaba roto). Sin dominios hardcodeados: los recursos y enlaces se
   resuelven desde PHP (logo por ID de adjunto, links con home_url()).
   Scoped a .ai360-foot (no colisiona con nada del tema).
   ===================================================================== */
.ai360-foot{background:var(--atl-x,#2468B3);color:rgba(255,255,255,.72);padding:62px 0 0;font-family:var(--ai360-font,'Inter',system-ui,sans-serif)}
.ai360-foot *{box-sizing:border-box}
.ai360-foot__grid{max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,48px);display:grid;grid-template-columns:1.7fr 1fr 1fr 1.25fr;gap:46px;align-items:start}
.ai360-foot h4{color:#fff;font-size:12.5px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;margin:0 0 20px;font-family:inherit}
.ai360-foot__brand img{height:50px;width:auto;background:#fff;padding:10px 15px;border-radius:12px;margin-bottom:20px;display:block}
.ai360-foot__brandname{color:#fff;font-size:22px;font-weight:800;display:block;margin-bottom:18px}
.ai360-foot__brand p{font-size:15px;line-height:1.7;color:rgba(255,255,255,.72);max-width:40ch;margin:0}
.ai360-foot__social{display:flex;align-items:center;gap:10px;margin-top:20px}
.ai360-foot__social a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.10);color:#fff;text-decoration:none;transition:background .2s,transform .2s,color .2s}
.ai360-foot__social a:hover{background:var(--sun,#FFC220);color:var(--atl-x,#2468B3);transform:translateY(-3px)}
.ai360-foot__social svg{width:20px;height:20px;display:block}
.ai360-foot__links a{display:block;color:rgba(255,255,255,.72);font-size:15px;padding:7px 0;text-decoration:none;transition:.18s}
.ai360-foot__links a:hover{color:var(--sun,#FFC220);padding-left:5px}
.ai360-foot__contact p{font-size:15px;line-height:1.65;color:rgba(255,255,255,.72);margin:0 0 16px;max-width:34ch}
.ai360-foot__contact .ai360-btn{display:inline-block;background:var(--sun,#FFC220);color:#fff;font-weight:800;padding:13px 22px;border-radius:999px;text-decoration:none;box-shadow:0 16px 36px -24px rgba(36,104,179,.5);transition:.2s;white-space:nowrap}
.ai360-foot__contact .ai360-btn:hover{background:#ffd257}
.ai360-foot__bottom{max-width:1240px;margin:44px auto 0;padding:22px clamp(20px,4vw,48px);border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;font-size:14px;color:rgba(255,255,255,.6)}
.ai360-foot__bottom a{color:rgba(255,255,255,.7)}

/* Ocultar el footer que venga DENTRO del contenido (WPBakery/.cc5) cuando
   AI360THEME ya pinta el suyo → una sola copia. */
body.ai360-has-footer footer.footer{display:none!important}
body.ai360-has-footer #footer,
body.ai360-has-footer .footer__widgets-areas{display:none!important}
body.ai360-has-footer .cc5 .foot,
body.ai360-has-footer .ai360-content .foot{display:none!important}

@media(max-width:1024px){.ai360-foot__grid{grid-template-columns:1fr 1fr;gap:38px}}
@media(max-width:760px){.ai360-foot__grid{grid-template-columns:1fr;gap:34px}.ai360-foot__bottom{justify-content:flex-start;text-align:left}}