@font-face {
        font-family: "Peace Sans";
        src: local("Peace Sans"), local("PeaceSans");
        font-display: swap;
      }

      [data-etiquetia-nav],
      [data-etiquetia-lang],
      [data-mobile-menu] {
        border-color: rgba(255, 255, 255, 0.38) !important;
        background: rgba(242, 242, 237, 0.42) !important;
        box-shadow: 0 18px 55px rgba(16, 16, 16, 0.10) !important;
        backdrop-filter: blur(24px) saturate(1.22) !important;
        -webkit-backdrop-filter: blur(24px) saturate(1.22) !important;
      }

      [data-etiquetia-nav] a,
      [data-etiquetia-nav] button,
      [data-mobile-menu] a,
      [data-etiquetia-lang] button {
        font-family: "Peace Sans", "Open Sans", ui-sans-serif, system-ui, sans-serif;
        font-weight: 700 !important;
        letter-spacing: 0;
      }

      [data-etiquetia-nav] a:hover,
      [data-etiquetia-nav] a:focus-visible,
      [data-mobile-menu] a:hover,
      [data-mobile-menu] a:focus-visible {
        color: #101010;
        filter: saturate(1.04);
      }
      [data-etiquetia-nav] a[class*="hover:bg-neutral-950"]:hover,
      [data-etiquetia-nav] a[class*="hover:bg-neutral-950"]:focus-visible,
      [data-etiquetia-lang] button[class*="hover:bg-neutral-950"]:hover,
      [data-etiquetia-lang] button[class*="hover:bg-neutral-950"]:focus-visible {
        background: rgba(255, 255, 255, 0.62) !important;
        color: #101010 !important;
        box-shadow: inset 0 0 0 1px rgba(16, 16, 16, 0.08), 0 12px 28px rgba(16, 16, 16, 0.10) !important;
        backdrop-filter: blur(18px) saturate(1.16) !important;
        -webkit-backdrop-filter: blur(18px) saturate(1.16) !important;
      }
[data-language-choice].is-active { background: #1455b7; color: #ffffff; }

      @media (hover: hover) and (pointer: fine) {
        body,
        a,
        button,
        input,
        textarea {
          cursor:auto;
        }

        .custom-cursor {
          position: fixed;
          top: 0;
          left: 0;
          z-index: 9999;
          width: 22px;
          height: 22px;
          border: 1px solid rgba(6, 71, 168, 0.8);
          border-radius: 999px;
          background: rgba(6, 71, 168, 0.08);
          box-shadow: 0 0 28px rgba(6, 71, 168, 0.18);
          pointer-events: none;
          opacity: 0;
          transform: translate(-50%, -50%) scale(0.82);
          transition: width 160ms ease, height 160ms ease, border-color 160ms ease, background 160ms ease, opacity 160ms ease, transform 160ms ease;
        }

        .custom-cursor.is-visible {
          opacity: 1;
        }

        .custom-cursor.is-hovering {
          width: 46px;
          height: 46px;
          border-color: rgba(16, 16, 16, 0.5);
          background: rgba(255, 255, 255, 0.22);
          mix-blend-mode: multiply;
        }

        .custom-cursor.is-pressing {
          transform: translate(-50%, -50%) scale(0.72);
        }
      }

      body {
        isolation: isolate;
        background:
          radial-gradient(circle at 50% 12%, rgba(51, 198, 233, 0.10), transparent 34rem),
          radial-gradient(circle at 72% 30%, rgba(120, 239, 120, 0.08), transparent 30rem),
          linear-gradient(180deg, #f8f7f1 0%, #f6f6f0 48%, #f8f7f3 100%) !important;
      }

      body::before,
      body::after {
        content: "";
        position: fixed;
        inset: 0;
        pointer-events: none;
      }

      body::before {
        z-index: -2;
        background-image:
          linear-gradient(rgba(16, 16, 16, 0.025) 1px, transparent 1px),
          linear-gradient(90deg, rgba(16, 16, 16, 0.018) 1px, transparent 1px);
        background-size: 96px 96px;
        mask-image: radial-gradient(circle at 50% 18%, rgba(0, 0, 0, 0.48), transparent 60%);
      }

      body::after {
        z-index: -1;
        background:
          radial-gradient(ellipse at 50% 34%, rgba(20, 85, 183, 0.08), transparent 44%),
          radial-gradient(ellipse at 50% 38%, rgba(120, 239, 120, 0.06), transparent 50%);
        filter: blur(18px);
      }
    
      [data-mobile-menu] {
        display: block;
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        pointer-events: none;
        transform: translateY(-0.75rem) scale(0.98);
        transform-origin: top center;
        transition: max-height 360ms ease, opacity 260ms ease, transform 360ms ease;
      }

      [data-mobile-menu].is-open {
        max-height: 520px;
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0) scale(1);
      }

      [data-mobile-menu] a {
        opacity: 0;
        transform: translateY(-0.35rem);
        transition: opacity 260ms ease, transform 260ms ease;
      }

      [data-mobile-menu].is-open a {
        opacity: 1;
        transform: translateY(0);
      }

      [data-mobile-menu].is-open a:nth-child(2) {
        transition-delay: 35ms;
      }

      [data-mobile-menu].is-open a:nth-child(3) {
        transition-delay: 70ms;
      }

      [data-mobile-menu].is-open a:nth-child(4) {
        transition-delay: 105ms;
      }

      [data-mobile-menu].is-open a:nth-child(5) {
        transition-delay: 140ms;
      }

      [data-mobile-menu].is-open a:nth-child(6) {
        transition-delay: 175ms;
      }

      [data-mobile-menu].is-open a:nth-child(7) {
        transition-delay: 210ms;
      }

      [data-mobile-menu-toggle] [data-menu-line] {
        transition: transform 260ms ease, opacity 220ms ease;
      }

      [data-mobile-menu-toggle][aria-expanded="true"] [data-menu-line="top"] {
        transform: translateY(4px) rotate(45deg);
      }

      [data-mobile-menu-toggle][aria-expanded="true"] [data-menu-line="bottom"] {
        transform: translateY(-4px) rotate(-45deg);
      }

      @media (prefers-reduced-motion: reduce) {
        [data-mobile-menu],
        [data-mobile-menu] a,
        [data-mobile-menu-toggle] [data-menu-line] {
          transition: none;
        }
      }