.elementor-15399 .elementor-element.elementor-element-d929589{--display:flex;--min-height:800px;--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:center;--align-items:center;--overlay-opacity:1;--padding-top:4em;--padding-bottom:4em;--padding-left:4em;--padding-right:4em;}.elementor-15399 .elementor-element.elementor-element-d929589:not(.elementor-motion-effects-element-type-background), .elementor-15399 .elementor-element.elementor-element-d929589 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#080B1C;}.elementor-15399 .elementor-element.elementor-element-d929589::before, .elementor-15399 .elementor-element.elementor-element-d929589 > .elementor-background-video-container::before, .elementor-15399 .elementor-element.elementor-element-d929589 > .e-con-inner > .elementor-background-video-container::before, .elementor-15399 .elementor-element.elementor-element-d929589 > .elementor-background-slideshow::before, .elementor-15399 .elementor-element.elementor-element-d929589 > .e-con-inner > .elementor-background-slideshow::before, .elementor-15399 .elementor-element.elementor-element-d929589 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://tassiorenam.com.br/wp-content/uploads/2026/03/1920w-light.webp");--background-overlay:'';background-position:top center;background-size:cover;}.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-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-15399 .elementor-element.elementor-element-471ab52 .elementor-icon-wrapper{text-align:center;}.elementor-15399 .elementor-element.elementor-element-471ab52 .elementor-icon-wrapper svg{width:auto;}.elementor-15399 .elementor-element.elementor-element-2b1107a{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;}.elementor-15399 .elementor-element.elementor-element-2b1107a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:2.3em;font-weight:400;line-height:1.2em;color:#FFFFFF;}.elementor-15399 .elementor-element.elementor-element-f1ece13{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;}.elementor-15399 .elementor-element.elementor-element-f1ece13.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-15399 .elementor-element.elementor-element-40d2488{--display:flex;--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;--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-15399 .elementor-element.elementor-element-40d2488:not(.elementor-motion-effects-element-type-background), .elementor-15399 .elementor-element.elementor-element-40d2488 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#060E22;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-15399 .elementor-element.elementor-element-0d443eb{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;font-family:"Inter", Sans-serif;font-size:0.8em;font-weight:400;line-height:1.5em;color:var( --e-global-color-d9b3c06 );}.elementor-15399 .elementor-element.elementor-element-0d443eb.elementor-element{--align-self:center;}body.elementor-page-15399:not(.elementor-motion-effects-element-type-background), body.elementor-page-15399 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:1024px){.elementor-15399 .elementor-element.elementor-element-2b1107a .elementor-heading-title{font-size:1.9em;}}@media(max-width:767px){.elementor-15399 .elementor-element.elementor-element-d929589::before, .elementor-15399 .elementor-element.elementor-element-d929589 > .elementor-background-video-container::before, .elementor-15399 .elementor-element.elementor-element-d929589 > .e-con-inner > .elementor-background-video-container::before, .elementor-15399 .elementor-element.elementor-element-d929589 > .elementor-background-slideshow::before, .elementor-15399 .elementor-element.elementor-element-d929589 > .e-con-inner > .elementor-background-slideshow::before, .elementor-15399 .elementor-element.elementor-element-d929589 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://tassiorenam.com.br/wp-content/uploads/2026/03/1920w-light.webp");background-repeat:no-repeat;background-size:927px auto;}.elementor-15399 .elementor-element.elementor-element-d929589{--min-height:661px;--overlay-opacity:0.98;--padding-top:2em;--padding-bottom:2em;--padding-left:1em;--padding-right:1em;}.elementor-15399 .elementor-element.elementor-element-2b1107a{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-15399 .elementor-element.elementor-element-2b1107a .elementor-heading-title{font-size:1.3em;}.elementor-15399 .elementor-element.elementor-element-f1ece13{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-15399 .elementor-element.elementor-element-40d2488{--padding-top:2em;--padding-bottom:2em;--padding-left:1em;--padding-right:1em;}}/* Start custom CSS for html, class: .elementor-element-f1ece13 */body {
  background: #0c0d14;
  color: #fff;
}

/* layout */
.container {
  max-width: 700px;
  margin: 30px auto;
}

/* progress */
.progress-bar {
  width: 100%;
  height: 6px;
  border-radius: 999px;
  background: var(--TRN, linear-gradient(60deg, #126FBC 9.95%, #DDF1FB 115.7%));
  overflow: hidden;
  margin-bottom: 20px;
}

.progress {
  height: 100%;
  width: 0%;
  background: linear-gradient(60deg, #126FBC 9.95%, #DDF1FB 115.7%);
  transition: width 0.3s ease;
}

/* card */
.card {
  background: #dfe7f2;
  border-radius: 16px;
  padding: 28px;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
}

/* fields */
.field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 12px;
}

.field input {
  border-radius: 10px;
  border: var(--stroke-weight-1, 1px) solid rgba(42, 43, 53, 0.66);
  background: rgba(27, 28, 37, 0.21);
  padding: 10px 12px;
  font-size: 15px;

  /* garante legibilidade dentro do card claro */
  color: rgba(42, 43, 53, 0.95);
}

.field input::placeholder {
  color: rgba(42, 43, 53, 0.55);
}

.field input:focus {
  outline: none;
  border-color: #2E8BE6;
  box-shadow: 0 0 0 2px rgba(46,139,230,0.25);
}

.error {
  color: #ff7b7b;
  font-size: 13px;
}

/* botão principal */
#btn-start {
  border-radius: 10px;
  background: var(--TRN, linear-gradient(60deg, #126FBC 9.95%, #DDF1FB 115.7%));
  color: #fff;
  padding: 12px 16px;
  border: 0;
  font-weight: 600;
  cursor: pointer;
  width: 100%;
}

#btn-start:hover {
  opacity: 0.9;
}

/* título da pergunta */
.question {
  text-align: center;
  color: #126FBC; /* azul principal */
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 22px;
  line-height: 1.4;
}

/* grid de opções */
.options-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
  justify-items: center;
}



.options-grid button{
  width: 100%;
  background: #1e1f2a;
  max-width: none;              
  box-sizing: border-box;
  padding: 16px 14px;
  min-height: 64px;

  white-space: normal !important; 
  overflow-wrap: anywhere;        
  word-break: break-word;
  line-height: 1.25;

  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;

  overflow: hidden;              
}


.options-grid{
  grid-template-columns: repeat(2, minmax(0, 1fr)); 
}

@media (max-width: 640px){
  .options-grid{ grid-template-columns: 1fr; }
}

.options-grid button:hover {
  background: #2c2e3f;
  transform: translateY(-2px);
}

/* voltar */
.back-button {
  background: #2c2e3f;
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 10px 16px;
  margin-top: 20px;
  cursor: pointer;
  font-weight: 500;
}

.back-button:hover {
  background: #3a3d52;
}

/* overlay */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.75);
  backdrop-filter: blur(3px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  opacity: 1;
  transition: opacity 0.3s ease;
}

.overlay.hidden {
  opacity: 0;
  pointer-events: none;
}

/* spinner */
.spinner {
  border: 4px solid rgba(255,255,255,0.2);
  border-top-color: #5BE77E;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  animation: spin 1s linear infinite;
  margin-bottom: 16px;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

/* textos overlay */
#sendMsg {
  font-size: 20px;
  color: #fff;
  margin-bottom: 6px;
}

#sendSubMsg {
  color: #ccc;
  margin-top: 8px;
}

/* textarea da opção "Outro" */
.quiz-textarea{
  width: 100%;
  max-width: 520px;          
  min-height: 120px;
  padding: 16px;

  border-radius: 12px;
  border: 1px solid rgba(18,111,188,0.35);

  background: rgba(255,255,255,0.85);
  color: #1b1c25;

  font-size: 15px;
  line-height: 1.4;

  display: block;
  margin: 20px auto 14px auto;   
  box-sizing: border-box;
}

.quiz-textarea:focus {
  border-color: #126FBC;
  box-shadow: 0 0 0 2px rgba(18,111,188,0.25);
}

.quiz-btn.primary {
  width: 100%;
  max-width: 520px;
  padding: 16px;
  border-radius: 12px;
  border: none;
  background: linear-gradient(60deg, #126FBC, #3fa0f0);
  color: #fff;
  font-weight: 600;
  font-size: 16px;
}

.quiz-btn.primary:hover {
  filter: brightness(1.08);
}

.success-title {
  color: #2ecc71;
  font-weight: 600;
  font-size: 22px;
}

.success-subtitle {
  color: rgba(0,0,0,0.6);
}

/* ✅ "Outro" proporcional: textarea e botão com a mesma largura e alinhamento */
.outro-wrapper{
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
}

/* textarea real do "Outro" (não é .quiz-textarea, é #outro-input) */
#outro-input{
  width: 100% !important;
  max-width: 520px;
  min-height: 120px;
  height: 140px !important;           /* sobrescreve o inline 255px */
  padding: 16px !important;           /* sobrescreve o inline 12px */
  border-radius: 12px !important;     /* sobrescreve o inline 8px */

  border: 1px solid rgba(18,111,188,0.35) !important;
  background: rgba(255,255,255,0.85) !important;
  color: #1b1c25 !important;

  font-size: 15px;
  line-height: 1.4;
  box-sizing: border-box;
  resize: none;
  display: block;
  margin: 18px auto 12px auto;
}

#outro-input:focus{
  outline: none;
  border-color: #126FBC !important;
  box-shadow: 0 0 0 2px rgba(18,111,188,0.25);
}

/* botão continuar do "Outro" alinhado com o textarea */
.outro-wrapper .quiz-btn.primary{
  width: 100%;
  max-width: 520px;
  margin: 0 auto 16px auto;
  display: block;
}


.quiz-btn.primary{
  display: block;
  width: 100%;
  max-width: 640px;     /* igual ao textarea largo */
  margin: 0 auto 16px;  /* centraliza */
  box-sizing: border-box;
}


.quiz-textarea{
  display: block;
  width: 100%;
  max-width: 640px;
  margin: 18px auto 14px;
  box-sizing: border-box;
}

/* responsivo */
@media (max-width: 480px) {
  .options-grid {
    grid-template-columns: 1fr;
  }
}/* End custom CSS */
/* Start custom CSS */.degrade{
    
    background: var(--TRN, linear-gradient(60deg, #126FBC 9.95%, #DDF1FB 115.7%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://tassiorenam.com.br/wp-content/uploads/2026/02/Roboto-Regular.eot');
	src: url('https://tassiorenam.com.br/wp-content/uploads/2026/02/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
		url('https://tassiorenam.com.br/wp-content/uploads/2026/02/Roboto-Regular.woff2') format('woff2'),
		url('https://tassiorenam.com.br/wp-content/uploads/2026/02/Roboto-Regular.woff') format('woff'),
		url('https://tassiorenam.com.br/wp-content/uploads/2026/02/Roboto-Regular.ttf') format('truetype'),
		url('https://tassiorenam.com.br/wp-content/uploads/2026/02/Roboto-Regular.svg#Roboto') format('svg');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://tassiorenam.com.br/wp-content/uploads/2026/02/Roboto-Bold.eot');
	src: url('https://tassiorenam.com.br/wp-content/uploads/2026/02/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
		url('https://tassiorenam.com.br/wp-content/uploads/2026/02/Roboto-Bold.woff2') format('woff2'),
		url('https://tassiorenam.com.br/wp-content/uploads/2026/02/Roboto-Bold.woff') format('woff'),
		url('https://tassiorenam.com.br/wp-content/uploads/2026/02/Roboto-Bold.ttf') format('truetype'),
		url('https://tassiorenam.com.br/wp-content/uploads/2026/02/Roboto-Bold.svg#Roboto') format('svg');
}
/* End Custom Fonts CSS */