/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

body {
  font-family: 'Rubik', sans-serif;
  font-weight: 300;  
  
  /* Escala fluida: mín 16px, preferido 1.1vw, máx 18px */
  font-size: clamp(1rem, 1.1vw, 1.125rem);
  
  /* Rubik necesita aire; 1.6 es ideal para lectura larga */
  line-height: 1.6;
  
  /* Color recomendado para reducir fatiga visual */
  color: #2D3436; 
  
  /* Optimización de renderizado */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Estilo para notas al pie o texto secundario */
small, .text-sm {
  font-size: clamp(0.875rem, 0.9vw, 0.938rem);
  line-height: 1.4;
  color: #636E72;
}

/* Para resaltar con Rubik, el peso 600 es más legible que el 700 en tamaños base */
strong, b {
  font-weight: 600;
}


.card_header{
	padding: 60px 40px 90px 40px;
}
.card_body{
	padding: 20px 40px 60px 40px;
}
.blue_bar{
	background: linear-gradient(to right,  #033383 0%,#1f70c0 37%,#1f70c0 62%,#033383 100%);
}
.headertop{
	z-index: 5;	
}
.bgbg{
	background: url(https://tyspowerwashohio.com/wp-content/uploads/2026/03/1.avif);
}
/*
.wmrk{
	background: url(https://tyspowerwashohio.com/wp-content/uploads/2026/03/bg-body.avif) center no-repeat;
}
*/


/*////////////////////////////// Bodyer formats /////////////////////// */ 
.bodyer p{
	font-size: 1.3rem !important; 
	line-height: 1.3em;
	font-weight: 300;
	text-align: justify !important;
}
.bodyer strong, .bodyer b{
	font-weight: 600;
	font-size: 1.3rem;
	color: var(--e-global-color-primary);
}
h1, h2, h3, h4, h5, h6{
	font-family: var(--e-global-typography-text-font-family);	
	margin-bottom: 1rem;
}
h1 {
  /* Mínimo: 38px | Preferido: 5vw | Máximo: 50px */
  font-size: clamp(2.375rem, 5vw, 3.125rem);
  font-weight: 700;
  line-height: 1.1;
}

h2 {
  /* Mínimo: 32px | Máximo: 40px */
  font-size: clamp(2rem, 4vw, 2.5rem);
  font-weight: 700;
  line-height: 1.2;
}

h3 {
  /* Mínimo: 26px | Máximo: 32px */
  font-size: clamp(1.625rem, 3vw, 2rem);
  font-weight: 600;
  line-height: 1.1;
  color: var(--e-global-color-2746fd6);
}

h4 {
  /* Mínimo: 22px | Máximo: 25px */
  font-size: clamp(1.375rem, 2.5vw, 1.56rem);
  font-weight: 500;
}

h5 {
  font-size: clamp(1.125rem, 2vw, 1.25rem);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

/*////////////////////////////// Bodyer formats /////////////////////// */ 


/* Small devices  */
@media only screen and (min-width: 300px) {
	h1{
		font-size: 30px; 
	}
	h2{
		font-size: 30px;
	}
	.logo_site{
		position: absolute;
		z-index: 5;
	}	
	.header{
		background: #02255C;
	}
	.bghero{
		background: url(https://tyspowerwashohio.com/wp-content/uploads/2026/03/bghero.avif) no-repeat;
		background-size: cover;		
	}
	.footer_col{
		padding: 30px;
	}
	.what{		
		z-index: 5;
		padding: 0 20px 80px 20px;
	}
	.botones{
		position: fixed;
		right: 0;
		bottom: 5px;
		width: 100%;
	}
	.btn-gfq, .btn-cll{
		width: 45%;
	}

	.aqua_mov{
		background: url(https://tyspowerwashohio.com/wp-content/uploads/2026/03/aqua-m.png) no-repeat center;
		background-size: cover;
		width: 100%;
		min-height: 20vh;  
		position: relative;
		z-index: 4;   
		margin-top: -23%; 
	}

	.header_sp{		
		background: url(https://tyspowerwashohio.com/wp-content/uploads/2026/03/bghero.avif) no-repeat center;
		background-size: cover;				
	}






}
/* Tablet */
@media only screen and (min-width: 768px) {
	h1{
		font-size: 35px; 
	}
	h2{
		font-size: 35px;
	}
	.logo_site{
		position: absolute;
		z-index: 5;
	}
	.csslogo{
		background: none;
	}
	.header{
		background: linear-gradient(to right,  rgba(30,87,153,0) 0%,rgba(2,37,92,0.9) 100%);	
		z-index: 5;
	}
	.header_sp{
		margin-top: -70px;
		background: url(https://tyspowerwashohio.com/wp-content/uploads/2026/03/bghero.avif) no-repeat;
		background-size: cover;
		background-attachment: fixed;		
	}
	.header_banner{
		margin-top: -85px;
	}
	
	.footer_col{
		padding: 20px;
	}
	.aqua_mov{    
		background: url('https://tyspowerwashohio.com/wp-content/uploads/2026/03/aqua-m.png') no-repeat center;
		background-size: cover;
		width: 100%;
		min-height: 26vh;
		position: relative;
		z-index: 4;    
		margin-top: -20%; 
	}
	.what{		
		z-index: 5;
		padding: 0 20px 140px 20px;
	}
	.botones{
		position: fixed;
		right: 15px;
		bottom: 15px;
		width: 40%;
	}
	.btn-gfq, .btn-cll{
		width: 50%;
	}







}
/* Laptop */
@media only screen and (min-width: 1366px) {
	body{		
		font-size: 20px;
	}
	h1{
		font-size: 55px;
	}
	h2{
		font-size: 40px;		
	}
	.logo_site{
		position: absolute;
		z-index: 5;
	}
	.header_banner{
		margin-top: -70px;
	}
	.header_sp{
		margin-top: -70px;
		background: url(https://tyspowerwashohio.com/wp-content/uploads/2026/03/bghero.avif) no-repeat;
		background-size: cover;
		background-attachment: fixed;		
	}
	.bghero{
		background: url(https://tyspowerwashohio.com/wp-content/uploads/2026/03/bg-wash.avif) no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}
	.footer_col{
		padding: 40px 50px;
	}
	.what{
		margin-top: 0px;
		z-index: 5;
		padding-bottom: 180px;
	}	
	.botones{
		position: fixed;
		right: 0;
		bottom: 0;
		width: 13%;
		padding: 10px;
	}
	.btn-gfq, .btn-cll{
		width: 100%;
	}
		


.aqua {
	/* 1. Imagen optimizada */
	background: url('https://tyspowerwashohio.com/wp-content/uploads/2026/03/aqua-b2.png') no-repeat center center;
	background-size: cover;

	/* 2. Altura flexible */
	min-height: 65vh; /* Ocupa el 60% del alto de la pantalla, se ajusta sola */
	width: 100%;

	/* 3. Posicionamiento */
	position: relative;
	z-index: 4;
	
	margin-top: -32.5vh;
	margin-bottom: 0;
}




}
/* desktop */
@media only screen and (min-width: 1400px) {
}
















/* Works on Firefox */
* {
	scrollbar-width: thin;
	scrollbar-color: var(--e-global-color-accent) #E5E5E5;
  }
  
  
  /* Works on Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
	width: 12px;
  }
  
  *::-webkit-scrollbar-track {
	background: #E5E5E5;
  }
  
  *::-webkit-scrollbar-thumb {
	background-color: var(--e-global-color-accent);
	border-radius: 20px;
	border: 3px solid #E5E5E5;
  }