.elementor-17947 .elementor-element.elementor-element-3a7e26f{--display:flex;--min-height:1000px;--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;--justify-content:center;--padding-top:4em;--padding-bottom:4em;--padding-left:4em;--padding-right:4em;}.elementor-17947 .elementor-element.elementor-element-3a7e26f:not(.elementor-motion-effects-element-type-background), .elementor-17947 .elementor-element.elementor-element-3a7e26f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tassiorenam.com.br/wp-content/uploads/2026/01/PAGINA-TRN.webp");background-position:top center;background-size:cover;}.elementor-widget-image .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-17947 .elementor-element.elementor-element-b6158d5{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;}.elementor-17947 .elementor-element.elementor-element-b6158d5.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.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-17947 .elementor-element.elementor-element-d8409c5{text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;color:#606060;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}body.elementor-page-17947:not(.elementor-motion-effects-element-type-background), body.elementor-page-17947 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00063E;}@media(max-width:767px){.elementor-17947 .elementor-element.elementor-element-3a7e26f{--min-height:600px;--justify-content:center;--padding-top:2em;--padding-bottom:2em;--padding-left:1em;--padding-right:1em;}.elementor-17947 .elementor-element.elementor-element-3a7e26f:not(.elementor-motion-effects-element-type-background), .elementor-17947 .elementor-element.elementor-element-3a7e26f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tassiorenam.com.br/wp-content/uploads/2026/01/PAGINA-TRN.webp");background-repeat:no-repeat;background-size:contain;}.elementor-17947 .elementor-element.elementor-element-b6158d5{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-17947 .elementor-element.elementor-element-d8409c5{font-size:0.9em;}}/* Start custom CSS for html, class: .elementor-element-b6158d5 */.container {
  max-width: 700px;
  margin: 30px auto;
}


.card {
  background: #00063E;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 0 20px rgba(0,0,0,.3);
}

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

.question {
  font-size: 17px;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 16px;
  text-align: center;
}


.field input {
  background: #011A5C;
  border: 1px solid #9CB8FF;
  border-radius: 10px;
  color: #fff;
  padding: 10px 12px;
  font-size: 15px;
}
.field input:focus { outline: none; border-color: #f57c00; }

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



/* ✅ Ajuste principal do grid */
.options-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
  justify-items: center;
}

.options-grid button {
  background: #011A5C;
  border: none;
  color: #fff;
  border-radius: 10px;
  padding: 16px 18px;
  width: 100%;
  max-width: 320px;
  min-height: 60px;
  font-size: 15px;
  font-weight: 400;
  cursor: pointer;
  transition: background .2s, transform .15s ease;
  text-align: center;
  line-height: 1.3;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: normal; /* ✅ permite quebrar linha */
  word-break: break-word; /* ✅ evita overflow */
}

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

.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.hidden { display:none; }

/* Responsivo */
@media (max-width: 480px) {
  .options-grid {
    grid-template-columns: 1fr;
  }
  
}

/* CSS DO QUIZ */
.quiz-btn {
  all: unset;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  cursor: pointer;
}

.quiz-btn.primary {
  border-radius: 22.172px;
  border: 1.187px solid #7FF5A3;
  background: linear-gradient(92deg, #00B336 1.79%, #004D17 116.15%);
  box-shadow: 0 2.373px 54.166px 0 #00B336;

  padding: 14px 18px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  cursor: pointer;

  transition: transform .15s ease, opacity .2s ease;
}

.success-message {
  text-align: center;
  padding: 40px 24px;
}

.success-icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 20px;
  border-radius: 50%;
  background: linear-gradient(135deg, #00B336, #7FF5A3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  font-weight: bold;
  color: #004D17;
}

.success-message h2 {
  color: #fff;
  margin-bottom: 12px;
}

.success-note {
  opacity: .75;
  font-size: 14px;
}

.success-message p {
  color: #EAFEF1; 
  opacity: 1;
  font-size: 16px;
  line-height: 1.6;
}/* End custom CSS */
/* Start custom CSS */html, body{
    
    overflow-x: hidden;
}/* 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 */