/* CSS @imports fonts default */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap'); /* Open Sans */
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Quicksand:wght@300;400;500;515;600;700&display=swap'); /* Archivo Black  and QuickSand */

/***********************************************/

/* CSS @imports todos os modulos de estilo ( variaveis, funções, mixins, cores)*/
/* @import url('http://example.com/example_style.css'); */

/* Reset */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Cores */
/* Colors */












/* Mixins */
/** 
  * Macros
  * 
  */



/* Transition */
 

/* Animation Delay */
 

/* Box Shadow */



/* Border Radius */


/* Background Size */


/* User Select */


/* Opacity*/


/* Tipografia */




/* Grid */
/* Global Buttons */
 

.button-container {
	margin-top: 1.5em;
/* 	display: flex; Rever se e necessário*/
}

a:hover {
	text-decoration: none;
	outline: 0;
}

a:focus {
	text-decoration: none;
	outline: 0;
}

input:focus {
	text-decoration: none;
	outline: 0;
}

/* Grid */
/* Mixins */
/** 
  * Macros
  * 
  */



/* Transition */
 

/* Animation Delay */
 

/* Box Shadow */



/* Border Radius */


/* Background Size */


/* User Select */


/* Opacity*/


/* .flex-full {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

	
    justify-content: center; -webkit-justify-content: center;
	

  
    align-items: center; -webkit-align-items: center;
	

  
    flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;
	

  
    flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row;
	


} */

.flex-justify-center {
	 display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

	
    justify-content: center; -webkit-justify-content: center;
	

  
    align-items: center; -webkit-align-items: center;
	

  
    flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;
	

  


}

.flex-justify-start {
	 display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

	
    justify-content: flex-start; -webkit-justify-content: flex-start;
	

  
    align-items: center; -webkit-align-items: center;
	

  
    flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;
	

  


}

/*****************************************/

/* CSS @imports Buttons */
/* Esse include e necessário para que se possa usar as funções e as variaveis do Hubspot*/
/* @import url('http://example.com/example_style.css'); */

/* Reset */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Cores */
/* Colors */












/* Mixins */
/** 
  * Macros
  * 
  */



/* Transition */
 

/* Animation Delay */
 

/* Box Shadow */



/* Border Radius */


/* Background Size */


/* User Select */


/* Opacity*/


/* Tipografia */




/* Grid */
/* Global Buttons */
 

.button-container {
	margin-top: 1.5em;
/* 	display: flex; Rever se e necessário*/
}

a:hover {
	text-decoration: none;
	outline: 0;
}

a:focus {
	text-decoration: none;
	outline: 0;
}

input:focus {
	text-decoration: none;
	outline: 0;
}

/* Grid */
/* Mixins */
/** 
  * Macros
  * 
  */



/* Transition */
 

/* Animation Delay */
 

/* Box Shadow */



/* Border Radius */


/* Background Size */


/* User Select */


/* Opacity*/


/* .flex-full {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

	
    justify-content: center; -webkit-justify-content: center;
	

  
    align-items: center; -webkit-align-items: center;
	

  
    flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;
	

  
    flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row;
	


} */

.flex-justify-center {
	 display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

	
    justify-content: center; -webkit-justify-content: center;
	

  
    align-items: center; -webkit-align-items: center;
	

  
    flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;
	

  


}

.flex-justify-start {
	 display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

	
    justify-content: flex-start; -webkit-justify-content: flex-start;
	

  
    align-items: center; -webkit-align-items: center;
	

  
    flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;
	

  


}

/*****************************************/ /

.button-container .button-radius {
	<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
  font-family: 'Open sans', sans-serif;
  font-weight: 700;
	font-size: 1em;
	padding: 1em 1.5em;
  margin: 1em 1.5em;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -o-transition: 400ms;
    -ms-transition: 400ms;
    transition: 400ms;
	-webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

/* CSS @imports Forms */
/* Esse include e necessário para que se possa usar as funções e as variaveis do Hubspot*/
/* @import url('http://example.com/example_style.css'); */

/* Reset */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Cores */
/* Colors */












/* Mixins */
/** 
  * Macros
  * 
  */



/* Transition */
 

/* Animation Delay */
 

/* Box Shadow */



/* Border Radius */


/* Background Size */


/* User Select */


/* Opacity*/


/* Tipografia */




/* Grid */
/* Global Buttons */
 

.button-container {
	margin-top: 1.5em;
/* 	display: flex; Rever se e necessário*/
}

a:hover {
	text-decoration: none;
	outline: 0;
}

a:focus {
	text-decoration: none;
	outline: 0;
}

input:focus {
	text-decoration: none;
	outline: 0;
}

/* Grid */
/* Mixins */
/** 
  * Macros
  * 
  */



/* Transition */
 

/* Animation Delay */
 

/* Box Shadow */



/* Border Radius */


/* Background Size */


/* User Select */


/* Opacity*/


/* .flex-full {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

	
    justify-content: center; -webkit-justify-content: center;
	

  
    align-items: center; -webkit-align-items: center;
	

  
    flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;
	

  
    flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row;
	


} */

.flex-justify-center {
	 display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

	
    justify-content: center; -webkit-justify-content: center;
	

  
    align-items: center; -webkit-align-items: center;
	

  
    flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;
	

  


}

.flex-justify-start {
	 display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

	
    justify-content: flex-start; -webkit-justify-content: flex-start;
	

  
    align-items: center; -webkit-align-items: center;
	

  
    flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;
	

  


}

/*****************************************/ /

/* Reset Hubspot */
.hs-custom-form.hs-form {
	width: max-content !important;
	background: #000000 !important;
	padding: 2em !important;
}

.form-container {
	margin: 40px -15px 20px -15px;
}
@media (max-width:899px) {
	.form-container {
		display: flex;
		justify-content: center;
  }
}

form {
	background: #000000 !important;
  padding: 1.1em;
}

@media (min-width:900px) {
	.hbspt-form {
		display: flex;
		justify-content: center;
	}
	form {
		padding: 2em;
		margin-right: 1em;
	}
	fieldset {
		max-width: 550px;
	}
}
.hs-form-iframe {
	width: 100% !important;
}
.input {
	margin-right: 0px !important;
	margin-top: 0.8em;
}
@media (min-width:900px) {
	.input {
		 margin-right: 8px !important;
	}
}

label.hs-error-msg {
	color:red !important;
}
.input .hs-input {
	width: 100% !important;
	background: transparent !important;
	border-width: 0;
	padding: 0.4em 0;
	font-size: 1em;
}
.input .hs-input {
	<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
  font-family: 'Open sans', sans-serif;
  font-weight: 400;/* Font-family,size */
	color: #FFFFFF;
	background: transparent !important;
	border-bottom: 1pt solid #FFFFFF;
	letter-spacing: 0.1em;
}
.input .hs-input:focus {
  outline: none;
}


.hs-fieldtype-text {
	margin-top:1em;
}
.hs-fieldtype-text label span {
	display: none !important;
	<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
  font-family: 'Open sans', sans-serif;
  font-weight: 700;/* Font-family,size */
	font-size: 1em;
	color: #F9B74B;
}


/* CSs para ajustar campos de LGDPR e autorizações do formulario*/

.legal-consent-container {
	<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
  font-family: 'Open sans', sans-serif;
  font-weight: 400;
	font-size: 0.8em;;
	color: #FFFFFF;
}
.legal-consent-container>div {
   margin-top: 1.5em;
}
.legal-consent-container .hs-form-booleancheckbox-display {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

	
    justify-content: flex-start; -webkit-justify-content: flex-start;
	

  
    align-items: center; -webkit-align-items: center;
	

  

  


}
.legal-consent-container .hs-form-booleancheckbox-display>input[type="checkbox"]{
	width: auto !important;
	margin-top: 0 !important;
}
.legal-consent-container .hs-form-booleancheckbox-display>span {
	<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
  font-family: 'Open sans', sans-serif;
  font-weight: 400;
	line-height: 1.4;
  margin-left: 1em !important;
}

/* CSS Submit button */
.hs-submit .actions {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

	
    justify-content: center; -webkit-justify-content: center;
	

  
    align-item: center; -webkit-align-item: center;
	

  

  


}
.hs-submit .actions .hs-button {
	  padding: 1em 1.5em;
  margin: 1em 1.5em;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -o-transition: 400ms;
    -ms-transition: 400ms;
    transition: 400ms;
	  <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
  font-family: 'Open sans', sans-serif;
  font-weight: 700;
	  border-radius: 50px;
	  background-color: #F9B74B;
    border: none;
}

/* Select */
.input select.hs-input {
   background: #000000 !important;
	<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
  font-family: 'Open sans', sans-serif;
  font-weight: 400; /* Font-family,size */
}
.input select.hs-input option{
	<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
  font-family: 'Open sans', sans-serif;
  font-weight: 400; /* Font-family,size */
	padding: 1em !important;
	margin-top: 1em !important;
	font-size: 1em;
}

/* CSS para modifcar a a cor de fundo,quando o navegador completa o campo do formulario. */
input:-internal-autofill-selected {
	background-color:  !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	background-color:  !important;
	-webkit-text-fill-color: #FFFFFF !important;
  transition: background-color 5000s ease-in-out 0s;
}

/*CSS Que ajusta a cor da font nos placeholders*/
::-webkit-input-placeholder { /* Edge */
  color: #FFFFFF;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #FFFFFF;
}
::placeholder {
  color: #FFFFFF;
}

html {
	scroll-behavior: smooth;
	-webkit-transition: 400ms;
    -moz-transition: 400ms;
    -o-transition: 400ms;
    -ms-transition: 400ms;
    transition: 400ms;
}
body {
	font-family: 'Open Sans', sans-serif;
}
.image-responsive {
	width: 100%;
	height: auto;	
	position: relative;
	display: block;
	padding: 0;
	overflow: hidden;
}

/* Naturgy Custom Style */



.footer-naturgy .footer-container {
	background-color: #FFFFFF !important;
}
.footer-naturgy .mjv-all-rights {
	color: #2D2D2D;
}

.landing-naturgy .block-cta-button .block-cta-link {
	background: #e57200 !important;
	color: #ffffff;
}

.landing-naturgy form {
	background: #ffffff !important;
	color: #000000;
}
.landing-naturgy .hs-fieldtype-text label span {
	color: #000000;
}
.landing-naturgy .input .hs-input {
	color: #000 !important;
	border-bottom: 2pt solid #000;
	-webkit-text-fill-color: #000 !important;
}

.landing-naturgy .input select.hs-input {
	background: #ffffff !important;
}

.landing-naturgy .hs-submit .actions .hs-button {
	background: #e57200 !important;
	color: #ffffff;
}

/*CSS Que ajusta a cor da font nos placeholders*/
.landing-naturgy ::-webkit-input-placeholder { /* Edge */
  color: #2D2D2D;
	opacity: 0.7;
	font-size:0.8em;
  letter-spacing: 0 !important;
}
.landing-naturgy :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #2D2D2D;
	font-size:0.8em;
	opacity: 0.7;
	letter-spacing: 0 !important;
}
.landing-naturgy ::placeholder {
  color: #2D2D2D;
	font-size:0.8em;
	opacity: 0.7;
	letter-spacing: 0 !important;
}
.landing-naturgy .legal-consent-container {
	 color: #2D2D2D;
}
.landing-naturgy .speakers-profile.information-cards {
	background: #f1f1f2;
}
.landing-naturgy .speakers-profile .information-card-items .information-card-time {
	color: #e57200
}

.landing-naturgy .banner-subtitle .hs_cos_wrapper h1 {
  font-size: 2.1em !important;
}

.landing-naturgy .cta-simple .block-cta-content .block-cta-title {
   font-size: 2.1em !important;
}

.landing-naturgy .speakers-profile .information-card-column .information-card-title {
  font-size: 1.7em !important;
}

.landing-naturgy .hs_cos_wrapper_type_form {
	width: 70%;
}
.hs_funcao_naturgy_.hs-funcao_naturgy_.hs-fieldtype-checkbox.field.hs-form-field {
	font-family: 'Open sans',sans-serif;
	font-weight: 400;
	margin-top: 1.5em
}
.landing-naturgy label.hs-form-checkbox-display {
	display: flex;
  justify-content: flex-start;
}
.landing-naturgy label.hs-form-checkbox-display input {
	width: 15px !important;
}
.landing-naturgy legend.hs-field-desc {
	font-family: 'Open sans',sans-serif;
	font-weight: 400;
}

body.hs-content-id-35625624055.hs-landing-page.hs-page.hs-content-path-pt-br-webinar-ti-estrategica .row-fluid-wrapper.row-depth-1.row-number-3 {
	max-width: 960px;
	margin: 0 auto;
	padding: 3rem 1rem;
}