/* Componente reutilizável: convite à descoberta olfativa. */
.cta-quiz{
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  gap:20px;
  align-items:center;
  margin:28px 0 18px;
  padding:24px 26px;
  border:1px solid rgba(157,104,78,.18);
  border-radius:20px;
  background:linear-gradient(135deg,#fffdf9 0%,#f7eee6 100%);
  box-shadow:0 12px 30px rgba(60,44,35,.07);
  overflow:hidden;
}
.cta-quiz-icon{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  min-width:46px;
  border:1px solid rgba(157,104,78,.2);
  border-radius:50%;
  color:#9d684e;
  background:rgba(255,255,255,.72);
}
.cta-quiz-icon svg{
  display:block;
  width:28px !important;
  height:28px !important;
  max-width:28px !important;
  max-height:28px !important;
  flex:0 0 28px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.45;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.cta-quiz-copy{min-width:0;}
.cta-quiz-copy h3{
  margin:0 0 6px;
  color:#3c2c23;
  font-family:var(--font-serif,"Cormorant Garamond",Georgia,serif);
  font-size:clamp(23px,2vw,29px);
  font-weight:500;
  line-height:1.12;
}
.cta-quiz-copy p{
  max-width:680px;
  margin:0;
  color:#6f5a50;
  font-size:14px;
  line-height:1.6;
}
.cta-quiz-button{
  white-space:nowrap;
  box-shadow:0 9px 20px rgba(98,67,50,.15);
  transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease;
}
.cta-quiz-button:hover{
  transform:translateY(-2px);
  box-shadow:0 13px 25px rgba(98,67,50,.19);
}
.cta-quiz-button:focus-visible{
  outline:3px solid rgba(157,104,78,.3);
  outline-offset:3px;
}
.cta-quiz-button span{
  display:inline-block;
  margin-left:7px;
  transition:transform .22s ease;
}
.cta-quiz-button:hover span{transform:translateX(3px);}

@media (max-width:900px){
  .cta-quiz{
    grid-template-columns:46px minmax(0,1fr);
  }
  .cta-quiz-button{
    grid-column:2;
    justify-self:start;
  }
}
@media (max-width:620px){
  .cta-quiz{
    grid-template-columns:40px minmax(0,1fr);
    gap:14px;
    margin:24px 0 16px;
    padding:20px 18px;
    border-radius:18px;
  }
  .cta-quiz-icon{
    width:40px;
    height:40px;
    min-width:40px;
    align-self:start;
  }
  .cta-quiz-icon svg{
    width:23px !important;
    height:23px !important;
    max-width:23px !important;
    max-height:23px !important;
  }
  .cta-quiz-copy h3{font-size:24px;}
  .cta-quiz-copy p{font-size:13.5px;}
  .cta-quiz-button{
    grid-column:1/-1;
    width:100%;
    justify-content:center;
    margin-top:2px;
  }
}
@media (prefers-reduced-motion:reduce){
  .cta-quiz-button,
  .cta-quiz-button span{transition:none;}
  .cta-quiz-button:hover,
  .cta-quiz-button:hover span{transform:none;}
}