/* ==========================================================================
   layout/footer.css
   Pie de página.
   ========================================================================== */
.footer { border-top: 1px solid var(--line); background: linear-gradient(180deg, transparent, rgba(227,38,43,.08)); padding: 60px var(--gutter) 100px; margin-top: 40px; } /* abajo: espacio para los botones flotantes */
.footer__top { max-width: var(--maxw); margin: 0 auto; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 18px; }
.footer__logo { height: 56px; width: auto; }
.footer__claim { font-family: var(--font-d); font-weight: 800; font-size: clamp(1.4rem, 4vw, 2.6rem); margin: 0; letter-spacing: -.02em; line-height: 1.1; }
/* Firma del autor: manuscrita fina en rojo, al costado; al pasar el mouse brilla y se dibuja el trazo */
.credit { position: relative; display: inline-flex; align-items: baseline; gap: .45em; cursor: default; outline: none; padding-bottom: 6px; }
.credit small { font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); transition: color .4s; }
.credit__name { font-family: 'Great Vibes', cursive; font-size: 1.9rem; line-height: 1; color: var(--red-2); display: inline-block;
  text-shadow: 0 0 12px rgba(227,38,43,.35); transition: transform .5s var(--ease), text-shadow .5s, color .5s; }
.credit__line { position: absolute; right: -4px; bottom: -2px; width: 92px; height: 12px; overflow: visible; }
.credit__line path { fill: none; stroke: var(--red); stroke-width: 2.2; stroke-linecap: round; stroke-dasharray: 130; stroke-dashoffset: 130; transition: stroke-dashoffset .9s var(--ease); }
.credit:hover .credit__name, .credit:focus-visible .credit__name { transform: translateY(-3px) rotate(-4deg) scale(1.08); color: #ff6b70; text-shadow: 0 0 18px rgba(255,77,82,.9), 0 0 36px rgba(227,38,43,.6); }
.credit:hover small, .credit:focus-visible small { color: var(--text); }
.credit:hover .credit__line path, .credit:focus-visible .credit__line path { stroke-dashoffset: 0; }
.footer__bottom { max-width: var(--maxw); margin: 40px auto 0; padding-top: 20px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; color: var(--muted); font-size: .85rem; }