*{box-sizing:border-box;}
    /* CSS Document Creado por David Sol 2017 */

@font-face {
  font-family: "ArialMTPro";
  font-weight: 400;
  font-style: italic;
  src: url("/themes/actual/fonts/ArialMTPro-Italic.eot"); /* IE9 Compat Modes */
  src: url("/themes/actual/fonts/ArialMTPro-Italic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/themes/actual/fonts/ArialMTPro-Italic.otf") format("opentype"), /* Open Type Font */
    url("/themes/actual/fonts/ArialMTPro-Italic.svg") format("svg"), /* Legacy iOS */
    url("/themes/actual/fonts/ArialMTPro-Italic.ttf") format("truetype"), /* Safari, Android, iOS */
    url("/themes/actual/fonts/ArialMTPro-Italic.woff") format("woff"), /* Modern Browsers */
    url("/themes/actual/fonts/ArialMTPro-Italic.woff2") format("woff2"); /* Modern Browsers */
    font-display: swap;
}


@font-face {
  font-family: "ArialMTPro";
  font-weight: 300;
  font-style: normal;
  src: url("/themes/actual/fonts/ArialMTPro-Light.eot"); /* IE9 Compat Modes */
  src: url("/themes/actual/fonts/ArialMTPro-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/themes/actual/fonts/ArialMTPro-Light.otf") format("opentype"), /* Open Type Font */
    url("/themes/actual/fonts/ArialMTPro-Light.svg") format("svg"), /* Legacy iOS */
    url("/themes/actual/fonts/ArialMTPro-Light.ttf") format("truetype"), /* Safari, Android, iOS */
    url("/themes/actual/fonts/ArialMTPro-Light.woff") format("woff"), /* Modern Browsers */
    url("/themes/actual/fonts/ArialMTPro-Light.woff2") format("woff2"); /* Modern Browsers */
    font-display: swap;
}


@font-face {
  font-family: "ArialMTPro";
  font-weight: 300;
  font-style: italic;
  src: url("/themes/actual/fonts/ArialMTPro-LightItalic.eot"); /* IE9 Compat Modes */
  src: url("/themes/actual/fonts/ArialMTPro-LightItalic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/themes/actual/fonts/ArialMTPro-LightItalic.otf") format("opentype"), /* Open Type Font */
    url("/themes/actual/fonts/ArialMTPro-LightItalic.svg") format("svg"), /* Legacy iOS */
    url("/themes/actual/fonts/ArialMTPro-LightItalic.ttf") format("truetype"), /* Safari, Android, iOS */
    url("/themes/actual/fonts/ArialMTPro-LightItalic.woff") format("woff"), /* Modern Browsers */
    url("/themes/actual/fonts/ArialMTPro-LightItalic.woff2") format("woff2"); /* Modern Browsers */
    font-display: swap;
}


@font-face {
  font-family: "ArialMTPro";
  font-weight: 700;
  font-style: normal;
  src: url("/themes/actual/fonts/ArialMTPro-Bold.eot"); /* IE9 Compat Modes */
  src: url("/themes/actual/fonts/ArialMTPro-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/themes/actual/fonts/ArialMTPro-Bold.otf") format("opentype"), /* Open Type Font */
    url("/themes/actual/fonts/ArialMTPro-Bold.svg") format("svg"), /* Legacy iOS */
    url("/themes/actual/fonts/ArialMTPro-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("/themes/actual/fonts/ArialMTPro-Bold.woff") format("woff"), /* Modern Browsers */
    url("/themes/actual/fonts/ArialMTPro-Bold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ArialMTPro";
  font-weight: 700;
  font-style: italic;
  src: url("/themes/actual/fonts/ArialMTPro-BoldItalic.eot"); /* IE9 Compat Modes */
  src: url("/themes/actual/fonts/ArialMTPro-BoldItalic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/themes/actual/fonts/ArialMTPro-BoldItalic.otf") format("opentype"), /* Open Type Font */
    url("/themes/actual/fonts/ArialMTPro-BoldItalic.svg") format("svg"), /* Legacy iOS */
    url("/themes/actual/fonts/ArialMTPro-BoldItalic.ttf") format("truetype"), /* Safari, Android, iOS */
    url("/themes/actual/fonts/ArialMTPro-BoldItalic.woff") format("woff"), /* Modern Browsers */
    url("/themes/actual/fonts/ArialMTPro-BoldItalic.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ArialMTPro";
  font-weight: 400;
  font-style: normal;
  src: url("/themes/actual/fonts/ArialMTPro-Regular.eot"); /* IE9 Compat Modes */
  src: url("/themes/actual/fonts/ArialMTPro-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/themes/actual/fonts/ArialMTPro-Regular.otf") format("opentype"), /* Open Type Font */
    url("/themes/actual/fonts/ArialMTPro-Regular.svg") format("svg"), /* Legacy iOS */
    url("/themes/actual/fonts/ArialMTPro-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("/themes/actual/fonts/ArialMTPro-Regular.woff") format("woff"), /* Modern Browsers */
    url("/themes/actual/fonts/ArialMTPro-Regular.woff2") format("woff2"); /* Modern Browsers */
    font-display: swap;
}

@font-face {
  font-family: "ArialMTPro-Cond";
  src: url("/themes/actual/fonts/ArialMTPro-Cond.eot"); /* IE9 Compat Modes */
  src: url("/themes/actual/fonts/ArialMTPro-Cond.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/themes/actual/fonts/ArialMTPro-Cond.otf") format("opentype"), /* Open Type Font */
    url("/themes/actual/fonts/ArialMTPro-Cond.svg") format("svg"), /* Legacy iOS */
    url("/themes/actual/fonts/ArialMTPro-Cond.ttf") format("truetype"), /* Safari, Android, iOS */
    url("/themes/actual/fonts/ArialMTPro-Cond.woff") format("woff"), /* Modern Browsers */
    url("/themes/actual/fonts/ArialMTPro-Cond.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ArialMTPro-Cond";
  src: url("/themes/actual/fonts/ArialMTPro-LightCond.eot"); /* IE9 Compat Modes */
  src: url("/themes/actual/fonts/ArialMTPro-LightCond.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/themes/actual/fonts/ArialMTPro-LightCond.otf") format("opentype"), /* Open Type Font */
    url("/themes/actual/fonts/ArialMTPro-LightCond.svg") format("svg"), /* Legacy iOS */
    url("/themes/actual/fonts/ArialMTPro-LightCond.ttf") format("truetype"), /* Safari, Android, iOS */
    url("/themes/actual/fonts/ArialMTPro-LightCond.woff") format("woff"), /* Modern Browsers */
    url("/themes/actual/fonts/ArialMTPro-LightCond.woff2") format("woff2"); /* Modern Browsers */
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ArialMTPro-Cond";
  src: url("/themes/actual/fonts/ArialMTPro-BoldCond.eot"); /* IE9 Compat Modes */
  src: url("/themes/actual/fonts/ArialMTPro-BoldCond.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/themes/actual/fonts/ArialMTPro-BoldCond.otf") format("opentype"), /* Open Type Font */
    url("/themes/actual/fonts/ArialMTPro-BoldCond.svg") format("svg"), /* Legacy iOS */
    url("/themes/actual/fonts/ArialMTPro-BoldCond.ttf") format("truetype"), /* Safari, Android, iOS */
    url("/themes/actual/fonts/ArialMTPro-BoldCond.woff") format("woff"), /* Modern Browsers */
    url("/themes/actual/fonts/ArialMTPro-BoldCond.woff2") format("woff2"); /* Modern Browsers */
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}




/* Para Safari */
::selection {
background: #ccc;
text-shadow: 0px 0px 4px #999;
color:#fff;

}

/* Para Firefox */
::-moz-selection {
background: #ccc;
text-shadow: 0px 0px 4px #999;
color:#fff;
}

html,body, a,.wrapper{opacity: 1}

html, body{
  opacity:      1;
  filter:       alpha(opacity=100);
  font:         300 16px 'ArialMTPro', Arial, Helvetica, sans-serif;
  min-width: 360px;
}

body a{color: #c2002f;}

body a:hover {
    color: #c2002f;
    text-decoration: underline;
}

.mb-n6{margin-bottom: -4rem!important}

.btn-primary {
    background-color: #c2002f;
    border-color: #c2002f;
    border-radius: 30px;
    border-width: 0;
    font-size: 1.3em;
    letter-spacing: 2px;
    transition:0.5s ease all;
}

.btn-primary:hover {
    color: #fff;
    background-color: rgba(0,0,0,0.8);
    border-radius: 10px;
}

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #666666;
    border-color: #222222;
    box-shadow: 0 0 0 0.2rem rgba(0,0,0,.2);
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(123,123,123,.25);
}

.encabezado .btn.focus, .encabezado .btn:focus {
    outline: 0;
    box-shadow: none;
    background:transparent;
    color:#333;
    
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc;
}

/* ENCABEZADO */
.encabezado{
  position: absolute;
  top: 35px;
  padding: 20px;
  transition: 0.5s ease all;
  background: rgb(255,255,255);
  background: linear-gradient(93deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8729866946778712) 62%, rgba(255,255,255,0) 100%);
}
.encabezado.scrolled{top:0;}
.encabezado .logo{
  max-width: 212px;
  padding: 0 13px 0 5px;
  transition: 0.5s 0.2s ease all;
}
.encabezado.scrolled .logo{margin-top:0;margin-bottom:-30px;}
.encabezado .logo img{
  min-width: 163px;
}
.encabezado .menu{
  
}
.encabezado .idiomas{}

.encabezado .idiomas a.active{
  opacity: 0.4;
}

.encabezado button{
  color: #555;
  background: transparent;
}

.dropdown-toggle::after {
    border: 4px solid #e8d397;
    border-left: 0;
    border-top: 0;
    width: 12px;
    border-radius: 3px;
    margin-bottom: -4px;
    height: 12px;
    transform: rotate(45deg);
}

.cursosHome *{transition:0.5s ease all;}
.cursosHome .btn-primary.dropdown-toggle:after{
  transform: rotate(224deg);
}
.cursosHome .btn-primary.dropdown-toggle.collapsed:after{
  transform: rotate(45deg);
}
.dropdown.show .dropdown-toggle:after,
.encabezado button.dropdown-toggle:after
{transform: rotate(-135deg);border-color: #999;}
.dropdown .dropdown-toggle:after,
.encabezado button.dropdown-toggle.collapsed:after
{transform: rotate(45deg);border-color: #999;}



.encabezado .email .btn{border: 3px solid #e8d397;box-shadow: 10px 10px 0 white, 10px -10px 0 white, -10px 10px 0 white, -10px -10px 0 white, 0px 10px 0 white, 0px -10px 0 white;background: transparent;color: #555;}
.encabezado .email .btn:hover{background:transparent;color:#111}
.encabezado .navbar-collapse{
  position: absolute;
  top: 100%;
  background: #fff;
  line-height: 1.6;
  border-radius: 0 0px 40px 40px;
  border-bottom: 5px solid #c2002f;
  width: 140%;
}

.encabezado .navbar-collapse .dropdown-menu{
  max-height: 400px;
  overflow-y: scroll;
  border: 0;
    background: #f1f1f1;
    font-size: 90%;
}

.encabezado .nav.navbar-nav li{
    padding: 0;
}
.encabezado .nav.navbar-nav li.dropdown-divider:first-child{display: none}
.encabezado .nav.navbar-nav li.dropdown-divider{
      padding: 0;
    border: 0;
    height: 0;
    margin: 0;
    border-bottom: 7px solid #fff;
}

.encabezado .nav.navbar-nav li img{display: none;}

.encabezado .nav.navbar-nav li a{
  color: #333;
  display: block;
  padding: 10px 15px;
  border-top: 1px solid #ddd;
}
.encabezado .nav.navbar-nav li a:hover{
  text-decoration: none;
  background: #ddd;
}

body#home .encabezado .nav.navbar-nav li.home{display: none}
body#curso .encabezado .nav.navbar-nav li a.active{color:#bbb;cursor: text;}

  /*scroll del menu*/

  .encabezado .navbar-collapse .dropdown-menu::-webkit-scrollbar {
      width: 12px;
  }
  /* Track */
  .encabezado .navbar-collapse .dropdown-menu::-webkit-scrollbar-track {
    border-radius: 0px;
    background: #ffffff;
    box-shadow:none;
  }
  /* Handle */
  .encabezado .navbar-collapse .dropdown-menu::-webkit-scrollbar-thumb {
    background: #dddddd; 
    border-radius: 8px;
  }
  /* Handle on hover */
  .encabezado .navbar-collapse .dropdown-menu::-webkit-scrollbar-thumb:hover {
    background: #000; 
  }

/*scrollbar*/

/* width */
::-webkit-scrollbar {
  width: 18px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0,0,0,0.2); 
  border-radius: 8px;
  background: #ddd
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #999; 
  border-radius: 8px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #c2002f; 
}

/*firefox*/
html{
  scrollbar-color: #999 #ddd;
  scrollbar-width: thin;
}


.banners {position:relative;overflow: hidden;}
.bannersGris{
      background: #333;
    color: #fff;
        font-size: 120%;
}
.bannersGris i{
  background: #fff;
    padding: 16px;
    font-size: 149%;
    border-radius: 50%;
    width: 56px;
    margin: 0 21px;
}
.banners .col{overflow: hidden;position: relative;}
.banners img{z-index: 0}
.banners .textoBanners{
  position: absolute;
  bottom: 60px;
  left: 70px;
  z-index: 2;
}

.banners .textoBanners button{
  background: rgba(255,255,255,0.7);
  color: #444;
  cursor: text!important;
}

.banners .textoBanners button:hover{
  background: #fff;
  color: #111;
}

.banners .title{
    color: #fff;
    font-family: 'ArialMTPro-Cond', sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
}
.banners .title,
.banners button,
.banners a{
  position: relative;
  z-index: 2
}

.textoBanners::after{
    content: '';
    display: block;
    background: #c2002f;
    background: #a90029d9;
    border-radius: 0;
    width: 133%;
    height: 900px;
    position: absolute;
    z-index: 1;
    bottom: -80px;
    left: -70px;
}

.textoBanners.big::after{    width: 1431px;}

section.calendario{
      background: #f1f1f1;
}

.rojo{color:#c2002f!important;}
.blanco{color:#fff!important;}
section.fondoRojo{background: #c2002f;color:#fff;font-size: 120%;}

h1,
h2,
h3,
.h1,
.h2,
.h3{
  font-family: 'ArialMTPro-Cond', sans-serif;
  font-weight: bold;
}
.inicio .h1,
.inicio h1{
  position: relative;
  z-index: 2;
  font-weight: 700;
  color: #c2002f;
  font-size: 2.9em;
  line-height: 1;
}


.inicio .h1 strong,
.inicio h1 strong{
  color: #444;
  display: block;
}

.inicio h2{
  color: #c2002f;
  font-weight: 700;
}

.inicio .area{
      border-bottom:0;
      border-left: 4px solid #e8d397;
      border-right: 4px solid #e8d397;
      border-top: 4px solid #e8d397;
      border-radius: 50px 50px 0 0;
      padding-bottom: 40px;
      margin-bottom: 47px;
      background: #fff;
      transition-delay:0.3s;
}
.inicio .area.collapsed{
  border: 4px solid #e8d397;
  border-radius: 50px;
  padding-bottom: 30px;
}
.inicio .area.collapsed:before{
  z-index:-2;
  background: #ddd;
  bottom: 36px;
  border-radius: 15px;
  width:90%;
  left: 5%;
}
.inicio .area:before{
  display:block;
  position: absolute;
  z-index:6;
  background:#fff;
  height:30px;
  width: 70%;
  left: 15%;
  content:'';
  bottom: 29px;
  box-shadow: 21px 0 15px #fff, -21px 0 15px #fff;
  transition: all 0.3s ease;
}
.inicio .area:hover:before{
  bottom:29px;
}
.inicio .area img{
  width: 44%;
  padding: 0 30px;
  background: #fff;
  margin-top: -70px;
}

.inicio .area button{
    font-weight: 100;
    padding: 5px 30px;
    background: #444;
}

.inicio.cursosHome .card{
    border: 4px solid #c2002f;
    border-radius: 60px;
    margin-bottom: 50px;
}
.inicio.cursosHome .collapse.show .card{margin-top: -47px;}

.inicio.cursosHome .card ul{
  padding: 0;
   -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
    
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: stretch;
  align-items: stretch;
}

.inicio.cursosHome .card li{
  list-style: none;
  display: flex;
  flex-grow: 1;
  max-width: 31%;
  min-width: 20%;
  font-family: 'ArialMTPro-Cond', sans-serif;
}

.inicio.cursosHome .card li.dropdown-divider{
  padding: 15px 0 50px 0;
  list-style-type: none;
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 1.8em;
  clear: both;
}

.inicio.cursosHome .card li a{
  padding: 10px;
  border: 2px solid #ddd;
  border-radius: 20px;
  width: 100%;
  text-align: center;
}

.inicio.cursosHome .card li a:hover{
  text-decoration: none;
  box-shadow: 0 10px rgba(0,0,0,0.2);
  border-color: #c2002f;
}

.inicio.cursosHome .card li a:after{
  content: '';
  background-size:cover;
  background-position: center;
  display: block;
  width: 100%;
  height: 60px;
  margin-top: 10px;
  border-radius: 10px;
}

.inicio.cursosHome .card li.lengua a:after{background-image: url(/images/microsite/listados/lengua.jpg);}
.inicio.cursosHome .card li.cultura a:after{background-image: url(/images/microsite/listados/cultura.jpg);}
.inicio.cursosHome .card li.examenes a:after{background-image: url(/images/microsite/listados/examenes.jpg);}
.inicio.cursosHome .card li.negocios a:after{background-image: url(/images/microsite/listados/negocios.jpg);}
.inicio.cursosHome .card li.comercio a:after{background-image: url(/images/microsite/listados/comercio.jpg);}
.inicio.cursosHome .card li.salud a:after{background-image: url(/images/microsite/listados/salud.jpg);}
.inicio.cursosHome .card li.turismo a:after{background-image: url(/images/microsite/listados/turismo.jpg);}
.inicio.cursosHome .card li.juridico a:after{background-image: url(/images/microsite/listados/juridico.jpg);}
.inicio.cursosHome .card li.seguridad a:after{background-image: url(/images/microsite/listados/seguridad.jpg);}
.inicio.cursosHome .card li.diversidad a:after{background-image: url(/images/microsite/listados/diversidad.jpg);}
.inicio.cursosHome .card li.profesorado a:after{background-image: url(/images/microsite/listados/profesorado.jpg);}
.inicio.cursosHome .card li.artes a:after{background-image: url(/images/microsite/listados/artes.jpg);}

a{
  transition: ease all 0.5s;}


.inicio p,
.inicio li
{
  font-size: 1.3em;
line-height: 1.5;
margin: 10px 0;
}
.inicio li{margin: 10px 5px;}
.inicio li li{font-size: 0.9em}

.breadcrumb{
  font-size: 84%;
    margin-bottom: 0;
    padding: .55rem 0.8rem;
    border-radius: 0 0 20px 20px;
}
.breadcrumb-item+.breadcrumb-item{padding-left: 0}

.cuadroResumen{
  border-radius: 40px;
  border: 3px solid #c2002f;
  background: #fff;
  z-index: 2;
  position: relative;
}

.cuadroResumen p{
border-bottom:1px solid #ddd;
padding:2px 5px; 
}

.cuadroResumen p>span, .cuadroResumen p strong{
  width:48%;
  display:inline-block;
  vertical-align: middle;
}

.cuadroResumen p span .miniFont{
  font-size: 80%;
  line-height: 1.4;
  display: inline-block;
}

.cuadroResumen a.btn{color:#fff;text-decoration: none;}
.cuadroResumen a.btn:hover{text-decoration: none;background: #333;}

.relacionados{ 
  padding: 0;
   -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
    
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: stretch;
  align-items: stretch;
}
.relacionados.noflash .flash{display: none;}
.relacionados li{
  display: flex;
  flex-grow: 1;
  background: rgba(0,0,0,0.06); 
  border-radius: 30px;
  max-width: 40%;
  transition:0.5s ease all;
  z-index:8;
}
.relacionados li:hover{background: #333; }

.relacionados li.dropdown-divider{
  width:100%;
  min-width: 100%;
}
.relacionados li a{
  color:#333;
  text-decoration:none;
  padding:7px 10px;
  text-align: center;
  width: 100%;
  font-size: 0.8em;
}

.relacionados li:hover a{
  color:#fff;
}



section.footer{
  background: #c2002f;
  position: relative;
}

section.footer .btn-primary{
  background: #fff;
  color: #333;
 }

  section.calendario{position: relative;}
  section.calendario:before{
  content: url('/graduacion/images/birrete.png');
  display: block;
  position: absolute;
      width: 260px;
    height: 260px;
    right: 40px;
    bottom: 0px;
 }

.footer a{
color: #fff;
    font-size: 22px;
}




p.note{
  color: #999;
  border-top: 1px solid #ccc;
  padding-top: 20px;
  font-size: 0.88em;
  margin-top: 60px;
}

p.note span{font-size: 1.6em}

a.btn-link{color: #c2002f}

.text-gris{color:#999!important;font-size: 1.5em!important}

.nav-pills .nav-link, .nav-pills .show>.nav-link {
    color: #222;
    background-color: transparent;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #ccc;
    background-color: transparent;
}

.streaming{
  border: 6px solid #c2002f;
}

@media screen and (min-width: 1200px){
  .banners,
  .banners .row,
  .banners .col{
    position: relative;
    max-height: 600px;
    overflow: hidden;
  }
  .banners .container-xl {
    max-width: 100%;
    max-height: 600px;
  }

  .logo{width: 111%}


}
@media screen and (max-width: 991px){

  

  .navbar-collapse.collapse.show{
    position: fixed;
    top: 93px;
    left: 0;
    width: 100%;
    margin-left: 0!important;
  }
  .encabezado button span{letter-spacing: 1px}

  .banners img{
    height: auto!important;
    width: 100%;
  }
  .inicio .area {
    border-radius: 30px;
    padding-bottom: 10px;
    margin-bottom: 0;
    margin-top: -25px;
  }
  .inicio .area img {
    width: 20%;
    min-width: 110px;
    padding: 0 30px;
    background: #fff;
    margin-top: -25px;
    margin-bottom: -22px;
  }

  .cuadroResumen p span, .cuadroResumen p strong {
    width: 100%;
  }

}

@media screen and (max-width: 767px){

  .encabezado{top: 0;min-width: 360px;}
  .encabezado .logo{margin-top: 0;/* margin-bottom: -28px; */}

  .banners img {/* margin-left:-20%; */}
  .inicio .h1, .inicio h1 {font-size: 2.5em}
  .inicio p, .inicio li{font-size: 1.1em}
  .inicio .area img { 
    margin-top: -20px;
    width: 28%;
   }
  .cuadroResumen p span, .cuadroResumen p strong {
    width: 48%;
  }

}

@media screen and (max-width: 575px){
  .encabezado.scrolled .logo,
  .encabezado .logo{margin: 0;max-width: 166px;padding-left: 0;}

  .encabezado .email img{width: 27px;}
  .banners img {/* margin-left:-70%; */}
  .banners .textoBanners{left:5%;width: 61%;font-size: 75%;}
  .cuadroResumen p span, .cuadroResumen p strong {
    width: 100%;
  }
  .inicio.cursosHome .card li{max-width: 100%}
}