/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/
.grecaptcha-badge {
    visibility: hidden !important;
}

.cmplz-cookiebanner .cmplz-buttons {
    flex-direction: row-reverse;
}

/*-----------------MENÚ DE NAVEGACIÓN------------------*/
.menu-cabecera .w-nav-control{
    color: #eec768;
    z-index: 33;
    position: relative;
    transition: all 0.3s ease-in-out;
}

.menu-cabecera .w-nav-control.active {
    color: black;
    z-index: 33;
    position: relative;
}

.menu-cabecera .w-nav-control.active:hover {
	color: black !important;
}

.w-nav.type_mobile.m_layout_panel .w-nav-list.level_1 {
	min-width: 50%;
}

.l-subheader.at_middle .type_mobile .w-nav-list.level_1,
.ush_menu_1 .w-nav-list:not(.level_1){
	background: #fff !important;
}


/* Icono para Página de inicio */
.menu-cabecera #menu-item-14 a::before {
	content: "";
	background-image: url('https://hermegasesores.solbyte.dev/wp-content/uploads/2025/02/home.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
}

/* Icono para Quiénes somos */
.menu-cabecera #menu-item-422 a::before {
	content: "";
	background-image: url('https://hermegasesores.solbyte.dev/wp-content/uploads/2025/02/add-group.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
}

/* Icono para Comparativas de facturas de electricidad */
.menu-cabecera #menu-item-54 > a::before {
	content: "";
	background-image: url('https://hermegasesores.solbyte.dev/wp-content/uploads/2025/02/thunder.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
}

/* Icono para Servicios complementarios */
.menu-cabecera #menu-item-403 a::before {
	content: "";
	background-image: url('https://hermegasesores.solbyte.dev/wp-content/uploads/2025/02/image-48.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
}

/* Icono para Blog */
.menu-cabecera #menu-item-407 a::before {
	content: "";
	background-image: url('https://hermegasesores.solbyte.dev/wp-content/uploads/2025/02/image-49.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
}

/* Icono para Contacto */
.menu-cabecera #menu-item-15 a::before {
	content: "";
	background-image: url('https://hermegasesores.solbyte.dev/wp-content/uploads/2025/02/image-50.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
}

/* Icono para Comparativa personalizada */
.menu-cabecera #menu-item-406 a::before {
	content: "";
	background-image: url('https://hermegasesores.solbyte.dev/wp-content/uploads/2025/02/image-51.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	position: absolute;
	left: 0;
}

/* Icono para Auditoría de gastos */
.menu-cabecera #menu-item-405 a::before {
	content: "";
	background-image: url('https://hermegasesores.solbyte.dev/wp-content/uploads/2025/02/image-52.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	position: absolute;
	left: 0;
}

/* Icono para Propuestas de ahorro */
.menu-cabecera #menu-item-404 a::before {
	content: "";
	background-image: url('https://hermegasesores.solbyte.dev/wp-content/uploads/2025/02/image-53.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	position: absolute;
	left: 0;
}

.w-nav-list.level_2 .w-nav-item {
	padding-left: 30px !important;
}

/* Estilos generales para los iconos */
.menu-cabecera .w-nav-list li a {
	display: flex;
	align-items: center;
	padding-left: 30px !important; /* Espacio para el icono */
	position: relative;
}

@media (max-width: 768px) {	
	.w-nav.type_mobile.m_layout_panel .w-nav-list.level_1 {
		padding: 2rem !important;
	}
	
	.ush_menu_1.type_mobile .w-nav-anchor.level_1, .ush_menu_1.type_mobile .w-nav-anchor.level_1 + .w-nav-arrow {
		font-size: 20px !important;
	}
	
	.ush_menu_1.type_mobile .w-nav-anchor:not(.level_1), .ush_menu_1.type_mobile .w-nav-anchor:not(.level_1) + .w-nav-arrow {
		font-size: 15px !important;
	}
	
	.w-nav.type_mobile.m_layout_panel .w-nav-list.level_1 {
		min-height: fit-content;
	}
}

.w-nav.type_mobile.m_layout_panel .w-nav-list.level_1 {
	padding: 7rem;
	align-content: center;
	transition: transform 0.4s cubic-bezier(.4,0,.2,1);
}

.w-nav.type_mobile .w-nav-anchor:not(.w-btn) {
    padding: 0.6rem;
}

ul.w-nav-list.level_2 {
	display: block !important;
	opacity: 1 !important;
	height: auto !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.w-nav-anchor .w-nav-arrow {
	display: none !important;
}

.w-nav-list.level_2 .w-nav-item {
    position: relative;
    padding-left: 70px; /* Espacio para el círculo */
}


/* Cambio de color al hacer hover en el <li> */
nav.w-nav.ush_menu_1.menu-cabecera .w-nav-list.level_2 .w-nav-item:hover::before {
    background-color: black; /* Color del círculo al hacer hover */
}

.w-nav.type_mobile.m_align_none .w-nav-anchor.level_2 {
	padding-left: 0;
}

.menu-cabecera li,
.menu-cabecera ul.w-nav-list.level_2,
.menu-cabecera .level_2 li{
	width: fit-content;
}

/*---------------HERO SECTION-----------------*/
h1 span,
h2 span{
	color: var(--color-content-primary);
}

/*-----------------BOTONES------------------*/
.boton-amarillo {
    padding: 1.2rem 2rem 1.2rem 2rem;
    border-radius: 7rem;
    background-color: var(--color-content-primary);
    transition: all 0.3s ease-in-out;
    width: fit-content;
    display: flex; /* Asegura que el contenido del botón se ajuste bien */
    align-items: center; /* Centra el texto con el SVG */
}

.boton-amarillo .w-html {
	display: flex;
	align-items: center;
	width: 50px;
}

.envoltura-boton:hover .boton-amarillo{
    background-color: #fff;
}

.boton-amarillo svg {
    width: 20px; /* Inicialmente pequeño */
    height: 20px;
    transition:width 0.6s ease; /* Transiciones suaves */
    overflow: visible;
}

.envoltura-boton:hover .boton-amarillo svg {
    width: 100%; /* Expande solo el SVG sin afectar el ancho total del botón */
}

.envoltura-boton a {
	border-radius: 7rem;
}


/*-------------CUADRÍCULA--------------*/

.envoltura-cuadricula {
    transition: all 0.3s ease-in-out;
    position: relative;
}

.envoltura-cuadricula .foto-flecha {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.envoltura-cuadricula .foto-mas {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

.envoltura-cuadricula:hover .foto-mas {
    opacity: 0;
}

.envoltura-cuadricula:hover .foto-flecha {
    opacity: 1;
    visibility: visible;
}

/* Estado inicial: el span está oculto */
.info-cuadricula span {
  opacity: 0;
  visibility: hidden;
  transition: all 0s ease-in-out;
  display: none;
}

/* El contenedor sin padding extra inicialmente */
.info-cuadricula {
  padding-bottom: 0;
  transition: padding-bottom 0.3s ease;
}

/* Al hacer hover sobre la imagen, se activa el efecto en el span del texto */
.envoltura-cuadricula:hover ~ .info-cuadricula span {
  opacity: 1;
  visibility: visible;
  display: block;
}

/* También se añade padding al contenedor para ajustar el espacio */
.envoltura-cuadricula:hover ~ .info-cuadricula {
  padding-bottom: 1rem;
}

/*---------------BLOQUE SERVICIOS----------------*/

/* Ocultar todas las imágenes por defecto excepto peticiones */
#img-emitir, #img-instalaciones, #img-proyectos, #img-cambios, #img-aumento, #img-peticiones, #img-fotovoltaica {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-in-out, visibility 0s linear 0.5s;
}

/* Mostrar solo la imagen de peticiones por defecto */
#img-peticiones {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s ease-in-out, visibility 0s linear 0s;
}

/* Estilos base de los textos */
#txt-emitir,
#txt-instalaciones,
#txt-proyectos,
#txt-cambios,
#txt-aumento,
#txt-peticiones,
#txt-fotovoltaica {
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, transform 0.2s ease-in-out;
}

/* Estilos cuando un texto está activo */
#txt-emitir.active,
#txt-instalaciones.active,
#txt-proyectos.active,
#txt-cambios.active,
#txt-aumento.active,
#txt-peticiones.active,
#txt-fotovoltaica.active {
    color: #fff;
    background-color: #111 !important;
}

/* 🔹 Efecto suave al pasar el mouse sobre los textos */
#txt-emitir:hover,
#txt-instalaciones:hover,
#txt-proyectos:hover,
#txt-cambios:hover,
#txt-aumento:hover,
#txt-peticiones:hover,
#txt-fotovoltaica:hover {
    background-color: #111 !important; /* Color más oscuro al hacer hover */
    color: #fff;
}

/*--------------------FIXEAR RESOLUCIONES--------------------*/
/* Footer */
footer {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    box-sizing: border-box;
}

/*-----------------BOTONES FLOTANTES----------------------*/
.botones-flotantes .w-image img{
    transition: all 0.3s ease-in-out;
    transform: scale(1);
}

.botones-flotantes .w-image img:hover {
    transform: scale(1.1)!important;
}

/*-------------------CONTACTO--------------------*/
#responsive-form input#your-file {
    border-radius: 20px;
    box-shadow: none;
    border: 1px solid #eec768;
}

#responsive-form span input, #responsive-form span textarea {
	border: 1px solid #eec768;
	border-radius: 20px;
}

.form-services #responsive-form span input, .form-services #responsive-form span textarea {
	background:white!important;
}

.form-contact #responsive-form span input, .form-contact #responsive-form span textarea {
	background:white!important;
}

.form-contact #responsive-form, .form-contact #responsive-form a {
	color:white!important;
}

.form-contact #responsive-form .wpcf7-not-valid-tip, .form-contact .wpcf7-response-output {
	color:white!important;
}

.form-contact #responsive-form .wpcf7-submit {
	background:#ededed!important;
}

.form-contact #responsive-form .wpcf7-submit:hover {
	background:#bd5c55!important;
}

.wpcf7-form input:not([type="submit"]) {
	margin-top:0!important;
}

.wpcf7-submit {
	border-radius:20px!important;
	width:100%;
}

span.label {
	display: none !important;
}
#responsive-form{
      max-width:100%/*60% /*-- cambiar esto para conseguir el ancho de la forma deseada --*/;
      margin:0 auto;
      width:100%;
}
.form-row{
      width: 100%;
}
.column-half, .column-full{
      float: left;
      position: relative;
      padding: 0.4rem;
	  padding-left: 0rem!important;
      width:100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box
}

.clearfix:after {
      content: "";
      display: table;
      clear: both;
}

/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) {
	.column-half{
		width: 50%;
	}
}