.oculto {
	display:none !important;
}
/* logo */
.logo {
	width:114px;
	height:114px;
	background-image: url('/imgs/logo/logo-ab-114x114.png');
	background-repeat: no-repeat;
}
body {
	/*background-image: url('/imgs/fondo-ofertas-energias-50.jpg');*/
	padding-top: 3em;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.multicolor {
	font-size: 5rem;
	text-align: center;
	color: #fcedd8;
	font-weight: 700;
	text-shadow: 4px 4px 0px #eb452b, 
		5px 5px 0px #efa032, 
		6px 6px 0px #46b59b, 
		7px 7px 0px #017e7f, 
		8px 8px 0px #052939, 
		9px 9px 0px #c11a2b, 
		10px 10px 0px #c11a2b, 
		11px 11px 0px #c11a2b
}
.comision {
	color: #008dd1;
	font-size: 7em;
}
.pt30 {
	padding-top:30%;
}
/* Carousel vertical */

.vertical .carousel-inner {
	  height: 100%;
	}
	
	.carousel.vertical .item {
	  -webkit-transition: 0.6s ease-in-out top;
		 -moz-transition: 0.6s ease-in-out top;
		  -ms-transition: 0.6s ease-in-out top;
		   -o-transition: 0.6s ease-in-out top;
			  transition: 0.6s ease-in-out top;
	}
	
	.carousel.vertical .active {
	  top: 0;
	}
	
	.carousel.vertical .next {
	  top: 100%;
	}
	
	.carousel.vertical .prev {
	  top: -100%;
	}
	
	.carousel.vertical .next.left,
	.carousel.vertical .prev.right {
	  top: 0;
	}
	
	.carousel.vertical .active.left {
	  top: -100%;
	}
	
	.carousel.vertical .active.right {
	  top: 100%;
	}
	
	.carousel.vertical .item {
		left: 0;
	}
/* Fin carousel vertical */

.amarillo {
	text-align: center;
	color: #f7bd25;
	font-size: 5.6em;
	/*text-shadow: 1px 1px 8px #000;*/
	margin-top: 15px;
	margin-left: 15px;
	margin-right: 15px;
	line-height: 0.9em;
	margin-bottom: 70px;
}
.bgwhitel {
	background-color: #ffffffab;
	background-color: #fff;
	padding: 30px;
	border-radius: 15px 0px 0px 15px;
}
.bgwhiter {
	background-color: #ffffffab;
	background-color: #fff;
	padding: 30px;
	border-radius: 0px 15px 15px 0px;
}
.bgwhiterfull {
	background-color: #ffffffab;
	background-color: #fff;
	padding: 30px;
	border-radius: 15px 15px 15px 15px;
}
	
.bgwhite {
	/*background-color: #fff*/;
	padding: 5px;
	border-radius: 15px;
	max-width: initial;
	margin-bottom: 30px;
}
.bgverde {
	border: 1px solid white;
	padding: 3px;
	text-align: center;
}
/*#tooltip {
		background-color: #333;
		color: white;
		padding: 5px 10px;
		border-radius: 4px;
		font-size: 13px;
}*/
.descripcion {
	padding: 15px;
	border: 1px solid #f8bf19;
	border-radius: 9px;
	margin-bottom: 15px;
}
.patrocinador {
	/*display: inline-block;
	max-width: 22%;*/
}
.imgp {
	max-height: 80px;
	padding: 10px;
}
hr.sephr {
	  border: 0; 
	  height: 1px; 
	  background-image: linear-gradient(to right, #f0f0f0, #00b9ff, #59d941, #f0f0f0);
	  margin-top: 80px;
	  margin-bottom: 20px;
}
main > .container {
  /*padding: 124px 15px 0;*/
}
a:link, a:visited, a:hover, a:active {
	text-decoration: none !important;
}
.titulo {
	max-width: fit-content;
	padding: 20px;
	bottom: -40px;
	position: relative;
	background-color: #fff;
	border-radius: 15px 15px 0px 0px;}
.fuente {
	font-family: 'Birthstone', cursive;
}
.item {
	//background-color: /*#F8BF19*/#ffffff;
	height: 400px;
	width: 250px;
	text-align: center;
	/*padding-top: 38px;*/
}
.item a img {
	height: 249px;
	width: 249px;
	border-radius: 50%;
}
.overlay-bulb {
	z-index: 2;
	margin: 0px;
	height: 400px;
	width: 250px;
	position: absolute;
}
.acceso {
	z-index: 3;
	position: relative;
	top: 120px;
	// boton
	display: inline-block;
	text-decoration: none;
	border-radius: 4px;
	color: #ffffff;
	background-image: linear-gradient(45deg, #FFC107 0%, #f8bf19 100%);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	border-bottom: solid 3px #c58668;
	font-size: 20px;
}
.acceso:active{
	-ms-transform: translateY(4px);
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
	border-bottom: none;
}
.shadow {
	-webkit-filter: drop-shadow( 4px 4px 3px rgba(255, 255, 255, .7));
	filter: drop-shadow( 4px 4px 3px rgba(255, 255, 255, .7));
}
.etiqueta-fin {
	top: 20%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	z-index: 2;
	font-family: "Pattaya-Regular", Verdana, sans-serif;
	font-size: 20px;
	color: #fff;
	text-shadow: 2px 2px 2px #87AECD;
}
#bs-gdpr-cookies-modal-body {
	text-align: left;
}
.tyc {
	background-color: #F8BD25;
	padding: 5vw;
	font-size: 10px;
	color: white;
}
.tyct {
		background-color: transparent;
		padding: 5vw;
		font-size: 10px;
		color: white;
		text-align: center;
	}
.tyc h2 ,.tyc h3 ,.tyc h1 {
	font-size: 14px;
}
.foottext a {
	color: #F8BD25;
}
.top-logo {
	position: fixed;
	left: 100px;
	top:0;
	/*z-index: 100;*/
	/*
	position: relative;
	text-align: center;
	*/
}
.portada {
	text-align: center;
	color: #fdfcf9;
	font-size: 2.6em;
	text-shadow: 1px 1px 0px #f7bd25;
	margin-top: 15px;
	margin-left: 15px;
	margin-right: 15px;
}

.condiciones{
	font-size: 12px;
}

/* GRID */
.grid-container {
	display: grid;
}

.grid-container--fill {
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.grid-container--fit {
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.grid-element {
  background-color: deepPink;
  padding: 20px;
  color: #fff;
  border: 1px solid #fff;
}
/* Swal sweat Alert 2 */
.swal2-styled.swal2-confirm {
	border: 0;
	border-radius: .25em;
	background: initial;
	background-color: initial;
	background-color: #f2bb1a !important;
	color: #fff;
	font-size: 1em;
	padding: 10px 100px !important;
}

/* Lightbox */
.lightbox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Fondo oscurecido */
  z-index: 9999;
}

.lightbox-contenido {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 20px;
}

.lightbox-contenido button {
  display: block;
  margin: 0 auto;
}
 

/* Radio Buttons */
.radio-toolbar {
  margin: 10px;
  text-align: center;
}
.radio-b input[type="radio"] {
	  opacity: 0 !important;
	  position: fixed !important;
	  width: 0 !important;
}
.radio-b {
	position: relative;
	text-align: center;
}

.radio-b label:hover {
  background-color: #f8bf19  !important;
}

.radio-b label {
	display: inline-block;
	background-color: #ddd !important;
	font-family: sans-serif, Arial !important;
	font-size: 16px !important;
	border: 1px solid #f8bf19 !important;
	border-radius: 4px !important;
	padding: 6px 30px !important;
	margin-bottom: 20px;
}
.radio-b input[type="radio"]:checked + label {
	background-color:#f8bf19  !important;
	border-color: #f8bf19  !important;
}
.radio-b input[type="radio"]:focus + label {
	/*border: 1px dashed #444 !important*/;
	background-color: #f8bf19 !important;
}
/* -- */



/* Datepicker */
.gj-datepicker-bootstrap [role="right-icon"] button {
	height: 100% !important;
}

/* bootstrap changes */
.form-check-input:checked {
	background-color: #F8BF19 !important;
	border-color: #F8BF19 !important;
}
.form-check-input:focus {
	border-color: #ecb30a !important;
	box-shadow: 0 0 0 .25rem rgba(247, 109, 10, 0.25) !important;
}
.btn-primary {
	color: #fff;
	background-color: #F8BF19 !important;
	border-color: #F8BF19 !important;
}
.btn-primary:hover {
	color: #fff;
	background-color: #cf9d0c !important;
	border-color: #cf9d0c !important;
}
.form-control:focus {
	border-color: #f8bf19 !important;
	box-shadow: 0 0 0 .25rem rgb(248, 191, 25) !important;
}

/* Formulario */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200&display=swap');
*{
 margin:0;
 padding:0;
}
/*
.container{
	min-height:100vh;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:#e5e9f1;
}
*/
/*
.card{
	height:420px;
	width:330px;
	background-color:#fff;
	border-radius:10px;
	padding:10px 20px;
	box-sizing:border-box;
	font-family: 'Poppins', sans-serif;
}
*/
.main{
	display:none;
	padding: 2em;
	border-radius: 15px;
}
.active{
	display:block !important;
}
.d-none{
	display:none !important;
}



.parent{
	margin-top:20px;
	margin-bottom:50px;
}
.card .top-div{
   display:flex;
   justify-content:center; 
   align-items:center;

} 

.top-div img{
	width:20px;
	margin-right:7px;
}
.progress-bar{
	display:flex;
	list-style:none;
	counter-reset:container 0;
	
}
.progress-bar li{
	display:flex;
	list-style:none;
	counter-increment:container 1;
	position:relative;
	margin-right:133px;
	margin-top:20px;
}
.progress-bar li::before{
	content:counter(container);
	position:absolute;
	height:25px;
	width:25px;
	border-radius:50%;
	border:1px solid #eef1f7;
	text-align:center;
	line-height:26px;
	z-index:10;
	background-color:#fff;

} 
.progress-bar li::after{
	content:'';
	position:absolute;
	height:2px;
	width:140px;
	background-color:#f5f7fa;
	top:12px;
	right:-10px;
}
.progress-bar li.active::before{
	background-color:#664de5;
	border:none;
	color:#fff;
}
.progress-bar li.active::after{
	background-color:#664de5 !important;
}



.progress-bar li:first-child:after{
	display:none;
}

.content{
	/*margin-top:60px;*/
	/*text-align:center;*/
	/*margin-bottom:30px;*/
}
.content h2{
	font-size:22px;
}
.content p{
	font-size:12px;
	color:#9ca4b4;
	font-weight:600;
}
.input-text{
	position:relative;
	margin-top:30px;
}
input[type="text"]{
	width:100%;
	height:40px;
	border:none;
	border:1px solid #f8f7fa;
	outline:none;
	padding:0 10px;
	box-sizing:border-box;
	font-size:12px;
	border-radius:5px;
}
.radio-text{
	display:flex;
	gap:20px;
}
input[type="radio"]{
  display:none;
}
.radio-text label{
	height:175px;
	width:100%;
	border:1px solid #edf1f6;
	border-radius:5px;
	padding:5px 10px;
	box-sizing:border-box;
	cursor:pointer;
	text-align: center;
}
.radio-text label h5{
	margin-top:10px;
	
}
.radio-text label p{
	font-size:12px; 
	margin-top:10px;
	font-weight:600;
	color:#99a1b2;
}
#radio-button-1:checked~.radio-button-1,
#radio-button-2:checked~.radio-button-2,
#radio-button-3:checked~.radio-button-3,
#iberdrola:checked~.radio-button-x,
#endesa:checked~.radio-button-x,
#fenosa:checked~.radio-button-x,
#holaluz:checked~.radio-button-x,
#repsol:checked~.radio-button-x,
#otro:checked~.radio-button-x {
	border: 2px solid #a89af0;
	box-shadow: 4px 4px;
	background-color: #6ea8fe17 !important;
}
#radio-button-1:checked~.radio-button-1 i,
#radio-button-2:checked~.radio-button-2 i,
#radio-button-3:checked~.radio-button-3 i{
	color:blue;
}

label.form-check-label.legal {
	font-size:10px !important;
}



.input-text span{
	position:absolute;
	left:0;
	top:-16px;
	font-size:11px;
	font-weight:900;
	color:#000;
	
}
::placeholder{
	color:#ccc;
}


.warning{
	border:1px solid red !important;
}

.button{
	display:flex;
	justify-content:center;
	align-items:center;
	margin-top:30px;
} 
.button button{
	height:40px;
	width:100%;
	background-color:#654de4;
	font-size:12px;
	color:#fff;
	border-radius:5px;
	cursor:pointer;
	transition:all 0.5s;
}
.button button:hover{
	background-color:#361db7;
}
.button_gap{
  
	gap:20px;
}
.button_gap1{
  margin-top:46px;
	gap:20px;
}
.launch{
	margin-top:75px;
}

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #7ac142;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  box-shadow: inset 0px 0px 0px #7ac142;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
.bgfondo {
  padding: 2em;
  border-radius: 15px;
}

/* loader */

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#loader {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #9370DB;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}
#loader:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #BA55D3;
	-webkit-animation: spin 3s linear infinite;
	animation: spin 3s linear infinite;
}
#loader:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #FF00FF;
	-webkit-animation: spin 1.5s linear infinite;
	animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
	0%   {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes spin {
	0%   {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
/* fin loader */
@keyframes stroke {
  100% {
	stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
	transform: none;
  }
  50% {
	transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
	box-shadow: inset 0px 0px 0px 30px #7ac142;
  }
}

@media (prefers-color-scheme: dark) {
	.logo {
		background-image: url('/imgs/logo/logotipo-dark.jpg');
	}
	.fixed-top, .fixed-bottom,.main, .bgfondo,/*.form-check,*/ .lightbox-contenido{
		color: var(--bs-primary-text-emphasis) !important;
		background-color: var(--bs-primary-bg-subtle) !important;
	}
	.fondo {
		/*box-shadow: inset 0 0 0 2000px rgba(40, 39, 40, 0.65);*/
	}
	.cls-2 {
		fill: #886813 !important;
	}
	.cls-1 {
	  fill: #C6B79C !important;
	}
	.acceso {
		color: #ffffff;
		background-image: linear-gradient(45deg, #876600 0%, #8e6b03 100%);
		box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
		border-bottom: solid 3px #000000;
	}
	.portada {
		text-shadow: 1px 1px 0px #000;
		color: #e7b800;
	}
    .item a img.bulb {
		filter: contrast(1.2) invert(0.35) sepia(0.62) !important;
	}
	.titulo {
		background-color: #292929 !important;
	}
	.bgwhiter, .bgwhitel {
	  background-color: #292929;
	  margin-bottom: 30px;
	  border-radius: 15px;
	}
	.btn-primary, .radio-b label:hover, .radio-b input[type="radio"]:checked + label {
	  /*background-color: #513D05 !important;*/
	  box-shadow: 4px 4px;
	  background-color: #6ea8fe17 !important;
	}
	.radio-b label {
	  background-color: #323030 !important;
	}
	.sweet-alert {
	  background-color: #1a1d20;
	}
	
	.confirm{
	  background-color: rgb(82, 48, 16) !important;
	}
	/*
	.sweet-alert button {
	  color: #F8C386;
	}
	div.sa-icon.sa-warning
	,div.sweet-alert.showSweetAlert.visible div.sa-icon.sa-warning.pulseWarning span.sa-dot.pulseWarningIns
	,div.sa-icon.sa-warning.pulseWarning span.sa-body.pulseWarningIns
	,div.sweet-alert.showSweetAlert.visible div.sa-button-container div.sa-confirm-button-container button.confirm,.sa-body .pulseWarningIns, .sa-dot .pulseWarningIns, .sa-icon .sa-warning .pulseWarning{
		background-color: #FF651A !important;
	}
	*/
	div.input-text span {
		color:#ccc;
	}
	a.navbar-brand {
		color:#F8BF19;
		font-size: 12px;
	}
	label.form-check-label.legal a {
		font-size: 11px !important;
		color: #f8bf19 !important;
	}
	.txt-contraste {
		color: aliceblue !important;
	}
}

@media (prefers-color-scheme: light) {
  .fixed-top,.bgfondo, .fixed-bottom,.main, .form-check, .lightbox-contenido{
	color: var(--bs-primary-text-emphasis) !important;
	background-color: var(--bs-primary-bg-subtle) !important;
  }
  .fondo {
	/*box-shadow: inset 0 0 0 2000px rgba(255, 255, 255, 0.47);*/
  }
  a.navbar-brand {
	color: #2f260d;
	font-size: 12px !important;
  }
  .btn-primary, .radio-b label:hover, .radio-b input[type="radio"]:checked + label {
	/*background-color: #513D05 !important;*/
	box-shadow: 4px 4px;
	background-color: #6ea8fe17 !important;
  }
  label.form-check-label.legal al {
		font-size: 11px !important;
		color: #644de3 !important;
	}
  
}

.flexy-1 {
	display:flex
}
/* -- */
@media screen and (max-width: 1200px) {
	.bgwhiter, .bgwhitel {
		margin-bottom: 30px;
		border-radius: 15px;
	}
	.titulo {
		/*left: 30px;*/
	}
	.pt30 {
			padding-top:0%;
	}
	.top-logo {
		left: 10px;
	}
	
}
@media screen and (min-width: 590px) and (max-width: 1200px) {
	.overlay-bulb {
		z-index: 2;
		margin: 0px;
		height: 200px;
		width: 170px;
		position: absolute;
	}
	.flexy-1 {
		display:grid;
		margin-top: 5em;
	}
	.item {
		/*background-color: #F8BF19;*/
		height: 200px;
		width: 170px;
		text-align: center;
		padding-top: 0px;
		margin-bottom: 150px;
	}
	.item a img {
		height: 170px;
		width: 170px;
		border-radius: 50%;
	}
	.acceso {
		top: 90px;
	}
}

@media screen and (max-width:589px) {
	.jcc {
		margin: auto !important;
		display: grid !important;
	}
	.radio-text {
		display:grid;
	}
	.flexy-1 {
		display:grid;
		margin-top: 5em;
	}

}

/* Fin grid */