/* The legal strip — the permanent, site-wide way to reach the legal notice.
 *
 * WHY IT IS ITS OWN FILE. Article 10 of the Spanish LSSI requires a business
 * site to offer "permanent, easy, direct and free" access to who owns it, and
 * article 13 of the GDPR requires the privacy information to be reachable
 * wherever data is collected. Until 2026-08-30 evsimon.com had neither: the
 * policy existed in the repository but was never published and no page linked
 * to it. Two of the five pages (corporativo, bodas-galeria) carry a rendered
 * footer; the other three are single full-height compositions with no footer
 * at all. So the link cannot live in the footer alone — it lives here, in one
 * small stylesheet every page loads, and one <a> of markup per page.
 *
 * The look is not new. It is the exact rule the footer link was written with
 * back in ornaments2.js: Cormorant Garamond, 11px, 0.24em tracking, uppercase,
 * a hairline underneath. Colour is inherited, so the same strip reads correctly
 * on the dark hero of index.html and on the paper footer of corporativo.html
 * without a variant.
 *
 * ⛔ The <a> is plain markup, not injected by script. A visitor with JavaScript
 * off must still be able to reach the notice — that is what "permanent access"
 * means, and a link that only exists after a script runs is not permanent.
 */

.legal-strip {
  text-align: center;
  padding: 22px 20px 26px;
  line-height: 1.7;
}

.legal-strip a {
  display: inline-block;
  font-family: 'Cormorant Garamond', Garamond, 'Times New Roman', serif;
  font-weight: 400;
  font-size: 11px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  padding-bottom: 2px;
  opacity: 0.68;
  transition: opacity 0.25s ease;
}

.legal-strip a:hover,
.legal-strip a:focus-visible {
  opacity: 1;
}

/* The strip carries two links now — the notice, and the way back to the cookie
   choice. They are the same link, drawn the same way; the second is only ever
   set apart by the space between them. */
.legal-strip a + a { margin-left: 26px; }

@media (max-width: 520px) {
  /* At phone width the two wrap onto separate lines rather than crowding. */
  .legal-strip a + a { margin-left: 0; margin-top: 10px; }
  .legal-strip a { display: block; }
}

/* Long languages wrap rather than overflow. Russian and Ukrainian spell this
   phrase out in full, and at 0.24em tracking that is wider than a phone. */
@media (max-width: 520px) {
  .legal-strip a {
    letter-spacing: 0.16em;
    white-space: normal;
  }
}

/* The GDPR art. 13 line under the contact form. Same family, sentence case,
   because it is a sentence and not a label. */
.form-privacy {
  margin: 14px 0 0;
  font-size: 12.5px;
  line-height: 1.6;
  opacity: 0.62;
}

.form-privacy a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
}

.form-privacy a:hover {
  opacity: 1;
}