/* ============================================================
   10. FOOTER
   ============================================================ */
footer{position:relative; z-index:2; border-top:1px solid var(--line); margin-top:34px; background:linear-gradient(180deg, transparent, rgba(0,0,0,.55))}
.foot{display:grid; grid-template-columns:1.6fr 1fr 1.1fr; gap:32px; padding:52px 0 30px}
@media(max-width:820px){.foot{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.foot{grid-template-columns:1fr; gap:28px}}
.foot h5{font-family:var(--mono); font-size:.66rem; letter-spacing:.18em; text-transform:uppercase; color:var(--muted); margin:0 0 14px; font-weight:400}
.foot ul{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:2px}
.foot ul a{display:flex; align-items:center; min-height:38px; color:var(--cream); text-decoration:none; font-size:.92rem; opacity:.82; transition:.25s}
.foot ul a:hover{opacity:1; color:var(--vivo)}
.foot__about p{font-size:.89rem; color:var(--muted); margin-top:13px; max-width:34ch}
.social{display:flex; gap:9px; margin-top:16px}
.social a{width:44px; height:44px; border-radius:13px; border:1px solid var(--line); display:grid; place-items:center;
  background:rgba(242,172,94,.04); color:var(--oro); transition:.3s var(--ease)}
.social a:hover{background:linear-gradient(140deg,var(--oro-luz),var(--oro-med)); border-color:transparent; color:#1A0F04}
.social svg{width:17px; height:17px}
.legal{display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap; padding:18px 0 40px; border-top:1px solid var(--line-soft); font-size:.79rem; color:var(--muted)}
.legal a{text-decoration:none; color:var(--muted)}

/* (el chatbot antiguo vivía aquí; el chat actual usa assets/css/08-chat-web.css) */

:focus-visible{outline:2px solid var(--oro); outline-offset:3px; border-radius:4px}
.skip{position:absolute; left:-9999px; top:0; z-index:200; background:var(--oro); color:#1A0F04; padding:12px 18px}
.skip:focus{left:0}
@media(prefers-reduced-motion:reduce){*{animation:none !important; transition-duration:.01ms !important} html{scroll-behavior:auto} .reveal{opacity:1; transform:none}}