#findProducto .dropdown-menu {
  width: 80vh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  max-height: 70vh !important;
}


/* Estilos para pantallas menores a 992px */
@media (max-width: 992px) {
	
    .content-space-b-5 {
    padding-bottom: 27.5rem !important;
	}
	.svg-imgn {
		width: 365px!important;
	}
}	

@media (max-width: 1366px) {
  .pt-md-menuhome {
    padding-top: 15rem !important;
  }
  .lista-home-mov {
    max-height: 320px;
    overflow: auto;
  }
}
/* Media query para ocultar en dispositivos con ancho mayor a 768px (por ejemplo, computadoras de escritorio) */
@media screen and (min-width: 769px) {
  .no-aside {
    display: none; /* Oculta en dispositivos con ancho mayor a 768px */
  }
  .lista-home-mov {
    max-height: 366px;
    overflow: auto;
  }
  .height-card-tips {
    height: 126px;
  }
  .height-card-tips-menu {
    height: 85px;
  }
  .title-mundo {
    min-height: 134px;
  }
}
.title-concurso {
  min-height: 77px;
}
.electro-slider-btn {
  display: inline-block;
  font-weight: normal;
  color: #4b566b;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .625rem 1.375rem;
  font-size: .9375rem;
  line-height: 1.5;
  border-radius: .3125rem;
  transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, box-shadow 0.2s ease-in-out;
  color: #fff;
  background-color: #fe696a;
  border-color: #fe696a;
  box-shadow: none;
  text-transform: uppercase;
}
.modal-inicio .modal-dialog {
  max-width: 1060px !important;
}
.product-badge.product-not-available {
  background-color: #f34770 !important;
  ;
  color: #FFF;
}
.product-badge.product-not-available::after {
  border-color: rgba(243, 245, 249, 0);
  border-bottom-color: #f34770 !important;
}
.bg-celeste {
	background-color: #f1f6fc!important;
}
.super-titulo {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 600;
}
.super-texto {
  font-family: 'Ubuntu', sans-serif;
}
.bg-color-anwo {
  background-color: rgb(31 43 118);
  background-color: rgb(31 43 118)product;
}
.bg-light {
  background-color: #f2fbff !important;
}
.bg-green {
  background-color: #8fca00 !important;
}
.bg-calefon {
  background-color: #fd7e14 !important;
}
.bg-orange {
  background-color: #ec9b00 !important;
}
.bg-greener {
  background-color: #88c001 !important;
}
.bg-anwo {
  background: #3546ab;
}
.bg-primary {
  background-color: #ffffff !important;
}
.bg-caja {
  background-color: #f9f9f9 !important;
}
.sb-instagram:hover {
  background-color: #f241bd !important;
  box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(88, 81, 219, 0.9)
}
.sb-instagram:hover.sb-light {
  color: #f241bd !important;
}
.btn-market {
  background-color: rgba(40, 53, 131, 1);
}
.cz-sidebar-body {
  padding: 0.875rem 0.875rem;
}
.text-red {
  color: #fe696a;
}
.input-group-append-overlay {
  width: 110px;
}
.mr-13 {
  margin-right: 13rem !important;
}
.h-titulo {
  height: 65px !important;
}
h5, .h5 {
  font-size: 1rem;
}
small, .small {
  font-size: 70%;
}
.product-badge {
  top: 10% !important;
}
.modal .product-badge {
  right: -1.075rem !important;
}
.page-title-overlap {
  padding-bottom: 4.375rem;
}
.form-control {
  background-color: #ffffff9e;
  border-radius: 1.3125rem!important;
}
.form-select {
    border-radius: 1.3125rem!important;
}
.mt-6, .my-6 {
  margin-top: 5rem !important;
}
.drift-bounding-box, .drift-zoom-pane {
  position: absolute;
  pointer-events: none
}
@keyframes noop {
  0% {
    zoom: 1
  }
}
@-webkit-keyframes noop {
  0% {
    zoom: 1
  }
}
.drift-zoom-pane.drift-open {
  display: block
}
.drift-zoom-pane.drift-closing, .drift-zoom-pane.drift-opening {
  animation: noop 1ms;
  -webkit-animation: noop 1ms
}
.drift-zoom-pane {
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}
.drift-zoom-pane-loader {
  display: none
}
.drift-zoom-pane img {
  position: absolute;
  display: block;
  max-width: none;
  max-height: none
}
.listahome {
  max-height: 130px;
  overflow: auto;
}
.listaprevia {
  max-height: 220px;
  overflow: auto;
}
.product-badge {
  right: -0.3rem !important;
}
.mr-lg-n5, .mx-lg-n5 {
  margin-right: -5rem !important;
}
.w-57 {
  width: 63% !important;
}
.bg-faded-accent {
  background-color: rgb(226 241 255) !important;
}
.steps-dark .step-item.active.current {
  color: #fff;
}
.navbar-tool-icon {
  color: #fe696a;
}
.custom-file-label::after {
  content: "Buscar" !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
avatar.avatar-4x3 {
  width: 4.1666666667rem;
  height: auto;
  border-radius: 0;
}
.avatar {
  position: relative;
  display: inline-block;
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 0.5rem;
}
.overflow-auto-1 {
  max-height: 495px;
  overflow: auto;
}
a.nav-link-style.d-flex.align-items-center.px-4.py-2 {
  font-size: 0.9rem;
}
.product-title > a {
  transition: color 0.25s ease-in-out;
  color: #373f50;
  text-decoration: none !important;
}
/* Colores categorÃas*/
.bg-calefaccion {
  background-color: #E42313;
}
.bg-acondicionado {
  background-color: #009FE3;
}
.bg-tuberias {
  background-color: #AB3A8D;
}
.bg-aplicado {
  background-color: #243588;
}
.bg-eficiencia {
  background-color: #80BA27;
}
.bg-medicion {
  background-color: #F28C00;
}
.bg-hidraulica {
  background-color: #007D32;
}
.bg-renovables {
  background-color: #905b27;
}
.bg-tratamiento {
  background-color: #3F82A4;
}
.bg-fotovoltaico {
  background-color: #3AAA35;
}
.bg-ventilacion {
  background-color: #91D3EC;
}
.bg-azul-corporativo {
  background-color: #293279;
}
.bg-rojo-corporativo {
  background-color: #CC1A1D;
}
/* Fin colores categorías*/
.fancybox-slide {
  padding: 150px !important;
}
.dropdown-menu-ancho .dropdown-item {
  white-space: normal; /* Hace que el texto se ajuste y se rompa según sea necesario */
  overflow: hidden; /* Oculta el texto que desborda el contenedor */
}
.dropdown-item:hover {
  transform: translateX(5px); /* Mueve el texto 5 píxeles a la derecha al pasar el cursor */
}
.custom-control-input {
  position: static;
  width: 1.5rem;
}
.listasearch {
  max-height: 250px;
  overflow: auto;
}
.modal-inicio .modal-dialog {
  max-width: 1060px !important;
}
.btn-success {
  color: #2b3445;
  background-color: #000354;
  border-color: #000354;
  box-shadow: none
}
.btn-success:hover {
  color: #fff;
  background-color: #000354;
  border-color: #000354
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #000354c4;
  border-color: #000354c4;
  box-shadow: 0 0 0 0 rgba(63, 190, 139, 0.5)
}
.btn-success.disabled, .btn-success:disabled {
  color: #2b3445;
  background-color: #000354;
  border-color: #000354
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #2b3445;
  border-color: #2b3445
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(63, 190, 139, 0.5)
}
.fancybox-slide {
  padding: 100px !important;
}
.navbar-nav .dropdown-menu {
  max-width: 78.6rem;
  min-width: 82.5rem;
}
.dropdown-menu-ancho .dropdown-item {
  white-space: normal; /* Hace que el texto se ajuste y se rompa según sea necesario */
  overflow: hidden; /* Oculta el texto que desborda el contenedor */
}
.dropdown-item:hover {
  transform: translateX(5px); /* Mueve el texto 5 píxeles a la derecha al pasar el cursor */
}
.list-group-item {
  padding: 0.6rem 1.5rem !important;
  background-color: #fff0;
}
.d-grid {
  display: grid;
}
.card-home {
  transition: all 0.2s ease-in-out; /* Duración en segundos, transición suave */
}
.card-home:hover {
  transform: scale(1.05); /* Levemente más grande para dar efecto de zoom */
}
.navbar-nav .nav-item {
  margin-bottom: 0rem;
}
.mega-dropdown-menu {
  position: absolute !important;
}
.rounded-top {
  border-radius: 0.5rem .5rem 0rem 0 !important;
}
.borde-menu-1 {
  border-top: 8px solid #ff0000;
}
.listamenu {
  max-height: 85px;
  overflow: auto;
}
.mega-dropdown-column {
  max-width: 10.3rem;
}
.dropdown-menu {
  padding: 0;
}
/* Inicio botones menu home */
.dropdown-menu.mega-dropdown-menu.p-4.pl-0.mt-0.rounded-top-0.btn-top-outline-home.show {
  top: 45px;
}
.dropdown-menu.mega-dropdown-menu.p-4.pl-0.mt-0.rounded-top-0.border-top-menu-purificacion-aire.show {
  top: 45px;
}
.dropdown-menu.mega-dropdown-menu.p-4.pl-0.mt-0.rounded-top-0.border-top-menu-fotovoltaica.show {
  top: 45px;
}
.dropdown-menu.mega-dropdown-menu.p-4.pl-0.mt-0.rounded-top-0.border-top-menu-calefaccion.show {
  top: 45px;
}
.dropdown-menu.mega-dropdown-menu.p-4.pl-0.mt-0.rounded-top-0.border-top-menu-aire-acondicionado.show {
  top: 45px;
}
.dropdown-menu.mega-dropdown-menu.p-4.pl-0.mt-0.rounded-top-0.border-top-menu-aire.show {
  top: 45px;
}
.dropdown-menu.mega-dropdown-menu.p-4.pl-0.mt-0.rounded-top-0.border-top-menu-ener-renovables.show {
  top: 45px;
}
.dropdown-menu.mega-dropdown-menu.p-4.pl-0.mt-0.rounded-top-0.border-top-menu-medicion.show {
  top: 45px;
}
.dropdown-menu.mega-dropdown-menu.p-4.pl-0.mt-0.rounded-top-0.border-top-menu-hidraulica.show {
  top: 45px;
}
.dropdown-menu.mega-dropdown-menu.p-4.pl-0.mt-0.rounded-top-0.border-top-menu-ventilacion.show {
  top: 45px;
}
.dropdown-menu.mega-dropdown-menu.p-4.pl-0.mt-0.rounded-top-0.border-top-menu-purificacion-agua.show {
  top: 45px;
}
.btn-outline-fotovoltaica {
  color: #4e54c8;
  border-color: #f1f6fc;
  border-width: 0.5px;
  border-right: 0px;
  background-color: #f1f6fc;
  /*    border-bottom: 3px solid #3AAA35;*/
}
.btn-outline-fotovoltaica:hover {
  color: #fff;
  background-color: #3AAA35;
  border-color: #3AAA35;
}
.btn-outline-fotovoltaica:focus, .btn-outline-fotovoltaica.focus {
  box-shadow: 0 0 0 0 rgba(78, 84, 200, 0.5)
}
.btn-outline-fotovoltaica.disabled, .btn-outline-fotovoltaica:disabled {
  color: #3AAA35;
  background-color: transparent
}
.btn-outline-fotovoltaica:not(:disabled):not(.disabled):active, .btn-outline-fotovoltaica:not(:disabled):not(.disabled).active, .show > .btn-outline-fotovoltaica.dropdown-toggle {
  color: #fff;
  background-color: #3AAA35;
  border-color: #3AAA35
}
.btn-outline-fotovoltaica:not(:disabled):not(.disabled):active:focus, .btn-outline-fotovoltaica:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-fotovoltaica.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(78, 84, 200, 0.5)
}
.btn-outline-calefaccion {
  color: #4e54c8;
  border-color: #f1f6fc;
  border-width: 0.5px;
  border-right: 0px;
  background-color: #f1f6fc;
  /*   border-bottom: 3px solid #E42313;*/
}
.btn-outline-calefaccion:hover {
  color: #fff;
  background-color: #E42313;
  border-color: #E42313;
}
.btn-outline-calefaccion:focus, .btn-outline-calefaccion.focus {
  box-shadow: 0 0 0 0 rgba(78, 84, 200, 0.5)
}
.btn-outline-calefaccion.disabled, .btn-outline-calefaccion:disabled {
  color: #E42313;
  background-color: transparent
}
.btn-outline-calefaccion:not(:disabled):not(.disabled):active, .btn-outline-calefaccion:not(:disabled):not(.disabled).active, .show > .btn-outline-calefaccion.dropdown-toggle {
  color: #fff;
  background-color: #E42313;
  border-color: #E42313
}
.btn-outline-calefaccion:not(:disabled):not(.disabled):active:focus, .btn-outline-calefaccion:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-calefaccion.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(78, 84, 200, 0.5)
}
.btn-outline-calefon {
  color: #4e54c8;
  border-color: #f1f6fc;
  border-width: 0.5px;
  background-color: #f1f6fc;
  /*    border-bottom: 3px solid #fd7e14;*/
    padding-bottom: .5rem !important;
    padding-top: .5rem !important;
    padding-left: .25rem !important;
    padding-right: .25rem !important;
}
.btn-outline-calefon:hover {
  color: #fff;
  background-color: #fd7e14;
  border-color: #fd7e14;
}
.btn-outline-calefon:focus, .btn-outline-calefon.focus {
  box-shadow: 0 0 0 0 rgba(78, 84, 200, 0.5)
}
.btn-outline-calefon.disabled, .btn-outline-calefon:disabled {
  color: #fd7e14;
  background-color: transparent
}
.btn-outline-calefon:not(:disabled):not(.disabled):active, .btn-outline-calefon:not(:disabled):not(.disabled).active, .show > .btn-outline-calefon.dropdown-toggle {
  color: #fff;
  background-color: #fd7e14;
  border-color: #fd7e14
}
.btn-outline-calefon:not(:disabled):not(.disabled):active:focus, .btn-outline-calefon:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-calefon.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(78, 84, 200, 0.5)
}
.btn-outline-aire-acondicionado {
  color: #4e54c8;
  border-color: #f1f6fc;
  border-width: 0.5px;
  border-right: 0px;
  background-color: #f1f6fc;
  /*    border-bottom: 3px solid #009FE3;*/
  padding-top: .5rem !important;
  padding-bottom: .5rem !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.btn-outline-aire-acondicionado:hover {
  color: #fff;
  background-color: #009FE3;
  border-color: #009FE3;
}
.btn-outline-aire-acondicionado:focus, .btn-outline-aire-acondicionado.focus {
  box-shadow: 0 0 0 0 rgba(78, 84, 200, 0.5)
}
.btn-outline-aire-acondicionado.disabled, .btn-outline-aire-acondicionado:disabled {
  color: #009FE3;
  background-color: transparent
}
.btn-outline-aire-acondicionado:not(:disabled):not(.disabled):active, .btn-outline-aire:not(:disabled):not(.disabled).active, .show > .btn-outline-aire-acondicionado.dropdown-toggle {
  color: #fff;
  background-color: #009FE3;
  border-color: #009FE3
}
.btn-outline-aire-acondicionado:not(:disabled):not(.disabled):active:focus, .btn-outline-aire-acondicionado:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-aire-acondicionado.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(78, 84, 200, 0.5)
}
.btn-outline-aire {
  color: #4e54c8;
  border-color: #f1f6fc;
  border-width: 0.5px;
  border-right: 0px;
  background-color: #f1f6fc;
  /*    border-bottom: 3px solid #243588;*/
  padding-top: .5rem !important;
  padding-bottom: .5rem !important;
  padding-left: 0 !important;
  padding-right: 0 !important;	
}
.btn-outline-aire:hover {
  color: #fff;
  background-color: #243588;
  border-color: #243588;
}
.btn-outline-aire:focus, .btn-outline-aire.focus {
  box-shadow: 0 0 0 0 rgba(78, 84, 200, 0.5)
}
.btn-outline-aire.disabled, .btn-outline-aire:disabled {
  color: #243588;
  background-color: transparent
}
.btn-outline-aire:not(:disabled):not(.disabled):active, .btn-outline-aire:not(:disabled):not(.disabled).active, .show > .btn-outline-aire.dropdown-toggle {
  color: #fff;
  background-color: #243588;
  border-color: #243588
}
.btn-outline-aire:not(:disabled):not(.disabled):active:focus, .btn-outline-aire:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-aire.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(78, 84, 200, 0.5)
}
.btn-outline-purificacion-aire {
  color: #4e54c8;
  border-color: #f1f6fc;
  border-width: 0.5px;
  border-right: 0px;
  background-color: #f1f6fc;
  /*    border-bottom: 3px solid #4e54c8;*/
}
.btn-outline-purificacion-aire:hover {
  color: #fff;
  background-color: #4e54c8;
  border-color: #4e54c8;
}
.btn-outline-purificacion-aire:focus, .btn-outline-purificacion-aire.focus {
  box-shadow: 0 0 0 0 rgba(78, 84, 200, 0.5)
}
.btn-outline-purificacion-aire.disabled, .btn-outline-purificacion-aire:disabled {
  color: #4e54c8;
  background-color: transparent
}
.btn-outline-purificacion-aire:not(:disabled):not(.disabled):active, .btn-outline-purificacion-aire:not(:disabled):not(.disabled).active, .show > .btn-outline-purificacion-aire.dropdown-toggle {
  color: #fff;
  background-color: #4e54c8;
  border-color: #4e54c8
}
.btn-outline-purificacion-aire:not(:disabled):not(.disabled):active:focus, .btn-outline-purificacion-aire:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purificacion-aire.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(78, 84, 200, 0.5)
}
.btn-outline-purificacion-agua {
  color: #4e54c8;
  border-color: #f1f6fc;
  border-width: 0.5px;
  background-color: #f1f6fc;
  /*    border-bottom: 3px solid #3F82A4;*/
}
.btn-outline-purificacion-agua:hover {
  color: #fff;
  background-color: #3F82A4;
  border-color: #3F82A4;
}
.btn-outline-purificacion-agua:focus, .btn-outline-purificacion-agua.focus {
  box-shadow: 0 0 0 0 rgba(78, 84, 200, 0.5)
}
.btn-outline-purificacion-agua.disabled, .btn-outline-purificacion-agua:disabled {
  color: #3F82A4;
  background-color: transparent
}
.btn-outline-purificacion-agua:not(:disabled):not(.disabled):active, .btn-outline-purificacion-agua:not(:disabled):not(.disabled).active, .show > .btn-outline-purificacion-agua.dropdown-toggle {
  color: #fff;
  background-color: #3F82A4;
  border-color: #3F82A4
}
.btn-outline-purificacion-agua:not(:disabled):not(.disabled):active:focus, .btn-outline-purificacion-agua:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purificacion-agua.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(78, 84, 200, 0.5)
}
.btn-outline-tuberias {
  color: #4e54c8;
  border-color: #f1f6fc;
  border-width: 0.5px;
  border-right: 0px;
  background-color: #f1f6fc;
  /* border-bottom: 3px solid #AB3A8D;*/
}
.btn-outline-tuberias:hover {
  color: #fff;
  background-color: #AB3A8D;
  border-color: #AB3A8D;
}
.btn-outline-tuberias:focus, .btn-outline-tuberias.focus {
  box-shadow: 0 0 0 0 rgba(78, 84, 200, 0.5)
}
.btn-outline-tuberias.disabled, .btn-outline-tuberias:disabled {
  color: #AB3A8D;
  background-color: transparent
}
.btn-outline-tuberias:not(:disabled):not(.disabled):active, .btn-outline-tuberias:not(:disabled):not(.disabled).active, .show > .btn-outline-tuberias.dropdown-toggle {
  color: #fff;
  background-color: #AB3A8D;
  border-color: #AB3A8D
}
.btn-outline-tuberias:not(:disabled):not(.disabled):active:focus, .btn-outline-tuberias:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-tuberias.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(78, 84, 200, 0.5)
}
.btn-outline-hidraulica {
  color: #4e54c8;
  border-color: #f1f6fc;
  border-width: 0.5px;
  border-right: 0px;
  background-color: #f1f6fc;
  /*    border-bottom: 3px solid #007D32;*/
}
.btn-outline-hidraulica:hover {
  color: #fff;
  background-color: #007D32;
  border-color: #007D32;
}
.btn-outline-hidraulica:focus, .btn-outline-hidraulica.focus {
  box-shadow: 0 0 0 0 rgba(78, 84, 200, 0.5)
}
.btn-outline-hidraulica.disabled, .btn-outline-hidraulica:disabled {
  color: #007D32;
  background-color: transparent
}
.btn-outline-hidraulica:not(:disabled):not(.disabled):active, .btn-outline-hidraulica:not(:disabled):not(.disabled).active, .show > .btn-outline-hidraulica.dropdown-toggle {
  color: #fff;
  background-color: #007D32;
  border-color: #007D32
}
.btn-outline-hidraulica:not(:disabled):not(.disabled):active:focus, .btn-outline-hidraulica:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-hidraulica.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(78, 84, 200, 0.5)
}
.btn-outline-medicion {
  color: #4e54c8;
  border-color: #f1f6fc;
  border-width: 0.5px;
  border-right: 0px;
  background-color: #f1f6fc;
  /*    border-bottom: 3px solid #F28C00;*/
}
.btn-outline-medicion:hover {
  color: #fff;
  background-color: #F28C00;
  border-color: #F28C00;
}
.btn-outline-medicion:focus, .btn-outline-medicion.focus {
  box-shadow: 0 0 0 0 rgba(78, 84, 200, 0.5)
}
.btn-outline-medicion.disabled, .btn-outline-medicion:disabled {
  color: #F28C00;
  background-color: transparent
}
.btn-outline-medicion:not(:disabled):not(.disabled):active, .btn-outline-medicion:not(:disabled):not(.disabled).active, .show > .btn-outline-medicion.dropdown-toggle {
  color: #fff;
  background-color: #F28C00;
  border-color: #F28C00
}
.btn-outline-medicion:not(:disabled):not(.disabled):active:focus, .btn-outline-medicion:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-medicion.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(78, 84, 200, 0.5)
}
.btn-outline-ventilacion {
  color: #4e54c8;
  border-color: #f1f6fc;
  border-width: 0.5px;
  border-right: 0px;
  background-color: #f1f6fc;
  /*    border-bottom: 3px solid #91D3EC;*/
}
.btn-outline-ventilacion:hover {
  color: #fff;
  background-color: #91D3EC;
  border-color: #91D3EC;
}
.btn-outline-ventilacion:focus, .btn-outline-ventilacion.focus {
  box-shadow: 0 0 0 0 rgba(78, 84, 200, 0.5)
}
.btn-outline-ventilacion.disabled, .btn-outline-ventilacion:disabled {
  color: #91D3EC;
  background-color: transparent
}
.btn-outline-ventilacion:not(:disabled):not(.disabled):active, .btn-outline-ventilacion:not(:disabled):not(.disabled).active, .show > .btn-outline-ventilacion.dropdown-toggle {
  color: #fff;
  background-color: #91D3EC;
  border-color: #91D3EC
}
.btn-outline-ventilacion:not(:disabled):not(.disabled):active:focus, .btn-outline-ventilacion:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-ventilacion.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(78, 84, 200, 0.5)
}
.btn-outline-ener-renovables {
  color: #4e54c8;
  border-color: #f1f6fc;
  border-width: 0.5px;
  border-right: 0px;
  background-color: #f1f6fc;
  /*    border-bottom: 3px solid #80BA27;*/
}
.btn-outline-ener-renovables:hover {
  color: #fff;
  background-color: #80BA27;
  border-color: #80BA27;
}
.btn-outline-ener-renovables:focus, .btn-outline-ener-renovables.focus {
  box-shadow: 0 0 0 0 rgba(78, 84, 200, 0.5)
}
.btn-outline-ener-renovables.disabled, .btn-outline-ener-renovables:disabled {
  color: #80BA27;
  background-color: transparent
}
.btn-outline-ener-renovables:not(:disabled):not(.disabled):active, .btn-outline-ener-renovables:not(:disabled):not(.disabled).active, .show > .btn-outline-ener-renovables.dropdown-toggle {
  color: #fff;
  background-color: #80BA27;
  border-color: #80BA27
}
.btn-outline-ener-renovables:not(:disabled):not(.disabled):active:focus, .btn-outline-ener-renovables:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-ener-renovables.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(78, 84, 200, 0.5)
}
.btn-outline-repuestos {
  color: #4e54c8;
  border-color: #f1f6fc;
  border-width: 0.5px;
  border-left: 0px;
  background-color: #f1f6fc;
  /*    border-bottom: 3px solid #4e54c8;*/
}
.btn-outline-repuestos:hover {
  color: #fff;
  background-color: #4e54c8;
  border-color: #b2b3bd;
}
.btn-outline-repuestos:focus, .btn-outline-ener-repuestos.focus {
  box-shadow: 0 0 0 0 rgba(78, 84, 200, 0.5)
}
.btn-outline-repuestos.disabled, .btn-outline-repuestos:disabled {
  color: #4e54c8;
  background-color: transparent
}
.btn-outline-repuestos:not(:disabled):not(.disabled):active, .btn-outline-repuestos:not(:disabled):not(.disabled).active, .show > .btn-outline-repuestos.dropdown-toggle {
  color: #fff;
  background-color: #4e54c8;
  border-color: #4e54c8
}
.btn-outline-repuestos:not(:disabled):not(.disabled):active:focus, .btn-outline-repuestos:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-repuestos.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(78, 84, 200, 0.5)
}
.btn-outline-home {
  color: #4e54c8;
  border-color: #f1f6fc;
  border-width: 0.5px;
  border-right: 0px;
  background-color: #f1f6fc;
  /*    border-bottom: 3px solid #8fca00;*/
}

.btn-outline-home:hover {
  color: #fff;
  background-color: #8fca00;
  border-color: #8fca00;
}
.btn-outline-home:focus, .btn-outline-ener-home.focus {
  box-shadow: 0 0 0 0 rgba(78, 84, 200, 0.5)
}
.btn-outline-home.disabled, .btn-outline-home:disabled {
  color: #8fca00;
  background-color: transparent
}
.btn-outline-home:not(:disabled):not(.disabled):active, .btn-outline-home:not(:disabled):not(.disabled).active, .show > .btn-outline-home.dropdown-toggle {
  color: #fff;
  background-color: #8fca00;
  border-color: #8fca00
}
.btn-outline-home:not(:disabled):not(.disabled):active:focus, .btn-outline-home:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-home.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(78, 84, 200, 0.5)
}
/* Fin botones menu home */
.border-top-menu {
  border-top: 8px solid #4e54c8 !important;
}
.border-top-menu-fotovoltaica {
  border-top: 6px solid #3AAA35 !important;
}
.border-top-menu-calefaccion {
  border-top: 6px solid #E42313 !important;
}
.border-top-menu-calefon {
  border-top: 6px solid #fd7e14 !important;
}
.border-top-menu-aire-acondicionado {
  border-top: 6px solid #009FE3 !important;
}
.border-top-menu-aire {
  border-top: 6px solid #243588 !important;
}
.border-top-menu-purificacion-aire {
  border-top: 6px solid #4e54c8 !important;
}
.border-top-menu-purificacion-agua {
  border-top: 6px solid #3F82A4 !important;
}
.border-top-menu-tuberias {
  border-top: 6px solid #AB3A8D !important;
}
.border-top-menu-hidraulica {
  border-top: 6px solid #007D32 !important;
}
.border-top-menu-medicion {
  border-top: 6px solid #F28C00 !important;
}
.border-top-menu-ventilacion {
  border-top: 6px solid #91D3EC !important;
}
.border-top-menu-ener-renovables {
  border-top: 6px solid #80BA27 !important;
}
.border-top-menu-repuestos {
  border-top: 6px solid #4e54c8 !important;
}
.border-top-menu-home {
  border-top: 6px solid #8fca00 !important;
}
/*a.widget-list-link.font-weight-medium {
	font-variant: small-caps;
	line-height: 0.9rem;
}*/
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #f3f5f9 !important;
}
.btn-outline-info {
    color: #69b3fe;
    border-color: #69b3fe
}

.btn-outline-info:hover {
    color: #ffffff;
    background-color: #69b3fe;
    border-color: #69b3fe
}

.btn-outline-info:focus,.btn-outline-info.focus {
    box-shadow: 0 0 0 0 rgba(105,179,254,0.5)
}

.btn-outline-info.disabled,.btn-outline-info:disabled {
    color: #69b3fe;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled):active,.btn-outline-info:not(:disabled):not(.disabled).active,.show>.btn-outline-info.dropdown-toggle {
    color: #ffffff;
    background-color: #69b3fe;
    border-color: #69b3fe
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,.btn-outline-info:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(105,179,254,0.5)
}

.changa {
  font-family: "Changa", sans-serif;
}
.changa-2 {
  font-family: "Changa", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}
.changa-3 {
  font-family: "Changa", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}
.changa-4 {
  font-family: "Changa", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.changa-5 {
  font-family: "Changa", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.changa-6 {
  font-family: "Changa", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.changa-7 {
  font-family: "Changa", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.btn-info {
  color: #2b3445;
  background-color: #0097e0;
  border-color: #0097e0;
  box-shadow: none;
}
.w-70 {
  width: 70% !important;
}
.w-35 {
  width: 35% !important;
}
.btn-home {
  font-family: "Changa", sans-serif;
  font-weight: 600;
  width: 120px;
  line-height: 0.9rem;
}
.one {
  padding-bottom: 1rem !important;
  padding-top: 0.9rem !important;
}
.nav-linkh {
  padding: .70rem 1.0rem;
  text-align: center;
  line-height: 1rem;
}
.jumbotron {
  padding-bottom: 2.5rem !important;
  padding-top: 2.5rem !important;
  background-image: url('https://ucarecdn.com/f1c18e07-a66f-4f7e-b8ea-feaa4726a3e8/-/scale_crop/700x450/');
  background-size: cover;
  background-position: center;
}
.jumbotron .row {
  align-items: center;
}
.listamenu-2 {
  max-height: 452px;
  overflow: auto;
}
.btn-home {
    white-space: normal;
}
.p-btn {
    padding-right: 0rem !important;
    padding-left: 0rem !important;
}
h5.card-title {
    min-height: 20px;
}
h5.card-title.mb-0 {
    min-height: 30px;
}
.navbar-sticky.navbar-stuck {
    background-color: white;
}



/* INICIO CSS CALCULADORA SOLAR */

.step-item {
    text-align: left;
}
.card {
    border: none!important;
}
.card-footer {
    border-top: none!important;
}
.step-title {
    font-weight: 500!important;
}
.changa {
  font-family: "Changa", sans-serif;
}
.changa-2 {
  font-family: "Changa", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}
.changa-3 {
  font-family: "Changa", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}
.changa-4 {
  font-family: "Changa", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.changa-5 {
  font-family: "Changa", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.changa-6 {
  font-family: "Changa", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.changa-7 {
  font-family: "Changa", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.btn-info {
  color: #2b3445;
  background-color: #0097e0;
  border-color: #0097e0;
  box-shadow: none;
}
.btn-accent {
    color: #fff;
    background-color: #4e54c8;
    border-color: #4e54c8;
    box-shadow: none
}

.btn-accent:hover {
    color: #fff;
    background-color: #393fb7;
    border-color: #363cad
}

.btn-accent:focus,.btn-accent.focus {
    color: #fff;
    background-color: #393fb7;
    border-color: #363cad;
    box-shadow: 0 0 0 0 rgba(105,110,208,0.5)
}

.btn-accent.disabled,.btn-accent:disabled {
    color: #fff;
    background-color: #4e54c8;
    border-color: #4e54c8
}

.btn-accent:not(:disabled):not(.disabled):active,.btn-accent:not(:disabled):not(.disabled).active,.show>.btn-accent.dropdown-toggle {
    color: #fff;
    background-color: #363cad;
    border-color: #3338a3
}

.btn-accent:not(:disabled):not(.disabled):active:focus,.btn-accent:not(:disabled):not(.disabled).active:focus,.show>.btn-accent.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(105,110,208,0.5)
}
.btn-info {
    color: #fff;
    background-color: #0097e0;
    border-color: #0097e0;
    box-shadow: none;
}
.btn-info:hover {
    color: #fff;
    background-color: #43a0fe;
    border-color: #3699fe
}

.btn-info:focus,.btn-info.focus {
    color: #fff;
    background-color: #43a0fe;
    border-color: #3699fe;
    box-shadow: 0 0 0 0 rgba(96,160,226,0.5)
}

.btn-info.disabled,.btn-info:disabled {
    color: #2b3445;
    background-color: #69b3fe;
    border-color: #69b3fe
}

.btn-info:not(:disabled):not(.disabled):active,.btn-info:not(:disabled):not(.disabled).active,.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #3699fe;
    border-color: #2a93fe
}

.btn-info:not(:disabled):not(.disabled):active:focus,.btn-info:not(:disabled):not(.disabled).active:focus,.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(96,160,226,0.5)
}
.card-dashed {
    border: .0625rem dashed rgba(33, 50, 91, .1)!important;
}
.parallax {
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 110vh;
    overflow: hidden;
}
.parallax-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.parallax-1 {
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 82vh;
    overflow: hidden;
}
.parallax-1-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.t-oscura {
  background: linear-gradient(to bottom,  rgb(255 255 255 / 45%) 50%,rgb(255 255 255) 100%);
}
.t-clara {
  background: linear-gradient(to bottom, rgb(15 22 92 / 28%) 50%, rgb(255 255 255) 100%);
}
.step-icon-xs .step-icon::after, .step-icon-xs.step-icon::after {
    height: calc(100% - 3rem)!important;
}
.color-header {
    background: linear-gradient(to bottom, rgb(40 53 137 / 35%) 10%, rgb(255 255 255 / 0%) 100%);
}	
.border-primary {
    border-color: rgb(85 100 178) !important;
}	
.text-red {
    color: #E62312 !important;
}	
.text-blue {
    color: #4e54c8 !important;
}

.text-blue {
	color:#4e54c8;
}
.navbar.navbar-scrolled.navbar-dark {
    background:white;
}
.bg-dark {
    background-color:#283588!important;	
}
.bg-celeste-t {
	background-color: #377dff40;
}
.text-blue-2 {
    color: #283588 !important;
	text-shadow: 2px 2px 2px rgb(255 255 255);
}
::before {
    margin-top: 2px !important;
}


/* Figuras Hero calculadora solar*/
figure.position-absolute.top-0.end-0.me-3 {
    z-index: 2;
}
figure.d-none.d-sm-block.position-absolute.bottom-0.end-0 {
    z-index: 1;
    top: 320px;
}
figure.position-absolute.top-0.end-0 {
	z-index: 0;
    margin-right: 20px;
    margin-top: 40px;
}

/* Figuras Hero calculadora solar*/

@media (max-width: 767px) {
  /* Estilos solo para móviles */
  .bg-load {
	background-image: url(https://ucarecdn.com/8b98ae67-191f-409c-9151-81069cc8081d/cargando-CEL.gif)!important;
	background-position: center!important;
	background-size: cover!important;
    padding-top: 220px!important;
    padding-bottom: 220px!important;
  }	
}
@media (min-width: 768px) {
  /* Estilos solo para escritorio */
  .bg-load {
	background-image: url(https://ucarecdn.com/6e11af63-da60-40f1-a110-bf898098f3af/cargando.gif)!important;
	background-position: center!important;
	background-size: cover!important;
  }	
}