:root {
    --color_hero: #52A3A0;
    --color_faq: #A9B1C9;
    --color_button: #0F4151;
    --color_survey: #0F4151;
    --color_footer: #9C528B;
    --color_white: #ffffff;
    --color_tarifas: #ECF5F5;
}

.ud-main-btn2{
    background-color: var(--color_button);
}

.ud-main-btn{
    background-color: var(--color_button);
}

.back-to-top{
    background-color: var(--color_button);
}

.ud-hero{
    background-color: var(--color_hero);
}

.ef-survey-content .btn-open-survey {
    background-color: var(--color_survey);
    border: 0px;
    color: var(--color_white) !important;
}

.ef-survey-content .btn-open-survey h3{
    color: var(--color_white) !important;
}


.ud-features{
    background-color: var(--color_white);
}

.ud-faq{
    background-color: var(--color_faq);
}

.ud-contact{
    background-color: var(--color_white);
}

.ud-footer{
    background-color: var(--color_footer);
}

.ud-tarifas{
    background-color: var(--color_tarifas);
}


/* Estilo para la sección de reseña */
.reseña {
  border: 1px solid #fff;
  padding: 33px;
  margin-bottom: 20px;
  background-color: #F4F6FD;
  overflow: hidden;
  border-radius: 10px;
}


/* Estilo para la imagen de la persona */
.reseña .foto {
  float: left;
  margin-right: 10px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

/* Estilo para el nombre de la persona */
.reseña .nombre {
  font-size: 18px;
  font-weight: bold;
  margin-top: 0;
}

/* Estilo para el contenido de la reseña */
.reseña .contenido {
  font-size: 14px;
  line-height: 1.5;
}

/* Estilo para el autor de la reseña */
.reseña .autor {
  font-size: 12px;
  color: #888;
  margin-top: 10px;
}


.tarifa {
  
  padding: 33px;
  margin-bottom: 20px;
  background-color: #FFFFFF;
  overflow: hidden;
  border-radius: 10px;
  
}


.ud-section-title > .tarifa{
  border-width:0px;
  padding-left:15px;
  padding-right:19px;
  margin-left:-50px;
  margin-right:-50px;
  margin-top:-28px;
 }


.tarifa .titulo {
font-weight: 700;
font-size: 20px;
line-height: 28px;
margin-bottom: 12px;
text-align:left;
color:#52A3A0;
font-size:25px;
}

.tarifa .contenido {
font-size: 16px;
line-height: 24px;
margin-bottom: 40px;
background-color: transparent;
opacity: 1;
text-align: justify;

}

.tarifa .icono-tarifa-basica {
  
  
  transform:scale(1.47) translatex(17px) translatey(11px);
  
 
  }

  .tarifa .icono-tarifa-autoconsumo {
  
  
    transform:scale(1.54) translatex(7px) translatey(102px);    
   
    }


  #tarifas .tarifa .ud-main-btn2{
    transform:translatex(33px) translatey(-6px) !important;
     }



/* Contenido */
#resenas .reseña .contenido{
  border-top-left-radius:21px;
  background-color:#ecf5f5;
  min-height:77px;
  transform:translatex(-27px) translatey(10px);
  padding-left:29px;
  padding-right:36px;
  padding-top:18px;
  padding-bottom:28px;
  width:250px;
  
  border-top-right-radius:20px;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
  z-index:-10;
 }
 
 /* Image */
 #resenas .reseña img{
  transform:translatex(-12px) translatey(-40px) !important;
  z-index:43;
 }
 
 /* Heading */
 #resenas .reseña h2{
  padding-bottom:3px;
  transform:translatex(23px) translatey(0px);
  min-height:25px;
  transform:translatex(0px) translatey(-36px) !important;  
  opacity:0.34;
  width:77% !important;
  transform:translatex(48px) translatey(-34px) !important;

 }
 
 /* Heading */
 div #resenas .container .row .col-md-4 .reseña h2{
  width:83% !important;
 }
 
 /* Resea */
 #resenas .reseña{
  background-color:transparent;
  transform:translatex(-10px) translatey(0px) !important;
 }

 #resenas .reseña img{
  background-color:#bdc3c7;  
 }

 #resenas img{
  display:inline-block;
  transform:translatex(17px) translatey(-244px);
 }


 #resenas .reseña .contenido{
  min-height:146px !important;
 }
 


.contenido-texto{
  text-align:left;
  font-size:14px;
  line-height:1.4em;
  transform:translatex(-8px) translatey(10px) !important;
  transform:translatex(-76px) translatey(29px) !important;
  width:234px;
  transform:translatex(-71px) translatey(-3px) !important;
}


 
 @media (min-width:1200px){
 
  /* Heading */
  #resenas .reseña h2{
   font-size:10px;
  }
  
 }


 .avatar-rounded {
  border-radius: 100rem;
}


.scroll-container {
  cursor: grab;
  overflow-x: scroll;
  overflow-y: hidden;
  -ms-overflow-style: none; /* Oculta la barra de desplazamiento en IE10+ */
  scrollbar-width: none; /* Oculta la barra de desplazamiento en Firefox */
}

.scroll-container::-webkit-scrollbar {
  display: none; /* Oculta la barra de desplazamiento en Chrome y Safari */
}


#contact{
  background-color:#f3f4fe;
 }

 .row .col-sm-12 .ud-single-feature .ud-feature-content div{
  height:40px !important;
 }

 .ud-features {
  padding-top:100px;
 }

 .ud-tarifas {
  padding-top:100px;
 }
 
 .ud-faq {
  padding-top:100px;
 }
 
 .ud-resenas {
  padding-top:100px;
 }

 #tarifas .col-lg-6{
  height:87px;
 }

 #tarifas .tarifa .icono-tarifa-autoconsumo{
  padding-right:0px;
  margin-right:60px;
  transform:scale(1.35) translatex(-13px) translatey(180px) !important;
 }
 
 /* Icono tarifa autoconsumo */
 div #tarifas .container .row .col-lg-12 .ud-section-title .tarifa .row .col-4 .icono-tarifa-autoconsumo{
  width:100% !important;
 }
 
 #bateria-virtual-Modal .modal-dialog{
  width:620px;
  min-width:0px;
  min-height:0px;
 }
 
 

/* Modal dialog */
#bateria-virtual-Modal .modal-dialog{
  max-width:1250px;
}

#magazine{
	width: 800px;
	height: 400px;
}
#magazine .turn-page{
	background-color:#ccc;
}