@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
:root{--wine:#730d21;--cream:#faf7f2;--line:#e5d8d4;--ink:#33252a}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 'DM Sans',sans-serif}header{padding:24px 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:white}a{color:var(--wine)}#brand{text-decoration:none;font:22px 'Libre Baskerville',Georgia,serif}#brand i{display:block}small{display:block;font:10px/2 'DM Sans',sans-serif;letter-spacing:2px;margin-top:8px}main{max-width:1160px;margin:auto;padding:50px 28px;min-height:70vh}h1,h2,h3{font-family:'Libre Baskerville',Georgia,serif;line-height:1.25;color:var(--wine)}h1{font-size:clamp(36px,5vw,62px);font-weight:400;margin:15px 0 25px}h2{font-size:30px}h3{font-size:20px}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--wine);font-weight:700}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:center;margin-bottom:60px}.hero p{max-width:560px}.collage{display:grid;grid-template-columns:1fr 1fr;gap:12px;transform:rotate(3deg)}.collage img{width:100%;height:175px;object-fit:cover;border-radius:70px 70px 8px 8px}.units{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card,article{border:1px solid var(--line);background:white;padding:25px;border-radius:12px}.card.locked{opacity:.6}.card.active{background:var(--wine);color:white}.card.active h3{color:white}button,.button{cursor:pointer;border:1px solid var(--wine);border-radius:6px;padding:12px 20px;background:var(--wine);color:white;font:600 14px 'DM Sans',sans-serif;text-decoration:none;display:inline-block}button:disabled{opacity:.4;cursor:default}.secondary{background:transparent;color:var(--wine)}button:hover:not(:disabled){filter:brightness(1.15)}.active button{background:white;color:var(--wine)}input,textarea,select{font:inherit;border:1px solid #bda6ad;border-radius:6px;padding:12px;background:white;color:var(--ink);width:100%}textarea{min-height:100px;resize:vertical}label{display:block;margin:15px 0 6px}form{max-width:550px}form button{margin-top:20px}.notice{background:#f1e7e7;border-left:3px solid var(--wine);padding:15px 20px;font-size:14px;margin:20px 0}.workspace{display:grid;grid-template-columns:210px 1fr;gap:40px}nav button{display:block;width:100%;text-align:left;margin:0 0 8px;background:transparent;color:var(--wine);border-color:transparent}nav button.current{background:var(--wine);color:white}.lead{font-size:18px}.activity{padding:30px 38px}.animal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.animal-grid img{width:85px;height:85px;object-fit:cover;border-radius:8px;float:left;margin-right:15px}.animal-grid article{padding:18px}.animal-grid select{margin-top:8px}.bar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:30px}.progress{height:4px;background:var(--line);margin:20px 0}.progress span{display:block;height:100%;background:var(--wine)}details{margin:18px 0}summary{cursor:pointer;color:var(--wine)}.source{width:100%;max-width:600px}.option{padding:15px;border:1px solid var(--line);border-radius:6px;display:flex;gap:15px;align-items:flex-start;cursor:pointer}.option:has(input:checked){border-color:var(--wine);background:#f6edef}.option input{width:auto;margin-top:7px}footer{text-align:center;border-top:1px solid var(--line);padding:24px;font-size:12px}#status{color:var(--wine)}.result{border:1px solid var(--wine);padding:22px;margin:16px 0}button:focus-visible,a:focus-visible{outline:3px solid #cf9270;outline-offset:3px}@media(max-width:750px){.hero{grid-template-columns:1fr;gap:25px}.collage{display:none}.units{grid-template-columns:1fr 1fr}.workspace{grid-template-columns:1fr;gap:15px}nav{display:flex;overflow:auto}nav button{min-width:130px}.activity{padding:20px}.animal-grid{grid-template-columns:1fr}header{padding:18px}main{padding:30px 18px}h1{font-size:38px}}
/* Activity prose retains the original reading alignment. */
.activity p,.activity label,.activity .option span,.activity .lead{text-align:justify;text-justify:inter-word;hyphens:auto}.activity p.hint{font-size:14px;color:#725c64}.poll-buttons{display:flex;gap:16px;margin:25px 0}.poll-buttons button{min-width:120px;font-size:20px}.poll-totals{display:flex;gap:20px;margin:20px 0}.poll-totals div{border:1px solid var(--line);border-radius:8px;padding:20px;min-width:130px;text-align:center}.poll-totals strong{display:block;color:var(--wine);font-size:30px}.poll-totals span{font-size:14px}.drop-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.drop-zone{min-height:180px;border:2px dashed #bda6ad;transition:background .15s}.drop-zone.drag-over{background:#f1e3e5;border-color:var(--wine)}#word-bank{display:flex;flex-wrap:wrap;gap:8px;background:#f4ece9;padding:20px;border-radius:8px;position:relative}button.word{font-size:14px;padding:8px 13px;background:white;color:var(--wine);border-color:#bda6ad;touch-action:manipulation}.word[draggable]{cursor:grab}.word.selected{background:var(--wine);color:white;outline:2px solid #ce947c;outline-offset:2px}.assigned{display:flex;flex-wrap:wrap;gap:7px;min-height:65px;margin-bottom:16px}.drop-hint{color:#806a72;font-size:14px}.invalid{outline:3px solid #b52b36!important;outline-offset:4px;background:#fff0f0!important}.validation-summary{background:#fff0f0;border-left:4px solid #b52b36;color:#8a1226;padding:14px;font-weight:600}#quiz-current:focus{outline-offset:5px}@media(max-width:750px){.drop-grid{grid-template-columns:1fr}.poll-buttons button{min-width:100px}}
.assigned{align-items:flex-start}.word[draggable]{touch-action:none;user-select:none}
.video-frame{aspect-ratio:16/9;width:100%;background:#25141a;border-radius:10px;overflow:hidden;margin:24px 0 12px}.video-frame iframe{display:block;width:100%;height:100%;border:0}.media-link{font-size:14px}.animal-heading{display:flex;align-items:center;gap:18px;margin-bottom:18px}.animal-heading img{width:100px;height:100px;object-fit:contain;flex-shrink:0}.animal-heading h3{margin:0}.animal-gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:24px 0}.animal-gallery figure{margin:0;text-align:center}.animal-gallery img{width:100%;max-width:116px;height:auto;object-fit:contain}.animal-gallery figcaption{font-size:14px;color:var(--wine);font-weight:600}.drop-zone img{pointer-events:none;user-select:none}.animal-grid img{object-fit:contain}@media(max-width:750px){.animal-gallery{grid-template-columns:repeat(3,1fr)}.animal-heading img{width:90px;height:90px}}
.profile-emoji{display:block;font-size:64px;line-height:1.2;margin-bottom:12px;font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif}
#word-bank{justify-content:center}.drop-grid #drop-Serpente{grid-column:1/-1;width:calc((100% - 16px)/2);justify-self:center}.essere-illustration{margin:28px 0;text-align:center}.essere-illustration img{display:block;width:100%;max-width:698px;height:auto;margin:auto}.activity .scenario p{margin:0;line-height:2.3}.inline-answer{display:inline-block;width:15em;max-width:100%;padding:4px 9px;margin:0 3px;vertical-align:baseline;border:0;border-bottom:2px solid var(--wine);border-radius:4px 4px 0 0;background:#faf1f2;font:inherit;line-height:1.5;color:var(--wine)}.inline-answer:focus{outline:2px solid #bf8793;outline-offset:2px}.scenario+.scenario{margin-top:18px}@media(max-width:750px){.drop-grid #drop-Serpente{grid-column:auto;width:100%}.inline-answer{width:12em}}
.hero{display:block;max-width:760px}.activity .media-link,.poll,.activity #poll-results p{text-align:center}.poll-buttons,.poll-totals{justify-content:center}.animal-grid .animal-sound{text-align:center}.animal-grid .animal-sound img{display:block;float:none;margin:0 auto 12px;width:116px;height:116px;object-fit:contain}.animal-name{display:block;color:var(--wine);font:700 20px 'Libre Baskerville',Georgia,serif;margin:0 0 20px}.activity .animal-sound label{font-weight:700;color:var(--wine);text-align:center;margin:18px 0 8px}.animal-sound select{text-align:center;margin:0 auto;display:block}.audio-message{margin:22px 0}.audio-message audio{display:block;width:100%;margin:15px 0}.activity .audio-fallback{font-size:14px}
.audio-player{margin:18px 0;padding:18px 20px;background:#fff;border:1px solid #dcc3ca;border-radius:12px;box-shadow:0 3px 12px #730d2108}.audio-controls{display:flex;align-items:center;gap:16px}.audio-controls[hidden],.audio-player audio[hidden],.audio-feedback[hidden]{display:none}.audio-toggle{display:flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;padding:10px;background:var(--wine);color:white}.audio-toggle svg{width:26px;height:26px;display:block}.audio-timeline{flex:1;min-width:0}.audio-player .audio-seek{display:block;width:100%;height:6px;margin:12px 0 9px;padding:0;border:0;border-radius:99px;appearance:none;-webkit-appearance:none;cursor:pointer;background:linear-gradient(to right,var(--wine) 0%,var(--wine) var(--played,0%),#eadde1 var(--played,0%),#eadde1 100%);accent-color:var(--wine)}.audio-seek::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border:2px solid white;background:var(--wine);border-radius:50%;box-shadow:0 0 0 1px var(--wine)}.audio-seek::-moz-range-thumb{width:12px;height:12px;border:2px solid white;background:var(--wine);border-radius:50%;box-shadow:0 0 0 1px var(--wine)}.audio-seek:focus-visible{outline:2px solid #b87689;outline-offset:7px}.audio-seek:disabled{opacity:.5;cursor:wait}.audio-times{display:flex;justify-content:space-between;font-size:12px;font-variant-numeric:tabular-nums;color:#76515e;line-height:1.4}.audio-player .audio-speed{width:auto;max-width:88px;flex-shrink:0;padding:8px;border:1px solid #dcc3ca;color:var(--wine);background:#fcf7f8;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer}.activity .audio-feedback{font-size:13px;color:var(--wine);margin:12px 0 0}.sr-only{position:absolute!important;width:1px;height:1px;padding:0!important;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:450px){.audio-player{padding:14px 12px}.audio-controls{gap:10px}.audio-toggle{width:42px;height:42px;flex-basis:42px}.audio-player .audio-speed{max-width:76px;padding:7px 3px}}


  

  /* ============ COPIE A PARTIR DAQUI (CSS) ============ */
  .modi {
    --modi-fundo: transparent;   /* fundo transparente; se quiser uma cor, troque aqui */
    --modi-vinho: #740005;
    --modi-branco: #ffffff;
    --modi-gap: 0.9rem;

    background: var(--modi-fundo);
    padding: clamp(2rem, 6vw, 4.5rem) 0;
    overflow: hidden;
  }

  .modi-linhas {
    display: grid;
    gap: var(--modi-gap);
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
            mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  }

  .modi-linha { overflow: hidden; }

  .modi-faixa {
    display: flex;
    width: max-content;
    animation: modi-correr var(--dur, 90s) linear infinite;
    will-change: transform;
  }

  /* linhas pares andam no sentido contrário */
  .modi-linha:nth-child(even) .modi-faixa { animation-direction: reverse; }

  /* passar o mouse pausa a linha, para dar tempo de ler */
  .modi-linha:hover .modi-faixa { animation-play-state: paused; }

  .modi-metade {
    display: flex;
    flex: none;
    gap: var(--modi-gap);
    padding-right: var(--modi-gap); /* mesmo espaço da emenda entre as duas metades */
  }

  .modi-item {
    flex: none;
    padding: 0.5em 1.15em 0.6em;
    border-radius: 999px;
    font: italic 600 clamp(1.2rem, 2.2vw, 1.65rem) / 1.2 "Cormorant Garamond", Georgia, serif;
    white-space: nowrap;
  }

  .modi-item[data-cor="vinho"] {
    background: var(--modi-vinho);
    color: var(--modi-branco);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28);
  }

  .modi-item[data-cor="branco"] {
    background: var(--modi-branco);
    color: var(--modi-vinho);
  }

  @keyframes modi-correr {
    to { transform: translateX(-50%); }
  }

  /* quem prefere menos movimento vê as frases paradas, em várias linhas */
  @media (prefers-reduced-motion: reduce) {
    .modi-linhas { -webkit-mask-image: none; mask-image: none; }
    .modi-faixa { animation: none; width: auto; }
    .modi-metade { flex-wrap: wrap; padding: 0 1rem; }
    .modi-metade[aria-hidden="true"] { display: none; }
  }
  /* ============ ATÉ AQUI (CSS) ============ */

.quiz-divider{border:0;border-top:2px solid var(--wine);margin:30px 0}.activity p.quiz-intro{text-align:center;font-weight:700;max-width:640px;margin:24px auto}.result .profile-emoji,.result h3{text-align:center}.drop-zone .animal-heading{justify-content:center}.drop-zone .assigned{justify-content:center}.drop-zone .add-word{display:block;margin:0 auto}.rea-label{display:none;margin:0 auto 18px}.is-home .rea-label{display:block}.rea-label img{max-width:100%;height:auto}.hero{position:relative;display:block;max-width:none;min-height:450px;isolation:isolate;overflow:hidden}.hero-copy{position:relative;z-index:2;width:59%;padding:16px 55px 16px 0;background:linear-gradient(90deg,var(--cream) 0%,var(--cream) 86%,transparent 100%)}.hero-copy h1{font-size:clamp(40px,5vw,62px)}.hero-motion{position:absolute;z-index:1;left:43%;right:-40px;top:10px;padding:22px 0;animation:hero-arrive 1.4s ease-out both}.hero-motion .modi{--modi-vinho:var(--wine);padding:30px 0;background:transparent}.hero-motion .modi-linhas{-webkit-mask-image:linear-gradient(90deg,transparent,#000 24%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 24%,#000 92%,transparent)}.hero-motion .modi-item{font-family:Georgia,serif;font-size:clamp(18px,2vw,26px)}.motion-toggle{display:block;margin:0 50px 0 auto;font-size:11px;padding:6px 10px;border-color:var(--line);opacity:.85}.modi.is-paused .modi-faixa{animation-play-state:paused}.modi-linha:focus-within .modi-faixa{animation-play-state:paused}@keyframes hero-arrive{from{opacity:0;transform:translateX(-45px)}to{opacity:1;transform:translateX(0)}}@media(max-width:750px){.hero-copy{width:100%;padding:0;background:none}.hero-motion{position:relative;left:auto;right:auto;top:auto;padding:0;margin:22px -18px 0}.hero-motion .modi{padding:18px 0}.hero-motion .modi-item{font-size:18px}.hero{overflow:hidden}.motion-toggle{margin-right:25px}.hero-copy h1{font-size:42px}}@media(prefers-reduced-motion:reduce){.hero-motion{animation:none}.motion-toggle{display:none}.hero-motion .modi-linhas{-webkit-mask-image:none;mask-image:none}.hero-motion .modi-metade{gap:6px}.hero-motion .modi-item{font-size:15px;white-space:normal}.hero-motion .modi-linha:nth-child(n+3){display:none}}
/* Keep words whole, and fit the motion within the hero's content area. */
html,body,body *{-webkit-hyphens:none!important;hyphens:none!important;word-break:normal;overflow-wrap:normal}.hero{display:grid;grid-template-columns:56% 44%;align-items:center;overflow:hidden;min-height:450px}.hero-copy{width:100%;min-width:0;padding:16px 24px 16px 0}.hero-motion{position:relative;left:auto;right:auto;top:auto;width:calc(100% + 70px);min-width:0;margin:0 0 0 -70px;padding:0;overflow:hidden;align-self:center}.hero-motion .modi{width:100%;box-sizing:border-box;padding:22px 0}.hero-motion .modi-linhas{min-width:0}.hero-motion .modi-item{font-size:clamp(18px,1.8vw,24px)}.activity p.quiz-intro{background:var(--wine);color:#fff;border-radius:15px;padding:24px 28px;max-width:none;font-weight:700;text-align:center}.animal-name-row{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 20px}.animal-name-row .animal-name{margin:0}.animal-sound-control{display:inline-flex;align-items:center;flex-shrink:0}.animal-sound-control audio{display:none}.animal-play{width:36px;height:36px;flex-basis:36px;padding:7px}.animal-play svg{width:20px;height:20px}@media(max-width:750px){.hero{display:block;min-height:0}.hero-copy{width:100%;padding:0}.hero-motion{width:100%;margin:22px 0 0;position:relative}.hero-motion .modi{padding:16px 0}.activity p.quiz-intro{padding:20px 16px}.hero-motion .modi-item{font-size:18px}}
.hero{gap:0}