body {
    background: rgb(10,10,10);
	background: linear-gradient(128deg, rgba(10,10,10,1) 0%, rgba(126,116,116,1) 51%, rgba(255,255,255,1) 97%);
	font-family: -apple-system, BlinkMacSystemFont, sans-serif;
}

.esconder {
	visibility: hidden;
	display: none;
}

.negrita {
	font-weight: bold;
}

.blanco {
	font-weight: bold;
	color: white;
}

.titulo {
	color: black;
	font-weight: bold;
	font-size: 30px;
}

/* clases para los añadidos*/
.anadidos2 {
	-webkit-text-stroke:black;
	color: black;
	font-size: 25px;
}

/*efecto imagenes*/
.img {
	transition: transform .2s;
}
.img:hover {
    transform:scale(1.2);
}
.imglogo {
	transition: transform .2s;
}
.imglogo:hover {
	transform: rotate(360deg);
}

/*botones para cammbiar el color del movil*/
input.tfno_negro[type='checkbox'] {
	-webkit-appearance:none;
	width:45px;
	height:40px;
	border-radius:18px;
	border:2px solid #555;
	background:linear-gradient(#e1e7e8, #000000);
	font-size: 20px;
	cursor: pointer;
  }
  input.tfno_azul[type='checkbox'] {
	-webkit-appearance:none;
	width:45px;
	height:40px;
	border-radius:18px;
	border:2px solid #555;
	background:linear-gradient(#e1e7e8, #1bbae2);
	font-size: 20px;
	cursor: pointer;
  }
  input.tfno_purpura[type='checkbox'] {
	-webkit-appearance:none;
	width:45px;
	height:40px;
	border-radius:18px;
	border:2px solid #555;
	background:linear-gradient(#e1e7e8, #ab66d4);
	font-size: 20px;
	cursor: pointer;
  }
  input.tfno_rojo[type='checkbox'] {
	-webkit-appearance:none;
	width:45px;
	height:40px;
	border-radius:18px;
	border:2px solid #555;
	background:linear-gradient(#e1e7e8, #e62929);
	font-size: 20px;
	cursor: pointer;
  }
  input.tfno_verde[type='checkbox'] {
	-webkit-appearance:none;
	width:45px;
	height:40px;
	border-radius:18px;
	border:2px solid #555;
	background:linear-gradient(#e1e7e8, #95da58);
	font-size: 20px;
	cursor: pointer;
  }

/* Botones de los añadidos color azul*/

.content-input input,
.content-select select{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
 
.content-input input{
	visibility: hidden;
	position: absolute;
	right: 0;
}

.content-input{
	position: relative;
	margin-bottom: 25px;
	padding:5px 0 5px 60px;
	display: block;
}

.content-input input + i{
       background: #86daef;
       border:2px solid rgba(0,0,0,0.2);
       position: absolute; 
       left: 0;
       top: 0;
}
 
.content-input input[type=checkbox ] + i{
	width: 48px;
	height: 27px;
	border-radius: 20px;
}
.content-input input[type=checkbox] + i:before{
	content: '';
	width: 26px;
	height: 26px;
	background: rgb(255, 255, 255);
	border-radius: 50%;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	-webkit-box-shadow: 3px 0 3px 0 rgba(0,0,0,0.2);
	box-shadow: 3px 0 3px 0 rgba(0,0,0,0.2);
}

.content-input input[type=checkbox]:checked + i:before{
	left: 22px;
	-webkit-box-shadow: -3px 0 3px 0 rgba(0,0,0,0.2);
	box-shadow: 3px 0 -3px 0 rgba(0,0,0,0.2);
}
 
.content-input input[type=checkbox]:checked + i{
 background: #2c3ce3;
}
.content-input input[type=checkbox] + i:after{
	content: 'ON';
	position: absolute;
	font-size: 10px;
	color: rgba(255,255,255,0.6);
	top: 8px;
	left: 4px;
	opacity: 0 ;
	transition: all 0.25s ease 0.25s;
}
 
.content-input input[type=checkbox]:checked + i:after{
 opacity: 1;
}

/* Botones de los añadidos color negro*/

.content-input-negro input,
.content-select select{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
 
.content-input-negro input{
	visibility: hidden;
	position: absolute;
	right: 0;
}

.content-input-negro{
	position: relative;
	margin-bottom: 25px;
	padding:5px 0 5px 60px;
	display: block;
}

.content-input-negro input + i{
       background: #656869;
       border:2px solid rgba(0,0,0,0.2);
       position: absolute; 
       left: 0;
       top: 0;
}
 
.content-input-negro input[type=checkbox ] + i{
	width: 48px;
	height: 27px;
	border-radius: 20px;
}
.content-input-negro input[type=checkbox] + i:before{
	content: '';
	width: 26px;
	height: 26px;
	background: rgb(255, 255, 255);
	border-radius: 50%;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	-webkit-box-shadow: 3px 0 3px 0 rgba(0,0,0,0.2);
	box-shadow: 3px 0 3px 0 rgba(0,0,0,0.2);
}

.content-input-negro input[type=checkbox]:checked + i:before{
	left: 22px;
	-webkit-box-shadow: -3px 0 3px 0 rgba(0,0,0,0.2);
	box-shadow: 3px 0 -3px 0 rgba(0,0,0,0.2);
}
 
.content-input-negro input[type=checkbox]:checked + i{
 background: #1b1717;
}
.content-input-negro input[type=checkbox] + i:after{
	content: 'ON';
	position: absolute;
	font-size: 10px;
	color: rgba(255,255,255,0.6);
	top: 8px;
	left: 4px;
	opacity: 0 ;
	transition: all 0.25s ease 0.25s;
}
 
.content-input-negro input[type=checkbox]:checked + i:after{
 opacity: 1;
}
/* Botones de los añadidos purpura*/

.content-input-purpura input,
.content-select select{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
 
.content-input-purpura input{
	visibility: hidden;
	position: absolute;
	right: 0;
}

.content-input-purpura{
	position: relative;
	margin-bottom: 25px;
	padding:5px 0 5px 60px;
	display: block;
}

.content-input-purpura input + i{
       background: #d386ef;
       border:2px solid rgba(0,0,0,0.2);
       position: absolute; 
       left: 0;
       top: 0;
}
 
.content-input-purpura input[type=checkbox ] + i{
	width: 48px;
	height: 27px;
	border-radius: 20px;
}
.content-input-purpura input[type=checkbox] + i:before{
	content: '';
	width: 26px;
	height: 26px;
	background: rgb(255, 255, 255);
	border-radius: 50%;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	-webkit-box-shadow: 3px 0 3px 0 rgba(0,0,0,0.2);
	box-shadow: 3px 0 3px 0 rgba(0,0,0,0.2);
}

.content-input-purpura input[type=checkbox]:checked + i:before{
	left: 22px;
	-webkit-box-shadow: -3px 0 3px 0 rgba(0,0,0,0.2);
	box-shadow: 3px 0 -3px 0 rgba(0,0,0,0.2);
}
 
.content-input-purpura input[type=checkbox]:checked + i{
 background: #8c2baf;
}
.content-input-purpura input[type=checkbox] + i:after{
	content: 'ON';
	position: absolute;
	font-size: 10px;
	color: rgba(255,255,255,0.6);
	top: 8px;
	left: 4px;
	opacity: 0 ;
	transition: all 0.25s ease 0.25s;
}
 
.content-input-purpura input[type=checkbox]:checked + i:after{
 opacity: 1;
}
/* Botones de los añadidos rojo*/

.content-input-rojo input,
.content-select select{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
 
.content-input-rojo input{
	visibility: hidden;
	position: absolute;
	right: 0;
}

.content-input-rojo{
	position: relative;
	margin-bottom: 25px;
	padding:5px 0 5px 60px;
	display: block;
}

.content-input-rojo input + i{
       background: #ef8686;
       border:2px solid rgba(0,0,0,0.2);
       position: absolute; 
       left: 0;
       top: 0;
}
 
.content-input-rojo input[type=checkbox ] + i{
	width: 48px;
	height: 27px;
	border-radius: 20px;
}
.content-input-rojo input[type=checkbox] + i:before{
	content: '';
	width: 26px;
	height: 26px;
	background: rgb(255, 255, 255);
	border-radius: 50%;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	-webkit-box-shadow: 3px 0 3px 0 rgba(0,0,0,0.2);
	box-shadow: 3px 0 3px 0 rgba(0,0,0,0.2);
}

.content-input-rojo input[type=checkbox]:checked + i:before{
	left: 22px;
	-webkit-box-shadow: -3px 0 3px 0 rgba(0,0,0,0.2);
	box-shadow: 3px 0 -3px 0 rgba(0,0,0,0.2);
}
 
.content-input-rojo input[type=checkbox]:checked + i{
 background: #e94b4b;
}
.content-input-rojo input[type=checkbox] + i:after{
	content: 'ON';
	position: absolute;
	font-size: 10px;
	color: rgba(255,255,255,0.6);
	top: 8px;
	left: 4px;
	opacity: 0 ;
	transition: all 0.25s ease 0.25s;
}
 
.content-input-rojo input[type=checkbox]:checked + i:after{
 opacity: 1;
}
/* Botones de los añadidos*/

.content-input-verde input,
.content-select select{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
 
.content-input-verde input{
	visibility: hidden;
	position: absolute;
	right: 0;
}

.content-input-verde{
	position: relative;
	margin-bottom: 25px;
	padding:5px 0 5px 60px;
	display: block;
}

.content-input-verde input + i{
       background: #89efbc;
       border:2px solid rgba(0,0,0,0.2);
       position: absolute; 
       left: 0;
       top: 0;
}
 
.content-input-verde input[type=checkbox ] + i{
	width: 48px;
	height: 27px;
	border-radius: 20px;
}
.content-input-verde input[type=checkbox] + i:before{
	content: '';
	width: 26px;
	height: 26px;
	background: rgb(255, 255, 255);
	border-radius: 50%;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	-webkit-box-shadow: 3px 0 3px 0 rgba(0,0,0,0.2);
	box-shadow: 3px 0 3px 0 rgba(0,0,0,0.2);
}

.content-input-verde input[type=checkbox]:checked + i:before{
	left: 22px;
	-webkit-box-shadow: -3px 0 3px 0 rgba(0,0,0,0.2);
	box-shadow: 3px 0 -3px 0 rgba(0,0,0,0.2);
}
 
.content-input-verde input[type=checkbox]:checked + i{
 background: #3ce25b;
}
.content-input-verde input[type=checkbox] + i:after{
	content: 'ON';
	position: absolute;
	font-size: 10px;
	color: rgba(255,255,255,0.6);
	top: 8px;
	left: 4px;
	opacity: 0 ;
	transition: all 0.25s ease 0.25s;
}
 
.content-input-verde input[type=checkbox]:checked + i:after{
 opacity: 1;
}