/* WEB12 — Vitrine da Nina */
.ns12{
  padding:76px 0 82px;
  background:linear-gradient(125deg,#f4f0ff,#f7f5ff 70%,#eefaf5);
}
.ns12 *{box-sizing:border-box}
.ns12-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:55px;align-items:center
}
.ns12-gallery{min-width:0}
.ns12-stage{
  position:relative;height:385px;
  border-radius:26px;overflow:hidden;
  border:1px solid #e8ddfa
}
.ns12-slide{
  position:absolute;inset:0;
  overflow:hidden;
}
.ns12-slide[hidden]{display:none!important}
.ns12-pink{background:linear-gradient(140deg,#fce5ff,#f7dcf6)}
.ns12-peach{background:linear-gradient(140deg,#fff2db,#ffe2e9)}
.ns12-blue{background:linear-gradient(140deg,#e3edff,#dfdfff)}
.ns12-nina{
  position:absolute;left:1%;bottom:0;
  width:49%;height:90%;
  object-fit:contain;object-position:bottom center;
  z-index:1
}
.ns12-scene{
  position:absolute;right:5%;top:17%;
  width:49%;z-index:2;
  display:flex;flex-direction:column;
  align-items:center;gap:17px;
}
.ns12-pill{
  background:#fff9;
  border:1px solid #ffffffc9;
  border-radius:30px;padding:7px 12px;
  color:#7551ac;font-size:10px;
  font-weight:800;letter-spacing:.05em;
  text-align:center
}
.ns12-paper{
  width:100%;padding:20px 15px;
  background:#fff; border-radius:17px;
  box-shadow:0 13px 30px #52446a20;
  transform:rotate(-3deg);
}
.ns12-paper strong{
  display:block;font-size:17px;
  color:#182d43;margin-bottom:12px;
}
.ns12-paper p{
  margin:8px 0;color:#526477;
  font-size:13px;line-height:1.5
}
.ns12-float{
  font-size:39px;
  filter:drop-shadow(0 5px 5px #0001)
}
.ns12-food{
  font-size:39px;letter-spacing:5px;
  white-space:nowrap
}
.ns12-calendar{font-size:57px}
.ns12-dots{
  display:flex;justify-content:center;
  gap:12px;margin-top:17px
}
.ns12-dots button{
  width:9px;height:9px;
  padding:0;border:0;border-radius:20px;
  background:#d5cbea;cursor:pointer;
  transition:width .2s,background .2s
}
.ns12-dots button[aria-current=true]{
  width:35px;background:#7656e8
}
.ns12-eyebrow{
  color:#7556d9;font-weight:800;
  font-size:12px;letter-spacing:.12em;
  margin:0 0 16px
}
.ns12-copy h2{
  margin:0;color:#152a43;
  font-size:clamp(27px,3.4vw,43px);
  line-height:1.16;letter-spacing:-.035em
}
.ns12-copy h2 span{
  display:block;color:#7151da
}
.ns12-lead{
  color:#506479;line-height:1.75;
  font-size:18px;margin:19px 0 25px
}
.ns12-benefit{
  display:flex;gap:13px;
  padding:14px 0;
  border-bottom:1px solid #dcd8ed
}
.ns12-benefit>span{
  font-size:23px;color:#7754e7;
  line-height:1.2
}
.ns12-benefit strong{
  font-size:17px;color:#203c48
}
.ns12-benefit p{
  margin:5px 0 0;
  font-size:15px;color:#607084
}
.ns12-cta{
  display:inline-flex;align-items:center;
  justify-content:center;gap:12px;
  margin-top:24px;padding:14px 22px;
  background:#00a56e;color:#fff!important;
  border-radius:12px;text-decoration:none!important;
  font-size:14px;font-weight:800;
  transition:background .2s
}
.ns12-cta:hover{background:#008c5f}
.ns12-prompts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;margin-top:44px
}
.ns12-prompts button{
  text-align:left;min-height:64px;
  background:white;border:1px solid #e3ddf8;
  border-radius:14px;padding:13px 15px;
  font-size:15px;font-weight:500;line-height:1.45;
  font-family:inherit;color:#202c43;
  cursor:pointer;
  transition:border-color .2s,transform .2s
}
.ns12-prompts button:hover,
.ns12-prompts button:focus-visible{
  border-color:#957bea;transform:translateY(-2px)
}
.ns12 button:focus-visible,
.ns12 a:focus-visible{
  outline:3px solid #7d61e8;outline-offset:3px
}
@media(max-width:900px){
 .ns12-grid{grid-template-columns:1fr;gap:30px}
 .ns12-gallery{max-width:590px;width:100%;margin:auto}
 .ns12-prompts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
 .ns12{padding:42px 0 55px}
 .ns12-stage{height:310px}
 .ns12-nina{width:45%}
 .ns12-scene{right:4%;width:52%;gap:9px}
 .ns12-paper{padding:13px 11px}
 .ns12-paper strong{font-size:12px;margin-bottom:7px}
 .ns12-paper p{font-size:11px}
 .ns12-food{font-size:25px}
 .ns12-prompts{grid-template-columns:1fr;gap:9px;margin-top:29px}
 .ns12-copy h2{font-size:29px}
}
@media(prefers-reduced-motion:reduce){
 .ns12 *{transition:none!important}
}