@charset "iso-8859-1";
/*----BATERIA BL4040F--*/

.text1{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	font-family:"Oswald", sans-serif;
	font-weight:bold;
	font-size:40px;
	color:#FFFFFF;
	text-align:center;
	margin-top:50px;
	margin-bottom:50px;
}

.textBloco1{
    position: relative;
    float: left;
    width: 80%;
    height: auto;
    font-family: "Oswald", sans-serif;
    font-size: 24px;
    font-weight: lighter;
    font-style: normal;
    color: #FFFFFF;
    text-align: center;
	margin-bottom:2%;
	margin-left:10%;
	margin-right:10%;
}

.textBloco2{
    position: relative;
    float: left;
    width: 80%;
    height: auto;
    font-family: "Oswald", sans-serif;
    font-size: 24px;
    font-weight: lighter;
    font-style: normal;
    color: #FFFFFF;
    text-align: justify;
	margin-bottom:2%;
	margin-left:10%;
	margin-right:10%;
}


.boxBaterias{
	position:relative;
	float:left;
	width:90%;
	height:auto;
	resize: vertical;
	margin-left:5%;
	margin-right:5%;
}

.text2{
    position: relative;
    float: center;
    width: 80%;
    height: auto;
    font-family: "Oswald", sans-serif;
    font-size: 24px;
    font-weight: lighter;
    font-style: normal;
    color: #FFFFFF;
    text-align: justify;
    margin: 10%;
}


.text3{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	font-family:"Oswald", sans-serif;
	font-weight:lighter;
	font-size:24px;
	color:#FFFFFF;
	text-align:justify;
	margin-top:30px;
	margin-left:10px;
}


.text4{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	font-family:"Oswald", sans-serif;
	font-weight:lighter;
	font-size:22px;
	color:#FFFFFF;
	text-align:justify;
	margin-top:30px;
	margin-left:10px;
}

.titulo1{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	font-family:"Oswald", sans-serif;
	font-weight:bold;
	font-size:42px;
	color:#FFFFFF;
	text-align:center;
	margin-top:40px;
}

.subTitulo1{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	font-family:"Oswald", sans-serif;
	font-weight:bold;
	font-size:30px;
	color:#FFFFFF;
	text-align:center;
	margin-top:10px;
	margin-bottom:30px;
}


.titulo2{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	font-family:'Montserrat', sans-serif;
	font-weight:bold;
	font-size:32px;
	color:#FFFFFF;
	text-align:center;
	margin-top:35px;
	margin-bottom:35px;
}

.boxSubtit{
	position:relative;
	float:left;
	width:100%;
	height:40px;
	font-family:'Montserrat', sans-serif;
	font-weight:bold;
	font-size:12px;
	text-align:center;
}

.boxBateriasXGT{
	position:relative;
	float:left;
	width:60%;
	height:357px;
	margin-left:20%;
	margin-right:20%;
}

.textContainter{
	position:relative;
	float:left;
	width:80%;
	height:auto;
	font-family:'Montserrat', sans-serif;
	font-weight:bold;
	font-size:32px;
	color:#FFFFFF;
	text-align:center;
	margin-top:35px;
	margin-bottom:35px;
	margin-left:10%;
	margin-right:10%;
}

.containter{
	width: 100%;
	height:auto;
}

#imagem-baterias {
  width: 100%;           /* A imagem ocupa 100% da largura do contêiner */
  height: auto;          /* A altura se ajusta proporcionalmente */
  max-width: 1200px;     /* Limita o tamanho máximo para telas grandes */
  display: block;        /* Remove espaçamento indesejado em imagens */
  margin: 0 auto;        /* Centraliza a imagem horizontalmente */
}

/* Ajustes específicos para tablets */
@media (max-width: 768px) {
  #imagem-baterias {
    max-width: 90%;      /* Limita o tamanho em telas médias */
  }
}

/* Ajustes específicos para smartphones */
@media (max-width: 480px) {
  #imagem-baterias {
    max-width: 100%;     /* A imagem ocupa toda a largura em telas pequenas */
    border-radius: 4px;  /* Bordas levemente arredondadas */
  }
}

.titulo-Baterias {
  height: auto;
  font-family:'Montserrat', sans-serif;    /* Define a fonte do título */
  font-weight: bold;                 /* Deixa o título em negrito */
  text-align: center;                /* Centraliza o título */
  color: #FFF;                       /* Cor do título */
  margin: 0;                    /* Espaçamento em volta do título */
}

/* Tamanho do título em telas grandes, como desktops */
@media (min-width: 1024px) {
  .titulo-Baterias {
    font-size: 3rem;                 /* Tamanho da fonte em telas grandes */
  }
}

/* Tamanho do título em tablets */
@media (max-width: 1023px) {
  .titulo-Baterias {
    font-size: 2.5rem;               /* Tamanho da fonte em tablets */
  }
}

/* Tamanho do título em smartphones */
@media (max-width: 768px) {
  .titulo-responsivo {
    font-size: 2rem;                 /* Tamanho da fonte em smartphones */
  }
}

/* Tamanho do título em telas muito pequenas */
@media (max-width: 480px) {
  .titulo-responsivo {
    font-size: 1.5rem;               /* Tamanho da fonte em telas muito pequenas */
  }
}