.mascotExamples[hidden] { display:none !important; }
.mascotExamples { max-width:980px; margin:24px auto; padding:24px; border:1px solid #d3e3da; border-radius:22px; background:#f5faf7; color:#123d28; scroll-margin-top:24px; }
.mascotExamples__heading { display:flex; align-items:start; justify-content:space-between; gap:16px; }
.mascotExamples h2 { margin:0 0 8px; font-size:24px; color:#123d28; }
.mascotExamples p { margin:0 0 18px; color:#42614e; line-height:1.5; }
.mascotExamples__close { border:1px solid #c8dacf; border-radius:50%; background:#fff; color:#123d28; min-width:44px; height:44px; font-size:26px; cursor:pointer; }
.mascotExamples__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.mascotExamples__card { min-width:0; padding:14px; border:1px solid #d3e3da; border-radius:18px; background:#fff; display:flex; flex-direction:column; }
.mascotExamples__card h3 { margin:0 0 4px; color:#123d28; font-size:18px; min-height:44px; }
.mascotExamples__price { display:block; margin-bottom:12px; font-size:26px; font-weight:800; color:#107b3d; }
.mascotExamples__media { position:relative; width:100%; max-width:240px; margin:auto; aspect-ratio:9/16; overflow:hidden; border-radius:12px; background:#e5efeb; }
.mascotExamples__media--sol { background:linear-gradient(155deg,#fff3cc,#f9ce6e); }
.mascotExamples__media--chuva { background:linear-gradient(155deg,#e7f3ff,#a8c7e2); }
.mascotExamples__media--ascensao_epica { background:linear-gradient(155deg,#f1ecff,#cfc0ed); }
.mascotExamples__placeholder { position:absolute; inset:0; display:flex; flex-direction:column; gap:20px; align-items:center; justify-content:center; color:#234231; font-size:15px; }
.mascotExamples__placeholder > span:first-child { font-size:56px; }
.mascotExamples video { display:block; width:100%; height:100%; object-fit:contain; background:#101812; }
.mascotExamples__play { position:absolute; inset:0; width:100%; border:0; background:linear-gradient(transparent 45%,#0009); color:#fff; font-size:18px; cursor:pointer; }
.mascotExamples__play[hidden] { display:none; }
.mascotExamples__choose { width:100%; min-height:48px; margin-top:14px; border:0; border-radius:10px; background:#118741; color:#fff; font-size:16px; font-weight:750; cursor:pointer; }
.mascotExamples__choose:hover { background:#09672f; }
.mascotExamples__image { display:block; margin:16px auto 0; padding:10px; border:0; background:transparent; color:#215d39; text-decoration:underline; font-size:15px; cursor:pointer; }
.mascotExamples__pending { text-align:center; margin:20px 0 0 !important; }
.mascotExamples__status { font-size:14px; margin:8px 0 0 !important; color:#a32626 !important; }
.mascotExamples button:focus-visible { outline:3px solid #205eff; outline-offset:3px; }
.guided-mascot .mascot-video-pending { margin:12px 0; line-height:1.5; color:#42614e; }
.guided-mascot .guided-primary:disabled { opacity:.65; cursor:not-allowed; }
@media (max-width:600px) {
  .mascotExamples { margin:16px 8px; padding:16px 12px; }
  .mascotExamples__grid { grid-template-columns:1fr; }
  .mascotExamples__card h3 { min-height:0; }
  .mascotExamples__media { max-width:210px; }
  .mascotExamples h2 { font-size:22px; }
}

.mascotExamples__poster { display:block; width:100%; height:100%; object-fit:contain; }
.mascotExamples__video-soon { position:absolute; bottom:0; left:0; right:0; padding:8px; background:#0009; color:#fff; text-align:center; font-size:14px; }