/* Capas verticais do Universo Mestres da IA, preservadas por inteiro. */
.card.universe-poster{width:210px;aspect-ratio:auto;padding-top:0;display:flex;flex-direction:column;background:transparent;overflow:visible;border:0;padding-bottom:0;}
.card.universe-poster img{position:relative;width:100%;height:auto;aspect-ratio:15/29;object-fit:contain;display:block;border-radius:12px;order:0;background:#080a0c;}
.card.universe-poster .capt{display:none;}
.card.universe-poster .cardbar{position:relative;top:auto;bottom:auto;order:1;margin:0;}
.chero.universe-course{display:grid;grid-template-columns:minmax(0,1fr) 185px;gap:40px;align-items:center;min-height:420px;padding:30px 50px;background:radial-gradient(ellipse at 85% 45%,color-mix(in srgb,var(--cover-accent,#b6d9eb) 12%,transparent),transparent 65%),#101216;}
.chero.universe-course .art{position:relative;inset:auto;grid-column:2;grid-row:1;z-index:auto;background:transparent!important;aspect-ratio:15/29;}
.chero.universe-course .course-art-image{display:block;width:100%;height:100%;object-fit:contain;border-radius:12px;box-shadow:0 16px 48px #0007;}
.chero.universe-course .in{grid-column:1;grid-row:1;max-width:680px;padding:0;}
.chero.universe-course .vig{display:none;}
.mod-cover{width:68px;height:auto;aspect-ratio:15/29;object-fit:contain;flex-shrink:0;border-radius:7px;background:#080a0c;}
.mod.has-universe-cover .mod-head{gap:20px;padding:16px 20px;}
.mod.has-universe-cover .mod-num{width:26px;min-width:26px;}
.hero.universe-hero{min-height:470px;}
.hero.universe-hero .hero-picture{inset:30px 7% 30px auto;width:210px;opacity:1;}
.hero.universe-hero .hero-picture img{object-fit:contain;object-position:center!important;border-radius:12px;}
.hero.universe-hero .hero-in{max-width:calc(100% - 290px);}
.hero.universe-hero .hero-vig{background:linear-gradient(90deg,#101012f0,transparent 78%);}
@media(max-width:700px){
 .card.universe-poster{width:min(164px,46vw);}
 .chero.universe-course{grid-template-columns:minmax(0,1fr) 112px;gap:18px;padding:24px;min-height:290px;}
 .chero.universe-course h1{font-size:clamp(23px,5vw,34px);overflow-wrap:anywhere;}
 .chero.universe-course .cmeta{font-size:12px;gap:8px;}
 .mod-cover{width:52px;}
 .mod.has-universe-cover .mod-head{gap:12px;padding:14px 12px;}
 .mod.has-universe-cover .mod-num{display:none;}
 .hero.universe-hero{display:grid;grid-template-columns:minmax(0,1fr) 110px;align-items:center;gap:16px;padding:28px 22px;min-height:370px;}
 .hero.universe-hero .hero-picture{position:relative;inset:auto;grid-column:2;grid-row:1;width:100%;height:auto;z-index:0;}
 .hero.universe-hero .hero-picture img{height:auto;aspect-ratio:15/29;}
 .hero.universe-hero .hero-in{grid-column:1;grid-row:1;padding:0;max-width:none;}
 .hero.universe-hero h1{font-size:28px;}
 .hero.universe-hero p.sub{font-size:14px;}
 .hero.universe-hero .hero-actions{align-items:flex-start;flex-direction:column;}
 .hero.universe-hero .study-primary{font-size:13px;padding:13px;white-space:normal;}
 .hero.universe-hero .study-secondary{font-size:12px;}
}

@media(max-width:480px){
 .hero.universe-hero{grid-template-columns:minmax(0,1fr);padding:26px 22px;gap:24px;min-height:0;}
 .hero.universe-hero .hero-picture{grid-column:1;grid-row:1;width:112px;margin:0 auto;}
 .hero.universe-hero .hero-in{grid-column:1;grid-row:2;text-align:center;}
 .hero.universe-hero h1{font-size:30px;max-width:none;}
 .hero.universe-hero p.sub{margin-left:auto;margin-right:auto;}
 .hero.universe-hero .hero-actions{align-items:center;}
 .chero.universe-course{grid-template-columns:minmax(0,1fr);gap:24px;}
 .chero.universe-course .art{grid-column:1;grid-row:1;width:124px;margin:0 auto;}
 .chero.universe-course .in{grid-column:1;grid-row:2;text-align:center;}
 .chero.universe-course .cmeta{justify-content:center;}
 .mod.has-universe-cover .mod-head{gap:10px;}
 .mod.has-universe-cover .mod-title{min-width:0;overflow-wrap:anywhere;}
 .mod.has-universe-cover .mod-title h3{font-size:14px;}
}

/* Landscape artwork for the Vibe Coding and Automation & Agents shelves. */
.shelf.landscape-covers .row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;overflow:visible;scroll-snap-type:none;}
.shelf.landscape-covers .card.universe-poster{width:100%;min-width:0;padding:0;}
.shelf.landscape-covers .card.universe-poster img{aspect-ratio:16/9;object-fit:contain;}
@media(max-width:780px){.shelf.landscape-covers .row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}}

/* The single welcome card fills the mobile width and has a readable desktop size. */
.shelf.welcome-landscape .row{grid-template-columns:minmax(0,1fr);max-width:666px;}