@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Krub:wght@700&family=Rubik&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Krub:wght@700&family=Lato&family=Rubik&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Krub:wght@700&family=Lato&family=Rubik:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100&display=swap');

body, a, p, h1, h2, h3, h4, h5 {
    color: #17385b !important;
    font-family: 'Krub', sans-serif !important;
    line-height:1.2em !important;    
}
.a-header {
    font-size:18px;
    font-weight:700;
}

.a-header:hover {
    color:#ff5900 !important;
}

.app {
    background-color:#efefef !important;
}

.app-main {
    padding-top: 5.5rem !important;
}

.app-header {
    /*box-shadow: unset !important;*/
    box-shadow: 0 6px 24px 0 rgb(18 43 70 / 8%);
    border-bottom: 1px solid #ccc;
    height: 5.5rem !important;
    align-items: center !important;
    display: flex !important;
}

.top-bar-item {
    padding:0 !important;
    padding-left:0 !important;
}

.app-aside.show .aside-header>.hamburger {
    background-color:#fff !important;
}

.app-header-dark .top-bar-search .input-group {
    color:#17385b !important;
    background-color:#fff !important;
    border-radius:10px !important;
    border:unset !important;
}

.app-header-dark {
    background-color:#fff !important;
}

.app-header-dark .top-bar-search .input-group-search:not(.focus) .form-control, .app-header-dark .top-bar-search .input-group-search:not(.focus) .form-control::placeholder, .app-header-dark .top-bar-search .input-group-search:not(.focus) .input-group-text {
    color: #17385b !important;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    background-color:#17385b !important;
}

.bg-primary {
    background-color:#fff !important;
}

.menu-text {
    font-size:0.875rem !important;    
    color:#17385b !important;
    text-transform: uppercase;
}

.stacked-menu .menu-item+.menu-item {
    margin-top:0px;
}

.menu-icon {
    font-size:1.8em !important;
    color:#17385b !important;
}

.app-aside-light {
    background-color:#fff;
}

.stacked-menu>.menu>.menu-item>.menu .menu-link {
    font-size:1rem !important;
}

.icon-18 {
    font-size:1.6rem !important;
}

.app-header-dark .btn-account {
    border-left:unset !important;
}

.btn-secondary {
    background:unset !important;
    background-color:#fff !important;
    color:#17385b !important;
    box-shadow: unset !important;
    border-color:unset !important;
    border:none !important;
    transition: 0.3s;
    border:1px solid #ccc !important;
}

.btn-secondary:hover {
    background-color:#fff !important;
    color:#17385b !important;
    border:1px solid #ccc !important;
}

.btn-primary {
    background-color:#ff5900 !important;
    border-color:#ff5900 !important;
    color:#fff !important;
    border-radius:4px !important;
    transition:0.3s;
    font-size:0.875rem;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color:#EA4E00 !important;
    border-color:#EA4E00 !important;
    outline:none !important;
}

.btn-default {
    background:unset !important;
    background-color:#fff !important;
    color:#17385b !important;
    box-shadow: unset !important;
    border-color:unset !important;
    border:none !important;
    transition: 0.3s;
    border:1px solid #ccc !important;
}

.btn-default:hover {
    background-color:#fff !important;
    color:#17385b !important;
    border:1px solid #ccc !important;
}

.form-control {    
    color:#17385b;
    border: 1px solid #c6c9d5 !important;
}

a {
    transition:0.3s;
}

a:hover {
    color:#453f3c !important;
}

.dropdown-item:hover {
    background-color:#eee;
}

.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle), .btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:not(:first-child) {
    border-radius:4px !important;
}

.card {    
    transition:0.3s;
    box-shadow: unset !important;
    background-color:#fff !important;
}

.card:hover {
    box-shadow:unset !important;
}

.alert {
    border:unset !important;
    box-shadow:unset !important
}

.alert-message {
    background-color:#fffcf9;
    color:#6d435a;
    border-radius:10px !important;
    font-weight:700;
}

.badge {
    border-radius:15px !important;
    font-size: 0.7rem !important;
}

.selector {    
    padding:0.2rem;
    border-radius:4px;
    float:left;
    margin-right:1rem;
    transition:0.3s;
    cursor:pointer;    
}

.selector:hover {
    background-color:#333;        
    color:#fff;
}

.hide {
    display:none;
}

.pag .pagination {
    margin:0px !important;
}

.pag .pagination li a {
    position: relative;
    display: block;
    margin-left: -1px;
    line-height: 1.25;
    color: #17385b !important;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
}

.pag .pagination li span {
    position: relative;
    display: block;
    margin-left: -1px;
    line-height: 1.25;
    color: #17385b !important;
    padding: 10px;
}

.pag .pagination li a:hover {
    background-color:#333 !important;
    color: #fff !important;
}

.pag .pagination li .active {
    background-color:#333 !important;
}

.btn-group > button, .btn-group > .dropdown {
    margin-left:1rem !important;
}

/*
hr {
    border:2px solid #fff;
}
*/

.fa-2x {
    font-size:1.8rem !important;
}

.top-bar-brand {
    width:20rem;
    display: flex !important;
    justify-content: center;
}

.avatar {
    background-color:#eee;
}

.card-header {
    text-transform: uppercase;
    font-weight: 700 !important;        
}

.bg-white {
    background-color:#fff !important;
}

.bg-badge {
    background-color :#E8C3EB !important;
}

.list-group-item {
    transition:0.3s;
    border:unset !important;
    border-radius:5px !important;
    color:#17385b !important;
}

.list-group-item-text {
    color:#17385b !important;
}

.list-group-item-subtitle, .list-group-item-title {
    color:#17385b !important;
    font-weight:700 !important;    
}

.h4-decoration {
    text-decoration-line: underline;
    text-decoration-color: #ff5900;
}

.btn-group > button, .btn-group > .dropdown {
    margin-left:unset !important;
    margin-right:1rem;
}

/*
.message {
    
    background-color:#efefef;
    color:#999;
    padding:0.5rem;    
}
*/

.switcher-indicator {
    background-color:#ccc !important;
    border-color:#ccc !important;
}

.switcher-input:checked+.switcher-indicator {
    background-color:#ff5900 !important;

}

.alert-message-2 {
    background-color:#EDEAE4;
    color:#8A8985;
    border-radius:5px !important;
    font-weight:700;
}

#barcookies .inner a.info {
    color:#c2e530 !important;
}

#background-profile {
    height:240px; 
    position:relative;    
    background-size: cover;
    border-radius:5px;
    background-color:#ccc;
}

.la-big {
    font-size:1.2rem;
}

#input-search {
    border:none !important;
}

.primary-color {
    color:#1B3A59 !important;
    text-transform: uppercase;
}

.secondary-color {
    color:#EB5435 !important;
}

.uppercase {
    text-transform: uppercase;
}

.bold {
    font-weight:700;
}

.top-bar-search {
    display: none !important;
}

.top-bar-item-right,
.btn-account {
    display: flex;
    flex-direction: row-reverse;
}

.top-bar-item-left .menu-text,
.top-bar-item-left .menu-link {
    color:#929496!important;
    line-height: 18px !important;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase !important;
}

.top-bar-item-left .menu-text:hover,
.top-bar-item-left .menu-link:hover {
    color:#F95c00!important;
}

.menuAdmin li::marker {
    color: transparent !important;
}

.account-name {
    color: #19375E !important;
    text-transform: capitalize;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}

.header-nav li:nth-child(2),
.header-nav li:nth-child(3) {
    display: none !important;
}

.header-nav {
    border-left: 1px solid #929496 !important;
}

.nav-link {
    color: #929496 !important;
}

.app-header-dark .btn-account:active, 
.app-header-dark .btn-account:focus {
    background-color: transparent !important;
}

.btn-group .dropdown-arrow, .dropdown .dropdown-arrow {
    left: 90% !important;
}

.section-block section .card {
    background-color: white !important;
    /*display: flex;
    align-items: center;*/
    padding: 20px !important;
    height: auto;
    border-radius: 30px !important;
    box-shadow: 0px 4px 4px rgba(0,0,0,0.25) !important;
    font-family: 'Krub', sans-serif !important;
    min-height: 500px;
    /*justify-content: center;*/
}

.section-block section .card-courses {
    min-height: auto;
}

.datos span {
    font-family: 'Krub', sans-serif !important;
}



.recNaranja {
    position: relative;
    margin: auto;
    width: 90%;
    min-height: 500px;
    background-color: #FF5623;
    top: -200px;
    border-radius: 50px;
    box-shadow: 0px 4px 4px rgba(0,0,0,0.25);
    height: auto;
}

.recNaranjaDos {
    position: relative;
    margin: auto;
    width: 90%;
    background-color: #FF5623;
    top: -75px;
    border-radius: 10px;
    box-shadow: 0px 4px 4px rgba(0,0,0,0.25);
    height: auto;
}
.recNaranjaDos select {
    width: 100%;
    height: 35px;
    color: #132A48;
    background-color: white;
    border: 2px solid #132A48;
    border-radius: 5px;
    font-weight: 600;
}

.recNaranjaDos .filtro-columna {
    width: 100%;
}

.recNaranjaDos .boton-filtro input {
    border-radius: 5px;
    border: 2px solid white;
    text-transform: uppercase;
    color: white;
    background-color: #132A48;
    height: 35px;
    width: 100%;
    cursor: pointer;
    font-weight: 600;
}

.titulo {
    font-family: 'Rubik', sans-serif !important;
    display: flex;
    justify-content: center;
    font-weight: 700;
    line-height: 74px;
    text-transform: uppercase;
    text-align: center;
}

.powered {
    position: relative;
    border-radius: 0px !important;
    width: 100% !important
}

.tituloNaranja .btn {
    color: #143958 !important;
    background-color: white !important;
    border: 3px solid #143958 !important;
    border-radius: 6px !important;
    font-family: 'Krub', sans-serif !important;
    font-weight: 700 !important;
    height: auto !important;
}

.datos .row div h3,
.datos .row div h5 {
    height: 80px;
    display: flex;
    align-content: center;
    align-items: center;
}

.datos .row div p {
    font-family: 'Lato', sans-serif !important;
    font-weight: 500;
    line-height: 35px !important;
    font-size: 20px !important;
    color: black !important;
}

.page-inner {
    padding: 0px !important;
}

.section-block {
    margin: auto !important;
    padding: 0px !important;
}

.designThinking {
    position: absolute;
    width: 100%;
    margin: auto;
    z-index: 1000;
}

.designThinking h3,
.designThinking p,
.miembros h3,
.miembros p,
.community h3,
.community p {
    width: 100%;
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    color: white !important;
    font-family: 'Rubik', sans-serif !important;
}

.designThinking h3:nth-child(1),
.community h3:nth-child(2),
.miembros h3:nth-child(1) {
    font-weight: 700 !important;
}

.designThinking h3:nth-child(2),
.community h3:nth-child(1),
.miembros h3:nth-child(2) {
    font-weight: 300 !important;
}

.fondoAzul {
    background-color: #132A48;
    min-height: 430px;
    height: auto;
    width: 100%!important;
    border-radius: 0px 0px 60px 60px !important
}

.fondoAzul .card {
    height: auto;
    /*min-height: 300px !important;*/
    background-color: #F2EBE4;
    box-shadow: 0px 4px 4px rgba(0,0,0,0.25);
    border-radius: 25px !important;
}

.cardContenedor {
    position: relative;
    top: -110px;
}
.cardContenedor .card img {
    min-width: 230px !important;
}

.cardContenedor .card div .row h3 a span {
    font-family: 'Krub', sans-serif !important;
}

.cardContenedor .card div .row p {
    font-family: 'Lato', sans-serif !important;
    line-height: 26px !important;
    font-weight: 500;
    font-size: 18px;
}

.cardContenedor .card div .row a .btn{
    color: #FF5623 !important;
    background-color: white !important;
    border: 3px solid #143958 !important;
    border-radius: 6px !important;
    font-family: 'Krub', sans-serif !important;
    font-weight: 700 !important;
    height: auto !important;
}

.imagenes img,
.powered img {
    width: 200px !important;
}

.tituloNaranja p {
    font-size: 18px !important;
    color: white !important;
    font-family: 'Lato', sans-serif;
    font-weight: 500 !important;
    line-height: 33px !important; 
}

.tools-card {
    height: auto;
    min-height: 400px !important;
    border-radius: 18px !important;
    box-shadow: 0px 4px 4px rgba(0,0,0,0.25) !important;
    font-family: 'Krub', sans-serif !important;
}

.colorFecha {
    color:#706F6F !important;
}

.dropdown-submenu {
    position: relative;
  }
  
  .dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: .8em;
  }
  
  .dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: .1rem;
    margin-right: .1rem;
  }

  .dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover {
    background-color: transparent !important;
    color: #F95c00 !important;
  }





/*------------------------------------------------------------Media Queries---------------------------------------------------------------*/

@media (max-width: 576px) {
    .powered {
        display: flex;
        justify-content: center;
    }

    .tituloNaranja h3 {
        font-size: 25px !important;
        color: white !important;
        text-transform: uppercase;
        font-family: 'Rubik', sans-serif !important;
        font-weight: 700 !important;
        line-height: 25px !important; 
    }

    .imagenes {
        flex-direction: column !important;
        top: -100px;
        position: relative;
    }

    .imagenes img {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    /*.designThinking h3,
    .community h3,
    .members h3,
    .titulo {
        font-size: 20px !important;
    }*/
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767px) {
    .powered {
        display: flex;
        justify-content: center;
    }

    .tituloNaranja h3 {
        font-size: 30px !important;
        color: white !important;
        text-transform: uppercase;
        font-family: 'Rubik', sans-serif !important;
        font-weight: 700 !important;
        line-height: 35px !important;
    }

    .imagenes {
        flex-direction: column !important;
        top: -100px;
        position: relative;
    }

    .imagenes img {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .designThinking h3,
    .community h3,
    .miembros h3
    .titulo {
        font-size: 30px !important;
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {
    .powered {
        display: flex;
        justify-content: center;
    }

    .tituloNaranja h3 {
        font-size: 40px !important;
        color: white !important;
        text-transform: uppercase;
        font-family: 'Rubik', sans-serif !important;
        font-weight: 700 !important;
        line-height: 45px !important; 
    }

    .imagenes {
        flex-direction: column !important;
        top: -100px;
        position: relative;
    }

    .imagenes img {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .designThinking h3,
    .community h3,
    .miembros h3,
    .titulo {
        font-size: 40px !important;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px) {
    .powered {
        display: flex;
        justify-content: center;
    }

    .imagenes {
        top: -100px;
        position: relative;
    }

    .tituloNaranja h3 {
        font-size: 50px !important;
        color: white !important;
        text-transform: uppercase;
        font-family: 'Rubik', sans-serif !important;
        font-weight: 700 !important;
        line-height: 55px !important; 
    }

    .designThinking h3,
    .community h3,
    .miembros h3,
    .titulo {
        font-size: 50px !important;
    }
}

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1399px) {
    .powered {
        display: flex;
        justify-content: center;
    }

    .imagenes {
        top: -100px;
        position: relative;
    }

    .tituloNaranja h3 {
        font-size: 60px !important;
        color: white !important;
        text-transform: uppercase;
        font-family: 'Rubik', sans-serif !important;
        font-weight: 900 !important;
        line-height: 65px !important; 
    }

    .designThinking h3,
    .community h3,
    .miembros h3
    .titulo {
        font-size: 60px !important;
    }
}

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
    .powered {
        display: flex;
        justify-content: center;
    }

    .imagenes {
        top: -100px;
        position: relative;
    }

    .tituloNaranja h3 {
        font-size: 70px !important;
        color: white !important;
        text-transform: uppercase;
        font-family: 'Rubik', sans-serif !important;
        font-weight: 900 !important;
        line-height: 75px !important; 
    }

    .tituloNaranja p {
        font-size: 23px !important;
        color: white !important;
        font-family: 'Lato', sans-serif !important;
        font-weight: 500 !important;
        line-height: 33px !important; 
    }

    .designThinking h3,
    .community h3,
    .miembros h3,
    .titulo {
        font-size: 70px !important;
    }
}

.imagen-banner {
    background-image: url('../img/app/academy-banner-1.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: calc(100vh - 5.5rem);
    border-radius: 0px 0px 60px 60px;
    position: relative;
	justify-content: center;
    align-items: flex-start;
    display: flex;
}
.imagen-banner .container {
	margin-top:100px;
}
.imagen-banner-dos {
    background-image: url('../img/app/academy-banner-2.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: calc(100vh - 5.5rem);
    border-radius: 0px 0px 60px 60px;
    position: relative;
    justify-content: center;
    align-items: center;
    display: flex;
}
.imagen-design-thinking {
    background-image: url('../img/app/fondo2.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 500px;
    position: relative;
    justify-content: center;
    align-items: center;
    display: flex;
}

.swiper-slide {
    padding: 10px !important;
}

/*.swiper {
    padding-left: 80px !important;
    padding-right: 80px !important;
}*/

.swiper-button-next,
.swiper-button-prev {
    width: 85px !important;
    background-color: #efefef !important;
    height: 100% !important;
    top: 0px !important;
    color: #FF5623 !important;
}
.swiper-button-prev {
    left: 0px !important;
    justify-content: end !important;
    padding-right: 10px;    
}

.swiper-button-next {
    right: 0px !important;
    justify-content: start !important;
    padding-left: 10px;   
}

.swiper-pagination {
    bottom: -5px !important;
}

.swiper-pagination-bullet-active {
    background-color: #FF5623 !important;
  }

  .members .card .card-body .user-avatar,
  .members .card .card-body img {
    border-radius: 1.5rem !important;
    width: 4rem;
    height: 4rem;
  }

  .members .card .card-body .card-title a,
  .titulo-members {
    text-transform: uppercase !important;
    font-weight: 400 !important;
    font-size: 25px !important;
  }

  .members .card {
    border-radius: 20px !important;
  }

  .busqueda .form-group {
    max-width: 300px !important;
  }

  .usuarios {
    border-bottom: 1px solid #e3e3e3;
  }
  .usuarios-titulo {
    border-bottom: 2px solid #F95C00;
    text-transform: uppercase;
    font-weight: 500;
  }

  .usuarios-encontrados {
    color: white;
    background-color: #F95C00;
    border-radius: 20px;
    min-width: 65px;
    display: inline-flex;
    justify-content: center;
    font-size: 20px;
  }

  .contenedor-responsivo {
    position: relative;
    overflow: hidden;
    padding-top: 56.25% !important;
    border-radius: 20px;
  }

  .iframe-responsivo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.grid {
    display: -ms-inline-grid !important;
    display: -moz-inline-grid !important;
    margin: auto !important;
}

.top-classes {
    padding-left: 80px !important;
    padding-right: 80px !important;
}

.view-all {
    font-family: 'Krub', sans-serif !important;
    color: #FF5623 !important;
    text-align: end;
    font-size: 20px !important;
}

.padding-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
}

@media only screen and (max-width: 576px) {
    .padding-80 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .swiper-button-next:after,
    .swiper-button-prev:after{
        display: none !important;
    }
    .swiper-button-next, .swiper-button-prev {
        width: 35px !important;
    }
}

.pagination {
    display: inline-block;
}
.pagination a {
color: #929496 !important;
float: left;
padding: 0px 8px;
text-decoration: none;
font-weight: 600;
}
.pagination .active,
.pagination a:first-child,
.pagination a:last-child {
color: black !important;
}

.pagination a:first-child {
    border-right: 1px solid #929496;
    padding-right: 16px !important;
}

.encabezado h4 {
    font-size: 50px;
}

.encabezado .social-media a {
    padding-left: 10px;
    padding-right: 10px;
}

.encabezado .social-media a i {
    font-size: 20px;
}

.descripcion p {
    font-size: 20px;
    line-height: 2em !important;
    color: #000000 !important;
}

#row-forum {
    box-shadow: 0px 2.47619px 2.47619px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
}

#row-forum .card {
    border-radius: 20px;
}

#row-forum .textarea {
    padding: 2rem !important;
}

.comentarios .avatar,
.textarea .avatar {
    width: 50px!important;
    height: 50px !important;
}

.nombre {
    height: 50px;
}

.nombre a {
    font-size: 30px;
}

.nombre p {
    color: #143958 !important;
    margin: 0 !important;
    font-weight: 600 !important;
}

.nombre p span {
    color: #F95C00;
}

.comentarios .coment {
    color: #696666 !important;
    line-height: 2em !important;
    font-weight: 600 !important;
}

.textarea textarea {
    box-shadow: 0px 2.47619px 2.47619px rgba(0, 0, 0, 0.25);
    background-color: white;
    border: none !important;
    border-radius: 10px !important;
}
.textarea h3 {
    color: #F95C00 !important;
}
.textarea .btn-primario {
    float: right;
    border: 2px solid #143958;
    border-radius: 5px;
    height: auto !important;
    padding: 2px 50px;

}

.playmobil-pro .card {
    background-color: #F95C00 !important;
    border-radius: 20px;
    height: 450px;
    box-shadow: 0px 2.47619px 2.47619px rgba(0, 0, 0, 0.25) !important;
}

.playmobil-pro .card .card-body {
    height: calc(100% - 60px);
}

.playmobil-pro .card .card-footer {
    height: 61px;
    background-color: white;
    border-radius: 0px 0px 20px 20px;
    box-shadow: 0px 2.47619px 2.47619px rgba(0, 0, 0, 0.25);
}

.playmobil-pro .card .card-body .enunciado h3:first-child {
    font-size: 25px;
    color: white !important;
    font-weight: 400;
    font-family: 'Krub', sans-serif !important;
}

.playmobil-pro .card .card-body .enunciado h3:last-child {
    font-size: 30px;
    color: white !important;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Krub', sans-serif !important;
}

.playmobil-pro .card .card-body .btn-secundario {
    background-color: #132A48;
    color: white !important;
    border: 2px solid white;
    display: inline-flex;
    align-items: center;
}

.playmobil-pro .card .card-body .col-7 p {
    color: white !important;
    font-size: 16px;
    padding-top: 10px;
    margin-bottom: 10px;
}

.playmobil-pro .card .card-body img {
    position: absolute;
    top: 125px;
    left: 70px;
}

.aside {
    width: 300px;
}

.cuerpo-principal {
    width: calc(100% - 300px);
}

@media only screen and (max-width: 992px) {
    .cuerpo-principal {
        width: 100% !important;
    }
    .aside {
        margin: auto !important;
    }
    .btn-view {
        max-width: 300px;
    }
}

.otros-videos h3 {
    text-transform: capitalize;
    font-weight: 300;
    margin: auto;
}
.otros-videos .subrayado-naranja {
    border-bottom: 2px solid #F95C00;
    width: 50%;
    margin-left: 50%;
}

.otros-videos img {
    width: 100%;
}

.materiales .card {
    box-shadow: 0px 2.47619px 2.47619px rgba(0, 0, 0, 0.25) !important;
    border-radius: 20px;  
}

.materiales .card .card-body a {
    height: 30px;
    display: inline-flex;
    align-items: center; 
}

.materiales .card .card-body a:hover {
    color: #F95C00 !important;
}

.materiales .card .figure-attachment {
    border-radius: 20px !important;
}

.footer .redes p {
    text-transform: uppercase !important;
    font-size: 18px;
    color: #000000 !important;
    font-family: 'Lato', sans-serif !important;
    font-weight: 300 !important;
}
.footer .redes div a:first-child {
    margin-left: 0px !important;
}
.footer .redes a {
    margin-left: 30px;
}

.footer .redes a i {
    font-size: 20px;
}

.footer ul {
    list-style: none;
    padding: 0px !important;
    height: 170px;
    color: #000000 !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 18px;
}

.footer ul li {
    cursor: pointer;
    font-weight: 300 !important;
}

.footer ul li:hover {
    color: #FF5623;
}

.footer ul li i {
    color: #FF5623;
}

.footer .textos p {
    color: #000000 !important;
    font-family: 'Lato', sans-serif !important;
    text-transform: uppercase;
}

.footer .textos p:first-child {
    font-size: 22px;
    font-weight: 300;
}

.footer .textos p:last-child {
    font-size: 18px;
    font-weight: 700;
}

.footer .checkboton label {
    text-transform: capitalize;
    color: #000000 !important;
    font-family: 'Lato', sans-serif !important;
    padding-left: 10px;
    font-weight: 300 !important;
    margin-bottom: 0px !important;
}

.footer .checkboton label span {
    text-transform: uppercase;
}

.footer .btn-view {
    background-color: #FF5623;
    color: white !important;
    padding: 5px !important;
    display: inline-flex;
    justify-content: center;
    width: 100% !important;
    align-items: center;
}

.footer .page-inner {
    border-bottom: 1px solid #BFBBBB;
}

.footer-footer img {
    width: 300px;
}

.footer-footer span {
    font-weight: 300 !important;
    color: #000000 !important;
    font-family: 'Lato', sans-serif !important;
}

.cardContenedor .card {
    background-color: #F2EBE4 !important;
}