/* /en/your-journey/ — CSS gerado do layout original (dev/scripts/convert.py) */
.e33ccfe5{--display:flex}
/* HTML customizado ed8fc76e */
html, body {
      margin: 0;
      padding: 0;
      min-height: 100%;
      background: #010812;
    }
    body {
      display: flex;
      justify-content: center;
      font-family: Inter, Arial, sans-serif;
    }
    .page {
      position: relative;
      width: min(100vw, 941px);
      aspect-ratio: 941 / 1672;
      overflow: hidden;
      background: #010812;
    }
    .page-art {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: contain;
      display: block;
      user-select: none;
      -webkit-user-drag: none;
    }
    .hotspot {
      position: absolute;
      display: block;
      z-index: 3;
      text-decoration: none;
      border-radius: 18px;
      -webkit-tap-highlight-color: transparent;
    }
    .joy      { left: 4.6%; top: 50.5%; width: 90.8%; height: 9.3%; }
    .emotions { left: 4.6%; top: 60.6%; width: 90.8%; height: 9.4%; }
    .classes  { left: 4.6%; top: 70.9%; width: 90.8%; height: 9.4%; }
    .work     { left: 4.6%; top: 81.2%; width: 90.8%; height: 9.3%; }

    .instagram { left: 26.4%; top: 93.1%; width: 7.8%; height: 4.6%; }
    .youtube   { left: 35.9%; top: 93.1%; width: 7.8%; height: 4.6%; }
    .facebook  { left: 55.6%; top: 93.1%; width: 7.8%; height: 4.6%; }
    .email     { left: 65.8%; top: 93.1%; width: 9.0%; height: 4.6%; }

    .hotspot:focus-visible {
      outline: 2px solid #F4D79F;
      outline-offset: 2px;
    }
/* === AJUSTES MANUAIS (preservados pelo conversor) === */
/* Como o site original renderizava: html branco, body do tamanho do cartão, alinhado à esquerda (tema antigo) */
@media (min-width: 865px) { html { background: #fff; } body { display: block; width: 864px; } }
@media (max-width: 864px) { body { align-items: center; min-height: 100vh; } }