.amostra {
      width: 100vw;
      min-height: 100vh;
      overflow: hidden;
      padding: 20px;
      background-color: var(--cinza-escuro, #333);
      color: white;
      font-size: 1rem;
      display: grid;
      gap: 20px;
      box-sizing: border-box;
    }

    .amostra div {
      padding: 10px;
      border-radius: 8px;
      background: rgba(255,255,255,0.1);
    }

    /* === Fontes === */
    .lora { font-family: "Lora", serif; font-weight: 500; }
    .montserrat { font-family: "Montserrat", sans-serif; font-weight: 500; }
    .satisfy-regular { font-family: "Satisfy", cursive; font-weight: 400; }
    .sofia-sans-condensed { font-family: "Sofia Sans Condensed", sans-serif; font-weight: 400; }
    .capriola-regular { font-family: "Capriola", sans-serif; font-weight: 400; }
    .barlow-semi-condensed-100 { font-family: "Barlow Semi Condensed", sans-serif; font-weight: 100; }
    .barlow-semi-condensed-200 { font-family: "Barlow Semi Condensed", sans-serif; font-weight: 200; }
    .barlow-semi-condensed-300 { font-family: "Barlow Semi Condensed", sans-serif; font-weight: 300; }
    .barlow-semi-condensed-400 { font-family: "Barlow Semi Condensed", sans-serif; font-weight: 400; }
    .barlow-semi-condensed-500 { font-family: "Barlow Semi Condensed", sans-serif; font-weight: 500; }
    .barlow-semi-condensed-600 { font-family: "Barlow Semi Condensed", sans-serif; font-weight: 600; }
    .barlow-semi-condensed-700 { font-family: "Barlow Semi Condensed", sans-serif; font-weight: 700; }
    .barlow-semi-condensed-800 { font-family: "Barlow Semi Condensed", sans-serif; font-weight: 800; }
    .barlow-semi-condensed-900 { font-family: "Barlow Semi Condensed", sans-serif; font-weight: 900; }
    .playwrite-de-sas { font-family: "Playwrite DE SAS", cursive; font-weight: 400; }
    .caveat { font-family: "Caveat", cursive; font-weight: 400; }

    /* Texto de amostra */
    .sample-text {
      font-size: 1.2rem;
    }

    h2 {
      margin: 0 0 5px 0;
      font-size: 1rem;
      opacity: 0.8;
    }