/***************
by @rcuela
***************/

@font-face {
    font-family: 'RobotoLight';
    src: url('../fonts/roboto/Roboto-Light.ttf');
}
@font-face {
    font-family: 'RobotoRegular';
    src: url('../fonts/roboto/Roboto-Regular.ttf');
}
@font-face {
    font-family: 'RobotoMedium';
    src: url('../fonts/roboto/Roboto-Medium.ttf');
}
@font-face {
    font-family: 'RobotoBold';
    src: url('../fonts/roboto/Roboto-Bold.ttf');
}
@font-face {
    font-family: 'RobotoBlack';
    src: url('../fonts/roboto/Roboto-Black.ttf');
}

:root {
	--rc-gris: #EAEAEF;
	--rc-gris2: #f7f7f8;
	--rc-verde: #0b8d91;
	--rc-lila: #7f00b2;
	--rc-dorado: #ddbb2a;
	--rc-azul: #00447e;
	--rc-azul-oscuro: #002354;
	--rc-azul-claro: #3637f5;
}

body {
	font-family: RobotoLight;
	background: var(--rc-gris);
	margin: 0 auto;
	color: var(--rc-azul-oscuro);
}
.sticky-top {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1020;
}
.rc-header {
	/*display: flex;*/
	width:100%;
	align-items: center;
	vertical-align: middle;
	padding: 15px 0;
}
.navbar-nav > li.nav-item > a.nav-link{
	font-family: RobotoLight;
}
.navbar-nav > li.active > a.nav-link{
	color: var(--rc-azul-claro);
}
.navbar-nav > li.nav-item > a.nav-link:hover{
	color: var(--rc-azul-claro);
}
ul.top-lista {
	font-size:10px;
	padding:0px;
    margin: 0;
	text-transform:uppercase;
}
ul.top-lista li{
    background-image: url('../images/top-idioma.png');
    background-repeat: no-repeat;
	background-position: left center;
    display: inline-block;
	font-size: 10px;
	list-style-type: none;
	margin: 2px 0 0;
    padding: 2px 20px;
	width: auto;
}

ul.top-lista li a{
    padding: 2px 0px;
	color: var(--rc-azul-oscuro);
	font-size: 10px;
}
ul.top-lista li a:hover{
	color: var(--rc-green-color);
}
ul.top-lista li.top-idioma{
    background-image: url('../images/top-idioma.png');
}
ul.top-lista li.top-mail{
    background-image: url('../images/top-mail.png');
}
ul.top-lista li.top-pte{
    background-image: url('../images/top-pte.png');
}

ul.top-lista li.top-idioma:hover{
    background-image: url('../images/top-idioma-over.png');
}

ul.top-lista li.top-mail:hover{
    background-image: url('../images/top-mail-over.png');
}

ul.top-lista li.top-pte:hover{
    background-image: url('../images/top-pte-over.png');
}


.rc-header-main {
	width:100%;
	align-items: center;
	vertical-align: middle;
}
.rc-navbar{
	background: var(--rc-green-color);
	color:#FFF;
	width:100%;
	font-family:RobotoSemiBold;
}

/********Título*******/
.rc-titulo{
	background: #FFF;
	width:100%;
	padding:20px 0 40px;
}

.rc-titulo > .container-xl{
	font-family: RobotoMedium;
	padding-top: 30px;
	background: #FFF;
	color:#000;
}

.rc-titulo h1{
	font-family: RobotoBlack;
	font-size: 65px;
}
.rc-titulo h2{
	font-family:RobotoRegular;
	font-size: 30px;
	margin-bottom:30px;
	color:#000;
}

.rc-btn-lila, .rc-btn-azul{
	color:#FFF;
	background-color:#000;
	text-decoration:none;
	padding: 12px;
	transition: background-color 0.3s ease;
}
.rc-btn-lila:hover, .rc-btn-azul:hover{
	color:#FFF;
	background-color:#000;
	text-decoration:none;
}
.rc-btn-lila{
	background-color:var(--rc-lila);
}
.rc-btn-azul{
	background-color:var(--rc-azul);
}
/********Objetivo*******/

.rc-objetivo{
	background: var(--rc-azul-oscuro);
	color:#FFF;
	width:100%;
}
.rc-objetivo p{
	font-size: 28px;
}


/***********generico************/
h2{
	font-family: RobotoBold;
	color: var(--rc-lila);
	font-size: 40px;
	margin: 50px 0 20px;
}

h3{
	font-family: RobotoMedium;
	font-size: 25px;
}




/********programas*******/
.rc-programas{
	padding-top: 30px;
	background: #FFF;
	width:100%;
}

.rc-programas > .container-xl{
	font-family: RobotoLight;
	background: #FFF;
}


.rc-programa-caja{
	/*position: relative;*/
	height: 100%;
	min-height: 400px;
	background-size: cover;
	background-position: center;
	color: white;
	display: flex;
	align-items: flex-end;
	padding: 15px;
}
.rc-programa-caja .rc-programa-titulo {
	margin: 0;
}



.rc-programa-espacio{
	height:10px;
}

.rc-programa-botones {
	font-family: RobotoMedium;
	font-size:14px;
	display: flex;
	width: 100%;
}
.rc-btn-left {
  background-color: var(--rc-azul);
  color: white;
  text-align: center;
  width: 60%;
}

.rc-btn-right {
  background: var(--rc-azul-claro);
  color: white;
  text-align: center;
  width: 40%;
}


.rc-btn-texto-blanco, .rc-btn-left-lila, .rc-btn-left-azul, .rc-btn-right-azul{
	color:#FFF;
	background-color: #336699;
	width: 100%;
	padding: 12px;
	display: block;
	min-height: 66px;
	text-decoration:none;
}
.rc-btn-texto-blanco:hover, .rc-btn-left-lila:hover, .rc-btn-left-azul:hover, .rc-btn-right-azul:hover{
	background-color: #000;
	color:#FFF;
}

.rc-btn-left-lila{
	background: var(--rc-lila);
}
.rc-btn-left-azul{
	background: var(--rc-azul);
}
.rc-btn-right-azul{
	background: var(--rc-azul-claro);
}





.rc-mensaje{
	background-color:#FFF;
}




.rc-pilares p.rc-pilares-fin{
	margin-bottom:40px;
}

.rc-pilares .rc-pilares-img{
	max-width: 550px;
}

.rc-pilares .rc-pilares-pie{
	font-family: RobotoBold;
	max-width: 550px;
	font-size: 28px;
	color: var(--rc-verde);
}


.rc-aplicar h3{
	margin-bottom:20px;
}
.rc-aplicar-titulo{
	font-family: RobotoBold;
	font-size: 80px;
	display: block;
}
#rc-aplicar-titulo-1{
	color: var(--rc-verde);
}
#rc-aplicar-titulo-2{
	color: var(--rc-lila);
}
#rc-aplicar-titulo-3{
	color: var(--rc-azul-oscuro);
}
#rc-aplicar-titulo-4{
	color: var(--rc-dorado);
}


.rc-aplicar-nota{
	color:#FF0000;
	text-decoration:none;
}
.rc-notas-pie{
	background:#F9F9F9;
	font-size:12px;
}
.rc-nota-final{
	font-size:12px;
}




.rc-egresados{
	padding-top:50px;
	padding-bottom:20px;
}
.rc-egresados p{
	font-family: RobotoBold;
	font-size:28px;
	color:var(--rc-azul-oscuro);
}

.btn-conoce-mas{
	font-family: RobotoMedium;
	color:#FFF;
	background-color:var(--rc-azul-claro);
	text-decoration:none;
	padding: 12px;
	transition: background-color 0.3s ease;
}
.btn-conoce-mas:hover{
	color:#FFF;
	background-color:#000;
	text-decoration:none;
}






.rc-contenido{
	background: #FFF;
	width:100%;
}
.rc-contenido > .container-xl{
	background: #FFF;
}



.rc-footer{
	background-color: var(--rc-lila);
	color:#FFF;
}

.rc-footer h2{
	color: #FFF;
	font-size:28px;
}
.rc-footer h3{
	color: #FFF;
	font-size:22px;
}

.rc-direccion {
  font-size: 12px;
  border-top: 1px solid #1e1e5e;
  border-bottom: 1px solid #1e1e5e;
}
.rc-direccion a:hover {
  color: #74d4d7;
  text-decoration: underline;
}
.rc-footer a {
	color: #fff;
	text-decoration: none;
  	transition: color 0.3s ease;
}

.social-icons {
  display: flex;
  gap: 10px; 
}

.social-icons i {
	font-size: 24px;
	color: #FFF; 
	cursor: pointer;
	transition: color 0.3s ease;
}

.social-icons i:hover {
  color: var(--rc-azul-claro);
}





.modal-content {
	display: flex;
	flex-direction: row;
	align-items: stretch;
}
.modal-body {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.modal-body .video {
	flex: 1 1 auto;
}
.modal-body .details {
	flex: 1 1 auto;
	padding-left: 15px;
}


.page-header{
	display:none;
}



/*********************RC Tabla*********************/
table.rc-tabla{
	max-width:800px;
	border-spacing:12px;
	border-collapse:separate;
	margin:auto;
}

table.rc-tabla>tbody>tr>td{
	background-color:#FFF;
	/*border-radius:5px;*/
	box-shadow: var(--shd,0 1px 4px rgba(0,0,0,.6));
	padding: 12px;
	border: 1px solid var(--rc-lila);
	color: #333;
	/*font-weight:bold;*/
	text-align:center;
	vertical-align:middle;
}

table.rc-tabla>thead>tr>th, table.rc-tabla>tbody>tr>td:first-child{
	background-color:var(--rc-lila);
	/*border-radius:5px;*/
	box-shadow: var(--shd,0 1px 4px rgba(0,0,0,.6));
	padding: 12px;
	border: 0px solid var(--rc-lila);
	color: #FFF;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}

a.rc-id{
	color: #ff0e0e;
	font-weight:bold;
}

/**************************************************/

.rc-cifras{
	background-color: var(--rc-verde);
	color:#FFF;
}

.rc-cifras h2{
	color:#FFF;
}

.rc-cifras-l40, .rc-cifras-l50, .rc-cifras-l60 {
  font-size: 90px;
  display: inline-block;
  font-family: RobotoMedium;
  text-align: right;
}
.rc-cifras-r40, .rc-cifras-r50, .rc-cifras-r60 {
  font-size: 16px;
  display: inline-block;
  text-align:left;
  padding-left:10px;
}
.rc-cifras-l40, .rc-cifras-r40{
	width:40%
}
.rc-cifras-l50, .rc-cifras-r50{
	width:50%
}
.rc-cifras-l60, .rc-cifras-r60{
	width:60%
}



@media (max-width: 991px) { /* lg */
	.aside-collapse {
		display: block;
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		background: var(--rc-gris);
		z-index: 1030;
		width: 250px;
		transform: translateX(-250px);
		transition: transform 0.3s ease-in-out;
	}
	.aside-collapse.show {
		transform: translateX(0);
	}
	.aside-collapse .close-btn {
		/*position: absolute;
		top: 10px;
		right: 10px;*/
	}
	.aside-btn {
		display: block;
		background: var(--rc-green-color);
		color:#FFF;
		margin: 10px 0 20px;
		width: auto;
	}
	.close-btn{
		display: block;
		background: var(--rc-green-color);
		margin-top: 5px;
		margin-bottom: 5px;
		color: #FFF;
	}
}
@media (min-width: 992px) { /* lg */
	.aside-btn {
		display: none;
	}
	.close-btn{
		display: none;
	}
	.aside-collapse {
		display: block;
		background: #FFF;
	}
}
.search-icon-btn {
	background-color: var(--rc-azul-oscuro);
	border: none;
	border-radius: 0 4px 4px 0;
	padding: 0 10px;
	height: 100%;
}
.search-icon {
	width: 16px;
	height: 16px;
}


/***************
AUTORES
***************/

.autor-img{
	width: 200px;
}

.autor-titulo{
	font-family:RobotoSemiBold;
	font-size: 22px;
}
.autor-titulo a{
	color: var(--rc-azul-oscuro);
}
.autor-titulo a:hover{
	color: var(--rc-green-color);
}

.autor-grado{
	font-family:RobotoBlack;
	font-size: 16px;
	color: var(--rc-green-color);
	margin-bottom: 0px;
}

.autor-instituto{
	margin-bottom: 0px;
}
.autor-anho{
	font-family:RobotoMedium;
}

.autor-contacto{
	margin-bottom: 0px;
}
.autor-contacto a{
	color: var(--rc-azul-oscuro);
	text-decoration:none;
}
.autor-contacto a:hover{
	color: var(--rc-green-color);
	text-decoration:underline;
}

.autor-titulo-seleccionado h3{
	font-family:RobotoSemiBold;
	font-size: 14px;
	color: var(--rc-azul-oscuro);
}
.autor-titulo-seleccionado h3 a{
	color: var(--rc-azul-oscuro);
}
.autor-titulo-seleccionado h3 a:hover{
	color: var(--rc-green-color);
}

.autor-titulo-seleccionado p{
	font-family:RobotoRegular;
	font-size: 13px;
	color: var(--rc-azul-oscuro);
}

.articulo-img{
	border: 1px var(--rc-gris) solid;
}
.articulo-img:hover{
	border: 1px var(--rc-green-color) solid;
}

.articulo-total{
	font-family:RobotoSemiBold;
	font-size: 16px;
	color: var(--rc-azul-oscuro);
}

.articulo-item{
	background-color: var(--rc-gris);
}

.articulo-item:nth-child(odd){
	background-color: var(--rc-gray2-color);
}

.articulo-fecha{
	display: flex;
	align-items: center;
	padding: 10px 5px;
}

.articulo-fecha p{
	font-family:RobotoBlack;
}

.articulo-descripcion{
	font-size: 14px;
	padding: 10px 5px;
}

.articulo-descripcion h3{
	font-family:RobotoMedium;
	font-size: 16px;
}

.articulo-descripcion h3 a{
	color: var(--rc-azul-oscuro);
}

.articulo-descripcion h3 a:hover{
	color: var(--rc-green-color);
}

.articulo-descripcion p{
	margin-bottom:0px;
}

.articulo-descripcion p.articulo-autores a{
	color: var(--rc-green-color);
	text-decoration:none;
	font-family:RobotoSemiBold;
}

.articulo-descripcion p.articulo-autores a:hover{
	color: var(--rc-green-color);
	text-decoration:underline;
}

.articulo-descripcion p.articulo-serie a{
	color: var(--rc-azul-oscuro);
	text-decoration:none;
}

.articulo-descripcion p.articulo-serie a:hover{
	color: var(--rc-green-color);
	text-decoration:underline;
}



/***************
PUBLICACIONES
***************/
.rc-edicion{
	margin:10px;
}

.edicion-img{
	border: 1px var(--rc-gris) solid;
}
.edicion-img:hover{
	border: 1px var(--rc-green-color) solid;
}

.edicion-container{
	border-top: 5px var(--rc-blue-color) solid;
	border-bottom: 5px var(--rc-blue-color) solid;
}

.edicion-item{
	background-color: var(--rc-gris);
	font-size: 14px;
}

.edicion-item:nth-child(odd){
	background-color: var(--rc-gray2-color);
}

.edicion-item h3{
	font-family:RobotoMedium;
	font-size: 16px;
}

.edicion-item h3 a{
	color: var(--rc-azul-oscuro);
}

.edicion-item h3 a:hover{
	color: var(--rc-green-color);
}

.edicion-item p{
	margin-bottom:0px;
}

.edicion-item p.articulo-autores a{
	color: var(--rc-green-color);
	text-decoration:none;
	font-family:RobotoSemiBold;
}

.edicion-item p.articulo-autores a:hover{
	color: var(--rc-green-color);
	text-decoration:underline;
}


.documento-descripcion{
	border-top: 5px var(--rc-blue-color) solid;
	border-bottom: 2px var(--rc-blue-color) solid;
	background-color: var(--rc-gris);
}

.documento-descripcion p{
	margin-bottom:6px;
}

.documento-descripcion p a{
	color: var(--rc-azul-oscuro);
	/*text-decoration:none;*/
}

.documento-descripcion p a:hover{
	color: var(--rc-green-color);
	/*text-decoration:underline;*/
}


.documento-descripcion p.articulo-descarga{
	font-family: RobotoSemiBold;
	font-size:20px;
}
.documento-descripcion p.articulo-serie a{
	color: var(--rc-azul-oscuro);
	text-decoration:none;
}
.documento-descripcion p.articulo-serie a:hover{
	color: var(--rc-green-color);
	text-decoration:underline;
}
.documento-descripcion p.articulo-autores{
	font-family: RobotoMedium;
}
.documento-descripcion p.articulo-autores a{
	color: var(--rc-green-color);
	text-decoration:none;
}
.documento-descripcion p.articulo-autores a:hover{
	color: var(--rc-green-color);
	text-decoration:underline;
}

.documento-descripcion p.articulo-datos{
	font-family: RobotoMedium;
	font-size:14px;
}

.documento-autor{
	border-left: 5px var(--rc-blue-color) solid;
	border-right: 5px #FFFFFF solid;
	background-color: var(--rc-gris);
}
.documento-autor p{
	margin: 6px 0px;
}
.documento-autor p.autor-nombre{
	font-family: RobotoSemiBold;
	font-size: 16px;
}
.documento-autor p.autor-nombre a{
	color: var(--rc-azul-oscuro);
}
.documento-autor p.autor-nombre a:hover{
	color: var(--rc-green-color);
}
.documento-autor p.autor-vermas{
	font-family: RobotoRegular;
	font-size: 16px;
}
.documento-autor p.autor-vermas a{
	color: var(--rc-azul-oscuro);
	text-decoration:none;
}
.documento-autor p.autor-vermas a:hover{
	color: var(--rc-green-color);
}


/****************CARDS***********************/

.cursos-topbar {
	background-color: #6829d5;
	color: white;
	text-align: center;
	font-weight: bold;
	padding: 10px 0;
	font-size: 0.9rem;
	border-radius: 0;
}

.cursos-main {
	color: white;
	text-align: center;
	padding: 30px 10px;
	border-radius: 0;
	height: 220px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.cursos-card-title {
	font-size: 1.4rem;
	font-weight: bold;
}

.cursos-card-subtitle {
	font-size: 1rem;
	margin-top: 5px;
}

.cursos-card-info {
	font-size: 0.85rem;
	margin-top: 4px;
}

.cursos-card-arrow {
	font-size: 1.5rem;
	margin-top: 15px;
}

.cursos-card-btn {
	margin-top: 8px;
}

.cursos-card-btn-conoce {
	width: 100%;
	font-weight: bold;
	color: white;
	border-radius: 6px;
	padding: 10px 0;
	text-align: center;
	text-decoration: none;
	display: block;
}

/* Colores específicos */
.cursos-verano-economia { background-color: #9b2bc1; }
.cursos-verano-finanzas { background-color: #159ea0; }
.cursos-invierno-estudiantes { background-color: #d4b038; }
.cursos-invierno-profesores { background-color: #0b3f72; }