@import url('//fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap'); :root {   --pink: #e14a92;   --yellow: #ffae00;   --blue: #2991ba;   --swiper-theme-color: #2991ba;   --liteyellow: #f9f5f0; } body {   font-family: "Nunito", sans-serif;   font-style:normal;   color:#646464;   } a {   color:var(--pink) }  header {   padding: 15px 0; } .icons i {   font-size: 21px;   color: black;  transition: 0.5s ease; } .icons {   display: flex;   gap: 10px;   align-items: center;   } .button, form.sample button, .jquerySteps .actions a {   background: var(--yellow);   color: white;   padding: 8px 15px;   border-radius: 20px;   text-transform: uppercase;   font-weight: bold;  line-height: 1;   display: inline-block;   transition:0.5s linear; } .action-buttons {   margin:20px 0;   display: flex;   gap: 10px;   align-items: center;   flex-wrap: wrap; } .action-buttons .back {   background:#a9a6a6; }  body:not(.ismobile) .button:hover, body:not(.ismobile) .button.pink:hover, body:not(.ismobile) form.sample button:hover {  animation: shaking 0.3s linear infinite; } @keyframes shaking { 0%, 50%, 100% {   transform: rotate(0deg); } 20% {   transform: rotate(-5deg); } 70% {   transform: rotate(5deg); }  } header .icons .button {   margin-left: auto; } a.button.pink {   background: var(--pink); } a.logo {   margin: 15px auto;   display: block; } a.logo img {   margin:0 auto; } header form.sample.buscaform input, .sidebar-categs .wrap-categ-search input {   border: 1px solid black;   border-radius: 20px;   padding: 5px 20px;  background: white; } .sidebar-categs .wrap-categ-search .input-wrapper:after {   content:'\f002'; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: "Font Awesome 5 Free"; font-weight: 900; text-align: center;   width: 1.25em;  right:5px;   bottom:10px; }  header form.buscaform.sample button, .sidebar-categs .wrap-categ-search .input-wrapper:after {   background: none;   border: none;   color: black;   box-shadow: none;   position: absolute;   margin-left: -37px; } .sidebar-trigger-categs {   display: block;   margin-top: 10px;   text-align: center; } .roll-themes.button {   display: block; } .box {   padding:40px 0 } .lite-yellow {   background: var(--liteyellow); } .box h1 {   margin-top:0;   text-align: center;   margin-bottom: 10px;   color: black;   line-height: 1; } .subtext {   text-align: center; } .allsteps {   text-align: center;   margin-top:30px;   justify-content: center;   } .allsteps img {   margin: 0 auto 10px; } .step {   margin-bottom:30px;   font-size:18px;   font-weight:bold;   color:black;   max-width: 275px;   margin: 0 auto; } .more {   text-align:center; } .button.big {   padding:20px 30px;   border-radius:40px; } .supertext {   text-align: center;   color: var(--pink); } .swiper-produtos {   margin-top: 30px; }  .confirmacao .sidea {  order: 2; } .confirmacao .sideb {   order: 1; } .confirmacao .container {   display: flex;   flex-wrap: wrap;   gap: 10px; } .depotxt {   background:var(--pink);   color:white;   padding:30px;   border-radius:20px;   margin-bottom:20px;   position: relative; } .depotxt:before {   width:40px;   height:40px;   background:var(--pink);   content:'';   display:block;   position:absolute;   bottom:-15px;   transform:rotate(45deg);   left:15px;   z-index:-2 } .depotxt:after {   width:29px;   height:29px;   position:absolute;   content:'';   display:block;   background:white; bottom:-29px;   left:32px;   border-radius:50% 0 0 30%;   z-index:-1 } .depoautor {   display:flex;   gap:10px;   align-items:center; } .depoautor img {   width:85px;   border-radius:50%; } .depoautor .dados .deponome {   font-size:20px;   color:black;   font-weight:bold; } .depoautor .dados .depopar {   font-size:14px; } .swiper-depoimentos .swiper-slide:nth-child(2n) .depotxt, .swiper-depoimentos .swiper-slide:nth-child(2n) .depotxt:before {   background:var(--blue) }  .swiper-depoimentos .swiper-slide:nth-child(3n) .depotxt, .swiper-depoimentos .swiper-slide:nth-child(3n) .depotxt:before {   background:var(--yellow) } .galeria .swiperJS {   margin:30px 20px; } .galeria .swiperJS .swiper-slide{   max-width:310px; } footer {   background:url(//kids.puze.com.br/__conkids/imgs/footer.jpg) no-repeat center center;   background-size:cover;   color:white;   padding: 90px 0 50px;   position:relative; } footer a.gototop {   content:'';   position:absolute;   display:block;   background:url(//kids.puze.com.br/__conkids/imgs/foot-detail.png) no-repeat center center;   width:223px;   height:50px;   top:-1px;   left:50%;   margin-left:-111.5px;   text-align:center;   color:black;   font-size:22px; } .contline {   margin-bottom:5px;   display:flex;   gap:10px;   align-items:center; } .contline i {   color:var(--pink) } ul.list-links {   margin:0;   padding:0;   list-style-type:none;   color:white; } ul.list-links a {   color:white; } .redes-sociais {   margin-top:50px;   border-top:1px solid #3f3f3f;   padding-top:30px;   display:flex;   gap:10px;   justify-content:center; } .redes-sociais a {   width:50px;   height:50px;   display:flex;   align-items:center;   justify-content:center;   background:var(--yellow);   color:white;   border-radius:50%; } .redes-sociais a:nth-child(2n) {   background:var(--pink) } .redes-sociais a:nth-child(3n) {   background:var(--blue) } .swiper-depoimentos {   margin-top:30px; } .produtobox, .produtofull-unico .wrapper-option{   margin: 0 auto;   max-width: 365px;   box-shadow: 1px 10px 11px 0px rgba(0, 0, 0, 0.23);   border-radius:20px;   margin-bottom: 20px;   position: relative; } .produtobox .botaoFavorito {   position:absolute;   top:15px;   background:white;   padding:5px 3px;   border-radius:0 30px 30px 0; } .produtobox .botaoFavorito:after {   content:''; } .produtobox img {   border-radius:20px 20px 0 0 } .produtobox a .dataprod {   color:black;   text-transform:uppercase;   font-weight:bold;   height:90px;   display:flex;   align-items:center;   justify-content:center;   font-size:18px;   } .swiper-produtos {   padding:0 10px; } .swiper-pagination-bullet {   border-color:transparent;   background-color:var(--blue);   background-clip: padding-box; } .swiper-pagination-bullet-active {   background-color: var(--yellow);   border-color: var(--yellow);   } .swiper-produtos {   margin-bottom:20px; } .box.confirmacao ul {   list-style-type:none;   padding:0;   font-weight:bold; }  .box.confirmacao ul li:before {   content:'\f058'; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: "Font Awesome 5 Free"; font-weight: 900; text-align: center;   width: 1.25em;   color:var(--yellow);  margin-right:5px; } .step .image-wrapper {  margin-bottom:10px;   display:flex;   justify-content:center;   align-items:center; }  .produtofull-unico h1.nome-produto {   margin-top: 0;   font-size: 50px;   font-weight: bold;   color: black;   line-height: 1;   margin-bottom: 20px; } .produtofull-unico .super-tag {   font-size: 28px;   font-weight: bold;   color: black;   line-height: 1; } body.interna .insidecontent {   background:#efefef; } .vant-list .vant-item {   display: flex;   align-items: center;   gap: 5px;   margin-bottom: 10px; } .vant-list .vant-item i {   font-size: 23px;   width: 30px;   flex-grow: 0;   flex-shrink: 0; } body.interna .insidecontent {   padding:60px 0; } body.interna.evento .insidecontent {   padding-top:0; } .vant-list {   margin: 30px 0;   background: white;   padding: 20px;   border-radius: 30px;   line-height: 1.2; } .box-recomenda {   margin-top: 50px; } .box-recomenda .listprodutos {   display:flex;   gap:15px;   flex-wrap: wrap;   align-items: center;   justify-content: center; } form.sample .input {   background: white; } form.sample .input.selectize {   background:none; } .wrap2-login-header {  background: #d3e5ec;   padding: 20px;  border-radius: 30px; } .nomarginbottom {   margin-bottom: 0; } .confpag .uppertitle {   font-weight: bold;   font-size: 24px;   line-height:1; } .confpag .nome {   text-transform:uppercase;   font-weight:bold;   font-size:40px;   line-height:1;   } .confpag .text {   margin:20px 0; } .confpag .buttons {   margin:20px 0;   display:flex;   gap: 10px; } .confpag .buttons a, .confpag .buttons .confirmed {   padding:8px 30px;   background:#00bd3e;   color:white;   border-radius:20px;   font-weight:bold; } .confpag .buttons a.notgo {   background:#ff3939; } .confpag .boxinfo {   display:flex;   gap:10px;   margin-bottom: 20px; } .confpag .boxinfo i {   margin-top:3px } .block1 {   padding-bottom:100px;   padding-top:50px; } body.interna.confirmacao .insidecontent {   padding:0; } .confpag .formulario {   background:white;   padding:20px;   border-radius:20px;   margin-bottom:40px;   box-shadow: 8.81px 10.88px 24px 0px rgba(0, 1, 0, 0.36); } .confpag .formtitle {   font-weight:bold;   color:black;   font-size:20px;   text-align: center; } .confpag .block2 {   padding:50px 0 } body.confirmacao footer {   padding:50px 0;   text-align:center; } body.confirmacao {   background: gray; } .block2 {   position:relative; } .confpag .middle-decor {   position:absolute;   top: 0;   z-index: 2;   max-width: 100%;  left: 50%;   transform: translate(-50%,-55%); } body.confirmacao footer img {   margin:0 auto; } body.confirmacao footer .logo {   max-width:150px; } .confpag .block1 a.under {   text-decoration:underline;   color:inherit !important; } body.personalizar .formulario .jquerySteps .steps{ display: none; } body.personalizar .convite img {   margin:0 auto; } body.personalizar .prod-content {   display: grid;   gap:20px; } body.personalizar .prod-content .convite {   order:2 } body.personalizar .formwrap {  margin:0 auto;   background: white;  padding: 30px;   border-radius: 20px;   max-width: 100%;   min-width: 200px; } body.personalizar .formwrap label span {   } #formvou form .fieldname-qtde_adultos, #formvou form .fieldwrap .inputwrap, #formvou form .fieldname-qtde_criancas {   display:flex;   align-items:center;   gap:10px; } #formvou form .fieldwrap .inputwrap {   gap:0 } .pink.bt-enviar-email-compra {   background: var(--pink); } .eventowrap .topinfo .niverde {  font-size: 22px;   font-weight: bold;   border-radius: 20px 20px 0 0;   padding: 20px;   text-align: center;   line-height: 1; } .eventowrap .topinfo img {   max-width: 250px;   margin:0 auto;   border: 5px solid white;   box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);   margin-bottom: 10px; } .eventowrap .topinfo {   display:grid;   gap:10px;  background: var(--blue);   color: white;   margin-top: -89px; } .eventowrap .topinfo .infobox{   padding:10px;  line-height:1.3;   } .eventowrap .topinfo .infobox, .eventowrap .topinfo .infobox.faltam .biginterval{   font-weight:bold;   font-size: 50px;   display:block;   text-align: center; } .eventowrap .topinfo .infobox .minitext, .eventowrap .topinfo .infobox.faltam {   font-weight:normal;   font-size:14px; } .eventowrap .convitelink {border-radius:10px;margin: 20px auto;display: flex;flex-wrap: wrap;gap: 10px;justify-content: center;} .eventowrap .addlink {   background:white;   color:black;   border:1px solid #CCC;   padding: 5px 10px;   overflow:hidden;   white-space:nowrap;   border-radius:5px; } .eventowrap .copyMeButton, .eventowrap .whats-button{   background: var(--pink);   color:white;   border:none;   padding: 10px 30px;   border-radius: 20px;   position: relative;   margin-top:5px; } .eventowrap .whats-button {   background:#76cf69;   margin-top: 0;   display:flex;   gap:5px;   align-items:center; } .eventowrap .copyMeWrap {   text-align:center; } .eventowrap table {  border-collapse:collapse;  width:100%; }  .eventowrap table th {   color:var(--blue); text-align:center;   } .eventowrap table th, .eventowrap table td {   padding:10px 0; }  .eventowrap table tr {   text-align:center;   padding:5px; } .eventowrap table tr td:nth-child(1), .eventowrap table tr th:nth-child(1){   text-align:left; } .eventowrap table td {   border-bottom:1px solid #CCC } body.personalizar.interna .insidecontent {   padding: 10px;   width: 100vw;   min-height: 100vh;   display: flex;   justify-content: center;   align-items: center;   background: url(//kids.puze.com.br/__conkids/imgs/bgblue.png) no-repeat center 100px var(--blue);  }  body.personalizar.interna .insidecontent .container {  border-radius:20px;  display: flex;   flex-direction: column;  width: 100%; } body.personalizar.interna .insidecontent .personalizar-step-2 .container, body.personalizar.interna .insidecontent .personalizar-step-3 .container, body.personalizar.interna .insidecontent .personalizar-step-4 .container {   background:white; } body.personalizar.interna .insidecontent .personalizar-step-4 .container button {   font-size:24px; } body.personalizar.interna .insidecontent .personalizar-step-4 .container .formbutton-align {   text-align: right;   display:block;   margin-top: 0; } body.personalizar.interna #footalways {   display:none; } header .bt-write {   display: none;   color:black; } header a.favoritesbt, header a.bt-login-header {   display:flex;   align-items:center;   gap:4px } .produtofull-unico .maintitle {   text-align: center;   padding-top: 30px; } .produtofull-unico .choose-prod {   color: black;   font-weight: bold;   font-size: 26px;   margin-bottom: 20px;   text-align: center; } .produtofull-unico .wrapper-option {   text-align:center;   display:block; } .produtofull-unico .wrapper-option .fakebutton {   background:#36d174;   color:white;   display:inline-block;   margin:10px 0;   font-size:24px;   font-weight:bold;   padding:3px 40px;   border-radius:30px; } .convite-previa h1 {   color:black;   line-height:1;   font-size: 1em; } .convite-previa h1 .bigger {   font-size: 32px;   text-transform:uppercase; } .convite-previa .sidea {  background: white;   padding: 30px;   align-self: center;   border-radius: 0 0 30px 30px;   box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); } .button.green {   background:#36d174; }  article.produtofull-unico {   max-width: 800px;   margin: 0 auto; }  body.confirmacao .topbar {   z-index: 9999;   background: white;   right:0;   display: flex;   align-items: center;   justify-content: center;   padding: 15px; position:fixed;   top:10px;   border-radius:20px 0 0 20px;   box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); }  .option-separ {   margin:20px 0; } body.personalizar .filefield-tools a[title="Download"] {   display: none; } body.personalizar .filefield-tools a[title="Abrir"] {   display: none; } .niverde .bigname {   font-size: 40px;   text-transform: uppercase; } .convite-previa .sideb img {   border: 5px solid white;   box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); } .convite-previa .button:not(.big) {   padding: 10px 15px; } .convite-previa a.back.button {   background: #a9a6a6;   margin-bottom: 10px; } .convite-previa a.back.button i {   transform:rotate(180deg) } form.buscaform {   width:100%; } .swiper-depoimentos .swiper-slide {   max-width:400px; } .personalizar-step-1 {   max-width: 100%; } .personalizar-step-3 .container, .personalizar-step-4 .container {   padding:20px; }  .convite-previa .sidea .button:not(.big) {   display:flex;   align-items:center;   gap:5px;   } .convite-previa .sidea .button.big {   text-align:center; } body.confirmacao .preview .block1 {   padding-top:120px; } body.confirmacao .container.formspace {   justify-content: center; } body.confirmacao .container.formspace .convite {   display: none; }  body.minhas-compras .sample-relat .rowcodstatus1, body.minhas-compras .sample-relat .rowcodstatus9 {   background: #d1d1d0 !important; } form button.removerConvidado {   background:#a60404; } .form-confirma form button#submit-confirmacao, .form-confirma form button#submit-naovou {   background:var(--pink);   font-size:25px;   font-weight:bold;   padding:10px 50px; } .form-confirma form .formbutton-align {   display:block;   text-align:center; }  form.sample .convidado-wrap .fieldwrap {  margin-bottom:0;   } .form-confirma {   max-width:800px; } .form-confirma .niverde {   background:var(--blue);   color:white;   line-height:1;   padding:20px 50px;   border-radius:80px;   margin-bottom:10px } .confirmacao .block1 .container {   width:100% } .confirmacao .block1 .dados {   width:80%;  margin:0 auto;  padding-top:20px   } body.sv4-2.interna:not(.confirmacao) .insidecontent {   padding-top:90px; } body.interna .insidecontent:has(.bannerarea-inside-wrap) {  padding-top:0 !important;  }   .eprodutos-categtit { text-align:center;  }  .listprodutos {   display:flex;   flex-wrap:wrap;   gap:20px;   justify-content:center; } .eprod-container {   max-width: 1201px;   margin: 0 auto;   width: 90%; }   .action-buttons form {  margin-left: auto; } ul.list-categorias {   list-style-type:none;   padding:0;   display:flex;   flex-direction:column;   gap:1px; }  ul.list-categorias li a {   display:block;   background:var(--blue);   color:white;   padding:10px 15px;   transition:0.5s ease; } ul.list-categorias li a:hover {   background:var(--yellow) }  .sideBarV4-1.sidebar-categs .sideBarWrapper {   padding-left:0;   padding-right:0; } .sidebar-categs .wrap-categ-search {   padding:0 15px;   display:flex;   flex-direction:column;   align-items:center;   } .sidebar-categs .wrap-categ-search .choose-text {   color:var(--blue);   font-weight:bold;   font-size:20px; } .sidebar-categs .wrap-categ-search .input-wrapper {   position:relative; } .list-meus-eventos {   display:flex;   flex-wrap:wrap;   gap:10px;   justify-content:center; } .item-evento {   display:flex; } .item-evento a {   display:flex;   align-items:center;   gap:20px;   background:white;   padding:20px;   color:black;   min-width:270px;   justify-content:center;   line-height:1.2;   transition:0.5s ease;   border-radius:20px;   width:270px; } .item-evento a:hover {   background:#f9e3b4; } .item-evento img {   width:100px; } .tag-status {   font-size:12px;   background:#3fd946;   color:white;   padding:1px 10px;   border-radius:10px;   display:inline-block;   margin-bottom:10px; } .tag-status.tag-red {   background:#d93f3f; } .item-evento .confirms {   font-size:12px; } .item-evento .tititem, .item-evento .confirm-number {   font-weight:bold; } .item-evento i {   font-size:18px; } body.favoritos .insidecontent h1:first-child, body.meus-eventos .insidecontent h1:first-child{   text-align:center; } .logosearch {   margin:20px 0;   width:200px; } .convidado-por {   width: 20px;   display:inline-block;   margin-left:10px;  } .convidado-por i {   transform: rotate(90deg); }  ul.menu-usuario-simple {   list-style-type:none;   padding:0; }  ul.menu-usuario-simple li a {   display:flex;   align-items:center;   gap:10px;   color:black;  padding:2px 10px;   border-radius:20px;   transition:0.5s ease; } ul.menu-usuario-simple li a:hover {   background:var(--yellow); } ul.menu-usuario-simple li a:before {   content:'\f03a'; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: "Font Awesome 5 Free"; font-weight: 900; text-align: center;   width: 1.25em; } ul.menu-usuario-simple li.menuuser-item-meus-eventos a:before {   content:'\f274';   font-weight: 400; } ul.menu-usuario-simple li.menuuser-item-minhas-compras a:before {   content:'\f07a'; } ul.menu-usuario-simple li.menuuser-item-meus-favoritos a:before {   content:'\f005'; } ul.menu-usuario-simple li.menuuser-item-sair a:before {   content:'\f2f5'; } body.personalizar .pers-header {   position:absolute;   top:0;   background:white;   width:200px;   padding:0 30px 10px;   border-radius:0 0 50px 50px }  body.evento .extra-buttons {   display:flex;   gap:10px;   align-items:center;   justify-content:center;   margin-top:20px } body.evento .extra-buttons a {   background:var(--blue);  } body.evento .extra-buttons a.yel {   background:var(--yellow); } .realde {   text-decoration:line-through; } body.personalizar .insidecontent .personalizar-step-4 { width:100% } .ajuste-foto {   flex-basis: 100%; }