.elementor-339 .elementor-element.elementor-element-3926b23{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-339 .elementor-element.elementor-element-9ea126e{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-339 .elementor-element.elementor-element-9ea126e .elementor-icon-wrapper{text-align:start;}.elementor-339 .elementor-element.elementor-element-9ea126e .elementor-icon{font-size:36px;}.elementor-339 .elementor-element.elementor-element-9ea126e .elementor-icon svg{height:36px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-339 .elementor-element.elementor-element-53107e2{width:100%;max-width:100%;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;top:0px;}.elementor-339 .elementor-element.elementor-element-53107e2.elementor-element{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-339 .elementor-element.elementor-element-53107e2{left:0px;}body.rtl .elementor-339 .elementor-element.elementor-element-53107e2{right:0px;}.elementor-339 .elementor-element.elementor-element-53107e2 img{width:30%;}.elementor-339 .elementor-element.elementor-element-41703eb{--display:flex;--min-height:80vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-339 .elementor-element.elementor-element-11c005b{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-339 .elementor-element.elementor-element-b856639 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;color:var( --e-global-color-astglobalcolor3 );}.elementor-339 .elementor-element.elementor-element-ba33b65 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;color:var( --e-global-color-astglobalcolor3 );}.elementor-339 .elementor-element.elementor-element-9e97be9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-339 .elementor-element.elementor-element-4802abb{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-339 .elementor-element.elementor-element-573f46f .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:#666666;}.elementor-339 .elementor-element.elementor-element-658f542{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-339 .elementor-element.elementor-element-53107e2{width:100%;max-width:100%;}.elementor-339 .elementor-element.elementor-element-53107e2 img{width:30%;}}@media(max-width:767px){.elementor-339 .elementor-element.elementor-element-3926b23{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--flex-wrap:nowrap;--padding-top:5vw;--padding-bottom:10vw;--padding-left:05vw;--padding-right:0vw;}.elementor-339 .elementor-element.elementor-element-9ea126e{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-339 .elementor-element.elementor-element-9ea126e .elementor-icon-wrapper{text-align:start;}.elementor-339 .elementor-element.elementor-element-9ea126e .elementor-icon{font-size:24px;}.elementor-339 .elementor-element.elementor-element-9ea126e .elementor-icon svg{height:24px;}.elementor-339 .elementor-element.elementor-element-53107e2{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-339 .elementor-element.elementor-element-53107e2 img{width:30%;}.elementor-339 .elementor-element.elementor-element-41703eb{--min-height:99vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-339 .elementor-element.elementor-element-11c005b{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-339 .elementor-element.elementor-element-b856639{text-align:center;}.elementor-339 .elementor-element.elementor-element-b856639 .elementor-heading-title{font-size:24px;}.elementor-339 .elementor-element.elementor-element-ba33b65{text-align:center;}.elementor-339 .elementor-element.elementor-element-ba33b65 .elementor-heading-title{font-size:10px;}.elementor-339 .elementor-element.elementor-element-9e97be9{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-339 .elementor-element.elementor-element-4802abb{--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-339 .elementor-element.elementor-element-573f46f{text-align:center;}}/* Start custom CSS *//* ===== ShakeMake - Página login SMS ===== */

/* Fundo geral da página */
body.page .sm-login-otp {
  --sm-pink: #ff4fa0;
  --sm-pink-2: #ff7cbc;
  --sm-soft: #fff4f8;
  --sm-soft-2: #ffe8f1;
  --sm-text: #2a2230;
  --sm-muted: #7a6b78;
  --sm-border: rgba(255, 79, 160, 0.14);
  --sm-shadow: 0 18px 50px rgba(255, 79, 160, 0.10);
}

.sm-login-otp {
  max-width: 520px;
  margin: 32px auto;
  padding: 28px;
  border-radius: 28px;
  background:
    radial-gradient(circle at top left, #fff8fb 0%, #fff 42%),
    linear-gradient(180deg, #ffffff 0%, #fff7fb 100%);
  border: 1px solid var(--sm-border);
  box-shadow: var(--sm-shadow);
  position: relative;
  overflow: hidden;
}

.sm-login-otp::before {
  content: "";
  position: absolute;
  inset: -80px auto auto -60px;
  width: 180px;
  height: 180px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(255,79,160,.12) 0%, rgba(255,79,160,0) 70%);
  pointer-events: none;
}

.sm-login-otp::after {
  content: "";
  position: absolute;
  inset: auto -50px -50px auto;
  width: 160px;
  height: 160px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(255,124,188,.10) 0%, rgba(255,124,188,0) 70%);
  pointer-events: none;
}

/* Título e subtítulo criados por você no Elementor */
.sm-login-otp .elementor-heading-title {
  color: var(--sm-text);
}

.sm-login-otp p,
.sm-login-otp .elementor-widget-text-editor {
  color: var(--sm-muted);
}

/* Shortcode / formulário */
.sm-login-otp form,
.sm-login-otp .otp-login-form,
.sm-login-otp .lwpn-form,
.sm-login-otp .login-with-phone-number,
.sm-login-otp .idehweb-lwpn-form,
.sm-login-otp .iwlwpn-form {
  position: relative;
  z-index: 2;
}

/* Labels */
.sm-login-otp label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--sm-text);
  margin-bottom: 8px;
}

/* Campos gerais */
.sm-login-otp input[type="tel"],
.sm-login-otp input[type="text"],
.sm-login-otp input[type="number"],
.sm-login-otp input[type="email"],
.sm-login-otp input[type="password"],
.sm-login-otp select {
  width: 100%;
  min-height: 54px;
  border-radius: 16px;
  border: 1px solid rgba(42, 34, 48, 0.10);
  background: #fff;
  color: var(--sm-text);
  padding: 0 16px;
  font-size: 16px;
  box-shadow: 0 4px 14px rgba(20, 20, 20, 0.03);
  transition: .2s ease;
}

.sm-login-otp input::placeholder {
  color: #a596a4;
}

.sm-login-otp input:focus,
.sm-login-otp select:focus {
  outline: none;
  border-color: rgba(255, 79, 160, 0.45);
  box-shadow:
    0 0 0 4px rgba(255, 79, 160, 0.10),
    0 8px 18px rgba(255, 79, 160, 0.08);
}

/* Botões */
.sm-login-otp button,
.sm-login-otp input[type="submit"],
.sm-login-otp .button,
.sm-login-otp .btn,
.sm-login-otp a.button {
  width: 100%;
  min-height: 54px;
  border: none;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--sm-pink) 0%, var(--sm-pink-2) 100%);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .2px;
  box-shadow: 0 12px 22px rgba(255, 79, 160, 0.22);
  transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}

.sm-login-otp button:hover,
.sm-login-otp input[type="submit"]:hover,
.sm-login-otp .button:hover,
.sm-login-otp .btn:hover,
.sm-login-otp a.button:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 26px rgba(255, 79, 160, 0.28);
  opacity: 1;
}

/* Espaçamentos entre blocos do formulário */
.sm-login-otp form > *,
.sm-login-otp .otp-login-form > *,
.sm-login-otp .lwpn-form > * {
  margin-bottom: 14px;
}

/* Links auxiliares */
.sm-login-otp a {
  color: var(--sm-pink);
  font-weight: 600;
  text-decoration: none;
}

.sm-login-otp a:hover {
  text-decoration: underline;
}

/* Códigos OTP em múltiplos inputs */
.sm-login-otp input[maxlength="1"] {
  width: 52px !important;
  min-width: 52px;
  height: 56px;
  text-align: center;
  padding: 0;
  border-radius: 14px;
  font-size: 20px;
  font-weight: 700;
}

.sm-login-otp .otp-fields,
.sm-login-otp .otp-inputs,
.sm-login-otp .verification-code,
.sm-login-otp .code-inputs {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: nowrap;
}

/* Mensagens */
.sm-login-otp .woocommerce-error,
.sm-login-otp .woocommerce-message,
.sm-login-otp .notice,
.sm-login-otp .error,
.sm-login-otp .success {
  border-radius: 14px;
  padding: 12px 14px;
  font-size: 14px;
  margin-bottom: 14px;
}

.sm-login-otp .woocommerce-error,
.sm-login-otp .error {
  background: #fff1f4;
  color: #b42346;
  border: 1px solid rgba(180, 35, 70, .14);
}

.sm-login-otp .woocommerce-message,
.sm-login-otp .success {
  background: #f2fff7;
  color: #157347;
  border: 1px solid rgba(21, 115, 71, .12);
}

/* Texto pequeno abaixo */
.sm-login-otp .sm-login-help {
  margin-top: 16px;
  text-align: center;
  color: var(--sm-muted);
  font-size: 13px;
  line-height: 1.5;
}

/* Benefícios */
.sm-login-otp-benefits {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-top: 18px;
}

.sm-login-otp-benefit {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 16px;
  background: linear-gradient(180deg, #fff8fb 0%, #fff 100%);
  border: 1px solid rgba(255,79,160,.10);
  color: var(--sm-text);
  font-size: 14px;
}

.sm-login-otp-benefit i,
.sm-login-otp-benefit svg {
  color: var(--sm-pink);
  flex: 0 0 auto;
}

/* Mobile */
@media (max-width: 767px) {
  .sm-login-otp {
    margin: 16px 12px 28px;
    padding: 20px 16px;
    border-radius: 22px;
  }

  .sm-login-otp input[type="tel"],
  .sm-login-otp input[type="text"],
  .sm-login-otp input[type="number"],
  .sm-login-otp input[type="email"],
  .sm-login-otp input[type="password"],
  .sm-login-otp select,
  .sm-login-otp button,
  .sm-login-otp input[type="submit"],
  .sm-login-otp .button,
  .sm-login-otp .btn,
  .sm-login-otp a.button {
    min-height: 52px;
    font-size: 16px;
  }
}

.sm-login-otp .iti__flag {
  display: none !important;
  background-image: none !important;
}

.sm-login-otp .iti__selected-country-primary {
  display: none !important;
}

.sm-login-otp .iti__arrow {
  display: none !important;
}

/* ===== CORREÇÃO: remover card branco interno ===== */
.sm-login-otp form,
.sm-login-otp .otp-login-form,
.sm-login-otp .lwpn-form,
.sm-login-otp .login-with-phone-number,
.sm-login-otp .idehweb-lwpn-form,
.sm-login-otp .iwlwpn-form {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* remove possíveis divs internas com fundo branco */
.sm-login-otp form > div,
.sm-login-otp .otp-login-form > div,
.sm-login-otp .lwpn-form > div {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* diminuir espaçamento interno */
.sm-login-otp form > *,
.sm-login-otp .otp-login-form > *,
.sm-login-otp .lwpn-form > * {
  margin-bottom: 12px !important;
}

/* ===== CORREÇÃO: remover seletor de país (quadrado verde) ===== */
.sm-login-otp .iti__flag-container,
.sm-login-otp .iti__selected-country,
.sm-login-otp .iti__selected-flag,
.sm-login-otp .iti__arrow {
  display: none !important;
}

/* ajustar input após remover bandeira */
.sm-login-otp .iti input[type="tel"],
.sm-login-otp input[type="tel"] {
  padding-left: 16px !important;
  width: 100% !important;
}

/* garantir que não sobra espaço lateral */
.sm-login-otp .iti {
  width: 100% !important;
}

.sm-login-otp .sm-phone-error {
  margin-top: 6px;
  font-size: 13px;
  color: #c62828;
  line-height: 1.4;
}

.sm-login-otp input.sm-phone-valid {
  border-color: #22c55e !important;
  box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.10) !important;
}

.sm-login-otp input.sm-phone-invalid {
  border-color: #ef4444 !important;
  box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.08) !important;
}

.sm-login-otp button.sm-btn-disabled,
.sm-login-otp input[type="submit"].sm-btn-disabled {
  opacity: 0.55;
  cursor: not-allowed;
  pointer-events: none;
}/* End custom CSS */