/* =========================================================
 * InboundCycle Requireds
 * ====================================================== */
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
/* @group Variables ============================================ */
:root {
	/**
	* Variables base
	*/
	--default-font-family: 'Roboto', sans-serif;
	--awesome-pro: 'Font Awesome 5 Free';
	--awesome-brands: 'Font Awesome 5 Brands';
	--primary-color: #1d1d3d;
	--primary-color-light: #22c488;
	--secondary-color: #535353;
	--secondary-color-light: #FFFFFF;
	--brand-color-orange: #F29100;
	--default-text-color: #666;
	--default-title-color: #333;
	--default-boxes-color: #f7f7f7;
	--default-transition: .3s all ease;
	--border-color: #E2E3EA;
	--error-msj-color: #e2051f;
	--default-transition: .3s all ease;
	--cubic-transition: .4s all cubic-bezier(.4,2,.67,1);
	--default-rgba-color: rgba(0, 0, 0, .3);
	--secondary-rgba-color: rgba(83, 83, 83, .1);
	--bofu-bg-image: url('https://2356021.fs1.hubspotusercontent-na1.net/hubfs/2356021/Fondo-banner-1.jpg');
}
/* @group [ style.globals.css ] ============================= */
/* @group Layout -------------------------------------------- */
* {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	-webkit-box-sizing: border-box;
  box-sizing: border-box;}

html, 
body.tmp,
body {
	margin: 0;
	font-family: var(--default-font-family)!important;
	font-weight: 400;
	color: #666;
	background: transparent; }

a,
a:checked,
a:active,
a img {
	outline: none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease }

a:hover { outline: none;}

a img {
	outline: none;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease }

.tmp h1,
.tmp h2,
.tmp h3,
.tmp h4,
.tmp h5,
.tmp h6 {
	color: var(--default-title-color);
}

h1 {
	margin: 20px 0;
	font-size: 40px; /*52px;*/
	font-weight: 600;
	letter-spacing: normal;/*-1.5px;*/
	line-height: 48px }

h2 {
	margin: 20px 0;
	font-size: 28px;/*38px;*/
	font-weight: 600;
	letter-spacing: -0.5px }

h3 {
	margin: 20px 0;
	font-size: 21px;/*28px;*/
	font-weight: 600;
	letter-spacing: -0.5px }

.subtitle {
	margin: 0 0 30px 0;
	color: var(--default-title-color);
	font-size: 28px;
	font-weight: 200;
	letter-spacing: -0.5px;
	opacity: 0.5 }

p {
	margin: 0 0 20px 0;
	font-weight: 400;
	color: var(--default-title-color);
	line-height: 150% }

ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

button {
	outline: none!important;
}

/* ------------------------------------------------------------
 * Globals */
body#body { margin: 0px;padding: 0px;font-family: Verdana,Geneva,sans-serif !important; }
/*color fondo*/
.text-container2 { grid-gap: 30px; display: grid; grid-template-columns: 50% 45%; margin: 0 auto; max-width: 1170px; padding: 20px 0px 0px 20px;}
/*color txt*/
#main-text h1, #main-text li, #main-text p { color: #fff;margin-top: 0px;}
.input { margin: 0px !important;}
#form form select {width: 100%;}
.border-padding{ padding: 60px 40px 0 70px;}
div#info-opinion, div#logos-empresa { grid-template-columns: 50% 45%; margin: 0 auto; max-width: 1170px; padding: 20px 60px 60px 16px;}
#form .form-title { font-size: 1.5rem !important; text-align: center; padding-bottom: 10px !important; font-family: helvetica;}
.text-container.bofu-completo{ display: block; text-align: center;}
.lista-empresas { display: grid; grid-auto-flow: column; grid-gap: 30px; align-items: start;}
.txtcenter { text-align: center;}
.borde-top { border-top: 1px solid #DCE0EB; margin-top: 72px; padding: 2rem 0px 0.5rem 0px;}
div#prim-opt,div#segundo-opt{ display: grid; text-align: left; grid-gap: 30px;}
.col-vertical { display: grid; grid-auto-flow: column; grid-gap: 30px; align-items: center; justify-content: flex-start;}
.col-vertical div:nth-of-type(2) h3 { margin-bottom: 0px;}
.txt-center { text-align: center;}
.centrarborde { display: grid;justify-items: center;}
div#info-option h2 { margin: 0px;}
.comentario { border: 1px solid #eff1f6; -webkit-filter: drop-shadow(0 2px 6px rgba(20,20,43,.06)); padding: 56px; border-radius: 24px; text-align: left;}
.txt-centrar-div { padding-top: 30px; padding-right: calc(100% - 94%); padding-left: calc(100% - 94%);}
.comentario-autor { font-style: italic;}
.autor { margin-bottom: 0px;font-weight: 700;}
.area { margin-top: 8px; margin-bottom: 0px;}
.contenedor { margin: 20px 0px; padding: 20px 60px 60px 16px;}
div#prim-opt h2 { padding-bottom: 20px;}
#prim-opt.text-container,#segundo-opt.text-container{ padding: 20px 60px 60px 60px;}
div#prim-opt img,#segundo-opt img{ width: 100%; height: auto;}
.hs-button,.hs-button:hover{ display: inline-block; font-style: normal; font-weight: bold; text-decoration: none; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; border: none;}
.border-top { width: 20% !important; margin-bottom: -10px;}
div#footer-lp { padding: 0px;}
.text-container {display: grid;grid-template-columns: 50% 45%;	grid-gap: 30px; max-width: 1170px; padding: 20px 60px 60px 16px; margin: 0 auto;}
#prim-opt .op-img { display: grid;}
#main-text ul:not(.hs-error-msgs) li:not(.hs-menu-item):before, .background-azul li:before { padding: 6px; line-height: 40px;}
/* Lists */
#main-text ul:not(.hs-error-msgs) {	margin: 40px 0;} 
#main-text ul:not(.hs-error-msgs) li:not(.hs-menu-item) {	position: relative;	padding-left: 25px;	margin-bottom: 18px;}
#main-text ul:not(.hs-error-msgs) li:not(.hs-menu-item):before, .background-azul li:before{	content: '\f00c';	font-size: 14px;font-family: var(--awesome-pro);	font-weight: bold;	color: #fff;	height: 100%;  padding: 10px;  margin-right: 10px;  border-radius: 50%;}
#form { height: auto !important; }
input#firstname-8394ab7b-b1df-4d97-bf1d-ce0de1a7e96b_3174, #form form input[type=submit],#form form .form-columns-2 input, .form-columns-1 .hs-input,.form-columns-2 .hs-form-field{ width: 100% !important;}
fieldset.form-columns-2 {display: grid;grid-auto-flow: row;grid-gap: 20px;}
.form-wrapper { border-radius: 20px;}
.hs-button, .hs-button:hover { border-radius: 6px;}
#form form legend { font-size: 12px; padding-bottom: 10px;}
/* Responsive ----------- */
@media( max-width: 950px ) {
  fieldset.form-columns-2 { grid-gap: 20px;}
  div#form { padding-top: 30px;}
  div#footer-lp .borde-top { margin-top: 0px;}
  .contenedor,div#info-opinion, div#logos-empresa { margin: 0px 0px; padding: 20px 20px 60px 16px !important;}
  div#info-option { margin: 0px;}
  #prim-opt.text-container, #segundo-opt.text-container { padding: 0px 30px 10px 30px;}
   #prim-opt div:nth-of-type(2) { grid-row: 1/2; }
  .lista-empresas { grid-auto-flow: row;}
  .text-container, input#firstname-8394ab7b-b1df-4d97-bf1d-ce0de1a7e96b_425 { grid-template-columns: 100%; }
  .module#main-text { padding-right: 0px; text-align: center;}
  .text-container2 { justify-items: center; grid-template-columns: auto; padding-left: 0px;}
}
@media( max-width: 768px ) {
  div#form { padding-top: 30px;}
  .contenedor,div#info-opinion, div#logos-empresa { margin: 0px 0px; padding: 20px 20px 60px 16px !important;}
  div#info-option { margin: 0px;}
  #prim-opt.text-container, #segundo-opt.text-container { padding: 0px 30px 10px 30px;}
  .text-container2 { justify-items: center; grid-template-columns: auto; padding-left: 0px;}
  .module#main-text { padding-right: 0px; text-align: center;}
  #form .form-title { line-height: initial !important; }
  .lista-empresas { grid-auto-flow: row;}
  .col-vertical { grid-auto-flow: row; text-align: center; }
  div#segundo-opt h2 { padding-bottom: 30px; }
  #prim-opt div:nth-of-type(2) { grid-row: 1/2;}
  div#prim-opt, div#segundo-opt { text-align: center;}
  #segundo-opt .col-vertical img { width: auto; height: auto;}
  #segundo-opt .col-vertical { grid-gap: 0px;}
  div#segundo-opt h2, #prim-opt h2,ul.lista-check { text-align: left;}
  div#logos-empresa img { height: auto; width: auto;}
  div#info-option img,div#main-text img { width: 100%; height: auto;}
  .comentario, div#info-opinion, div#logos-empresa ,#prim-opt.text-container, #segundo-opt.text-container { padding: 30px; }
  .contenedor { margin: 20px 0; padding: 0px; }
  .text-container { grid-gap: 30px; max-width: inherit; padding: 30px; }
  .text-container { display: block; }
	.text-container {	grid-template-columns: 100%; }
  .borde-top { padding: 20px;}
  #prim-opt .op-img { justify-content: normal
}

/* end layout*/
.landing-page-bofu.tmp #form .form-wrapper { border-radius: 20px;padding: 0;overflow: hidden;}
.landing-page-bofu.tmp #form form {	padding: 0px 30px 30px 30px;	border-top-left-radius: 6%;	border-top-right-radius: 6%;	background: #fff;}
.landing-page-bofu.tmp .form-container .hs-form-field {	margin-bottom: 10px;}
.landing-page-bofu.tmp .module#form form input:not([type="checkbox"]):not([type="radio"]), 
.landing-page-bofu.tmp .module#form form select {	border-radius: 4px!important;	height: 45px;}
.landing-page-bofu.tmp .hs_submit .actions {	margin-top: 10px;}
.landing-page-bofu.tmp #form form .hs_submit.hs-submit {	margin: 0;}
.landing-page-bofu .funcionalidades .features-image {	max-width: 120px;	max-height: 120px;	overflow: unset;}
.landing-page-bofu .funcionalidades .features-image img {	width: auto;	height: 90px;	object-fit: cover;}
.module#main-text { padding-right: 0px; }
#mobile-form-box #form {	height: auto!important;	margin-bottom: 40px;}
.tmp #form #ic-sticky {	position: sticky;	top: 60px;	transition: all 1s ease; }
.tmp #form .form-wrapper {	font-family: inherit!important;	border: 1px solid #E2E3EA;	border-radius: 2px;	box-shadow: 0 10px 20px -10px rgba(0,0,0,.3);}
.tmp #form .form-category {	font-size: 16px;	line-height: 19px;	color: var(--primary-color-light);	margin-bottom: 10px;}
#form fieldset.form-columns-1:nth-of-type(2) .input { padding-top: 10px;}
.tmp #form .form-title {	padding-bottom: 14px;	color: #333;	word-break: break-word;  padding: 20px;}
.tmp #form .form-description {	line-height: 24px;	padding-bottom: 30px;	color: var(--default-title-color);}
.tmp #form form fieldset {	margin: 0;}
.tmp .module#form .hs-form-field input:not([type="checkbox"]):not([type="radio"]),.tmp .module#form .hs-form-field select {	width: 100%;}
.tmp .module#form fieldset .input {	margin: 0!important;}
.tmp .module#form form input:not([type="checkbox"]):not([type="radio"]),.tmp .module#form form select {	height: 54px;	line-height: 19px;	border-radius: 10px;	outline: none;}
.tmp .module#form form select {	-webkit-appearance: none;	-moz-appearance: none;	appearance: none;}
form.hs-form fieldset .hs-fieldtype-select .input { position: relative; }
form.hs-form fieldset .hs-fieldtype-select .input:after { content: "\f0dd"; font-family: var(--awesome-pro); font-weight: bold; position: absolute;right: 18px;top: 13px;pointer-events: none;background: none !important;color: #2D324F;}
.tmp .module#form form input:focus,.tmp .module#form form select:focus {	border-color: var(--primary-color);}
.tmp .module#form .hs-form-field > label {	font-size: 14px;	line-height: 18px;	font-weight: 500;	color: var(--default-title-color); }
.tmp #form form ul li label > span {	padding-left: 5px}
.tmp #form form input[type="submit"] {	background: var(--brand-color-orange);	height: unset!important;	border: none;	border-radius: 12px;	width: 100%;padding: 18px 10px;	cursor: pointer;	word-break: break-word;	white-space: normal;	transition: var(--default-transition);}
.tmp #form form .hs_submit.hs-submit {margin-top: 30px;}
.tmp #form form input[type="submit"]:hover { transform: translateY(-5px); opacity: .8;} 
.tmp #form form .hs-error-msg {font-size: 13px;}
.tmp #form form .hs_error_rollup ul.hs-error-msgs > li:before {	content: '\f06a';	font-family: var(--awesome-pro);	font-weight: 900;	color: var(--error-msj-color);	opacity: .8; padding-right: 10px;}
.hs_apr_checkbox_bofu{ box-shadow: 1px 1px 20px 0px #00000026; padding: 5px 10px; border-radius: 3px; }
/* Responsive ---------------------- */
@media( min-width: 481px ) {
  fieldset.form-columns-2 { grid-gap: 0px;}
  div#form { padding-top: 30px;}
  div#info-option { margin: 0px;}
  .contenedor,div#info-opinion, div#logos-empresa { margin: 0px 0px; padding: 20px 20px 60px 16px !important;}
  #prim-opt.text-container, #segundo-opt.text-container { padding: 0px 30px 10px 30px;}
	.tmp .module#form fieldset.form-columns-2 > :first-child { padding-right: 0px;}
	.tmp .module#form fieldset.form-columns-2 > :last-child { padding-left: 0px;}
}