/* foot.css — PIE DE MARCA 2026, fuente única para TODAS las páginas (30-sep-2026).
   Lo inyecta `apply-footer-2026.py` (lo corre deploy.sh). Autónomo: trae sus fuentes y variables para funcionar también
   en las páginas viejas que no cargan tulum.css. Ideas de 21st.dev: Sparkles Title (polvo sobre una línea de luz) + Large Name Footer. */
@font-face{font-family:"Bodoni Moda";src:url(/assets/2026/fonts/BodoniModa-Italic.woff2) format("woff2");font-weight:400 900;font-style:italic;font-display:swap}
@font-face{font-family:"Libre Caslon Display";src:url(/assets/2026/fonts/LibreCaslonDisplay.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Jost;src:url(/assets/2026/fonts/Jost.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
footer.foot{--carbon:#131211;--bone:#F2EFE9;--gold:#C9A04E;--gold-text:#E0BD72;--g:clamp(20px,4vw,56px);
  --display:"Libre Caslon Display","Bodoni Moda",Georgia,serif;--italic:"Bodoni Moda","Didot",Georgia,serif;--text:Jost,"Helvetica Neue",Arial,sans-serif;
  box-sizing:border-box;font-family:var(--text);-webkit-font-smoothing:antialiased;margin:0;width:100%;max-width:none;float:none}
footer.foot *,footer.foot *::before,footer.foot *::after{box-sizing:border-box}
footer.foot p{margin:0}
footer.foot .au{background-image:linear-gradient(100deg,#7A5518 0%,#B8893A 10%,#E0BD72 20%,#FFF4D2 25%,#E8C77A 30%,#A57C2E 42%,#C9A04E 55%,#EBD595 68%,#FFF8E1 72%,#D8B465 76%,#8C6420 88%,#7A5518 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:auSweepF 9s linear infinite}
@keyframes auSweepF{from{background-position:0% 50%}to{background-position:200% 50%}}
@media(prefers-reduced-motion:reduce){footer.foot .au{animation:none}}
/* 30-sep-2026 · PIE DE MARCA (Jose: "se ve técnico, no premium"). Ideas de 21st.dev: Sparkles Title (polvo sobre una línea de luz)
   + Large Name Footer (marca protagonista). Siempre sobre carbón: el monograma hueso se ve en todas las páginas. */
footer.foot{display:block;position:relative;background:var(--carbon);color:#CFC8BC;border-top:0;padding:0 var(--g) clamp(36px,5vw,64px);text-align:center;overflow:hidden}
footer.foot a{color:#CFC8BC}
footer.foot .f2-hilo{position:relative;height:clamp(120px,14vw,190px);margin:0 calc(var(--g) * -1)}
footer.foot .f2-dust{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
footer.foot .f2-line{position:absolute;left:0;right:0;bottom:22%;height:1px;background:linear-gradient(90deg,transparent,#8C6420 12%,#E0BD72 38%,#FFF4D2 50%,#E0BD72 62%,#8C6420 88%,transparent);transform:scaleX(0);transform-origin:50% 50%;transition:transform 2.2s cubic-bezier(.16,1,.3,1);box-shadow:0 0 18px rgba(224,189,114,.45)}
footer.foot.on .f2-line{transform:scaleX(1)}
footer.foot .f2-brand{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:-6px}
footer.foot img.mono-foot{width:56px;height:auto;filter:drop-shadow(0 0 22px rgba(224,189,114,.28))}
footer.foot .f2-slogan{font:400 clamp(26px,3.4vw,46px)/1.15 var(--display);color:var(--bone);margin:6px 0 0;letter-spacing:-.01em}
footer.foot .f2-slogan em{font-family:var(--italic);font-style:italic}
footer.foot .f2-legal{font:400 11px/1.6 var(--text);letter-spacing:.2em;text-transform:uppercase;color:#8E8A84}
footer.foot .f2-cols{display:grid;grid-template-columns:repeat(3,minmax(0,220px));justify-content:center;gap:clamp(24px,6vw,96px);margin:clamp(48px,6vw,80px) auto 0;padding-top:clamp(32px,4vw,48px);border-top:1px solid rgba(201,160,78,.22);max-width:1100px;text-align:left}
footer.foot .f2-cols nav{display:flex;flex-direction:column;gap:12px;max-width:none}
footer.foot .f2-k{font:500 10px/1 var(--text);letter-spacing:.28em;text-transform:uppercase;color:var(--gold-text);margin:0 0 8px}
footer.foot .f2-cols a{font:300 15px/1.4 var(--text);letter-spacing:.02em;text-transform:none;text-decoration:none;border:0;padding:0;width:max-content}
footer.foot .f2-cols a:hover,footer.foot .f2-where a:hover{color:var(--gold-text)}
footer.foot .f2-where{max-width:1100px;margin:clamp(36px,4vw,56px) auto 0;border-top:1px solid rgba(242,239,233,.08);text-align:left}
footer.foot .f2-where summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:20px 0;font:500 10px/1 var(--text);letter-spacing:.28em;text-transform:uppercase;color:#A8A195}
footer.foot .f2-where summary::-webkit-details-marker{display:none}
footer.foot .f2-where summary span{font-size:16px;color:var(--gold-text);transition:transform .4s}
footer.foot .f2-where[open] summary span{transform:rotate(45deg)}
footer.foot .f2-cities{display:grid;grid-template-columns:2fr 1.4fr 1fr;gap:28px;padding-bottom:12px}
footer.foot .f2-cities p:not(.f2-k){font:300 13px/2 var(--text);color:#8E8A84;margin:0;display:flex;flex-wrap:wrap;gap:0 16px}
footer.foot .f2-cities a{color:#8E8A84;text-decoration:none}
@media(max-width:760px){footer.foot .f2-cols{grid-template-columns:1fr 1fr;justify-content:start}footer.foot .f2-cols nav:last-child{grid-column:1/-1}footer.foot .f2-cities{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){footer.foot .f2-line{transition:none;transform:none}}
footer.foot .f2-cols a.link,footer.foot .f2-cols a.link:visited{color:#CFC8BC!important;opacity:1!important}
footer.foot .f2-cols a.link:hover{color:var(--gold-text)!important}
footer.foot .f2-cols a.link::after{display:none}
footer.foot .f2-slogan em{padding:0 .08em 0 .12em;margin-left:-.06em}
footer.foot .f2-cities a,footer.foot .f2-cities a:visited{color:#8E8A84!important}
footer.foot .f2-cols{grid-template-columns:repeat(4,minmax(0,200px))}
footer.foot .f2-base{max-width:1100px;margin:24px auto 0;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font:400 11px/1.6 var(--text);letter-spacing:.14em;text-transform:uppercase;color:#6F6A63}
footer.foot .f2-base a{color:#8E8A84!important;text-decoration:none}
@media(max-width:760px){footer.foot .f2-cols{grid-template-columns:1fr 1fr}footer.foot .f2-cols nav:last-child{grid-column:auto}}

footer.foot .f2-who{display:block;font:300 12px/1.4 var(--text);color:#8E8A84;margin:14px 0 2px}footer.foot .f2-who:first-of-type{margin-top:0}
