/* Carregado somente entre 701 e 1100 px; desktop e celular usam styles.css. */
@media (min-width:701px) and (max-width:1100px) and (prefers-reduced-motion:no-preference) {
  .tablet-motion .hero-atmosphere,
  .tablet-motion .hero-professor,
  .tablet-motion .professor-label,
  .tablet-motion .tablet-quote,
  .tablet-motion .hero-copy .pill,
  .tablet-motion .hero-copy h1,
  .tablet-motion .hero-copy>p,
  .tablet-motion .hero-actions,
  .tablet-motion .hero-motto,
  .tablet-motion .hero-book,
  .tablet-motion .hero-benefits { animation:none; }
}
@media (min-width:701px) and (max-width:1100px) {
  .header { min-height:74px; gap:18px; }
  .header .main-nav { gap:clamp(14px,2.4vw,26px); font-size:14px; }
  .header .brand>span { font-size:clamp(15px,1.9vw,20px); }
  .header-whatsapp { display:none; }
  .hero-shell { overflow:hidden; }
  .hero-atmosphere:before {
    inset:0;
    background-image:url('assets/biblioteca-tablet.webp');
    background-size:100% 100%;
    background-position:center;
    background-repeat:no-repeat;
    opacity:1;
  }
  .hero {
    position:relative;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:40vw auto auto auto auto;
    gap:0;
    min-height:0;
    padding:10px 0 24px;
    width:calc(100% - 8vw);
    max-width:1012px;
    margin-inline:auto;
  }
  .hero-art { display:contents; }
  .hero:before {
    content:'';
    grid-area:3 / 1 / 5 / 3;
    align-self:stretch;
    justify-self:center;
    width:84%;
    margin-top:26px;
    border:1px solid #375543;
    border-radius:20px;
    background:#03110988;
    pointer-events:none;
  }
  .hero-professor {
    position:relative;
    grid-area:1 / 1 / 2 / 3;
    inset:auto;
    align-self:start;
    justify-self:center;
    width:38vw;
    height:42vw;
    max-width:none;
    object-fit:cover;
    object-position:center top;
    transform:none;
  }
  .professor-label {
    position:absolute;
    grid-area:auto;
    top:13vw;
    left:61%;
    right:auto;
    bottom:auto;
    width:25%;
    margin:0;
    padding:12px;
    text-align:left;
    font-size:clamp(12px,1.45vw,16px);
    line-height:1.45;
    background:#031109d9;
  }
  .professor-label strong,.professor-label b { font-size:inherit; }
  .professor-label strong br { display:none; }
  .professor-label b:before { content:' '; }
  .professor-label span { display:block; margin-top:5px; }
  .tablet-quote {
    display:block;
    position:absolute;
    z-index:2;
    width:19%;
    color:var(--text-secondary);
    font-size:clamp(14px,1.75vw,19px);
    line-height:1.4;
    text-shadow:0 2px 8px #000;
  }
  .tablet-quote:after { content:''; display:block; width:30px; height:2px; margin-top:14px; background:var(--green-primary); }
  .tablet-quote.discipline { top:15vw; left:7%; }
  .tablet-quote.partner { top:29vw; right:3%; }
  .hero-copy {
    grid-area:2 / 1 / 3 / 3;
    z-index:3;
    width:100%;
    max-width:none;
    padding:0;
    text-align:center;
    align-self:start;
  }
  .hero .pill { margin:0 auto 14px; padding:5px 12px; font-size:12px; background:#031109d9; }
  .hero h1 {
    max-width:850px;
    width:90%;
    margin:auto;
    font-size:clamp(38px,5.2vw,57px);
    line-height:1.1;
    letter-spacing:-.04em;
    text-wrap:balance;
  }
  .hero h1 br { display:none; }
  .hero-copy>p { max-width:88%; margin:16px auto 0; font-size:clamp(16px,1.8vw,20px); line-height:1.5; text-shadow:0 2px 8px #000; }
  .hero-copy .desktop-break { display:none; }
  .hero-actions { justify-content:center; gap:16px; margin-top:18px; }
  .hero-actions .button { width:auto; min-height:50px; padding:13px 20px; font-size:14px; gap:10px; }
  .hero-actions svg { width:22px; height:22px; }
  .hero-motto {
    position:relative;
    grid-area:3 / 1 / 4 / 3;
    inset:auto;
    z-index:2;
    width:84%;
    margin:26px auto 0;
    padding:17px 12px 12px;
    border:0;
    border-radius:0;
    background:none;
    text-align:center;
    font-size:13px;
    letter-spacing:.1em;
    line-height:1.5;
  }
  .hero-motto br:first-of-type { display:none; }
  .hero-motto strong { font-size:clamp(18px,2.25vw,25px); margin-top:1px; }
  .hero-book,.hero-book.forensic,.hero-book.dentistry {
    position:relative;
    grid-row:4;
    inset:auto;
    width:22vw;
    max-width:100%;
    height:auto;
    margin:0;
    align-self:end;
    filter:drop-shadow(0 8px 10px #0008);
  }
  .hero-book.forensic { grid-column:1; justify-self:end; margin-right:3.5vw; }
  .hero-book.dentistry { grid-column:2; justify-self:start; margin-left:3.5vw; }
  .hero-benefits {
    grid-area:5 / 1 / 6 / 3;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    width:96%;
    margin:4.5vw auto 0;
    padding:18px 0 0;
    border-top:1px solid #375543;
    font-size:13px;
  }
  .hero-benefits li { flex-direction:row; align-items:center; justify-content:center; gap:10px; padding-inline:12px; }
  .hero-benefits li+li { border-left:1px solid #375543; }
  .hero-benefits .icon-disc { width:36px; height:36px; }
}