/*init clases-estilos pagina principal*/
.testimonials {
  background: #212121 !important;
  color: blanchedalmond !important;
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.testimonials .testimonial-item {
  max-width: 18rem;
}
h2 {
  text-align: center;
  padding: 20px;
}
.masthead h2, .masthead .h2 {
  max-width: 30rem !important;
  font-size: 1.5rem !important;
}
/* Slider */

.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  width: 100%;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

.showcase .showcase-img {
  min-height: 30rem;
  background-size: cover;
}

.features-icons {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.features-icons .features-icons-item .features-icons-icon i {
  font-size: 4.5rem;
}

/*end pagina principal*/

#mainNav {
  background-color: /*#212529*/ #0b0b0bb0;
 
}
.masthead h1,
.masthead .h1 {
  background: linear-gradient(#ffffff, #f0f3f3);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.swal2-styled.swal2-confirm {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #1d0beb;
  color: #fff;
  font-size: 1em;
}

/* clases personalizadas por pagina*/
.masthead_blockchain {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 35rem;
  padding: 15rem 0;
  background: linear-gradient(
      to bottom,
      rgba(0, 83, 0235, 0.28) 0%,
      rgba(0, 0, 0, 0.2) 75%,
      #000 100%
    ),
    url("../assets/img_energia_renovable/digital.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}
.signup-section_blockchain {
  padding: 10rem 0;
  background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.1) 0%,
      rgba(0, 0, 0, 0.5) 0.1%,
      #64a19d 100%
    ),
    url("../assets/img_energia_renovable/digital.jpg") !important;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}
.masthead_electronic {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 35rem;
  padding: 15rem 0;
  background: linear-gradient(
      to bottom,
      rgba(0, 83, 0235, 0.28) 0%,
      rgba(0, 0, 0, 0.2) 75%,
      #000 100%
    ),
    url("../assets/img_energia_renovable/electronic3.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}
.signup-section_electronic {
  padding: 10rem 0;
  background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.1) 0%,
      rgba(0, 0, 0, 0.5) 0.1%,
      #64a19d 100%
    ),
    url("../assets/img/bg_smartv.jpg") !important;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}
.masthead_solar {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 35rem;
  padding: 15rem 0;
  background: linear-gradient(
      to bottom,
      rgba(0, 83, 0235, 0.28) 0%,
      rgba(0, 0, 0, 0.2) 75%,
      #000 100%
    ),
    url("../assets/img_energia_renovable/bg_celdas_fotovoltaicas.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}

.signup-section_fotovoltaica {
  padding: 10rem 0;
  background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.1) 0%,
      rgba(0, 0, 0, 0.5) 0.1%,
      #64a19d 100%
    ),
    url("../assets/img_energia_renovable/bg_celdas_fotovoltaicas.jpg") !important;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}

.signup-section_eolic {
  padding: 10rem 0;
  background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.1) 0%,
      rgba(0, 0, 0, 0.5) 0.1%,
      #64a19d 100%
    ),
    url("../assets/img_energia_renovable/eolic_park.jpg") !important;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}

.masthead_eolica {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 35rem;
  padding: 15rem 0;
  background: linear-gradient(
      to bottom,
      rgba(90, 119, 174, 0.28) 0%,
      rgba(0, 0, 0, 0.2) 75%,
      #000 100%
    ),
    url("../assets/img_energia_renovable/eolic_energy.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}

.masthead_luminarias {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 35rem;
  padding: 15rem 0;
  background: linear-gradient(
      to bottom,
      rgba(90, 119, 174, 0.28) 0%,
      rgba(0, 0, 0, 0.2) 75%,
      #000 100%
    ),
    url("../assets/img_energia_renovable/lamparas_solares.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}
.signup-section_luminarias {
  padding: 10rem 0;
  background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.1) 0%,
      rgba(0, 0, 0, 0.5) 0.1%,
      #64a19d 100%
    ),
    url("../assets/img_energia_renovable/lamparas_solares.jpg") !important;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}
.masthead_plantas {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 35rem;
  padding: 15rem 0;
  background: linear-gradient(
      to bottom,
      rgba(0, 83, 0235, 0.28) 0%,
      rgba(0, 0, 0, 0.2) 75%,
      #000 100%
    ),
    url("../assets/img/plantas_electricas.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}

.signup-section_plantas {
  padding: 10rem 0;
  background: linear-gradient(
      to bottom,
      rgba(0, 83, 0235, 0.28) 0%,
      rgba(0, 0, 0, 0.2) 75%,
      #000 100%
    ),
    url("../assets/img/plantas_electricas.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}

span.error{
    color :rgb(247, 245, 245);
    text-align: left !important;
}
   /* show it on small screens */
@media screen and (min-width: 0px) and (max-width: 991px ) {
   
        #mainNav{
            background-color:#212529;
        
     }
   #mainNav a{
       color: #fff;
     }
     
    
}

@media screen and (min-width: 991px ) {
  .masthead h1 {
    font-size: 7.0rem !important;
    line-height: 7.5rem !important;
    letter-spacing: 1.2rem !important;
    
  }
  .masthead{
    height: 95vh !important;
  } 
}

.mt-2 {
  margin-top: 5rem !important;
}
 
/*carousel styles*/
.carousel-inner  {
object-fit: scale-down !important;
/* max-height: 460px !important;
width:100% !important; */
}
.carousel-item {
max-width:100rem !important;
max-height:30rem !important;
}

.carousel-item h5{
  color: rgb(255, 255, 255) !important;
}
.carousel-item p{
  color: rgb(255, 255, 255) !important;
}

.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #ffffff;
}

.carousel-caption {
  position: absolute; 
  right: 30%;
  bottom: 2px; /* Cambiar bottom por top y los píxeles que necesites */
  left: 30%;
  /* z-index: 10; */
  padding-top: 5px;
  padding-bottom: 2px;
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5); /* Añadir para conseguir el fondo con opacidad */
}