html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
  }
  :root{
	--colMain : #333;
	--colGray : #333;
	--colBlue : rgb(0, 141, 183);;
	--colWhite : #fff;
  }

  html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-family: "Nunito", sans-serif;
  }
  body {
	  font-size: .8em;
	  font-weight:100;
	  font-family: "Nunito", sans-serif;
 color: var(--colGray);
	  text-rendering: optimizeLegibility;
	  overflow-x: hidden;
    position: relative;
  }

header{background: #101E40;}

a{text-decoration: none;}   
p{color: var(--colMain);font-size: 1.8em; font-weight: 400;line-height: 1.5em;}
h1{font-size: 2.5em; color: var(--colMain2);font-family: "Nunito", sans-serif;font-weight: 900;text-transform: uppercase;}
h2{color:var(--colMain); font-size: 2.3em; padding: 10px 0; margin-bottom: 30px; margin-top: 30px;font-weight: 400;font-family: "Roboto", sans-serif;}
span{color: var(--colGray);text-transform: none; font-weight: 400; font-size: 1.8em; text-align: start;font-family: "Nunito"}

.logo-CE{width: 50%;}
.logo-CEP{margin-top: 25px; width: 95%;}
.logo-DF{width: 50%;}

.banner{margin-top: 100px;}
.banner h1{font-size: 3.8em;font-family: "Roboto", sans-serif; text-transform: none; font-weight: 400;}
.banner h2{font-size: 2.3em;font-family: "Roboto", sans-serif; text-transform: none; font-weight: 400;font-family: "Nunito", sans-serif;}

.card{border: none;}
.titulo h1{color: var(--colBlue);text-transform: none; font-weight: 400;font-family: "Roboto", sans-serif; font-size: 2.8em;}
.formacion-info h2{color: var(--colBlue);text-transform: none; font-weight: 600; font-size: 1.1em; text-align: start;}
.formacion-info h3{color: var(--colWhite);text-transform: none; font-weight: 600; font-size: .8em; text-align: start; padding: 10px 0px;}
.formacion-info p{color: var(--colWhite);text-transform: none; font-weight: 400; font-size: .6em; text-align: start;}
.formacion-info span{color: var(--colGray);text-transform: none; font-weight: 400; font-size: .7em; text-align: start;font-family: "Nunito"}
.formacion-bg{background:var(--colBlue); padding: 10px; border-radius: 50PX;}

.btn-degrade{padding: 20px; border-radius: 40px; font-size: 1em;margin: 40px; border-color: #fff; font-family: "Nunito", sans-serif; background: linear-gradient(90deg,rgb(22, 202, 58) 0%, rgba(92, 129, 182, 1) 50%, rgba(129, 89, 243, 1) 100%);}
.btn-degradado{padding: 25px; border-radius: 30px; font-size: 26px;margin: 40px; border-color: #fff; font-family: "Nunito", sans-serif; background: linear-gradient(90deg,rgba(90, 188, 109, 1) 0%, rgba(92, 129, 182, 1) 50%, rgba(129, 89, 243, 1) 100%);}

.space{padding-top: 110px;}

.degrade-contenido{background-image: linear-gradient(to right top, #d16ba5, #d077b7, #cd83c8, #c88fd8, #c39be6, #c5a8ed, #c7b4f4, #cbc0f9, #d8d0fb, #e5dffd, #f2effe, #ffffff);background-repeat: no-repeat;
  background-position: center center;}
.degrade-banner{background-image: linear-gradient(to right top, #8cc9e7, #98cee8, #a5d3ea, #b0d8eb, #bcdded, #c7e1f0, #d2e6f3, #dceaf5, #e7eff8, #f0f4fa, #f9f9fd, #ffffff);background-repeat: no-repeat;
  background-position: center center;}
.degrade-formacion{background: linear-gradient(356deg,rgba(116, 32, 211, 1) 0%, rgba(255, 255, 255, 1) 100%);}

.card-body{padding: 0;}

.base{background-color: #fff; margin-bottom: 20px;border-radius: 0 50px 50px 0 ;} 
.base span{font-weight: 600; font-size: 2em;color: var(--colGray); margin-left: 20px;}
.base ul li{font-weight: 400; font-size: 1.8em; margin-left: 40px; margin-top: 5px;} 
.base ul li::marker {
  content: "✔";
  color: var(--colGray) ; 
}

.pleca {display: inline-block; width: 100%; height: 3px; background-color:#ffcc00; margin: 0 10px;}

footer{margin-top: 80px;}
.footer-txt{font-size: 1.2em;font-weight: 200;color: var(--colMain);}
.footer-txt a{font-weight: 200;color: var(--colMain);text-decoration: none;font-family: "Nunito", sans-serif;}

.modal-body p{color: var(--colGray);font-size: 1.4em; font-weight: 400;line-height: 1.5em;}
ul li {color: var(--colGray);font-size: 1.4em; font-weight: 400;line-height: 1.5em; margin-left: 20px;}

@media screen and (max-width: 411px)
{
	.btn-degrade{font-size: .5em; border-radius: 20px; padding: 10px; margin: 20px;max-width: 50%;}
	.logo-CE{width: 90%;}
	.logo-CEP{margin-top: 1px; width: 95%; padding-top: 20px;}
	/* .card-body{padding: 1;} */
	p{padding: 0 20px;}
	.banner h1{padding: 0 20px;}
	.banner h2{padding: 0 20px;}
	.degrade-formacion{padding: 20px;}
	.btn-degradado{font-size: 25px;border-radius: 20px;padding: 20px;margin: 10px;}

}