body {  background-image: linear-gradient(180deg, var(--bs-body-secondary-bg), var(--bs-body-bg) 100px, var(--bs-body-bg)); font-size:18px !important }
footer{font-size: 0.8em !important;}
footer div{align-items: center !important; text-align:center !important}
 .container {max-width: 1140px;}
 .fixed-top{max-width: 1140px !important;background-color: #fff !important;margin-right: auto !important; margin-left: auto !important;}
 .sticky-top{padding-top: 90px !important;}
 #home{text-align: justify;margin-top: 100px;}
 #logo{font-size: x-large !important; width:275px !important}
 #logo span{position: relative;  overflow: hidden;  width: 275px;  height: 45px; margin-top:10px !important }
 
 nav a{color:#008B8B !important;font-size: large  !important; ; text-transform: uppercase !important}
 .menu-lateral  nav a{color:#008B8B !important;font-size: 1.2rem !important; }

 nav a:hover{color:#5a5a5a !important;}
 h1,#listado-KWH,#grafico_titulo {color:#008B8B  !important; font-weight: bold  !important;margin-bottom: 1.2rem !important; text-align:center !important;text-transform: uppercase !important;font-size:2.6em !important}
.text-verde{color:#008B8B !important;}

 h3{font-size: 1.2rem !important;}
 .pricing-card-title{font-size: 2.5rem !important;color:#F5AF2D !important;font-weight: bold  !important;}

 .text-bg-primary{background-color: #46b2d3 !important;}
 .border-primary{border-color:#46b2d3 !important;}
 .text-bg-primary:hover{background-color: #76bdd3 !important;}

 .text-bg-success{background-color: #18bc9c !important;font-weight: bold !important;}
 .border-success{border-color:#18bc9c !important;}
 .text-bg-success:hover{background-color: #88d5c6 !important;}

 .text-bg-danger{background-color: #fb7b7b !important;}
 .border-danger{border-color:#fb7b7b !important;}

 .card-header {padding:var(--bs-card-cap-padding-y)  !important; padding-top: 1rem!important; padding-bottom: 1rem!important;}

.wp-post-image{
	max-width:310px !important;
	height:auto !important;	
	border-radius: 15px;
}

#home .kwh-index{font-size: 1.3rem !important}
#home a{}
#home h1{font-size: 2.6rem !important; text-transform: uppercase !important ;}
mark{text-transform: uppercase !important ;}

.subtitulo, .texto2{  text-align: justify !important ;color: #5a5a5a !important;}
h2,#listado-KWH,#grafico_titulo{color:#008B8B !important; text-transform: uppercase !important; font-size: 1.8rem !important;margin-top:40px !important; }
th{border:none !important}
#REE{text-align: right !important;color: #5a5a5a !important;font-size: 0.85rem !important; padding-bottom: 0 !important;padding-top: 0 !important;}
#REE a{color:#5a5a5a !important;text-decoration: none !important;}
#formulario {padding-top:0 !important; padding-bottom: 0 !important;}
#formulario input {text-align: center !important;}
#formulario div {margin-bottom: 5px !important}
#cuadros-precios {padding-bottom:0 !important;margin-bottom:0 !important}
.mb-4{margin-bottom: 0.8rem !important;}
.nivel-hora{color:#5a5a5a !important;font-weight: bold;}

.nivel1, .verde{color:#18bc9c;font-weight: bold;}
.nivel2,.azul{color:#46b2d3;font-weight: bold;}
.nivel3,.rojo{color:#fb7b7b;font-weight: bold;}

.error-fatal{font-size: xx-large;color:#fb7b7b !important; text-align:center !important}

.formulario-index{margin-bottom:0 !important}

.dropdown:hover .dropdown-menu {display: block;}
.dropdown .dropdown-menu { display: none;}
.navbar .navbar-nav .nav-link {color: #000000; font-size: 1.1em;}
.navbar-nav {align-items:center !important}
.navbar .navbar-nav .nav-link:hover{ color: #808080;}
.menu-lateral{text-align: right !important; background-color: #fff !important;}
.menu-lateral svg, .subtitulo svg, .card-section svg, . svg{fill:#008B8B !important;}

a:active:focus { color: #008B8B;  background-color: #fff;  border-color: #fff;}
.fixed { position: fixed;}
.sidebar{ margin-top: 150px; position: relative;}
.black{color:#5a5a5a !important;}
.black.hidden{display: none !important}    
.list_kwh h4 {font-weight: bold !important;}
.precio-reciente{color:#5a5a5a !important}
.card-section {margin-bottom: 30px !important;}
.card-section a{color:#fff !important;}
.card-section h5{font-size:1.7em !important;color: #008B8B; }
.mb-3 .card-section h5{font-size:1.3em !important;color: #008B8B; }
.text-bg-boton{width:100% !important; background-color: #fd8729; color:#fff !important}
.text-bg-boton:hover{background-color: #ffa65f !important;}
#btn-back-to-top { position: fixed; bottom: 10px; right: 10px; display: none; padding:2px !important; background-color: #008B8B !important; color: #fff !important}
#btn-back-to-top:hover { background-color: #00b0b0 !important ;}
.botones_social {margin-top:15px !important}
.boton_whatsapp, .boton_instagram {display:none !important}
.enlaces_sociales {  text-align:right !important; }
.botones_social img:hover, .botones_social span:hover {  opacity: .5 !important; }
.enlaces_sociales a:hover,.nav-header-social a:hover {  opacity: .5  !important; }

.icon_blanco {fill:#FFF !important;}
.icon_verde {fill:#008B8B !important;}
.introduccion{margin-top:30px !important}
#logo_mobile{display:none !important}
.navbar-collapse{flex-grow:0 !important}
.menu_bold {font-weight: bold !important;}
.chart-container{margin-bottom:30px}
.cuadro-oferta .btn{color:#fff  !important}
.nav-header-social{margin-left:15px !important}

.icon_down{fill:#18bc9c !important;}
.icon_up{fill:#fb7b7b !important;}
.icon_equal{fill:#46b2d3 !important;}


.vertical-align {  margin: 0;  position: absolute;  top: 50%;  -ms-transform: translateY(-50%);  transform: translateY(-50%);}
p.hora {font-weight: bold !important;font-size: 1.68rem; margin-bottom:0.2rem !important}
.sprite{margin-bottom:10px !important}
.destacado{color: #008B8B !important;font-weight: bold !important;}
.titulo_index{margin-bottom:40px !important}
.list_kwh {font-size: 1.2em !important;}
.list-companias .text-bg-boton {background-color: #00b0b0 !important ; font-weight: bold;}
.progress-bar{color: #FFF !important;font-weight:bold !important}
.barra{margin-bottom: 40px; margin-top: 40px;}
.progress, .progress-stacked{--bs-progress-height:1.9rem !important}
.inicio_barra, .final_barra{display:none;}


@media only screen and (max-width: 600px) {
	
	.wp-post-image{
	max-width:250px !important;
	height:auto !important;	
		border-radius: 15px;
}
	
    .d-inline-flex { display: inline !important; text-align:center !important; }
    /*.hidden{display: none !important}*/
    .nivel3,.nivel2,.nivel1{margin-bottom: 10px !important;}
    .list_kwh {font-size: 0.93em !important;}
    .list_kwh h4 {font-size: 1.75em !important; font-weight: bold !important;}
    .p-3{padding: 0 !important;}
    #home h1{font-size: 1.8rem !important; text-transform: uppercase !important ;}
    h2,#listado-KWH, #grafico_titulo{color:#008B8B; text-transform: uppercase !important; font-size: 1.3rem !important;margin-top:40px !important}
    .menu-lateral{margin-bottom: 30px !important; margin-top: 30px !important ;}
    .ms-auto{margin-left: 0 !important;}
    #logo {display:none !important}
    #logo_mobile{display:flex !important}
    .boton_menu_mobile{border:0; outline:0 !important}
    .sticky-top{padding-top: 0 !important;}
    .menu-lateral #cuadros-precios{order: 2 !important; display: flex !important; flex-wrap: wrap !important; margin-top:30px !important}
    .boton_whatsapp, .boton_instagram {display:inline !important}
    #home{text-align: justify;margin-top: 80px;}
    .navbar .navbar-nav .nav-link,.nav a, .dropdown-item a {font-size: 0.9em !important; text-transform: uppercase !important;margin-top:5px !important}    
    .nav-item a{color:#008B8B !important; }
    .dropdown-item {margin-top:15px !important  }
    .navbarNavDropdown {margin-top:15px !important;}
    .nav-link:hover{color:#008B8B !important}
    .align-items-center{align-items:normal !important}
    .nav-header-social a{padding:6px !important}
    .nav-header-social{margin:15px !important}
	.enlaces_sociales {  text-align:center !important; }
    #formulario div{width: 100% !important;}
    .titulo_index{margin-bottom:30px !important}
    .hora-barra{display: none !important;}
    .inicio_barra, .final_barra{display:inline; color: #5a5a5a !important; font-size:0.80rem !important}


  }


  ::-webkit-calendar-picker-indicator { filter: invert(1);}


  .css-sprite-logo_tarifas_luz_hoy_movil
{
background:url('/images/css-sprite-combined.png') 0px -93px;
width:200px;height:31px;
display:inline-block;
}

.css-sprite-icon_instagram
{
background:url('/images/css-sprite-combined.png') -200px -64px;
width:60px;height:60px;
display:inline-block;
}

.css-sprite-logo_tarifas_luz_hoy
{
background:url('/images/css-sprite-combined.png') -260px -81px;
width:280px;height:43px;
display:inline-block;
}

.css-sprite-icon_email
{
background:url('/images/css-sprite-combined.png') -540px -64px;
width:60px;height:60px;
display:inline-block;
}

.css-sprite-icon_facebook
{
background:url('/images/css-sprite-combined.png') -600px -64px;
width:60px;height:60px;
display:inline-block;
}

.css-sprite-icon_twitter
{
background:url('/images/css-sprite-combined.png') -660px -64px;
width:60px;height:60px;
display:inline-block;
}

.css-sprite-icon_whatsapp
{
background:url('/images/css-sprite-combined.png') -720px -64px;
width:60px;height:60px;
display:inline-block;
}

.css-sprite-logo_totalenergies
{
background:url('/images/css-sprite-combined.png') -780px -0px;
width:175px;height:124px;
display:inline-block;
}

.css-sprite-logo_naturgy
{
background:url('/images/css-sprite-combined.png') -953px -74px;
width:175px;height:50px;
display:inline-block;
}

.css-sprite-logo_endesa
{
background:url('/images/css-sprite-combined.png') -1128px -87px;
width:175px;height:37px;
display:inline-block;
}

.css-sprite-logo_holaluz
{
background:url('/images/css-sprite-combined.png') -1303px -78px;
width:175px;height:46px;
display:inline-block;
}

.css-sprite-logo_podo
{
background:url('/images/css-sprite-combined.png') -1480px -52px;
width:175px;height:72px;
display:inline-block;
}
.css-sprite-logo_repsol
{
    background:url('/images/css-sprite-combined.png') -1655px -85px;
    width:175px;height:36px;
    display:inline-block;
}