/* R4U — RETRATO FIEL DA COMPOSICAO APROVADA
   Referencia: R4U_Habitos_que_Mudam_o_Jogo_(1).png, 1672 x 941.
   Mantem livros como links HTML e a fotografia original caezinho-lendo.png. */

/* GRADE: a faixa de leitura mede 1388px, a fotografia abre 25px para esquerda. */
@media (min-width: 801px) {
 html {background:#050505!important}
 body {
   background-color:#060607!important;
   background-image:url("r4u-orbits-background.svg")!important;
   background-position:center top!important;
   background-size:cover!important;
   background-attachment:fixed!important;
   background-repeat:no-repeat!important;
 }
 body .shell {
   width:100%!important;max-width:1420px!important;
   margin:0 auto!important;padding:0 16px!important;
   background:transparent!important;
 }
 /* Cabeçalho de 68px da arte. */
 body .shell .r4u-main-nav {
   height:68px!important;min-height:68px!important;
   margin:0!important;border:0!important;
   border-bottom:1px solid #372618!important;
   background:#050505!important;
   position:relative!important;
 }
 body .shell .r4u-nav-inner{
   height:67px!important;min-height:67px!important;
   display:flex!important;align-items:center!important;
   gap:12px!important;padding:0 0!important;
 }
 body .shell .r4u-brand{
   display:flex!important;align-items:center!important;
   min-width:212px!important;flex:0 0 212px!important;
   font-size:35px!important;line-height:1!important;letter-spacing:-.09em!important;
 }
 body .shell .r4u-brand small{
   display:inline-block!important;margin-left:13px!important;
   max-width:100px!important;line-height:1.12!important;
   font-size:11px!important;letter-spacing:.055em!important;font-weight:850!important;
 }
 body .shell .r4u-main-nav nav{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:3px!important;min-width:0!important;flex:1!important}
 body .shell .r4u-main-nav nav a{padding:10px 7px!important;font-size:11px!important;line-height:1!important;white-space:nowrap!important;font-weight:750!important}
 body .shell .r4u-main-nav nav a:first-child{border-bottom:3px solid #ffd400!important}
 body .shell .r4u-nav-icons{display:flex!important;align-items:center;gap:13px;flex:0 0 auto;margin-left:6px}
 body .shell .r4u-nav-icons a{display:inline-grid;place-items:center;width:28px;height:33px;color:#fff}
 body .shell .r4u-nav-icons svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 body .shell .r4u-nav-icons a:hover{color:#ffd400}

 /* Destaque: sem moldura quadrada e sem painel separado sobre o background. */
 body .shell > .hero {
   position:relative!important;
   width:100%!important;max-width:100%!important;
   height:320px!important;min-height:320px!important;max-height:320px!important;
   margin:0!important;padding:0!important;
   background:transparent!important;
   border:0!important;border-radius:0!important;
   box-shadow:none!important;overflow:visible!important;
 }
 body .shell > .hero:before,body .shell > .hero:after{display:none!important}
 body .shell > .hero .slide{height:100%!important;background:transparent!important;border-radius:0!important}
 body .shell > .hero .slide.product-slide[data-slide="habitos"]{background:transparent!important}
 body .shell > .hero .product-slide[data-slide="habitos"] .product-glow {
   position:absolute!important;inset:0!important;
   background:radial-gradient(ellipse 43% 34% at 69% 91%,rgba(255,153,15,.39),transparent 91%)!important;
   pointer-events:none;
 }
 body .shell > .hero .product-slide[data-slide="habitos"] .product-grid{
   background:transparent!important;display:none!important;
 }
 body .shell > .hero .product-slide[data-slide="habitos"] .product-copy{
   position:absolute!important;
   top:34px!important;left:40px!important;right:auto!important;
   bottom:auto!important;width:44%!important;max-width:44%!important;
   padding:0!important;margin:0!important;z-index:10!important;
 }
 body .shell > .hero .product-copy .r4u-kicker{
   display:flex;align-items:center;gap:9px;
   color:#ffd400!important;
   font-size:15px!important;font-weight:900!important;
   letter-spacing:.045em!important;text-transform:uppercase;
 }
 body .shell > .hero .product-copy .r4u-kicker:before{
   content:"";display:block;width:25px;height:3px;background:#ffd400;flex:0 0 25px
 }
 body .shell > .hero .product-slide[data-slide="habitos"] .product-copy h1 {
   margin:11px 0 9px!important;
   font-size:clamp(42px,3.1vw,54px)!important;
   line-height:.99!important;letter-spacing:-.052em!important;
   font-weight:950!important;color:#fff!important;
   text-shadow:0 3px 4px #000a!important;
 }
 body .shell > .hero .product-slide[data-slide="habitos"] .product-copy h1 strong{
   color:#ffd400!important;font-weight:950!important
 }
 body .shell > .hero .product-slide[data-slide="habitos"] .product-copy p {
   max-width:465px!important;margin:10px 0 13px!important;
   font-size:16px!important;line-height:1.26!important;
   color:#fff!important;
 }
 body .shell > .hero .product-slide[data-slide="habitos"] .call {
   display:inline-flex!important;align-items:center!important;justify-content:center!important;
   padding:12px 21px!important;min-height:46px!important;
   border:0!important;border-radius:40px!important;
   background:#ffd400!important;color:#070705!important;
   box-shadow:0 4px 17px #ffb80039!important;
   font-size:15px!important;font-weight:950!important;letter-spacing:-.02em!important;
 }
 body .shell > .hero .book-showcase {
   position:absolute!important;
   left:45.5%!important;right:auto!important;
   top:0!important;width:53%!important;height:100%!important;
   perspective:1200px!important;background:transparent!important;
   border:0!important;box-shadow:none!important;overflow:visible!important;
   filter:none!important;
 }
 body .shell > .hero .book-showcase .showbook{
   position:absolute!important;display:block!important;
   bottom:auto!important;max-height:none!important;max-width:none!important;
   filter:drop-shadow(7px 16px 9px #000b)!important;
   overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important;
 }
 body .shell > .hero .book-showcase .showbook-left{
   left:13%!important;top:22%!important;height:70%!important;width:26%!important;
   transform:perspective(900px) rotateY(-14deg) rotateZ(-7deg)!important;z-index:3!important;
 }
 body .shell > .hero .book-showcase .showbook-main{
   left:37%!important;top:0!important;height:94%!important;width:30%!important;
   transform:perspective(900px) rotateY(-2deg)!important;z-index:5!important;
 }
 body .shell > .hero .book-showcase .showbook-right{
   left:70%!important;top:18%!important;height:73%!important;width:26%!important;
   transform:perspective(900px) rotateY(9deg) rotateZ(6deg)!important;z-index:4!important;
 }
 body .shell > .hero .book-showcase .book-cover-authentic{
   width:100%!important;height:100%!important;max-height:100%!important;
   object-fit:contain!important;box-shadow:none!important;filter:none!important;
 }
 body .shell > .hero .book-showcase .book-podium {
   left:8%!important;bottom:4%!important;top:auto!important;
   width:88%!important;height:11px!important;
   background:linear-gradient(90deg,transparent,#d77208 15%,#ffe38b 45%,#ff8c00 70%,transparent)!important;
   filter:blur(7px)!important;box-shadow:0 0 30px #fa920e!important;z-index:1!important
 }
 body .shell > .hero .book-showcase .editorial-note{display:none!important}
 body .shell > .hero .dots{
   left:40px!important;right:auto!important;bottom:9px!important;top:auto!important;
   display:flex!important;justify-content:flex-start!important;gap:10px!important;
   transform:none!important;z-index:24!important
 }
 body .shell > .hero .dots .dot{
   width:10px!important;height:10px!important;min-width:10px!important;
   min-height:10px!important;border-radius:50%!important;
   background:#f3f3f3!important;border:0!important;
 }
 body .shell > .hero .dots .dot.active{background:#ffd400!important}
 body .shell > .hero .prev,body .shell > .hero .next{opacity:.15!important}
 body .shell > .hero:is(:hover,:focus-within) .prev,
 body .shell > .hero:is(:hover,:focus-within) .next{opacity:.9!important}

 /* Desafios: cinco quadros horizontais de 155px, exatamente após o hero. */
 body .shell > .r4u-problems{
   width:100%!important;max-width:100%!important;
   margin:0!important;padding:17px 0 0!important;
   background:transparent!important;
 }
 body .shell > .r4u-problems .label{
   display:flex;align-items:center;gap:9px;
   font-size:14px!important;letter-spacing:0!important;
   font-weight:780!important;color:#f9f9f9!important;
 }
 body .shell > .r4u-problems .label:before{
   content:"◈";color:#ffd400;font-size:19px;line-height:1
 }
 body .shell > .r4u-problems h2{
   font-size:clamp(38px,3vw,48px)!important;
   line-height:1.05!important;letter-spacing:-.044em!important;
   font-weight:950!important;margin:7px 0 15px!important;color:#fff!important;
 }
 body .shell > .r4u-problems .r4u-problems-grid{
   display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
   gap:12px!important;width:100%!important;margin:0!important;
 }
 body .shell > .r4u-problems .r4u-problems-grid>a{
   min-height:155px!important;max-height:155px!important;height:155px!important;
   grid-template-columns:42% 58%!important;
   display:grid!important;align-items:center!important;gap:0!important;
   padding:8px!important;margin:0!important;
   background:linear-gradient(115deg,#140d07,#070707 54%)!important;
   border:1px solid #e29c27!important;border-radius:17px!important;
   box-shadow:inset 0 0 9px #a3601e24!important;overflow:hidden!important;
   transform:none!important
 }
 body .shell > .r4u-problems .r4u-challenge-icon{
   max-width:100%!important;width:100%!important;height:105px!important;
   max-height:105px!important;align-self:center!important;
   margin:0!important;filter:drop-shadow(0 5px 9px #bb760b52)!important;
 }
 body .shell > .r4u-problems .r4u-challenge-copy{
   gap:7px!important;padding:0 1px!important;
   min-width:0!important;justify-content:center!important
 }
 body .shell > .r4u-problems .r4u-challenge-copy small{
   color:#ffd400!important;font-size:15px!important;
   line-height:1.1!important;letter-spacing:-.015em!important;font-weight:930!important
 }
 body .shell > .r4u-problems .r4u-challenge-copy b{
   font-size:clamp(14px,1.17vw,17px)!important;
   line-height:1.13!important;color:#fff!important;
   font-weight:800!important;letter-spacing:-.035em!important
 }
 body .shell > .r4u-problems .r4u-challenge-copy span{
   font-size:11px!important;line-height:1.12!important;color:#f3f0ec!important
 }

 /* Curadoria: retângulo panorâmico de 233px, fotografia intocada. */
 body .shell > .r4u-editorial-cae{
   box-sizing:border-box!important;position:relative!important;
   width:calc(100% + 25px)!important;max-width:none!important;
   margin:23px 0 16px -25px!important;
   padding:0 0 0 34px!important;
   min-height:232px!important;height:232px!important;max-height:232px!important;
   display:grid!important;
   grid-template-columns:minmax(0,63%) minmax(0,37%)!important;
   align-items:center!important;
   border-radius:22px!important;
   border:1px solid #fb9810!important;
   background:linear-gradient(94deg,#090909ed 0%,#0b0908ed 55%,#26120671 100%)!important;
   overflow:hidden!important;isolation:isolate!important;
   box-shadow:inset 0 -10px 20px #8a400514!important
 }
 body .shell > .r4u-editorial-cae:before{
   content:"";display:block!important;position:absolute;pointer-events:none;
   z-index:0!important;right:-3%;top:-195%;width:75%;height:475%;
   border-radius:50%!important;
   border:1px solid #d86710a1!important;
   box-shadow:0 0 0 59px transparent,0 0 0 60px #bc5a1166,
   0 0 0 135px transparent,0 0 0 136px #dc6a1244!important
 }
 body .shell > .r4u-editorial-cae .editorial-text{
   position:relative!important;z-index:4!important;
   padding:16px 0!important;margin:0!important;max-width:100%!important
 }
 body .shell > .r4u-editorial-cae .eyebrow{
   font-size:13px!important;font-weight:850!important;
   color:#ffd400!important;letter-spacing:.06em!important
 }
 body .shell > .r4u-editorial-cae h2{
   margin:10px 0 12px!important;
   font-size:clamp(32px,2.65vw,43px)!important;
   letter-spacing:-.051em!important;line-height:1.03!important;
   font-weight:950!important;white-space:nowrap!important;color:#fff!important
 }
 body .shell > .r4u-editorial-cae h2 strong{color:#ffd400!important}
 body .shell > .r4u-editorial-cae p{
   margin:0!important;max-width:690px!important;
   color:#f5f2eb!important;font-size:14px!important;line-height:1.45!important
 }
 body .shell > .r4u-editorial-cae .cta-line{
   display:flex!important;gap:11px!important;margin:13px 0 0!important
 }
 body .shell > .r4u-editorial-cae .cta-line a{
   min-height:43px!important;padding:10px 21px!important;
   border-radius:999px!important;font-size:13px!important;font-weight:950!important;
   text-decoration:none!important;letter-spacing:.005em!important
 }
 body .shell > .r4u-editorial-cae .cta-line a:first-child{
   background:#ffd400!important;color:#0a0806!important;border:1px solid #ffd400!important
 }
 body .shell > .r4u-editorial-cae .cta-line a:last-child{
   background:transparent!important;color:#fff!important;border:1px solid #fff!important
 }
 body .shell > .r4u-editorial-cae .portrait{
   position:relative!important;z-index:2!important;
   display:block!important;align-self:stretch!important;
   width:100%!important;height:232px!important;min-height:232px!important;
   overflow:hidden!important;background:transparent!important;
 }
 body .shell > .r4u-editorial-cae .portrait img{
   position:absolute!important;inset:0!important;
   width:100%!important;height:100%!important;max-height:100%!important;
   object-fit:cover!important;object-position:center 26%!important;
   filter:brightness(1.03) contrast(1.04)!important;
   mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 100%)!important;
   -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 100%)!important;
 }
 .shell>.r4u-categories-quick{margin-top:28px!important}
}
/* Responsividade: preservar hierarquia e links reais no celular. */
@media (max-width:800px) {
 body .shell .r4u-main-nav .r4u-nav-icons{display:none!important}
 body .shell > .r4u-problems .r4u-problems-grid>a{
   background:linear-gradient(145deg,#150e08,#080808 70%)!important;
   border:1px solid #bc781e!important
 }
 body .shell > .r4u-editorial-cae{
   background:linear-gradient(130deg,#100a07,#070707 75%)!important
 }
 body .shell > .r4u-editorial-cae h2{white-space:normal!important}
}


/* 2026-11 — Padronização visual do carrossel e redução adicional de 30% dos 5 cards */
:root{--r4u-banner-ratio:71/16}
@media(min-width:801px){
 body .shell>.hero{
   aspect-ratio:71/16!important;
   height:auto!important;max-height:none!important;min-height:0!important;
   width:100%!important;max-width:100%!important;
 }
 body .shell>.hero>.slide,
 body .shell>.hero>.slide.active{
   position:absolute!important;inset:0!important;
   width:100%!important;height:100%!important;
   border:0!important;border-radius:0!important;
   overflow:hidden!important;
 }
 body .shell>.hero .luxe-competency,
 body .shell>.hero .product-slide,
 body .shell>.hero .kit-slide,
 body .shell>.hero .review-slide{
   background-color:transparent!important;
   background-image:radial-gradient(ellipse at 75% 80%,rgba(83,42,10,.33),transparent 72%)!important;
 }
 body .shell>.r4u-problems .r4u-problems-grid>a {
   min-height:109px!important;height:109px!important;max-height:109px!important;
   padding:5px!important;border-radius:12px!important;
   grid-template-columns:37% 63%!important;
 }
 body .shell>.r4u-problems .r4u-challenge-icon{
   height:74px!important;max-height:74px!important;width:100%!important;
 }
 body .shell>.r4u-problems .r4u-challenge-copy{gap:4px!important}
 body .shell>.r4u-problems .r4u-challenge-copy small{
   font-size:11.5px!important;
 }
 body .shell>.r4u-problems .r4u-challenge-copy b{
   font-size:clamp(12px,.92vw,14px)!important;line-height:1.08!important;
 }
 body .shell>.r4u-problems .r4u-challenge-copy span{
   font-size:9px!important;line-height:1.08!important;
 }
 body .shell>.r4u-problems .r4u-problems-grid{gap:9px!important}
 body .shell>.r4u-editorial-cae{margin-top:17px!important}
}
@media(max-width:800px){
 body .shell>.r4u-problems .r4u-problems-grid>a{
   min-height:151px!important;height:151px!important;max-height:151px!important;
   padding:8px!important;
 }
 body .shell>.r4u-problems .r4u-challenge-icon{
   height:70px!important;max-height:70px!important;width:85px!important;
 }
 body .shell>.r4u-problems .r4u-challenge-copy{gap:3px!important}
 body .shell>.r4u-problems .r4u-challenge-copy b{font-size:13px!important}
 body .shell>.r4u-problems .r4u-challenge-copy small{font-size:10px!important}
 body .shell>.r4u-problems .r4u-challenge-copy span{font-size:9px!important}
}

/* Os seis desafios compartilham a mesma linha — IA é atalho, não uma seção separada. */
@media(min-width:801px){
 body .shell>.r4u-problems .r4u-problems-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:7px!important}
 body .shell>.r4u-problems .r4u-problems-grid>a{
   height:104px!important;min-height:104px!important;max-height:104px!important;
   grid-template-columns:32% 68%!important;padding:4px!important;gap:1px!important;
 }
 body .shell>.r4u-problems .r4u-challenge-icon{height:60px!important;max-height:60px!important}
 body .shell>.r4u-problems .r4u-challenge-copy{gap:3px!important}
 body .shell>.r4u-problems .r4u-challenge-copy small{font-size:10px!important}
 body .shell>.r4u-problems .r4u-challenge-copy b{font-size:clamp(10px,.81vw,12px)!important;line-height:1.05!important}
 body .shell>.r4u-problems .r4u-challenge-copy span{font-size:8px!important;line-height:1.05!important}
}
@media (min-width:801px) and (max-width:1100px){
 body .shell>.r4u-problems .r4u-problems-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 body .shell>.r4u-problems .r4u-problems-grid>a{height:110px!important;min-height:110px!important;max-height:110px!important}
 body .shell>.r4u-problems .r4u-challenge-copy b{font-size:13px!important}
 body .shell>.r4u-problems .r4u-challenge-copy span{font-size:10px!important}
}
@media(max-width:800px){
 body .shell>.r4u-problems .r4u-problems-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Redução adicional de 40%: 6 cards em uma linha no desktop largo. */
@media (min-width:1101px){
 body .shell>.r4u-problems .r4u-problems-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:6px!important}
 body .shell>.r4u-problems .r4u-problems-grid>a{
  height:63px!important;min-height:63px!important;max-height:63px!important;
  grid-template-columns:27% 73%!important;padding:3px 5px!important;
  gap:2px!important;border-radius:9px!important;
 }
 body .shell>.r4u-problems .r4u-challenge-icon{height:39px!important;max-height:39px!important}
 body .shell>.r4u-problems .r4u-challenge-copy{gap:1px!important}
 body .shell>.r4u-problems .r4u-challenge-copy small{font-size:9px!important;line-height:1!important}
 body .shell>.r4u-problems .r4u-challenge-copy b{font-size:10px!important;line-height:1.06!important}
 body .shell>.r4u-problems .r4u-challenge-copy span{font-size:7.5px!important;line-height:1.06!important}
}

/* FIX DEFINITIVO: seis cards em UMA linha em todas as telas não-mobile.
   Substitui os breakpoints conflitantes de 801 a 1100px. */
@media(min-width:701px){
 html body main.shell > section.r4u-problems > div.r4u-problems-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  grid-template-rows:1fr!important;
  grid-auto-flow:row!important;
  gap:6px!important;
  width:100%!important;
 }
 html body main.shell > section.r4u-problems > div.r4u-problems-grid > a{
  display:grid!important;
  grid-template-columns:28% minmax(0,1fr)!important;
  align-items:center!important;
  min-width:0!important;
  height:76px!important;min-height:76px!important;max-height:76px!important;
  padding:5px!important;gap:3px!important;
  border-radius:10px!important;
  overflow:hidden!important;
 }
 html body main.shell > section.r4u-problems .r4u-challenge-icon{
  width:100%!important;height:43px!important;max-height:43px!important;
 }
 html body main.shell > section.r4u-problems .r4u-challenge-copy{gap:2px!important;min-width:0!important}
 html body main.shell > section.r4u-problems .r4u-challenge-copy small{font-size:10px!important}
 html body main.shell > section.r4u-problems .r4u-challenge-copy b{font-size:11px!important;line-height:1.08!important}
 html body main.shell > section.r4u-problems .r4u-challenge-copy span{font-size:8px!important;line-height:1.08!important}
}
@media(min-width:701px) and (max-width:970px){
 html body main.shell > section.r4u-problems .r4u-challenge-copy b{font-size:9.5px!important}
 html body main.shell > section.r4u-problems .r4u-challenge-copy small{font-size:9px!important}
 html body main.shell > section.r4u-problems .r4u-challenge-copy span{font-size:7px!important}
 html body main.shell > section.r4u-problems > div.r4u-problems-grid > a{height:85px!important;min-height:85px!important;max-height:85px!important}
}
@media(max-width:700px){
 html body main.shell > section.r4u-problems > div.r4u-problems-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important
 }
}

/* Correção estrutural para 6 cards: seletor direto + :has para evitar a quebra causada por regras legadas. */
@media (min-width:701px){
 html body main.shell section.r4u-problems .r4u-problems-grid{
  display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;
  grid-template-rows:auto!important;grid-auto-flow:row!important;
  width:100%!important;max-width:100%!important;gap:7px!important;
 }
 html body main.shell section.r4u-problems .r4u-problems-grid > a{
  min-width:0!important;max-width:100%!important;width:auto!important;
  flex:initial!important;grid-column:auto!important;
  height:91px!important;min-height:91px!important;max-height:91px!important;
  display:grid!important;grid-template-columns:32% minmax(0,1fr)!important;
  padding:5px!important;
 }
}

/* Sete cards compactos; 40% menores que os antigos 91px, todos centrados */
@media(min-width:701px){
 html body main.shell .r4u-problems .r4u-problems-grid.r4u-seven-cards{
  display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:6px!important;
 }
 html body main.shell .r4u-problems .r4u-seven-cards>a{
  height:55px!important;min-height:55px!important;max-height:55px!important;
  padding:3px 4px!important;display:grid!important;
  grid-template-columns:24% minmax(0,1fr)!important;
  align-items:center!important;justify-items:center!important;gap:2px!important;
 }
 html body main.shell .r4u-problems .r4u-seven-cards .r4u-challenge-icon{
  width:100%!important;height:31px!important;max-height:31px!important
 }
 html body main.shell .r4u-problems .r4u-seven-cards .r4u-challenge-copy{
  min-width:0!important;width:100%!important;align-items:center!important;
  justify-content:center!important;text-align:center!important;gap:1px!important
 }
 html body main.shell .r4u-problems .r4u-seven-cards .r4u-challenge-copy>*{
  text-align:center!important;margin-inline:auto!important
 }
 html body main.shell .r4u-problems .r4u-seven-cards .r4u-challenge-copy small{
  font-size:9px!important;line-height:1!important
 }
 html body main.shell .r4u-problems .r4u-seven-cards .r4u-challenge-copy b{
  font-size:9px!important;line-height:1.06!important
 }
 html body main.shell .r4u-problems .r4u-seven-cards .r4u-challenge-copy span{
  font-size:7px!important;line-height:1.06!important
 }
}
@media(max-width:700px){
 html body main.shell .r4u-problems .r4u-seven-cards{
  grid-template-columns:repeat(2,minmax(0,1fr))!important
 }
 html body main.shell .r4u-problems .r4u-seven-cards .r4u-challenge-copy{
  align-items:center!important;justify-content:center!important;text-align:center!important
 }
 html body main.shell .r4u-problems .r4u-seven-cards .r4u-challenge-copy>*{
  text-align:center!important
 }
}

/* Ajuste pontual de legibilidade no layout compacto anterior. */
@media(min-width:701px){
 html body main.shell .r4u-problems .r4u-seven-cards>a{
  height:76px!important;min-height:76px!important;max-height:76px!important;
  overflow:hidden!important;padding:4px 5px!important;
  display:grid!important;grid-template-columns:25% minmax(0,1fr)!important;
  align-items:center!important;gap:2px!important;
 }
 html body main.shell .r4u-problems .r4u-seven-cards .r4u-challenge-icon{
  position:static!important;transform:none!important;
  width:100%!important;height:39px!important;max-height:39px!important;
 }
 html body main.shell .r4u-problems .r4u-seven-cards .r4u-challenge-copy{
  width:100%!important;min-width:0!important;gap:2px!important;
  display:flex!important;flex-direction:column!important;
  justify-content:center!important;align-items:center!important;text-align:center!important;
 }
 html body main.shell .r4u-problems .r4u-seven-cards .r4u-challenge-copy>*{
  text-align:center!important;margin:0!important;overflow-wrap:anywhere!important;
 }
 html body main.shell .r4u-problems .r4u-seven-cards .r4u-challenge-copy small{font-size:9px!important;line-height:1.05!important}
 html body main.shell .r4u-problems .r4u-seven-cards .r4u-challenge-copy b{font-size:10px!important;line-height:1.08!important}
 html body main.shell .r4u-problems .r4u-seven-cards .r4u-challenge-copy span{font-size:8px!important;line-height:1.1!important}
}
@media(max-width:700px){
 html body main.shell .r4u-problems .r4u-seven-cards .r4u-challenge-copy{
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;text-align:center!important;gap:4px!important;
 }
 html body main.shell .r4u-problems .r4u-seven-cards .r4u-challenge-copy>*{text-align:center!important;overflow-wrap:anywhere!important}
}

/* Seção única de descoberta: título, sete escolhas e link para catálogo. */
.r4u-problems .r4u-discovery-subtitle{
 color:#d7cfc4!important;font-size:15px!important;line-height:1.35!important;
 margin:0 0 16px!important;max-width:650px!important
}
.r4u-problems .r4u-discovery-more{
 display:inline-flex!important;align-items:center!important;margin-top:16px!important;
 padding:9px 0!important;color:#ffd400!important;font-weight:850!important;
 letter-spacing:.03em!important;font-size:12px!important;text-decoration:none!important
}
.r4u-problems .r4u-discovery-more:hover{text-decoration:underline!important}