:root {
			--primary: #d97706;
			--primary-dark: #b45309;
			--secondary: #16a34a;
			--secondary-dark: #15803d;
			--accent: #fbbf24;
			--dark: #1e293b;
			--gray: #475569;
			--light: #f8fafc;
			--white: #ffffff;
		}

		* {
			margin: 0;
			padding: 0;
			box-sizing: border-box;
		}

		body {
			font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
			line-height: 1.6;
			color: var(--dark);
			overflow-x: hidden;
		}

		/* Header */
		.header_primary {
			background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
			padding: 1rem 3rem;
			position: sticky;
			top: 0;
			z-index: 1000;
			box-shadow: 0 4px 20px rgba(0,0,0,0.15);
		}

		.img_logo_header {
			filter: brightness(0) invert(1);
			transition: all 0.3s;
		}

		.img_logo_header:hover {
			transform: scale(1.05);
		}

		.menu_desplegable {
			display: flex;
			gap: 2rem;
			list-style: none;
			margin: 0;
			padding: 0;
		}

		.menu_desplegable a {
			color: white !important;
			text-decoration: none;
			font-weight: 600;
			font-size: 1rem;
			transition: all 0.3s;
			padding: 0.5rem 1rem;
			border-radius: 8px;
		}

		.menu_desplegable a:hover {
			background: rgba(255,255,255,0.2);
			transform: translateY(-2px);
		}

		.boton_header {
			display: none;
			background: white;
			border: none;
			padding: 0.5rem 1rem;
			border-radius: 8px;
			cursor: pointer;
			font-size: 1.5rem;
			color: var(--primary);
		}

		/* Hero Section */
		.h_custom {
			min-height: 80vh;
			background: linear-gradient(135deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), 
			            url('https://telefonos.calentadores-solares.com/img/img_fondo_pt1.webp?v=1') center/cover;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 4rem 2rem;
		}

		.bg_black_opacity {
			background: rgba(30, 41, 59, 0.5) !important;
			backdrop-filter: blur(10px);
			padding: 3rem !important;
			border-radius: 20px;
			box-shadow: 0 20px 60px rgba(0,0,0,0.3);
		}

		.font_size_custom_h1 {
			font-size: 3.5rem;
			font-weight: 800;
			line-height: 1.2;
			margin-bottom: 1.5rem;
		}

		/* Phone Section */
		.llamada_grande {
			font-size: 3rem;
			color: var(--primary);
			text-decoration: none;
			font-weight: 800;
			transition: all 0.3s;
			display: inline-block;
		}

		.llamada_grande:hover {
			color: var(--primary-dark);
			transform: scale(1.05);
		}

		.c_text_azul {
			color: var(--dark) !important;
		}

		/* About Section */
		.font_size_custom_h2 {
			font-size: 2.8rem;
			font-weight: 700;
			line-height: 1.2;
			margin-bottom: 1.5rem;
		}

		.c_text_gris {
			color: var(--dark) !important;
		}

		.font_size_custom_p {
			font-size: 1.1rem;
			line-height: 1.9;
			color: var(--gray);
		}

		.c_text_gris_bajo {
			color: var(--gray) !important;
		}

		.boton_St_3 {
			background: linear-gradient(135deg, var(--secondary), var(--secondary-dark));
			color: white;
			padding: 1rem 3rem;
			border: none;
			border-radius: 50px;
			font-size: 1.1rem;
			font-weight: 700;
			cursor: pointer;
			transition: all 0.3s;
			text-decoration: none;
			display: inline-block;
			box-shadow: 0 8px 25px rgba(22, 163, 74, 0.3);
			margin-top: 1.5rem;
		}

		.boton_St_3:hover {
			transform: translateY(-3px);
			box-shadow: 0 12px 35px rgba(22, 163, 74, 0.4);
			background: linear-gradient(135deg, var(--secondary-dark), #166534);
		}

		/* Stats Section */
		.height_box_datos {
			min-height: 200px;
			transition: all 0.3s;
			border-radius: 15px;
		}

		.height_box_datos:hover {
			background: white;
			transform: translateY(-10px);
			box-shadow: 0 15px 40px rgba(0,0,0,0.1);
		}

		.border_right {
			border-right: 2px solid #e2e8f0;
		}

		.contadores {
			font-weight: 800 !important;
			color: var(--primary) !important;
		}

		/* Products Section */
		.bg_background_img_seccion_3 {
			background: url('https://images.unsplash.com/photo-1497366216548-37526070297c?w=1920') center/cover;
			position: relative;
		}

		.bg_filter_sec_3 {
			background: linear-gradient(135deg, rgba(30, 41, 59, 0.95), rgba(15, 23, 42, 0.95));
		}

		.font_size_custom_h3 {
			font-size: 1.5rem;
			font-weight: 700;
		}

		.alto_box {
			min-height: 500px;
		}

		.alto_box .bg-white {
			transition: all 0.3s;
			border: 3px solid transparent;
		}

		.alto_box .bg-white:hover {
			transform: translateY(-15px);
			box-shadow: 0 20px 50px rgba(0,0,0,0.15);
			border-color: var(--accent);
		}

		.alto_box img {
			border-radius: 15px;
			margin-bottom: 1rem;
		}

		/* Contact Section */
		.bg_background_grey_fuerte {
			background: linear-gradient(135deg, var(--dark), #0f172a);
		}

		/* Footer */
		.bg_color_background {
			background: var(--dark);
			padding: 2rem 0;
		}

		.button_custom_footer {
			width: 60px;
			height: 60px;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			color: white;
			font-size: 1.8rem;
			margin: 0.5rem;
			transition: all 0.3s;
			text-decoration: none;
		}

		.bg_telefono_footer {
			background: linear-gradient(135deg, var(--primary), var(--primary-dark));
		}

		.bg_whatsapp_footer {
			background: linear-gradient(135deg, #25D366, #128C7E);
		}

		.button_custom_footer:hover {
			transform: scale(1.15);
			box-shadow: 0 10px 30px rgba(0,0,0,0.3);
		}

		.border_top_custom {
			border-top: 2px solid rgba(255,255,255,0.2);
			margin-top: 2rem;
			padding-top: 2rem;
		}

		/* Responsive */
		@media (max-width: 992px) {
			.boton_header {
				display: block;
			}

			.menu_desplegable {
				display: none;
			}

			.menu_desplegable.active {
				display: flex;
				flex-direction: column;
				position: absolute;
				top: 100%;
				left: 0;
				right: 0;
				background: linear-gradient(135deg, var(--primary), var(--primary-dark));
				padding: 2rem;
				box-shadow: 0 10px 30px rgba(0,0,0,0.2);
			}

			.font_size_custom_h1 {
				font-size: 2.5rem;
			}

			.font_size_custom_h2 {
				font-size: 2rem;
			}

			.llamada_grande {
				font-size: 2rem;
			}

			.border_right {
				border-right: none;
				border-bottom: 2px solid #e2e8f0;
			}
		}

		/* Animations */
		@keyframes fadeInUp {
			from {
				opacity: 0;
				transform: translateY(30px);
			}
			to {
				opacity: 1;
				transform: translateY(0);
			}
		}

		.animate-fade {
			animation: fadeInUp 0.8s ease-out;
		}


     
.color_fondo_azul
{
    background-color: var(--primary-dark);
}
.color_fondo_verde
{
    background-color: var(--dark);
}
.bg_filter_sec_3
{
    width: 100%;
    height: 100%;
    background-color: #000000c5;
}

#mor_calentadores
{
    opacity: 1;
    min-height: 100vh !important;
}
.calentadores_baja_1, .calentadores_baja_2, .calentadores_baja_3
{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.font_size_custom_h3_1
{
    font-size: 1.2rem;
}
.border_custom
{
    border: 1px solid var(--accent);
}
.img_cover
{
    object-fit: cover;
    object-position: center;
}

.tachado_text
{
    text-decoration: line-through;
}
.uppercase
{
    text-transform: uppercase;
}
.subrayado_amarillo
{
    background-color: var(--accent);
}


.boton_description
{
    width: 100%;
    height: 30px;
    background-color: #d6d6d6;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem !important;
    color: var(--color_gris_bajo);
    cursor: pointer;
    transition: all 0.3s ease;
}
.boton_description:hover
{
    background-color: #b4b4b4;
}
.box_text_descripction
{
    height: 0px;
    background-color: #ececec;
    overflow: hidden;
    transform: height;
    transition: all 0.3s ease;
}
.boton_St_3
{
    display: flex;
    align-items: center;
    justify-content: center;
}