@charset "utf-8";
/* CSS Document */

/*
nombre: style
versión: V.01-26
fecha: 02-02-2021
Conjunto de estilos propios para landing concepto agua/aire
actualización: 28-08-2026
*/

*{
		margin:0;
		padding:0;
		border:0;
		text-decoration:none;
		box-sizing: border-box;
	}
		
		#sidebar,#menu { display:none; }
		#page { width:99%; }
		#content { width:99%; }

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

		
body { 
  margin:0 auto; 
  background: rgba(54,133,201,1.00); /*background: rgba(52,135,200,1.00)*/; 
  font-size:13px; 
  box-sizing: border-box; 
  font-family: 'Open Sans', sans-serif;
  font-optical-sizing: auto;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}
		
.desktop { display: none; }
.mobile { display: block; }

header { width:100%; height:auto; margin: 0 auto; margin-right:0; margin-left: 0; margin-bottom: 0px; padding: 30px 10px 30px 10px; }				

.logoConcepto { padding: 0 0 30px 0; text-align:center; }
.logoConcepto img { width:150px; height:auto; margin-top: 20px; }

.textos { width:100%; height:auto; margin: 0 auto; margin-right:0; margin-left: 0; margin-bottom: 0px; padding: 30px 10px 30px 10px; }

h1 { 
  font-size: 2.63em; 
  background: none; 
  color: white; 
  display: inline-block; 
  font-weight: 500; 
  margin-bottom: 15px; 
  text-align: center; 
}

h1 span { 
  font-weight: 600;
  color: rgba(249,202,58,1.00);
}

h2 { font-size: 1.6em; color: white; font-weight: 500; margin-bottom: 10px; }
h3 { font-size: 1.40em; color: white; background: rgba(241,159,96,1.00); padding: 4px 5px 3px 5px; display: inline-block; margin-top: 10px; }
h4 { position: relative; font-size: 1.40em; color: white; margin-top: 10px; text-align: center; font-weight: normal;}
p { font-size: 1.2em; color: white;  }
h5 { position: relative; font-size: 4.8vw; font-weight: 500; color: rgba(249, 202, 58, 1.00); margin: 4vw 0 2vw 0; }

#agua-airePSA { margin: 0 auto; padding: 0; width: 100%; height: auto; background: rgba(52,135,200,1.00); }
#agua-airePSA h1 { font-size: 2.2em; text-align: left; color: aliceblue; }

.containerImage01 { position: relative; margin: 0 auto; padding: 0; width: 100%; height: auto; background: rgba(52,135,200,1.00); overflow: hidden; }
.containerImage01 img { width: 100%; height: auto;}

.pulsador { position: absolute; background: rgba(255,255,255,0.25); border-radius: 100%; line-height: 0; }
.pulsador i { font-size: 6.5vw; padding:1.4vw; color:aqua; }

.linkProductos { color: red; text-decoration: none; font-size: 12px; }	

.compartir { position: absolute; background: rgba(0,201,7,1.00); border-radius: 100%; line-height: 0; }
.compartir i { font-size: 8vw; padding:3.5vw; line-height: auto; color:aliceblue; }
#compartirWAPP { right: 4vw; top: 0vw; }

		
/*=========== coordenadas productos MOBILE viewport============*/

		#ducha { left: 48vw; top: 18.5vw; }
		#c3 { left: 62vw; top: 20vw; }
		#aire01 { left: 80vw; top: 27vw; }
    #aire02 { left: 62vw; top: 45vw; }
		#aire03 { left: 72vw; top: 45vw; }
    #burby01 { left: 80.5vw; top: 40vw; }
    #burby02 { left: 79vw; top: 52vw;}
    #purificadores { left: 58.5vw; top: 55.5vw; }
		#canillaBM { left: 69vw; top: 55.5vw; }
    #poli { left: 18vw; top: 54vw; }
		#ablandadores { left: 9.1vw; top: 57vw; }
		#stopper { left: 27vw; top: 57vw; }
    #DUO-SM { left: 84vw; top: 55.5vw; }
		#DUO-pie { left: 88vw; top: 63vw; }
		#ecoD-SM { left: 84vw; top: 55.5vw; }
		#ecoD01 { left: 88vw; top: 63vw; }
		#iontrix { left: 20.5vw; top: 72vw; }
		#portatil { left: 65vw; top: 72.5vw; }

/*============================================================*/

		
		@media screen and (min-width: 768px){			
			.mobile { display: none; }
			.desktop { display: block; }
			.compartir { display: none; }
			
			header { position: absolute; top: 0; margin: 0; z-index: 100; max-width: 40vw; padding: 3vw 2.2vw 0 2.2vw; }
			.containerImage01 { /*margin-top: 1vw;*/ text-align: right; }
			.logoConcepto { padding: 0 0 1.65vw 0; text-align:left; }
			.logoConcepto img { width:10vw; height:auto; margin-top: 0; }
			.textos { position: absolute; top: 0; z-index: 100; width:100%; max-width: 37vw; height:auto; margin: 0 auto; margin-right:0; margin-left: 0; margin-bottom: 0px; padding: 23vw 0 0 2.2vw; }
      
			h1 { text-align: left; font-size: 2.73vw; font-weight: 500; margin-bottom: 1.2vw; }
      
      h1 span { font-size: 2.8vw; color: rgba(249,202,58,1.00); }
      
			h2 { font-size: 1.40vw ; color: white; font-weight: 500; margin-bottom: 1vw; }
			h3 { font-size: 1.13vw; color: white; background: rgba(241,159,96,1.00); padding: .45vw .53vw .35vw .53vw; display: inline-block; margin-top: 1.2vw; letter-spacing: .03vw; }
      
			p { font-size: 1.05vw; color: white; letter-spacing: .07vw; font-weight: 400; margin: 1rem 0; }
      
			h4 { position: absolute; font-size: 1.02vw; letter-spacing: .05vw; color: white; top: 34.3vw; max-width: 34vw; font-weight: 500; text-align: left; }
      
			h5 { font-size: 1.16vw; color: white; background: rgba(221,145,3,1.00); padding: .45vw .53vw .35vw .53vw; display: inline-block; margin: 1.2vw 0 2vw 0; letter-spacing: .03vw; border-radius: 5px; }
			
/*			.pulsador i { font-size: 30vw; padding:.61vw; margin: 0; color:aqua; }*/
			.pulsador i { font-size: 2.5vw; padding:.69vw; margin: 0; color:aqua; }
      
			
		/*=========== coordenadas productos DESKTOP viewport============*/
			#ducha { left: 63.5vw; top: 13.5vw; }
			#c3 { left: 72vw; top: 14.5vw; }
			#aire01 { left: 83.5vw; top: 18vw; }
      #aire02 { left: 72vw; top: 29.1vw; }
			#aire03 { left: 77.5vw; top: 29.1vw; }
      #burby01 { left: 84vw; top: 25.8vw; }
			#stopper { left: 48vw; top: 36vw; }
			#ablandadores { left: 37.5vw; top: 37.5vw; }			
			#poli { left: 42.5vw; top: 34vw; }
			#purificadores { left: 70.2vw; top: 35.1vw; }
			#canillaBM { left: 75.2vw; top: 35.1vw; }
			#burby02 { left: 83vw; top: 36.1vw; }
      #DUO-SM { left: 85vw; top: 35.1vw; }
			#DUO-pie { left: 88vw; top: 39.5vw; }
			#ecoD-SM { left: 85vw; top: 35.1vw; }
			#ecoD01 { left: 88vw; top: 39.5vw; }
			#iontrix { left: 23vw; top: 43vw; }
			#portatil { left: 55.2vw; top: 45vw; }
		/*============================================================*/
	}