/*
Theme Name: Eergx Child
Description: Child theme for Eergx
Author: Jesús Rojas
Template: eergx
Version: 1.0
*/

.egx-heading-1{
	text-transform:initial;
}
.egx-split-text .split-line div div:nth-child(1){
	text-transform: initial;
}
#validationMessage{
color: #75ff75;    
}


.g-recaptcha {
  margin-top: 20px;
}
:root {
  scroll-behavior: inherit;
  --urbanist: "Urbanist", sans-serif;
  --inter: "Inter", sans-serif;
  --egx-pr-1: rgb(229, 120, 9) !important;
  --egx-pr-2: #B9D32A !important;
  --egx-gd-1: -webkit-linear-gradient(-180deg, #f9b726 0%, #f2960e 30%, #e57809 100%) !important;
  --egx-gd-2: -webkit-linear-gradient(0deg, #209753 0%, #B9D32A 100%) !important;
  --egx-heading-1: rgb(29, 30, 30) !important;
  --egx-para-1: #4F4E4E !important;
  --cube-1: cubic-bezier(.25,.46,.45,.50) !important;
  --cube-2: cubic-bezier(0.31, -0.105, 0.43, 1.4) !important;
}

.tt-step-calc{
  font-family: "Poppins";
  font-size: 20px;
  font-weight: 500;
  color: #fff;
}
.inpform{
  background: -webkit-linear-gradient(180deg,  #f2950e 0%,#e57809 100%) !important;
  border: none;
  color: #fff;
  border-radius: 25px;
  padding: 10px 20px;
  margin-top: 20px;

}
.inpform:focus{
  color: #fff;
}
.inpform::placeholder{
  color: #fff;
  opacity: 0.7;
  font-family: "Poppins";
  font-weight: 300;
  font-size: 15px;
}
.rango-monto {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 8px;
  border-radius: 4px;
  outline: none;
  background: linear-gradient(to right, #ff5722 50%, #ddd 50%);
  transition: background 0.1s linear;
  cursor: pointer;
  border: none;
}

/* Estilos de la barra en Chrome y Edge */
.rango-monto::-webkit-slider-runnable-track {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background: transparent; /* Se deja transparente para que se vea el fondo dinámico */
}

/* Estilos del control deslizante en Chrome */
.rango-monto::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: #ff5722;
  border-radius: 50%;
  cursor: pointer;
  margin-top: -6px; /* Alinear el thumb con la barra */
}

/* Estilos para Firefox */
.rango-monto::-moz-range-track {
  height: 8px;
  border-radius: 4px;
  background: transparent;
}

.rango-monto::-moz-range-progress {
  background: #ff5722;
  height: 8px;
  border-radius: 4px;
}

.rango-monto::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #ff5722;
  border-radius: 50%;
  cursor: pointer;
}


html {
    scroll-behavior: auto !important;
}
body{
  width: 100%;
  overflow-x: hidden;
}

.marca-desc{
  background: #1e516a;
  padding: 20px;
  border-radius: 10px;
  width: 250px;
  color: #ffffff;
  font-family: "Urbanist";
  font-size: 14px;
  font-weight: 500;
  position:fixed; 
  z-index:1000;
}

.egx-blog-details-content p:nth-child(1)::first-letter {
  font-weight: 700;
  font-size: 48px;
  line-height: 30px;
}


.egx-energy-1-wrap .energy-right .item:nth-child(2n+1) .icon{
  color: #e57809 !important;
}
.header-sticky {
  transition: 300ms ease-in-out;
  background-color: transparent;
}
.header-sticky:is(.txa_sticky) {
  transform: translateY(-150%);
}
.header-sticky:is(.txa_sticky):is(.txa_sticky_show) {
  transform: translateY(0%);
}
.header-sticky:is(.txa_sticky_show) {
  background-color: #0e2c3e;
}

.gradient h2{
  background: -webkit-linear-gradient(-180deg, #f9b726 0%, #f2960e 30%, #e57809 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
}
/* Calculadora simple  */
.progress-container {
    margin-bottom: 20px;
}
.box-result{
  color: #fff;
  font-family: "Urbanist";
}
.progress {
    height: 5px;
    background-color: #fff;
    position: relative;
    margin-bottom: 10px;
}
.progress-bar {
    width: 0;
    height: 100%;
    background-color: #f9b726;
    position: absolute;
    transition: width 0.3s ease-in-out;
}
.progress-steps {
    display: flex;
    justify-content: space-between;
}
.progress-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    color: #fff;
}
.progress-step.active {
    opacity: 1;
    color: #f9b726;
}
.progress-step i {
    font-size: 1.5em;
}
.progress-step span {
    margin-top: 5px;
}

#step3 h4 {
    font-weight: bold;
    color: #e57809;
}
#step3 p {
    font-size: 1.2em;
}
.btn-secondary {
    background-color: #6c757d;
    border-color: #6c757d;
    color: white;
}
.btn-secondary:hover {
    background-color: #5a6268;
    border-color: #545b62;
}
.btn-next span {
    display: inline-block;
    transition: transform 0.3s ease;
}
.btn-next:hover span {
    transform: translateX(5px);
}
.step {
    display: none;
    transition: opacity 0.5s ease-in-out;
}
.step.active {
    display: block !important;
    opacity: 1;
}
.step-leave {
    opacity: 0;
}
.btn-volver{
  margin-top: 50px;
  border-radius: 10px;
  padding: 10px 20px;
  color: #fff;
  border: none;
}
.btn-next{
  background: -webkit-linear-gradient(-180deg, #f9b726 0%, #f2960e 30%, #e57809 100%) !important;
  color: #fff;
  position: relative;
  border-radius: 10px;
  border: none;
  padding: 10px 20px;
  margin-top: 50px;
}
.btn-help{
background: -webkit-linear-gradient(-180deg, #f9b726 0%, #f2960e 30%, #e57809 100%) !important;
  color: #fff;
  font-size:14px;
  font-family: "Urbanist";
  position: relative;
  border-radius: 10px;
  border: none;
  padding: 5px 10px;
  margin-left:20px;
	
}
.txt-help {
  color: #fff;
  display: flex;
  align-items: center;
  font-family: "Urbanist";
  font-size:17px;
}
.btn-next span{
  z-index: 2;
  position: relative;
}
.btn-next:hover{
  color: #fff;
}

.btn-next::after {
  content: "";
  position: absolute;
  background: #ffffff;
  left: 0;
  top: 0px;
  width: 0%;
  height: 100%;
  border-radius: 10px;
  transition: all 0.4s ease;
}
.btn-next:hover::after {
  width: 100%;
  background:#040404;
}

.icon-ok{
  position: relative;
  width: 150px;
  margin-left: auto;
  margin-right: auto;
}
.icon-ok .swal2-icon-show{
  font-size: 15px ;
  box-sizing: content-box;
}
#resultado {
  position: relative;
}

/* Fin de la Calculadora simple */
.egx-energy-1-top .section-title-wrap .energy-title-big {
  font-size: 150px;
  margin-top: -50px;
}

.icon-cont .elementor-icon:hover i {
  animation: egx_zigzag 0.4s ease;
}

.btn-prueba {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 11.75px 28px;
  background: -webkit-linear-gradient(130deg, #209753 0%, #B9D32A 100%);
  box-shadow: 0px 4px 0px rgba(13, 13, 13, 0.08);
  border-radius: 100px;
  position: relative;
  transition: all 0.4s ease;
}
.btn-prueba::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 100px;
  left: 0;
  top: 0;
  background: var(--egx-gd-2);
  transition: all 0.4s ease;
}
.btn-prueba .btn-text-new {
  font-family: var(--urbanist);
  font-weight: 700;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #FFFFFF;
  position: relative;
  z-index: 2;
  transform: translateX(20px);
  transition: all 0.4s ease;
}
.btn-prueba .btn-icon-new .icon {
  fill: none;
  stroke: #ffffff;
  stroke-dasharray: 95;
  stroke-dashoffset: 95;
  transition: all 0.6s cubic-bezier(0.345, 0, 0, 1);
}
.btn-prueba .btn-icon-new .icon path {
  fill: #fff;
  stroke-dasharray: 95;
  stroke-dashoffset: 95;
  transition: all 0.6s cubic-bezier(0.345, 0, 0, 1);
}
.btn-prueba:is(.btn-outline) {
  border: 2px solid transparent;
  background-image: linear-gradient(#013330, #013330), linear-gradient(to right, #209753, #B9D32A);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  padding: 9.75px 28px;
}
.btn-prueba:is(.btn-outline)::after {
  display: none;
}
.btn-prueba:is(.btn-outline) .btn-text-new {
  background: var(--egx-gd-2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.btn-prueba:is(.btn-outline) .btn-icon-new .icon {
  fill: none;
  stroke: #B9D32A;
  stroke-dasharray: 95;
  stroke-dashoffset: 95;
  transition: all 0.6s cubic-bezier(0.345, 0, 0, 1);
}
.btn-prueba:is(.btn-outline) .btn-icon-new .icon path {
  fill: #B9D32A;
  stroke-dasharray: 95;
  stroke-dashoffset: 95;
  opacity: 0;
  transition: all 0.6s cubic-bezier(0.345, 0, 0, 1);
}
.btn-prueba:is(.btn-outline):hover::after {
  opacity: 0;
}
.btn-prueba:is(.btn-outline):hover .btn-icon-new .icon path {
  opacity: 1;
}
.btn-prueba:is(.work-btn) {
  background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(to right, #209753, #B9D32A);
  box-shadow: none;
}
.btn-prueba:hover::after {
  opacity: 0;
}
.btn-prueba:hover .btn-text-new {
  transform: translateX(0);
}
.btn-prueba:hover .btn-icon-new .icon {
  stroke-dashoffset: 0;
}
.btn-prueba:hover .btn-icon-new .icon path {
  stroke-dashoffset: 0;
}




@media (max-width: 767px) {
  .egx-energy-1-top .section-title-wrap .energy-title-big {
    font-size: 100px;
  }
	.marca-info {
	  height: 200px;
	  display: flex;
	}
	.marca-imagen {
  		width: 100%;
  		object-fit: cover;
	}
}

@media (max-width: 575px) {
  .egx-energy-1-top .section-title-wrap .energy-title-big {
    font-size: 80px;
  } 
}