@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 {   } .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;   width: 100px; } 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: -44px;   margin-top: -4px; } .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: #f9f5f0;   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.webp) 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.webp) 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 } .swiper-produtos .swiper-slide {   width: 150px; } .produtobox a .dataprod {   color:black;   text-transform:uppercase;   font-weight:bold;   height:90px;   display:flex;   align-items:center;   justify-content:center;   font-size:18px;   padding: 0 20px;   text-align: center;   line-height: 1.2;   position: relative; } .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; } .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; } .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.webp) 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; 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);   max-width: 300px; }  .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 {   } body.produtos.itempage .insidecontent {   padding-top:0;   padding-bottom:0; } body.interna .insidecontent:has(.bannerarea-inside-wrap) {  padding-top:0 !important;  }   .eprodutos-categtit { text-align:center;  }  .listprodutos {   display: flex;   flex-wrap:wrap;   gap: 10px;   justify-content:center;   } .eprod-container {   max-width: 1201px;   margin: 0 auto;   width: 90%; }   .action-buttons form {  margin-left: auto; } .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%; } .item-eproduto {   width:150px; } .eprod-container .item-eproduto {   max-width: calc(50% - 10px); } h2.eprod-recomenda {   text-align:center; }  body.produtos a.logo img {   display: none; } a.bt-login-user-button, a.carrinho-bt {   color: initial; } .login-nao-cadastrado {   margin-top: 10px; } .swiper-parceiros .swiper-slide {   max-width:220px; } .precoprod {   position: absolute;   top: -22px;   right: 0;   padding: 10px;   border-radius: 10px 0 0 10px;   background: var(--yellow); }   :root{   --pink:#f03090; --pink-d:#d81f7d;   --teal:#0090b0; --teal-d:#007a96;   --yellow:#f0c060;   --ink:#3b3a42; --muted:#8a8792;   --line:#eceaf0;   --top-bg:#f4ede3; --top-ink:#6b5b4d;   --head-grad:linear-gradient(180deg,#ffffff 0%,#eaf6fa 100%);  }  *{box-sizing:border-box;margin:0;padding:0}  body{font-family:'Nunito',system-ui,sans-serif;color:var(--ink);background:#fbfafc;overflow-x:hidden}  a{text-decoration:none;color:inherit}  img{max-width:100%;display:block}  button{font-family:inherit;cursor:pointer;border:none;background:none}  .wrap{max-width:1200px;margin:0 auto;padding:0 22px} .topbar{background:var(--top-bg);color:var(--top-ink);font-size:13.5px;font-weight:600}  .topbar>.wrap{display:flex;align-items:center;gap:16px;height:40px}  .topbar .social{display:flex;gap:12px;font-size:15px}  .topbar .social a{opacity:.75;transition:opacity .15s}  .topbar .social a:hover{opacity:1;color:var(--pink)}  .topbar .promo{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;text-align:center}  .topbar .coupon{background:var(--yellow);color:#6b4e12;font-weight:800;padding:3px 11px;border-radius:20px;letter-spacing:.03em;font-size:12.5px}  .topbar .tlinks{display:flex;gap:18px}  .topbar .tlinks a{opacity:.85}  .topbar .tlinks a:hover{opacity:1;color:var(--teal-d)} .header{background:var(--head-grad);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:60}  .header>.wrap{display:flex;align-items:center;gap:22px;height:88px}  .brand img{height:52px;width:auto}  .burger{display:none;flex-direction:column;gap:5px;padding:6px}  .burger span{width:26px;height:3px;background:var(--ink);border-radius:3px}  .nav{display:flex;align-items:center;gap:4px}  .nav-item{position:relative}  .nav a,.nav .navbtn{display:flex;align-items:center;gap:7px;padding:10px 15px;border-radius:12px;font-weight:800;font-size:15px;color:var(--ink);transition:background .15s,color .15s}  .nav a:hover,.nav .navbtn:hover,.nav .navbtn.open{background:#fff;color:var(--teal-d);box-shadow:0 2px 10px rgba(0,0,0,.05)}  .nav .chev{transition:transform .2s;font-size:11px;opacity:.7}  .nav .navbtn.open .chev{transform:rotate(180deg)} .temas-dd{   position:absolute;top:calc(100% + 10px);left:0;   width:440px;max-width:92vw;background:#fff;   border:1px solid var(--line);border-radius:16px;   box-shadow:0 24px 46px rgba(20,20,40,.20);   z-index:80;overflow:hidden;display:flex;flex-direction:column;   opacity:0;visibility:hidden;transform:translateY(-8px);   transition:opacity .16s,transform .16s,visibility .16s;  }  .temas-dd.open{opacity:1;visibility:visible;transform:translateY(0)}  .dd-search{display:flex;align-items:center;gap:9px;padding:14px 16px;border-bottom:1px solid var(--line);color:var(--muted)}  .dd-search input{border:none;outline:none;font-family:inherit;font-size:14.5px;width:100%;color:var(--ink);background:none}  .dd-scroll{overflow-y:auto;max-height:62vh;padding:8px 10px 12px}  .dd-group{margin-bottom:6px}  .dd-cat{font-family:'Fredoka',sans-serif;font-weight:600;color:var(--pink);font-size:13.5px;margin:12px 8px 6px;padding-bottom:6px;border-bottom:2px solid #f4eef1}  .dd-group:first-child .dd-cat{margin-top:2px}  .dd-links{display:grid;grid-template-columns:1fr 1fr;gap:1px 6px}  .dd-link{display:block;padding:7px 10px;border-radius:8px;font-size:13.5px;font-weight:600;color:#57545e;transition:background .12s,color .12s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}  .dd-link:hover{background:#eaf6fa;color:var(--teal-d)}  .dd-none{display:none;color:var(--muted);font-weight:700;padding:14px 10px}  .dd-foot{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid var(--line);background:#fbfafc}  .dd-foot .count{color:var(--muted);font-weight:700;font-size:13px}  .dd-foot a{color:var(--teal-d);font-weight:800;font-size:14px}   .temas-dd .wrapcateglist{overflow-y:auto;max-height:62vh;padding:8px 10px 12px}  .temas-dd .list-categorias{list-style:none;margin:0;padding:0} .temas-dd .list-categorias>li{margin-bottom:8px}  .temas-dd .list-categorias>li>a{display:block;font-family:'Fredoka',sans-serif;font-weight:600;  color:#f03090;font-size:14px;margin:12px 8px 6px;padding-bottom:6px;border-bottom:2px solid #f4eef1} .temas-dd .list-categorias>li:first-child>a{margin-top:2px} .temas-dd .list-categorias>li>a:hover{color:#d81f7d}  .temas-dd .list-categorias>li>ul{list-style:none;margin:0;padding:0;  display:grid;grid-template-columns:1fr 1fr;gap:1px 6px} .temas-dd .list-categorias>li>ul>li{list-style:none;margin:0}  .temas-dd .list-categorias>li>ul>li>a{display:block;padding:7px 10px;border-radius:8px;  font-size:13.5px;font-weight:600;color:#57545e;transition:background .12s,color .12s;  white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .temas-dd .list-categorias>li>ul>li>a:hover{background:#eaf6fa;color:#007a96}  .wrapcateglist{padding:8px 10px 12px} .temas-dd .wrapcateglist{overflow-y:auto;max-height:62vh}   .list-categorias{list-style:none;margin:0;padding:0} .list-categorias>li{margin-bottom:8px} .list-categorias>li>a{display:block;font-family:'Fredoka',sans-serif;font-weight:600;  color:#f03090;font-size:14px;margin:12px 8px 6px;padding-bottom:6px;border-bottom:2px solid #f4eef1} .list-categorias>li:first-child>a{margin-top:2px} .list-categorias>li>a:hover{color:#d81f7d} .list-categorias>li>ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:1px 6px} .list-categorias>li>ul>li{list-style:none;margin:0} .list-categorias>li>ul>li>a{display:block;padding:7px 10px;border-radius:8px;font-size:13.5px;  font-weight:600;color:#57545e;transition:background .12s,color .12s;  white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .list-categorias>li>ul>li>a:hover{background:#eaf6fa;color:#007a96}  .drawer .wrapcateglist{padding:2px 0 8px} .drawer .list-categorias>li>ul{grid-template-columns:1fr}  .spacer{flex:1}  .actions{display:flex;align-items:center;gap:14px}  .search-btn{display:flex;align-items:center;gap:9px;background:var(--teal);color:#fff;font-weight:800;padding:11px 20px;border-radius:26px;font-size:14.5px;box-shadow:0 4px 14px rgba(0,144,176,.28);transition:transform .12s,background .15s}  .search-btn:hover{background:var(--teal-d);transform:translateY(-1px)}  .icon-btn{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:19px;color:var(--ink);border:1.5px solid var(--line);background:#fff;position:relative;transition:border-color .15s,color .15s}  .icon-btn:hover{border-color:var(--teal);color:var(--teal)}  .icon-btn .badge{position:absolute;top:-4px;right:-4px;background:var(--pink);color:#fff;font-size:11px;font-weight:800;min-width:19px;height:19px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 4px}  .cta{background:var(--pink);color:#fff;font-weight:800;padding:12px 22px;border-radius:26px;font-size:14.5px;box-shadow:0 4px 14px rgba(240,48,144,.3);transition:transform .12s,background .15s}  .cta:hover{background:var(--pink-d);transform:translateY(-1px)}  .scrim{position:fixed;inset:0;background:rgba(20,20,40,.18);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:90}  .scrim.on{opacity:1;visibility:visible} .drawer{position:fixed;top:0;left:0;bottom:0;width:88%;max-width:360px;background:#fff;z-index:100;   transform:translateX(-100%);transition:transform .25s ease;display:flex;flex-direction:column;box-shadow:8px 0 40px rgba(0,0,0,.2)}  .drawer.open{transform:translateX(0)}  .drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}  .drawer-head img{height:40px}  .drawer-head .close{font-size:26px;color:var(--muted);line-height:1}  .drawer-body{overflow-y:auto;padding:14px 16px 30px;flex:1}  .drawer .m-search{display:flex;align-items:center;gap:9px;background:#f5f4f7;border:1.5px solid var(--line);border-radius:24px;padding:10px 16px;margin-bottom:16px}  .drawer .m-search input{border:none;background:none;outline:none;font-family:inherit;font-size:15px;width:100%}  .m-cta{display:block;text-align:center;background:var(--pink);color:#fff;font-weight:800;padding:14px;border-radius:16px;margin-bottom:8px;font-size:15px}  .m-link{display:flex;align-items:center;gap:10px;padding:14px 6px;font-weight:800;font-size:15.5px;border-bottom:1px solid var(--line);color:var(--ink)}  .acc{border-bottom:1px solid var(--line)}  .acc-head{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 6px;font-weight:800;font-size:15.5px;color:var(--ink)}  .acc-head .plus{font-size:18px;color:var(--teal);transition:transform .2s}  .acc.open .acc-head .plus{transform:rotate(45deg)}  .acc-body{max-height:0;overflow:hidden;transition:max-height .3s ease}  .acc.open .acc-body{max-height:2000px}  .acc-body .cat{font-family:'Fredoka',sans-serif;font-weight:600;color:var(--pink);font-size:13.5px;margin:12px 8px 5px}  .acc-body a{display:block;padding:8px 14px;font-size:14px;font-weight:600;color:#57545e;border-radius:8px}  .acc-body a:hover{background:#eaf6fa;color:var(--teal-d)} .hero{background:linear-gradient(160deg,#eaf6fa,#fbeef4);padding:56px 0 64px;text-align:center}  .hero h1{font-family:'Fredoka',sans-serif;font-weight:700;font-size:clamp(30px,5vw,50px);color:var(--ink);line-height:1.05;margin-bottom:14px}  .hero h1 b{color:var(--pink)}  .hero p{color:#5f5c68;font-size:17px;font-weight:600;max-width:520px;margin:0 auto 26px}  .hero .cta{display:inline-block}  .mock-note{background:#fff7e0;border-bottom:1px solid #f0e0a8;color:#8a6d1a;font-weight:700;font-size:13px;text-align:center;padding:9px 16px} @media(max-width:960px){   .nav,.actions .search-btn,.actions .cta,.topbar .social,.topbar .tlinks{display:none}   .burger{display:flex}   .header>.wrap{height:66px;gap:12px}   .brand{flex:1;display:flex;justify-content:center}   .brand img{height:42px}   .topbar>.wrap{height:auto;padding:8px 16px;justify-content:center}   .topbar .promo{font-size:12.5px}   .actions{gap:8px}  }  @media(min-width:961px){ .drawer{display:none} }   #login h1 {   margin-top:0;  } .fullbg {   overflow:initial; }  :root{   --pink:#dc6481;   --teal:#7bc2cb;   --ribbon:#e8c66a;  --pink-d:#c9536f;   --teal-d:#5aa7b0;   --ink:#33414a;   --line:#ececec;   --wht:#ffffff;   --seam:58%; }   .wrap{max-width:1120px;margin:0 auto;padding:0 20px}   .theme-hero{background:var(--pink);color:#fff;position:relative;overflow:hidden}  .theme-hero .wrap{max-width:900px;padding:34px 20px 30px;display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center}  .theme-hero .eyebrow{display:inline-block;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.35);padding:5px 14px;border-radius:20px;font-weight:800;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase}  .theme-hero h1{font-family:'Fredoka',sans-serif;font-weight:700;font-size:clamp(38px,6vw,62px);line-height:1;margin:14px 0 12px;text-shadow:0 3px 0 rgba(0,0,0,.08)}  .theme-hero p.sub{font-size:16.5px;max-width:430px;line-height:1.5;opacity:.96;font-weight:600}  .theme-hero .tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;grid-column:1/-1;justify-content:center}  .theme-hero .tags span{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);padding:7px 13px;border-radius:20px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:7px} .invite-card{background:#fff;border-radius:16px;padding:10px;max-width:300px;margin:0 auto;justify-self:center}  .invite-card img{width:100%;border-radius:10px;display:block}  .prev-label{text-align:center;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8a8a8a;margin:10px 0 4px} .theme-divider{width:100%;line-height:0;   background:linear-gradient(to bottom,var(--pink) 0,var(--pink) var(--seam),var(--teal) var(--seam),var(--teal) 100%);}  .theme-divider img{width:100%;display:block} .theme-body{background:var(--teal);color:#fff;padding:8px 0 44px}  .theme-body .wrap{text-align:center}  .theme-body h2{font-family:'Fredoka',sans-serif;font-weight:600;font-size:26px;margin-bottom:6px}  .theme-body .lead{font-weight:700;opacity:.95;margin-bottom:24px;font-size:15px}  .models{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-bottom:30px}  .model{background:#fff;color:var(--ink);border-radius:16px;padding:20px 22px;width:260px;box-shadow:0 14px 30px rgba(0,0,0,.16);text-align:center;transition:transform .15s,box-shadow .15s;display: flex;flex-direction: column;}  .model:hover{transform:translateY(-4px);box-shadow:0 20px 38px rgba(0,0,0,.22)}  .model .mthumb{width:100%;border-radius:12px;margin-bottom:14px;display:block;box-shadow:0 4px 12px rgba(0,0,0,.14)}  .model h3{font-family:'Fredoka',sans-serif;font-size:19px;font-weight:600;margin-bottom:4px}  .model p{font-size:13px;color:#7a7a7a;font-weight:600;margin-bottom:14px}  .model .go{display:inline-block;background:var(--pink);color:#fff;font-weight:800;padding:11px 22px;border-radius:24px;font-size:14px;margin-top: auto;}  .features{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}  .features span{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.32);padding:9px 16px;border-radius:22px;font-weight:800;font-size:13.5px;display:flex;align-items:center;gap:8px}   @media(max-width:860px){   .theme-hero .wrap{grid-template-columns:1fr;text-align:center;gap:22px}   .theme-hero p.sub{margin:0 auto}   .theme-hero .tags{justify-content:center}  .theme-divider{overflow:hidden}   .theme-divider img{width:200%;max-width:none;margin-left:-64%} } body.convites-animados.itempage .insidecontent > .container, body.produtos.itempage .insidecontent > .container {   max-width: initial;   width: initial;   } .box-recomenda .list-produtos .item-eproduto {   width:250px; } .theme-body.animado{background:var(--teal);color:#fff;padding:10px 0 46px}  .theme-body.animado .wrap{text-align:center;max-width:820px}  .theme-body.animado h2{font-family:'Fredoka',sans-serif;font-weight:600;font-size:26px;margin-bottom:6px}  .theme-body.animado .lead{font-weight:700;opacity:.95;margin-bottom:26px;font-size:15px}  .steps2{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:30px}  .step2{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);border-radius:16px;padding:22px 18px}  .step2 .n{width:42px;height:42px;border-radius:50%;background:#fff;color:var(--teal-d);font-family:'Fredoka',sans-serif;font-weight:700;font-size:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}  .step2 h3{font-family:'Fredoka',sans-serif;font-weight:600;font-size:18px;margin-bottom:6px}  .step2 p{font-size:13.5px;font-weight:600;opacity:.92;line-height:1.45}  .buy-again{display:inline-flex;align-items:center;gap:9px;background:#fff;color:var(--pink-d);font-weight:800;font-size:16px;padding:14px 30px;border-radius:30px;box-shadow:0 10px 24px rgba(0,0,0,.16)} video.convite{   width: 100%;   border-radius: 12px;   display: block;   background: #000;   aspect-ratio: 9 / 16;   object-fit: cover;  } .nophoto{  display:inline-flex;  align-items:center;  gap:9px;  margin-top:24px; padding:13px 26px;  border:2px solid #f5b5b5;  border-radius:28px;  background:#ffe9e9;  color:#d93b3b;  font-family:inherit;  font-weight:800;  font-size:15px;  line-height:1;  text-decoration:none;  cursor:pointer;  transition:background .15s,border-color .15s,color .15s,transform .12s; } .nophoto::before{  content:"✕";   font-size:14px;  font-weight:900; } .nophoto:hover{  background:#ffdada;  border-color:#ef9a9a;  color:#c62f2f;  transform:translateY(-1px); } .nophoto:active{ transform:translateY(0); } body.personalizar .plup_pick.btn{  display:inline-flex; align-items:center; gap:8px;  padding:11px 22px; border-radius:26px;  background:#eaf6fa; border:2px solid #bfe4ec; color:#007a96;  font-family:inherit; font-weight:800; font-size:14.5px; line-height:1;  text-decoration:none; cursor:pointer;  transition:background .15s, border-color .15s, transform .12s; } body.personalizar .plup_pick.btn::before{ content:"📷"; font-size:15px; } body.personalizar .plup_pick.btn:hover{ background:#dceff5; border-color:#8fd0de; transform:translateY(-1px); }