/* - - - - - - - - - - - - - - - - - -
   * - * - * MAIN VIRTUAL - * - * - * 
 - - - - - - - - - - - - - - - - - - */
.main_virtual {
	/*background:lightpink!important; */
}
.main_virtual .g-container {
	/*background: hotpink;*/
	width: 80% !important;
	margin-right: 10%;
	margin-left: 10%;
}

.main_virtual .g-grid {
	flex-wrap: nowrap;
}

#main_virtual h1,
#main_virtual h2,
#main_virtual h3 {
	color: #45a8c6;
}

#main_virtual strong {
	color: #133552 !important;
}

#main_virtual p {
	margin: 0px !important;
}

#main_virtual hr {
	border-bottom: 1px solid #133552;
	width: 75%;
}

/*FONDO*/
.home_licenciaturas_fondo {
	max-width: 50%;
	height: 250px;
	align-self: anchor-center;
	border-radius: 0.3rem;
}

#btn_acceso {
	background: #133552;
	color: #fff;
	padding: 10px;
	width: fit-content;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 1.3rem;
}

#btn_acceso > a {
	text-decoration: none !important;
	color: #fff !important;
}

/*Licenciaturas*/
#fondo1 {
	background-image: url(/images/virtualuaq/home/Licenciaturas.svg);
	background-size: cover;
}

/*Especialidades*/
#fondo2 {
	background-image: url(/images/virtualuaq/home/Especialidades.svg);
	background-size: cover;
}

/*Maestrias*/
#fondo3 {
	background-image: url(/images/virtualuaq/home/Maestrias.svg);
	background-size: cover;
}

/*Doctorados*/
#fondo4 {
	background-image: url(/images/virtualuaq/home/Doctorados.svg);
	background-size: cover;
}

/*								ELEMENTOS LATERALES				*/
#elemento_left {
	background-image: url(/images/virtualuaq/home/Elemento_Izquierdo.svg);
	background-size: cover;
	background-position: center;
	background-repeat: repeat-x;
	height: auto;
	margin-right: 1vw;
}

#elemento_right {
	background-image: url(/images/virtualuaq/home/Elemento_derecho.svg);
	background-size: cover;
	background-position: center;
	background-repeat: repeat-x;
	height: auto;
	margin-right: 1vw;
}

@media (max-width: 768px) {
	.home_licenciaturas_fondo {
		min-width: 100%;
		background-size: contain;
		height: 250px;
	}

	.main_virtual .g-grid {
		flex-wrap: wrap;
	}
}

@media (max-width: 480px) {
	.home_licenciaturas_fondo {
		min-width: 100%;
		background-size: 100%;
		background-position: top center;
		height: 200px;
	}

	.main_virtual .g-grid {
		flex-wrap: wrap;
	}
}

/* - - - - - - - - - - - - - - - - - - 
    * - * - * - FOOTER * - * - * - * 
 - - - - - - - - - - - - - - - - - - */

.footer_propes .g-grid {
	text-align: center;
}

.footer-top {
	background: #f1f1f1;
	display: flex;
	justify-content: center;
	gap: 40px;
	padding: 15px;
	text-align: center;
}
.footer-top a {
	text-decoration: none;
	font-weight: bold;
	color: #002d4c;
}

@media (max-width: 768px) {
	.footer-top {
		flex-direction: column;
	}
	.footer-bottom a {
		text-align: center !important;
	}
	.social-icons {
		justify-content: center;
	}
}

.social-icons {
	display: flex;
	gap: 15px;
}

.social-icons img {
	max-width: 1.55rem;
}

.social-icons a {
	color: white;
	font-size: 18px;
	text-decoration: none;
}

#g-footer .g-container {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#g-footer .g-content {
	padding: 0px;
	padding-bottom: 22px;
	margin: 0px;
}

/* - - - - - - - - - - - - - - - - - - 
    * - * - * - HEADER * - * - * - * 
 - - - - - - - - - - - - - - - - - - */

@media (max-width: 768px) {
  .g-block.size-30 {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
  }

  .g-block.size-30 > a:first-child {
    flex: 1 1 auto !important;
  }

  .g-block.size-30 > a:last-child {
    flex: 0 0 auto !important;
    margin-left: auto !important;
  }
}

/* - - - - - - - - - - - - - - - - - - 
    * - * - * - SOCIAL BAR customPRPPE* - * - * - * 
 - - - - - - - - - - - - - - - - - - */

/* aqui empieza la barra social estática */
#social-bar {
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    background: transparent;
    padding: 10px;
    z-index: 1000;
}

#social-bar a {
    margin: 5px 0;
    transition: transform 0.3s ease;
}

#social-bar a img {
    width: 40px; /* tamaño de los iconos */
    height: 40px;
    display: block;
}

#social-bar a:hover {
    transform: scale(1.2);
}
 /*aqui termina la barra social estática */

/*Mas CSS
BORDERTXT*/
.borderTXT{border-bottom: 8px solid #e2007e;width: fit-content;padding-right: 90px;font-weight: bold; color: #003354;}

h1,h2,h3,h4,h5,h6,strong {
    color: #003354;
}

h3.borderTXT.convocatoriaTXT {
    margin: 5% 5rem 10% 90%;
}
.footer_propes .g-grid{
text-align: center;}


.footer-top {
    background: #F1F1F1;
    display: flex;
    justify-content: center;
    gap: 40px;
    padding: 15px;
    text-align: center;
}
.footer-top a {
    text-decoration: none;
    font-weight: bold;
    color: #002D4C;
}



@media (max-width: 768px) {
    .footer-top {
        flex-direction: column;
    }
    .footer-bottom a {
       text-align:center!important;
    }
    .social-icons {
        
        justify-content: center;
    }
}

.social-icons {
    display: flex;
    gap: 15px;
}

.social-icons img {
    max-width: 1.55rem;    }

.social-icons a {
    color: white;
    font-size: 18px;
    text-decoration: none;    }


#g-footer  .g-container { width:100%; margin:0px; padding:0px;}

#g-footer .g-content{
padding: 0px;
padding-bottom: 22px;
margin: 0px;}

/* - - - - - - - - - - - - - - - - - - 
    * - * - * - TARJETAS DEDIE* - * - * - * 
 - - - - - - - - - - - - - - - - - - */

/*  ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
    ;;;      INDEX FACULTADES      ;;;
    ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;*/

.card.h-100 {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); 
    transition: transform 0.2s ease-in-out;
    background-color:#fff!important;     }

.card.h-100:hover {    transform: translateY(-5px);    }

.card-title.dedie-title >a { 
    text-decoration: none!important;
    background: #133552;
    padding: 3px;
    padding-left: 15px;
    border-radius: 25px;
    padding-right: 15px;
    color: #fff;
    font-size: smaller;    }

.card.h-100:hover .card-title.dedie-title a {    background: #45A8C6;    }

.pagelayout-frontpage hr{
    margin:1rem; 
    max-width: 90%;
    margin-right:5%;
    margin-left:5%;       }



section[data-name="portfolio-four-column"] {
    background-image:url(http://10.0.1.182/virtual/cvirtual/pluginfile.php/1/theme_boost_magnific/editor_home/25729808/fondo_uaq.png);    }

/* - - - - - - - - - - - - - - - - - - 
    * - * - * - mytab_boostrap* - * - * - * 
 - - - - - - - - - - - - - - - - - - */


a:hover, button:hover { color:inherit!important;}

#myTabContent .active{
    background-image: url(http://10.0.1.140/images/virtualuaq/DEDIE_FONDO_BLOQUE-1.png) !important; 
    background: transparent;
    background-repeat: repeat;  
    padding: 3% 0%; }

#myTabContent .active table{    background: #fff;    }  

.nav-link{	color: #45a8c6;	}

#home-tab,#profile-tab{
	border: solid 1px #45a8c6 ;
	background-color: #fff;
	padding: 0.5em 2em;
	border-radius: .8rem .9rem 0px 0px;	}

#myTab .active{
background-color: #45a8c6;
color: #fff;
padding: 0.5em 2em;
border-radius: .8rem .9rem 0px 0px;    }

.tab-pane table{
	color: #6b7280;
	text-align: justify;
	width: 100%;
	border: 2.5px solid #6B7280;
	margin: 0 auto;
	border-radius: .4rem;
	border-collapse: separate; 
	overflow: hidden;
	border-spacing: 0;
	padding:2;	}

.tab-pane table td .button{
    background: #6B7280; 
    border-radius: 2em;
    padding: 5% 10%;
    color:#fff!important;    }

.tab-pane table tr th{
    color: #fff;
    background-color: #6B7280;
    text-align: center;    }

.tab-pane .tabla{    border-radius: 2em;    }

.tab-pane table tr{	height: 35px;}

.tab-pane table tr:nth-child(even) {
    background-color: #999FAA;
    color: #fff;    }


.breadcrumb-item.active {
    color: #fff;
    background-color: #999faa;
    border-radius: 2em;
    padding: 0em 1em;}	

.borderTXT{ 
	border-bottom: 8px solid #45a7c5; 
	padding-right: 2%; 
	display: inline-block; 
	margin-bottom: 2rem; }	

	@media (max-width: 990px) {
	.nav {
	    display: flex;
	    list-style: none;
	    flex-direction: column;
	    align-items: stretch;}

	button#home-tab, button#profile-tab{
		width: 100%;}}



/* - - - - - - - - - - - - - - - - - - 
    * - * - * - mODAL* - * - * - * 
 - - - - - - - - - - - - - - - - - - */
            .icon_cerrar {
                margin: 1em;
                background-color: #a60e18;
                color: white;
                border-radius: 50%;
                width: 3em;
                height: 3em;
                display: flex;
                align-items: center;
                justify-content: center;
                font-weight: bold;
                font-size: 1.2em;
                border: 2px solid white; /* O puedes usar `none` si no quieres borde */
            }
            .botonBusqueda {
                width: 33% !important;
                margin: 0 33% !important;
                text-align: center;
                background-color: #45a9c7;
                color: white;
                border-radius: 50px;
                font-weight: bold;
                font-size: 1.2em;
                border: white;
            }

            .modal-size {
                height: 50vh !important;
                background-image: url(/images/virtualuaq/DEDIE_FONDO_BLOQUE-1.png);
                background-repeat: repeat;
            }

            .jl-modal .jl-search .jl-search-icon {
                bottom: 1.5em !important;
                margin: 0 0.5em !important;
            }



/* - - - - - - - - - - - - - - - - - - 
    * - * - * - mytab_boostrap* - * - * - * 
 - - - - - - - - - - - - - - - - - - */
.elemRight {background-image: url("http://10.0.1.182/virtual/cvirtual/contextra/virtual_joomla/sime/FIGURAS_SIME_DERECHO.png");  
background-repeat: no-repeat;}
.elemLeft {background-image: url("http://10.0.1.182/virtual/cvirtual/contextra/virtual_joomla/sime/FIGURAS_SIME_IZQUIERDO.png");  
background-repeat: no-repeat;}