/* /sua-jornada/ — 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, 864px);
      aspect-ratio: 864 / 1536;
      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.63%; top: 50.78%; width: 90.74%; height: 9.31%; }
    .emotions   { left: 4.63%; top: 60.68%; width: 90.74%; height: 9.70%; }
    .classes    { left: 4.63%; top: 70.90%; width: 90.74%; height: 9.77%; }
    .work       { left: 4.63%; top: 81.25%; width: 90.74%; height: 9.31%; }

    
    .instagram  { left: 26.50%; top: 93.23%; width: 7.70%; height: 4.50%; }
    .youtube    { left: 35.95%; top: 93.23%; width: 7.70%; height: 4.50%; }
    .facebook   { left: 55.60%; top: 93.23%; width: 7.70%; height: 4.50%; }
    .email      { left: 65.85%; top: 93.23%; width: 9.00%; height: 4.50%; }

    
    .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; } }