/* Navigation appearance reused from the Spanish home page. */
    .home-nav {
      position: fixed;
      top: 0; left: 0; right: 0;
      z-index: 100;
      display: flex;
      gap: 0.4rem 1.8rem;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      padding: 1rem 2rem;
      background: rgba(0, 0, 0, 0.55);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
    }

    .nav-logo {
      position: absolute;
      left: 2rem;
      top: 50%;
      transform: translateY(-50%);
      display: flex;
      align-items: center;
      opacity: 0.85;
      transition: opacity 0.25s;
    }
    .nav-logo:hover { opacity: 1; }
    .nav-logo img { display: block; width: 30px; height: auto; }

    .home-nav a {
      font-size: 0.7rem;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      text-decoration: none;
      color: rgba(240,235,224,0.72);
      border-bottom: 1px solid transparent;
      padding-bottom: 2px;
      transition: color 0.25s, border-color 0.25s;
    }
    .home-nav a:hover { color: var(--accent); border-bottom-color: var(--accent); }
    .home-nav a.nav-cta {
      padding: 0.45rem 0.75rem;
      border: 1px solid rgba(181,113,74,0.7);
      color: var(--beige);
    }
    .home-nav a.nav-cta:hover { background: var(--accent); border-color: var(--accent); color: #fff; }
    .nav-item { position: relative; }
    .nav-item > .nav-parent {
      font-size: 0.7rem;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: rgba(240,235,224,0.72);
      display: block;
      border-bottom: 1px solid transparent;
      padding-bottom: 2px;
      cursor: pointer;
    }
    .nav-item:hover > .nav-parent { color: var(--accent); }
    .sub-menu { display: flex; flex-direction: column; gap: 0.6rem; margin: 0.6rem 0 0 1rem; }
    @media (min-width: 601px) {
      .sub-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
        background: rgba(0,0,0,0.85);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
        padding: 0.9rem 1.4rem;
        border-radius: 4px;
        min-width: 170px;
        gap: 0.9rem;
        white-space: nowrap;
        text-align: center;
        z-index: 101;
      }
      .nav-item:hover .sub-menu,
      .nav-item:focus-within .sub-menu { display: flex; }
    }

    .lang-sep {
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }
    .lang-sep a {
      font-size: 0.85rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      text-decoration: none;
      color: rgba(240,235,224,0.4);
      transition: color 0.25s;
    }
    .lang-sep a.active { color: var(--accent); }
    .lang-sep a:hover { color: rgba(240,235,224,0.8); }
    .lang-sep span { color: rgba(240,235,224,0.2); font-size: 0.6rem; }
    .lang-sep a.disabled { pointer-events: none; opacity: 0.25; }

    /* ── HAMBURGUESA ── */
    .nav-links { display: contents; }

    .hamburger {
      display: none;
      flex-direction: column;
      gap: 5px;
      cursor: pointer;
      background: none;
      border: none;
      padding: 4px;
    }
    .hamburger span {
      display: block;
      width: 22px;
      height: 1px;
      background: rgba(240,235,224,0.7);
      transition: all 0.3s ease;
    }
    .hamburger span.mid {
      background: linear-gradient(to right,
        rgba(240,235,224,0.7) 35%,
        transparent 35%,
        transparent 65%,
        rgba(240,235,224,0.7) 65%
      );
    }
    .hamburger.open span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
    .hamburger.open span.mid { opacity: 0; }
    .hamburger.open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

    @media (max-width: 600px) {
      .home-nav {
        justify-content: flex-start;
        flex-wrap: nowrap;
        padding: 0.9rem 1.5rem;
      }
      .nav-logo { position: static; transform: none; margin-right: 0.6rem; }
      .lang-sep { margin-left: auto; }
      .nav-links {
        display: none;
        position: fixed;
        top: 44px; left: 0; right: 0;
        max-width: 100%;
        max-height: calc(100svh - 44px);
        overflow-y: auto;
        background: rgba(10,10,10,0.97);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
        flex-direction: column;
        align-items: center;
        gap: 2rem;
        padding: 2.5rem 2rem;
        z-index: 99;
      }
      .nav-links.open { display: flex; }
      body.nav-open { overflow: hidden; }
      body.nav-open #sd-cookie-banner,
      body.nav-open .mobile-cta { display: none; }
      .nav-links a {
        font-size: 0.85rem;
        letter-spacing: 0.18em;
      }
      .nav-links .nav-item { flex-direction: column; align-items: center; gap: 1.4rem; }
      .nav-links .nav-parent { font-size: 0.85rem; letter-spacing: 0.18em; opacity: 0.55; }
      .nav-links .sub-menu { align-items: center; gap: 1.4rem; margin: 0; }
      .hamburger { display: flex; }
    }

.home-nav{--accent:#B5714A;--beige:#F0EBE0;font-family:'Cormorant Garamond',Georgia,serif;line-height:1.8}
.home-nav a[aria-current="page"]{color:var(--accent)}
.home-nav .hamburger{border-radius:0;min-height:28px;justify-content:center}
.home-nav .hamburger:hover{background:none}
.home-nav .hamburger span{flex:none}
main{padding-top:calc(var(--navigation-height,74px) + 12px)}
.embedded .home-nav{display:none}
.embedded main{padding-top:0}
@media(min-width:821px){
  #viewport{height:clamp(460px,calc(100dvh - var(--navigation-height,74px) - 165px),1100px)}
}
@media(max-width:600px){
  .home-nav .nav-links{top:100%;max-height:calc(100dvh - var(--navigation-height,58px))}
  .home-nav .nav-parent{text-align:center}
  .home-nav .sub-menu{padding-top:1rem}
}
