/*
* Hoja de estilos de sede - Oficina de telecomunicaciones de la sede Medellin
* En esta hoja se definen los estilos de la sede, el posicionamiento y 
* la estructura de los mismos
*/

/**  Estilos de la aplicación */
.tooltip {
	position: absolute;
	z-index: 1030;
	display: block;
	visibility: visible;
	font-size: 11px;
	line-height: 1.4;
	opacity: 0;
	background-color: #FFC;
	filter: alpha(opacity=0);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 4px;
}
.visually-hidden{
display: none;
}
.tooltip.in {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.tooltip.top {
	margin-top: -3px;
	padding: 5px 0;
}l

.tooltip.right {
	margin-left: 3px;
	padding: 0 5px;
}

.tooltip.bottom {
	margin-top: 3px;
	padding: 5px 0;
}

.tooltip.left {
	margin-left: -3px;
	padding: 0 5px;
}

.pull-left {
	float: left;
}

.element-invisible {
	display: none !important;
}



.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.right-sede>*,
.dep-row2-right>*,
.dep-2c-row2-right>*,
.component-right>* {
	float: right;
	width: 100%;
}

fieldset {
	padding: 1em;
	margin-top: 2em;
}

.searchintro {
	clear: both;

}



/** Estilo de los articulos y sus elementos **/

ul.actions li {
	display: inline;

}

.article-info dd {
	display: inline;
	padding: 0 5px;
	border-right: solid 1px #ccc;
}

.article-info {
	padding: 4px;
	margin: 0.5em;
	background-color: rgba(220, 220, 220, 0.3);

}

.article-info-term {
	display: none;
}

.article-info {
	display: block;
}



.muted>.article-info {
	display: block;
	background: none;
}

.article-info {
	background: none !important;
}


/***********************************
* Posicionamiento de los elementos *
************************************/

/* Imagen superior de la plantilla*/
.backgroundTop {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	position: relative !important;
}

#sede_bgtop {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	position: relative !important;

}

.backgroundTopInside {
	color: #fff;
	position: absolute;
	width: auto !important;
	right: 80px;
	bottom: 0px;
	padding: 3px !important;
	z-index: 10;
}

.backgroundTop>* {
	width: 100%;
	max-width: 100% !important;
	margin: 0;
	padding: 0;
}


.transbox {
	background-color: rgba(255, 255, 255, 0.75);
	-webkit-transition: background-color 0.5s;
	transition: background-color 0.5s;
}

.transbox>.content {
	margin: 6px;
}

.transbox1 {
	margin: 20px;
	padding: 20px;
	background-color: rgba(255, 255, 255, 0.75);
	-webkit-transition: background-color 0.5s;
	transition: background-color 0.5s;
	border-radius: 5px;
}

.seven-row {
	vertical-align: middle;
}

.seven-row .col-md-3 {
	margin-top: 1em;
}


.component .transbox {
	border-radius: 5px;
	margin-right: 50px;
}

.transbox h1,
.transbox h2,
.transbox h3,
.transbox h4,
.transbox h5 {
	color: #2d2d2d;
	font-family: "Ancizar Sans";

}

.row>div>.transbox {
	padding: 0px;
	margin-left: 10px;
	margin-right: 0px;
	border-radius: 0 !important;

}

.transbox:hover {
	background-color: rgba(255, 255, 255, 0.9);
}

.darkbox,
.darkbox:hover {
	background-color: rgba(20, 20, 20, 0.7) !important;
	border-radius: 0 !important;
	color: #fff;
}

.darkbox h1,
.darkbox h2,
.darkbox h3,
.darkbox h4,
.darkbox h5,
.darkbox h6,
.darkbox h7,
.darkbox h8 {
	color: #fff;
}

.title_white {
	margin-left: 10px;
	padding: 0.5em 3em 0 3em;

	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: -10px;
	color: #444;
	display: inline-block;
	background-color: rgba(230, 230, 230, 0.90);
	border-top: 1px solid #50992E;
	border-bottom: 2px solid #50992E;
}

.darkbox .table thead>tr>th,
.darkbox .table tbody>tr>th,
.darkbox .table tfoot>tr>th,
.darkbox .table thead>tr>td,
.darkbox .table tbody>tr>td,
.darkbox .table tfoot>tr>td {
	vertical-align: bottom;
	border-bottom: 1px solid #050505;
}

.darkbox .table-striped>tbody>tr:nth-child(odd)>td,
.darkbox.table-striped>tbody>tr:nth-child(odd)>th {
	background-color: rgba(0, 0, 0, 0.3);
}


.darkbox .table-hover>tbody>tr:hover>td,
.darkbox .table-hover>tbody>tr:hover>th {
	background-color: rgba(0, 0, 0, 0.7);
}

.transbox .content,
.transbox .title h3 {
	width: 100%;
	padding: px 9px;

}

.transbox .title h3 {
	padding: 10px 15px;
	background-color: #585858;
	color: #fff;
	font-size: 1.3em;
	font-weight: bold;
	padding-right: 50px;

}

.transbox .title {
	position: relative;
}

.transbox .title .image {
	padding: 10px 18px;
	color: #fff;
	font-size: 1.3em;
	font-weight: bold;
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 100%;
}

.chinche {
	background-image: url("../images/chinche.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90%;
}


.site-url a {
	color: #fff;
}

#navbar-btn-group-sedes {
	position: absolute;
	right: 84px;
}



.width100 {
	max-width: 100% !important;
	width: 100px;
}

.width150 {
	max-width: 100% !important;
	width: 150px;
}

.width200 {
	max-width: 100% !important;
	width: 200px;
}

.width250 {
	max-width: 100% !important;
	width: 250px;
}


.width300 {
	max-width: 100% !important;
	width: 300px;
}

.width350 {
	max-width: 100% !important;
	width: 350px;
}

.width400 {
	max-width: 100% !important;
	width: 400px;
}

.width450 {
	max-width: 100% !important;
	width: 450px;
}

.width500 {
	max-width: 100% !important;
	width: 500px;
}

.width550 {
	max-width: 100% !important;
	width: 550px;
}

.width600 {
	max-width: 100% !important;
	width: 600px;
}

.width650 {
	max-width: 100% !important;
	width: 650px;
}

.width700 {
	max-width: 100% !important;
	width: 700px;
}

.width750 {
	max-width: 100% !important;
	width: 750px;
}

.width800 {
	max-width: 100% !important;
	width: 800px;
}

.width850 {
	max-width: 100% !important;
	width: 850px;
}

.width900 {
	max-width: 100% !important;
	width: 900px;
}

.width950 {
	max-width: 100% !important;
	width: 950px;
}


.btn-group * {
	max-width: none !important;
}

.prefooter,
.banner-1,
.banner-2 {
	padding: 0;
	margin: 0;
	width: 100%;
}

#unalTop {
	z-index: 10;
}

.prefooter {
	min-height: 60px;
}

.transbox hr {
	border-top: 1px solid #666;
	padding: 0;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

ul {
	line-height: 1.3em;
}

.ui-widget-content a {
	color: #50992E !important;
}


.btn {
	padding: 6px 6px !important;
}



.nn_tabs-tab {
	border-bottom: none !important;
}

.jp-accordion h3 {
	font-size: 15px !important;
}

.tab-content,
.nn_tabs-toggle .active {
	background-color: #eee !important;
}




.jp-accordion a,
.nn_tabs-tab a {
	color: #666 !important;

}


.tab-content {
	border-radius: 0 0 15px 15px !important;
}

.nn_tabs-toggle-inner {
	font-size: 14px;
	font-weight: bold;
}

.nn_tabs.top>ul.nav-tabs>li>a {
	background-color: #eee;
}

.nn_tabs.top>ul.nav-tabs>li.active>a {
	background-color: #F8F8F8 !important;
}


/* Gavick */

.nspPagination {
	width: 100%;
	display: block;
	text-align: center;
}

.nspPagination li {
	display: inline-block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
	float: none !important;
	height: 8px !important;
	margin: 1px 4px 0 0 !important;
	text-indent: -999em;
	width: 8px !important;
}


.nspBotInterface,
.nspTopInterface {
	clear: both;
	float: none !important;
	overflow: hidden;
}

.nspNext,
.nspPrev {
	display: none;
}


.ui-widget-content a {
	color: #50992E !important;
}

.transbox1 .transbox {
	padding: 0;
}

.transbox h4 a,
.transbox h3 a,
.transbox h2 a,
.transbox h1 a {
	color: #333;
}

main .transbox .content h4 a {
	font-size: 18px;
}

.flexun {
	height: 60px
}


.navigation .btn {
	margin-left: 0px !important;
}

.home-right {
	vertical-align: bottom;
	position: absolute;
	bottom: 160px;

	text-align: right;
	width: 100%;
	padding-right: 20px;
}

.home-right>* {
	text-align: left;
}

.home-right>div {
	display: inline-block;
}

@media (max-width: 800px) {
	.nspPagination {
		display: block !important;
	}
}

.tab-content * {
	max-width: 100%;
}



.title h1,
.title .transbox h2,
.title h3,
.title h4,
.title h5 {
	color: #fff !important;

}


#component {
	background-color: rgba(255, 255, 255, 0.8);
}

.transbox>.content>ul.menu {
	margin-left: 0px !important;
}

/*Minas Style*/

.info {
	background-color: #333332;
	background-image: url(../images/bg-info.png);
	border-radius: 0 0 30px 0;
	background-repeat: no-repeat;
	background-position: 50% 0, 100% 100%;
	color: #dddddd;
	padding: 45px 10px 20px;
	text-align: center;
	margin: 10px 0 30px;
}

.info h3 {
	color: #dddddd !important;
	font-style: italic;
	font-size: 22px;
	margin-top: 0;
}

.info h3:before {
	content: '';
}

.info a:hover {
	color: #ccc !important;
}

.triangle-botom {
	color: #262626;
	padding: 15px 30px 40px;
	margin: 20px 0;
	border-radius: 0 40px 0 40px;
}

.triangle-botom a {
	color: #262626 !important;
}

.triangle-botom a:hover {
	color: #826200 !important;
	text-decoration: none !important;
}

.triangle-botom h2 {
	font-size: 35px;
	color: #262626 !important;
}

.triangle-botom h2 strong {
	color: #ffffff;
	font-weight: normal;
}

.triangle-botom h2:before {
	content: '' !important;
	padding-right: 0;
}

.triangle-botom h3 {
	font-size: 30px !important;
	color: #262626 !important;
	text-decoration: none;
	border-bottom: none !important;
}

.triangle-botom h3 strong {
	color: #ffffff;
	font-weight: normal;
}

.triangle-botom h3:before {
	color: #fff;
}

/*Ajustes de fabrik*/




#unalTop .btn-group:last-child {
	float: right;
}

#unalTop .btn-group:last-child .caret {
	border-top-color: var(--primary) !important;
}

@media screen and (max-width: 767px) {
	#unalTop .btn-group:last-child {
		float: none;
		margin-right: 0;
	}
}



#imagen_fondo * {
	box-sizing: border-box;
}

#imagen_fondo {
	position: absolute;
	bottom: 130px;
	left: 5px;
	/*top: 118px;*/

	min-height: 50px;
}

#imagen_title {
	display: inline-block;
	margin: 0 40px 20px 0;
	padding: 8px;
	max-width: 750px;


}

#imagen_title a {
	color: #fff !important;
}

#imagen_title .desplegable_imagen {
	font-size: 30px;
	float: right;
	padding: 15px 25px 0 15px;
}

#imagen_title .desplegable_imagen * {
	padding: 0 !important;
	margin: 0 !important;
	line-height: 0.5em !important
}


#imagen_title:hover>.desplegable_imagen {
	display: inline;

}


@media (max-width: 991px) {
	/*#imagen_fondo{
	top: 100px;
}*/
}

@media (max-width: 800px) {
	#imagen_fondo {
		display: none;
	}
}


.imagen-logo {
	width: 40px;
	height: 40px;
	display: inline-block;
	background-image: url(../images/imagen-logo.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 30px;
	background-color: #50992e;
	margin: 2px;
}



.nspPagination li:hover,
.nspPagination li.active {
	background-color: #fff;
}

.card-body,
.com-users-login,
.com-users-reset,
.com-users-remind,
.fc_outer {
	color: #333 !important;
}

.card-body a,
.com-users-login a,
.com-users-reset a,
.com-users-remind a,
.fc_outer a {
	color: #007bff !important;
}

.card-body a:hover,
.com-users-login a:hover,
.com-users-reset a:hover,
.com-users-remind a:hover,
.fc_outer a:hover {
	color: #0056b3 !important;
}

.unal-content img {
	max-width: 100%;
}



/* Estilo propio de HTML*/


.biselado {
	background: #2b2828;
	border: 5px outset #121111;
	text-align: center;
	border: 6px outset #211f1f;
	color: white;

}

.un-padding {
	padding: 1em;
}

/*
.main-container {
	max-width: 1400px;
}*/

.transbox {
	color: #211f1f;
}

.flex-grow {
	height: 100%;
}

.unal-header-top {
	margin: -35px -0px 0 -15px;

}


/*Estilos UNAL 2023*/

:root {
	--title-bg-color: #00a99d;
	--title-bg-act-color: #007470;
	--title-font-color: #fff;
	--title-font-act-color: #fff;

	--unal-red: #ff5663;
	--unal-yellow: #ffe752;
	--unal-green: #79c80f;
	--unal-green-gray: #03ab9c;
	--unal-green-darker-gray: #007671;
	--unal-purple: #673bd0;
	--unal-dark-blue: #04293d;
	--unal-white: #e2ebeb;


	--unal-text-title: 33pt;
	--unal-text-subtitle: 20pt;
	--unal-text-default: 13pt;
	--unal-text-menu: 15pt;
	--unal-text-small: 10pt;
	--unal-text-small2: 11pt;
}


.unal-yellow-background {
	background-color: var(--unal-yellow);
	display: inline-block;
	padding: 4px;
}


.unal-yellow-line:after {
	content: "";
	border: 3px solid var(--unal-yellow);
	display: block;
	width: 120px;
}

.unal-purple-line:after {
	content: "";
	border: 3px solid var(--unal-purple);
	display: block;
	width: 120px;
}

.unal-red-line:after {
	content: "";
	border: 3px solid var(--unal-red);
	display: block;
	width: 120px;
}


table.unal-table1,
.unal-table1 th,
.unal-table1 td {
        border: 1px solid #042A3D;
        border-collapse: collapse;
        padding: 5px;
}

.unal-table1 th {
        background-color: #042A3D;
        color: white;
        letter-spacing: .2em;
        text-align: center;
        padding: 5px;

    }

.unal-table1 tr:hover {
        background-color: #FFE752;
    }



h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Ancizar sans', Tahoma, Geneva, Verdana, sans-serif;
	font-weight: bolder;
	color: var(--unal-dark-blue);
}


h1:after {
	content: "";
	display: block;
	width: 300px;
}

main {
	font-size: var(--unal-text-default);
}

h1 {
	font-size: var(--unal-text-title);
	margin-top: 20px;
	margin-bottom: 20px;
}

h2 {
	font-size: var(--unal-text-subtitle);
	margin-top: 15px;
	margin-bottom: 20px;
}


.unal-content-bottom {
	background-color: var(--unal-dark-blue);
	color: white;
	padding: 2em;
	font-size: var(--unal-text-small);

}

.unal-content-bottom a {
	font-weight: bold;
	color: white;
}


.unal-content-bottom-gray {
	background-color: var(--unal-white);
	padding: 2em;
	font-size: var(--unal-text-small);
	color: var(--unal-dark-blue);
	margin: 0px -47px -30px -32px;

}

.unal-content-bottom-gray a {
	font-weight: bold;
	color: var(--unal-dark-blue);

}



.mod-unal-top-menu li {
	font-size: var(--unal-text-subtitle);
}

.unal-box {
	padding: 1em;
	background-color: var(--unal-white);

}


.unal-content-box {
	background-color: var(--unal-white);
	display: inline-block;
	padding: 0.5em 1em;
	margin: 1em;
}

.unal-info-icon {
	background-image: url(../images/unal/info-btn-white.svg);
	width: 90px;
	height: 90px;
	background-size: cover;
	display: inline-block;
}

.unal-info-icon-blue {
	background-image: url(../images/unal/info-btn.svg);
	width: 90px;
	height: 90px;
	background-size: cover;
	display: inline-block;
}

.unal-info-icon-purple {
	background-image: url(../images/unal/info-p.svg);
	width: 90px;
	height: 90px;
	background-size: cover;
	display: inline-block;
}


.unal-clock-icon-purple {
	background-image: url(../images/unal/clock.svg);
	width: 90px;
	height: 90px;
	background-size: cover;
	display: inline-block;
}


.unal-btn {
	background-color: var(--unal-purple);
	color: white !important;
	padding: 7px 15px 7px 5px !important;

}

.border-purple {
	border-bottom: 5px solid var(--unal-purple);
	;
	margin-bottom: 10px;
}

.round {
	border-radius: 10px;
}

.unal-btn-blue {
	background-color: var(--unal-dark-blue);
	display: inline-block;
	text-align: center;
}

.btn.unal-btn a {
	color: white !important;
}

.unal-btn:hover,
.unal-btn a:hover {
	color: #DDD !important;

}

.unal-icon-download {
	background-image: url(../images/unal/download.svg);
	background-size: cover;

	display: inline-block;
	margin: 3px 10px -5px 3px;
	width: 20px;
	height: 19px;
}

/* Navegación */
.unal-menu-disposition-2 .unal-menu-opener {
	margin: 0px -15px 0px -15px;
}

.unal-menu-opener {

	display: none;
}

.unal-menu-opener .icon {
	float: right;
	margin-right: 30px;
	padding: 5px;
	;
}

.unal-menu-opener .icon {
	display: inline-block;
	cursor: pointer;
}

.unal-menu-opener .icon .bar1,
.unal-menu-opener .icon .bar2,
.unal-menu-opener .icon .bar3 {
	width: 35px;
	height: 5px;
	background-color: #FFF;
	margin: 6px 0;
	transition: 0.4s;
}

/* Rotate first bar */
.unal-menu-opener .change .bar1 {
	transform: translate(0, 11px) rotate(-45deg);
}

/* Fade out the second bar */
.unal-menu-opener .change .bar2 {
	opacity: 0;
}

/* Rotate last bar */
.unal-menu-opener .change .bar3 {
	transform: translate(0, -11px) rotate(45deg);
}


.unal-top-nav {
	display: flex;
	list-style-type: none;
	margin: 0px -15px 0px -15px;
	align-items: stretch;
	flex-direction: row;
	font-weight: 200;
	font-style: italic;
	padding-inline-start: 0px;



}

.unal-top-nav>li {
	border: 1px solid #FFF;
	flex: 1 1 0;
	width: 0;

	padding: 8px 15px;
	display: block;
	text-align: center;
	line-height: 0.9em;
	word-wrap: break-word;
	max-width: 400px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: -1px;


}

.unal-top-nav>li.active {
	border: none;
}


.unal-top-nav a {
	font-size: var(--unal-text-menu);


}

/*Ajuste de los elementos del home*/
.unal-home-img{
	max-height: 180px;
	overflow: hidden;
	position: relative;
}

.unal-home-date{
	position: absolute ;
	right: 20px;
	bottom: 10px;
	font-size: var(--unal-text-default);
	color: white;
	text-shadow: #333 0px 0px 3px;
	font-weight: bold;

}
.unal-home-card{
	background-color: var(--unal-white);
	display: flex;
	flex-direction: column;
	height: 100%;
	align-self: stretch;
	border-bottom: 10px solid white;
	cursor: pointer; 
	

}
.stretch-content {
	justify-content: stretch;
	
}

.unal-home-title {
    margin: 10px 15px;
    font-size: var(--unal-text-default);
    font-weight: bold;
    color: var(--unal-dark-blue);
    line-height: 1em;
}

.unal-home-title:after {
    content: "";
    border: 2px solid var(--unal-red);
    display: block;
    width: 120px;
    margin: 10px 0;
}

.unal-home-desc{
	font-size: var(--unal-text-small);	
	margin: 0 10px 10px 10px;
	line-height: normal;
	text-align: justify;
}

.unal-home-buttons{
	margin-top: 10px;
}


.unal-home-buttons img{ 
	transition: transform .2s; /* Animation */
}
.unal-home-buttons img:hover{
	transform: scale(1.1);
}

@media only screen and (max-width: 850px) {
	.unal-home-buttons{
		margin-left: 15px !important;
	}
}

.dot-elastic {
	float: right;
	margin: 3px 15px;
	position: relative;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background-color: var(--unal-purple);
	color: var(--unal-purple);
	animation: dot-elastic 1s infinite linear;
  }
  .dot-elastic::before, .dot-elastic::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
  }
  .dot-elastic::before {
	left: -15px;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background-color: var(--unal-purple);
	color: var(--unal-purple);
	animation: dot-elastic-before 1s infinite linear;
  }
  .dot-elastic::after {
	left: 15px;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background-color: var(--unal-purple);
	color: var(--unal-purple);
	animation: dot-elastic-after 1s infinite linear;
  }
  
.uk-panel li {
	list-style-type: disc;
}

/*Widgetkit*/

.uk-accordion .uk-accordion-title {
	background-color: var(--title-bg-color);
	color: var(--title-font-color) !important;
	padding: 10px 25px 10px 25px;
	font-style: italic;

}

.uk-accordion .uk-open .uk-accordion-title {
	background-color: var(--title-bg-act-color);
	color: var(--title-font-act-color) !important;
	padding: 10px 25px 10px 25px;
}



.uk-scope .uk-accordion>:nth-child(n+2) {
	margin-top: 10px !important;
}

.uk-scope .uk-accordion-title {
	font-size: var(--unal-text-default) !important;

}

.uk-scope .uk-accordion-title::before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='64px' height='64px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M9 12H15' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M12 9L12 15' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z' stroke='%23fff' stroke-width='2'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") !important;
}



/*Switcher de Widgetkit*/

.unal-switcher {
	background-color: var(--unal-white);
}

.uk-scope .uk-subnav-pill>*>:first-child {
	color: white !important;
}

.uk-scope .uk-subnav-pill>*>:first-child:hover {
	color: #999 !important;

}

.uk-scope .uk-margin {
	padding: 1em;
}

.uk-margin-remove-top {
	padding: 0em 1em 0em 1em;
}

.uk-subnav li a {
	color: white;
	font-style: italic;
	font-size: var(--unal-text-default) !important;
	padding: 10px 15px !important;
	font-weight: bold;

}


.uk-scope .uk-subnav>*>:first-child {
	text-transform: none !important;
}



.uk-subnav .uk-active {
	background-color: var(--unal-green-darker-gray) !important;

}

.uk-scope .uk-subnav {
	margin: 0px !important;
}

.uk-scope .uk-subnav>* {
	padding-left: 0 !important;
}

.uk-subnav {
	background-color: var(--unal-green-gray) !important;
}

.uk-subnav-pill .uk-active a {
	background-color: var(--unal-green-darker-gray) !important;
}


.uk-scope .uk-margin-small-top {
	max-width: 100%;
}

/*Side menu*/

.unal-side-menu {
	margin-left: -15px;
}

.unal-content {
	display: flex;
	flex-direction: row;
}

.unal-side-menu {
	width: 300px;
}

.unal-content {
	flex-grow: 1;
}

.unal-side-menu {
	display: flex;
}

/* Menú para disposición vertical */

.unal-menu-disposition-2,
.unal-menu-disposition-2 .unal-top-nav>li {
	width: 100%;
}

.unal-menu-disposition-2 .unal-top-nav {
	margin: 0px;
}


.unal-menu-disposition-2 .unal-top-nav>li {
	border: none;
	text-align: left;
	font-style: normal;
}

.unal-menu-disposition-2 .unal-top-nav-item,
.unal-menu-disposition-2 .mod-unal-top-menu {
	display: block;
}

.unal-menu-disposition-2 .unal-top-nav>li.active>* {
	padding-left: 15px;
	font-weight: bold;
}

.unal-menu-disposition-2 .unal-top-nav>li {
	padding-top: 0px;
	padding-bottom: 0px;

}

.unal-menu-disposition-2 .unal-top-nav>li>* {
	padding: 5px 0 10px 0;
	display: block
}


.unal-menu-disposition-2 .unal-top-nav>li>* {
	padding: 15px 0 15px 0;
	display: block
}

.unal-menu-disposition-2 li:last-child{
	padding-bottom: 20px;
}

.unal-content-padding .main-container {
	margin-left: 30px !important;


}


.unal-content-padding {
	padding: 2em;
}


.unal-menu-disposition-2 .unal-top-nav-item:after {
	content: "";
	border-bottom: 3px solid white;
	display: block;
	width: 50%;
}



.teachers-subtitle {
	font-weight: bold;
}

.teachers-cvlac {
	background-color: var(--unal-dark-blue);
	color: white !important;
	border-radius: 6px;
	display: inline-block;
	padding: 3px 10px;
	margin: 1em 0;
}

.teachers-cvlac a {
	color: white !important;
}

.teachers-subtitle2 {
	font-size: var(--unal-text-small);
	font-weight: bold;
}

.teachers-right h2 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;

}

.teachers-right {
	font-size: var(--unal-text-small);
}
.unal-teacher-container{
line-height: 125%;
}

.main-container ul,
.main-container ol {
	margin-left: 0;
}

@media only screen and (max-width: 850px) {
	.unal-content {
		display: block;
	}

	.unal-side-menu {
		width: 100%;
		margin: 0px;
	}
}

.social-links img{ 
	transition: transform .2s; /* Animation */
}
.social-links img:hover{
	transform: scale(1.5);
}


@media only screen and (max-width: 850px) {
	.unal-content-padding .main-container {
		margin-left: 0px !important;
	}

	.unal-menu-opener {
		display: block;
	}

	.unal-menu-disposition-2 .mod-unal-top-menu {
		margin: 0px -15px 0 -15px;
	}


	.unal-top-nav>li {
		width: 100%;
		max-width: 100%;
	}

	.unal-top-nav {
		display: block;

	}

	.open-closed {
		display: none !important;
	}

	.unal-content-padding {
		padding: 0px;
	}

	.unal-menu-disposition-1 .unal-top-nav{
		margin: 0px;
	}
	
	
	.unal-content-bottom-gray {
		margin: 0px -15px -30px -15px;

	}

}

/* Fix for gavick*/

.gkNspPM-VideoList figcaption {
	min-height: 140px;
	;
}

/* Posgrados */

.posgrado-container {
	display: flex;
	flex-direction: row;
	background-color: white;
	-webkit-box-shadow: 3px 3px 3px 0px var(--unal-purple);
	-moz-box-shadow: 3px 3px 3px 0px var(--unal-purple);
	box-shadow: 3px 3px 3px 0px var(--unal-purple);
	margin: 12px 0;
}

.posgrado-image {
	width: 40%
}

.posgrado-body {
	width: 60%;
	padding: 1em;
	position: relative;
}

.posgrado-title {
	font-weight: bold;
	color: var(--unal-dark-blue);
	font-size: 17pt;
	margin-bottom: 5px;
    line-height: 1.1em;

}

	
.posgrado-ver-mas {
	position: absolute;
	bottom: 0px;
	right: 10px;

}
 .deut-profile-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    justify-content: center;
  }
  .deut-profile-card {
    border: 2px solid #0009ff;
    padding: 15px;
    text-align: center;
    background-color: #ffffff;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
  }
  .deut-profile-card:hover {
    transform: translateY(-5px);
  }
  .deut-profile-card__image {
    border-radius: 50%;
    width: 200px;
    height: 200px;
    object-fit: cover;
    margin-bottom: 15px;
  }
  .deut-profile-card__name {
    color: #1c3669;
    font-size: 18px;
    font-weight: bold;
    font-family: helvetica, arial, sans-serif;
    margin-bottom: 10px;
  }
  .deut-profile-card__description {
    color: #0009ff;
    font-size: 14px;
    font-family: helvetica, arial, sans-serif;
    margin-bottom: 10px;
  }
  .deut-profile-card__group {
    color:#0d6759;
    font-size: 14px;
    font-weight: bold;
    font-family: helvetica, arial, sans-serif;
  }
  /* add 19/03/2025*/
  .section-vida {
            padding: 20px;
            margin: 20px;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }

        /* Fondo para cada sección */
        .decanatura {
            background-color: #ccf5fb; 
        }
	
	.secretaria-facultad {
            background-color: #30a5e8; 
        }

        .vicedecanatura-academica {
            background-color: #75c3f1; 
        }

        .vicedecanatura-investigacion {
            background-color: #0d4d71; 
        }

        .departamento-ciencias {
            background-color: #ccf5fb; 
        }

        .direccion-bienestar {
            background-color: #30a5e8; 
        }

        .comunicaciones {
            background-color: #75c3f1; 
        }

		/* actualizacion 20/03/2025*/
		/* Pharmacy Program Styles - Prefix used to avoid conflicts */
.pharmacy-program * {
    box-sizing: border-box;
}

.pharmacy-program {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    line-height: 1.6;
    font-family: Arial, sans-serif;
}

.pharmacy-title-container {
    background-color: #2ec2f5;
    border: 3px dashed #63f8ed;
    padding: 30px 20px;
    margin-bottom: 30px;
    text-align: center;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.pharmacy-title {
    color: #ffffff;
    font-family: 'Arial Black', 'Avant Garde', sans-serif;
    font-size: 36px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.pharmacy-section {
    margin-bottom: 30px;
}

.pharmacy-section-title {
    font-size: 20px;
    margin-bottom: 15px;
    color: #333;
    border-bottom: 2px solid #2ec2f5;
    padding-bottom: 5px;
}

.pharmacy-content-paragraph {
    margin-bottom: 20px;
    text-align: justify;
}

.pharmacy-list {
    padding-left: 20px;
    margin-bottom: 20px;
    list-style-type: disc;
}

.pharmacy-list li {
    margin-bottom: 15px;
}

.pharmacy-download-link {
    display: inline-block;
    background-color: #2ec2f5;
    color: white !important; /* Override Joomla link colors */
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    margin-top: 10px;
    transition: background-color 0.3s ease;
}

.pharmacy-download-link:hover {
    background-color: #63f8ed;
    text-decoration: none !important; /* Override Joomla hover styles */
}

/* Responsive styles */
@media (max-width: 768px) {
    .pharmacy-title {
        font-size: 28px;
    }
    
    .pharmacy-section-title {
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .pharmacy-title {
        font-size: 24px;
    }
    
    .pharmacy-program {
        padding: 10px;
    }
}
/* Add these styles to your existing pharmacy-program CSS file */

/* Iframe container with responsive design */
.pharmacy-iframe-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 aspect ratio by default */
    margin-bottom: 20px;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 5px;
}

/* Style for the curriculum iframe */
.pharmacy-curriculum-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    background-color: #f9f9f9;
}

/* For PDF documents, a taller aspect ratio is often better */
.pharmacy-iframe-container.pdf {
    padding-bottom: 129%; /* Approximately A4 aspect ratio */
}

/* Responsive adjustments for the iframe */
@media (max-width: 768px) {
    .pharmacy-iframe-container {
        padding-bottom: 75%; /* Slightly taller on tablets */
    }
}

@media (max-width: 480px) {
    .pharmacy-iframe-container {
        padding-bottom: 100%; /* Square on mobile for better viewing */
    }
}
  /* add 19/03/2025*/
  .section-vida {
	padding: 20px;
	margin: 20px;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Fondo para cada sección */
.decanatura {
	background-color: #ccf5fb; 
}

.secretaria-facultad {
	background-color: #30a5e8; 
}

.vicedecanatura-academica {
	background-color: #75c3f1; 
}

.vicedecanatura-investigacion {
	background-color: #0d4d71; 
}

.departamento-ciencias {
	background-color: #ccf5fb; 
}

.direccion-bienestar {
	background-color: #30a5e8; 
}

.comunicaciones {
	background-color: #75c3f1; 
}

/* actualizacion 20/03/2025*/
/* Pharmacy Program Styles - Prefix used to avoid conflicts */
.pharmacy-program * {
box-sizing: border-box;
}

.pharmacy-program {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
line-height: 1.6;
font-family: Arial, sans-serif;
}

.pharmacy-title-container {
background-color: #2ec2f5;
border: 3px dashed #63f8ed;
padding: 30px 20px;
margin-bottom: 30px;
text-align: center;
border-radius: 5px;
transition: background-color 0.3s ease;
}

.pharmacy-title {
color: #ffffff;
font-family: 'Arial Black', 'Avant Garde', sans-serif;
font-size: 36px;
font-weight: bold;
margin: 0;
padding: 0;
}

.pharmacy-section {
margin-bottom: 30px;
}

.pharmacy-section-title {
font-size: 20px;
margin-bottom: 15px;
color: #333;
border-bottom: 2px solid #2ec2f5;
padding-bottom: 5px;
}

.pharmacy-content-paragraph {
margin-bottom: 20px;
text-align: justify;
}

.pharmacy-list {
padding-left: 20px;
margin-bottom: 20px;
list-style-type: disc;
}

.pharmacy-list li {
margin-bottom: 15px;
}

.pharmacy-download-link {
display: inline-block;
background-color: #2ec2f5;
color: white !important; /* Override Joomla link colors */
padding: 10px 20px;
text-decoration: none;
border-radius: 5px;
margin-top: 10px;
transition: background-color 0.3s ease;
}

.pharmacy-download-link:hover {
background-color: #63f8ed;
text-decoration: none !important; /* Override Joomla hover styles */
}

/* Responsive styles */
@media (max-width: 768px) {
.pharmacy-title {
font-size: 28px;
}

.pharmacy-section-title {
font-size: 18px;
}
}

@media (max-width: 480px) {
.pharmacy-title {
font-size: 24px;
}

.pharmacy-program {
padding: 10px;
}
}
/* Add these styles to your existing pharmacy-program CSS file */

/* Iframe container with responsive design */
.pharmacy-iframe-container {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%; /* 16:9 aspect ratio by default */
margin-bottom: 20px;
overflow: hidden;
border: 1px solid #ddd;
border-radius: 5px;
}

/* Style for the curriculum iframe */
.pharmacy-curriculum-iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
background-color: #f9f9f9;
}

/* For PDF documents, a taller aspect ratio is often better */
.pharmacy-iframe-container.pdf {
padding-bottom: 129%; /* Approximately A4 aspect ratio */
}

/* Responsive adjustments for the iframe */
@media (max-width: 768px) {
.pharmacy-iframe-container {
padding-bottom: 75%; /* Slightly taller on tablets */
}
}

@media (max-width: 480px) {
.pharmacy-iframe-container {
padding-bottom: 100%; /* Square on mobile for better viewing */
}
}

/*24/07/2025*/
.container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 16px;
	box-sizing: border-box;
	overflow-x: hidden;
}
.h1-equipo {
	text-align: center;
	color: #2c3e50;
	font-size: 2.5em;
	margin-bottom: 20px;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
}
.h2-equipo {
	text-align: center;
	color: #3c3c3c;
	font-size: 2em;
	margin: 40px 0 20px;
}
.h3-equipo {
	text-align: center;
	color: #34495e;
	font-size: 1.6em;
	margin: 40px 0 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	position: relative;
}
.h3-equipo::after {
	content: '';
	display: block;
	width: 80px;
	height: 3px;
	background: linear-gradient(90deg, #60BEB1, #4a9d92);
	border-radius: 2px;
	margin: 8px auto 0;
}
.equipo-container {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center;
	margin: 0 auto;
	max-width: 1200px;
	padding: 0;
	box-sizing: border-box;
	min-width: 0;
}
.carta-equipo {
	flex: 1 1 280px;
	max-width: 300px;
	background: #fff;
	border-radius: 15px;
	box-shadow: 0 8px 25px rgba(0,0,0,0.15);
	padding: 20px;
	border: 1px solid rgba(96,190,177,0.3);
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
	animation: flotar-equipo 6s ease-in-out infinite;
	box-sizing: border-box;
	min-width: 0;
}
.carta-equipo:hover {
	transform: translateY(-12px);
	box-shadow: 0 15px 35px rgba(0,0,0,0.2);
	border-color: #60BEB1;
}
.image-container {
	width: 100%;
	aspect-ratio: 300/332;
	perspective: 1000px;
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
}
.image-flip-inner {
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	transition: transform 0.6s;
	border-radius: 12px;
}
.image-container:hover .image-flip-inner {
	transform: rotateY(180deg);
}
.image-front, .image-back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	border-radius: 12px;
}
.image-front img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 12px;
	box-shadow: 0 4px 15px rgba(0,0,0,0.1);
	display: block;
	max-width: 100%;
	height: auto;
}
.image-back .contact-info a { color: #ffffff !important; text-decoration: underline; word-break: break-word; }
.image-back {
	transform: rotateY(180deg);
	background: linear-gradient(180deg, #2BABE3, #05AB9E);
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 15px;
	box-sizing: border-box;
	text-align: center;
}
.image-back .contact-info {
	font-size: 0.85rem;
	line-height: 1.4;
	word-break: break-word;
}
.image-back .contact-info strong {
	display: block;
	margin-bottom: 8px;
	font-size: 0.9rem;
}
.image-back .contact-info div {
	margin-bottom: 5px;
	white-space: normal;
}
.image-back a {
	color: inherit;
	text-decoration: underline;
}
.image-back .contact-info div:nth-child(2) {
	color: #ffffff !important;
	word-break: break-word;
}
.h4-equipo {
	margin: 10px 0;
	text-align: center;
	font-weight: bold;
	color: #2c3e50;
	font-size: 1.1em;
	line-height: 1.3;
}
.carta-equipo p {
	margin: 0;
	text-align: center;
	line-height: 1.4;
	color: #294296;
	font-weight: bold;
}
@keyframes flotar-equipo {
	0%,100% { transform: translateY(0); }
	50% { transform: translateY(-8px); }
}
@media (max-width: 420px) {
	.h1-equipo { font-size: 1.8em; }
	.h3-equipo { font-size: 1.1em; margin: 28px 0 14px; }
	.carta-equipo { max-width: 100%; padding: 16px; }
}
/* 25/07/2025 */
.main-container-fcv {
display: block;
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
box-sizing: border-box;
overflow: hidden;
}

.container-fcv {
background: rgba(255, 255, 255, 0.95);
border-radius: 8px;
padding: 5px;
margin: 0;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(10px);
width: 100%;
max-width: 100%;
box-sizing: border-box;
overflow-x: hidden;
}

.table-wrapper-fcv {
width: 100%;
margin-bottom: 15px;
border: 1px solid #ddd;
border-radius: 8px;
overflow: hidden;
box-sizing: border-box;
overflow-x: auto;
}

.table-fcv {
width: 100%;
border-collapse: collapse;
background: white;
font-size: 18px;
min-width: 100%;
}

.table-fcv th,
.table-fcv td {
padding: 15px;
border-bottom: 1px solid #eee;
vertical-align: top;
text-align: left;
word-wrap: break-word;
overflow-wrap: break-word;
}

.tr-fcv:nth-child(even) {
background-color: #f8f9fa;
}

.tr-fcv:hover {
background-color: #e3f2fd;
transition: all 0.3s ease;
}

.th-fcv {
background: linear-gradient(135deg, #2c3e50, #34495e);
color: white;
font-weight: 600;
font-size: 17px;
}

.dependencia-fcv {
font-weight: bold;
color: #2c3e50;
font-size: 17px;
}

.email-fcv {
text-decoration: none;
font-weight: 500;
color: #007bff;
word-break: break-all;
overflow-wrap: break-word;
hyphens: auto;
}

.email-fcv:hover {
text-decoration: underline;
}

.extension-fcv {
color: #666;
font-size: 16px;
}

.location-fcv {
color: #7f8c8d;
font-style: italic;
font-size: 16px;
}

.bottom-sections-fcv {
margin-top: 15px;
}

.social-section-fcv,
.contact-point-fcv {
background: #f8f9fa;
color: #333;
border: 1px solid #e9ecef;
padding: 12px;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
margin-bottom: 12px;
width: 100%;
box-sizing: border-box;
overflow-wrap: break-word;
}

.h2-fcv,
.h3-fcv {
margin: 0 0 10px;
color: #333;
}

.h2-fcv {
font-size: 1.3em;
}

.h3-fcv {
font-size: 1.2em;
}

@media (max-width: 375px) {
.main-container-fcv {
padding: 0;
overflow-x: hidden;
width: 100vw;
max-width: 100vw;
}

.container-fcv {
background: transparent;
border: none;
box-shadow: none;
backdrop-filter: none;
padding: 4px;
border-radius: 0;
margin: 0;
width: 100%;
max-width: 100%;
overflow-x: hidden;
}

.table-wrapper-fcv {
background: transparent;
border: none;
margin-bottom: 8px;
border-radius: 0;
overflow-x: hidden;
width: 100%;
max-width: 100%;
-webkit-overflow-scrolling: touch;
}

.table-fcv thead {
display: none;
}

.table-fcv,
.table-fcv tbody,
.table-fcv tr,
.table-fcv td {
display: block;
width: 100%;
}

.table-fcv tr {
border: 1px solid #ddd;
border-radius: 8px;
margin-bottom: 12px;
padding: 8px;
background: white;
box-shadow: 0 2px 6px rgba(0,0,0,0.15);
width: calc(100% - 8px);
max-width: calc(100% - 8px);
overflow: hidden;
box-sizing: border-box;
margin-left: 4px;
margin-right: 4px;
}

.table-fcv tr:hover {
transform: none;
}

.table-fcv td {
border: none;
padding: 4px 0;
display: block;
width: 100%;
position: static;
min-height: auto;
word-wrap: break-word;
overflow-wrap: break-word;
box-sizing: border-box;
}

.table-fcv td:before {
content: attr(data-label);
display: inline-block;
font-weight: bold;
color: #2c3e50;
font-size: 10px;
margin-right: 4px;
min-width: 70px;
vertical-align: top;
}

.table-fcv td .email-fcv,
.table-fcv td.extension-fcv,
.table-fcv td.location-fcv {
display: inline;
vertical-align: top;
max-width: calc(100% - 75px);
word-break: break-word;
}

.dependencia-fcv:before { content: "Dependencia: "; }
.email-fcv { 
font-size: 10px;
word-break: break-all;
line-height: 1.2;
}
.extension-fcv { font-size: 9px; }
.location-fcv { font-size: 9px; }

.social-section-fcv,
.contact-point-fcv {
padding: 6px;
margin-bottom: 6px;
border-radius: 5px;
overflow-wrap: break-word;
width: calc(100% - 2px);
max-width: calc(100% - 2px);
box-sizing: border-box;
}

.h2-fcv { 
font-size: 0.9em;
line-height: 1.1;
}
.h3-fcv { 
font-size: 0.8em;
line-height: 1.1;
}

.contact-point-fcv p {
font-size: 9px;
line-height: 1.2;
margin: 0;
word-wrap: break-word;
}
}

@media (max-width: 768px) {
.container-fcv {
padding: 3px;
border-radius: 5px;
overflow-x: hidden;
}

.table-fcv thead {
display: none;
}

.table-fcv,
.table-fcv tbody,
.table-fcv tr,
.table-fcv td {
display: block;
width: 100%;
}

.table-fcv tr {
border: 1px solid #ddd;
border-radius: 8px;
margin-bottom: 10px;
padding: 10px;
background: white;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
max-width: 100%;
overflow: hidden;
}

.table-fcv tr:hover {
transform: none;
}

.table-fcv td {
border: none;
padding: 8px 0;
display: block;
width: 100%;
position: static;
min-height: auto;
word-wrap: break-word;
overflow-wrap: break-word;
}

.table-fcv td:before {
content: attr(data-label);
display: inline-block;
font-weight: bold;
color: #2c3e50;
font-size: 12px;
margin-right: 8px;
min-width: 90px;
vertical-align: top;
}

.table-fcv td .email-fcv,
.table-fcv td.extension-fcv,
.table-fcv td.location-fcv {
display: inline;
vertical-align: top;
}

.dependencia-fcv:before { content: "Dependencia: "; }
.email-fcv { font-size: 13px; }
.extension-fcv { font-size: 12px; }
.location-fcv { font-size: 12px; }

.social-section-fcv,
.contact-point-fcv {
padding: 8px;
margin-bottom: 8px;
overflow-wrap: break-word;
}

.h2-fcv { font-size: 1.1em; }
.h3-fcv { font-size: 1em; }

.contact-point-fcv p {
font-size: 12px;
line-height: 1.4;
}
}

@media (max-width: 480px) {
.container-fcv {
padding: 3px;
overflow-x: hidden;
}

.table-fcv tr {
padding: 12px;
margin-bottom: 12px;
max-width: 100%;
}

.table-fcv td {
padding: 8px 0;
font-size: 13px;
word-wrap: break-word;
}

.table-fcv td:before {
font-size: 11px;
min-width: 90px;
}

.social-section-fcv,
.contact-point-fcv {
padding: 8px;
overflow-wrap: break-word;
}

.h2-fcv { font-size: 1em; }
.h3-fcv { font-size: 0.9em; }
}

@media (min-width: 1200px) {
.container-fcv {
max-width: 1100px;
margin: 0 auto;
padding: 20px;
}
}

.main-container-fcv * {
max-width: 100%;
box-sizing: border-box;
}

/* 29/07/2025 */

.cartas-vice {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 1rem;
}

.card-vice {
background: #fff;
border: 1px solid #e0e0e0;
border-radius: 10px;
padding: 1rem;
box-shadow: 0 4px 8px rgba(0,0,0,0.05);
transition: transform 0.2s, box-shadow 0.2s;
}

.card-vice:hover {
transform: translateY(-4px);
box-shadow: 0 8px 16px rgba(0,0,0,0.1);
}

.card-vice h2 {
color: #05AB9E;
margin-bottom: 0.75rem;
font-size: 1.2rem;
}

.card-vice ul {
list-style: none;
padding-left: 0;
}

.card-vice ul li {
margin-bottom: 0.5rem;
font-size: 0.95rem;
}

.card-vice a {
text-decoration: none;
}

.card-vice a:hover {
text-decoration: underline;
}
.section-grid-vice {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 1rem;
margin: 2rem 0;
}
.section-card-vice {
display: flex;
align-items: center;
justify-content: center;
height: 120px;
border-radius: 8px;
color: #fff;
text-decoration: none;
position: relative;
overflow: hidden;
transition: transform 0.2s, box-shadow 0.2s;
}
.section-card-vice:hover {
transform: translateY(-4px);
box-shadow: 0 6px 16px rgba(0,0,0,0.15);
}
.section-card-vice h3 {
font-size: 1.2rem;
text-align: center;
padding: 0 0.5rem;
}
.section-card-vice::before {
content: '';
position: absolute;
top: 0.75rem; left: 0.75rem;
right: 0.75rem; bottom: 0.75rem;
border: 1px solid rgba(255,255,255,0.6);
border-radius: 4px;
pointer-events: none;
}
.section-card-vice.color1 { background: #2BABE3; }
.section-card-vice.color2 { background: #294294; }
.section-card-vice.color3    { background: #28295B; }

.section-card-vice h3{
color: #fff;
}
.section-uape-fcv {
background: #fff;
margin: 3rem 0;
padding: 2.5rem;
border-radius: 10px;
border: 1px solid #ccc;
box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}
.cards-uape-contenedor {
display: flex;
flex-wrap: wrap;
gap: 1.5rem;
justify-content: space-between;
margin: 2rem 0;
}
.card-uape {
flex: 1 1 calc(45% - 1.5rem);
text-decoration: !important none;
color: inherit;
background: #fff;
padding: 1.5rem;
border-radius: 10px;
border: 1px solid #bbb;
box-shadow: 0 3px 6px rgba(0,0,0,0.1);
transition: transform 0.2s, box-shadow 0.2s;
}
.card-uape:hover {
transform: translateY(-4px);
box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}

.card-uape a,
.card-uape a:hover,
.card-uape a:visited,
.card-uape a:focus,
.card-uape a:active {
text-decoration: none !important;
box-shadow: none !important;
border: none !important;
background-image: none !important;
}

.card-uape a::before,
.card-uape a::after {
display: none !important;
}

.imagen-uape {
display: block;
width: 90%;
height: auto;
}

.img-banner_art {
max-width: 100%
height: auto;
}

.seccion_uape_acceso {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin: 3rem auto;
max-width: 1100px;
gap: 2rem;
padding: 1rem;
border-top: 2px solid #ddd;
}

.contenido_aupe_acceso {
flex: 1 1 500px;
}

.img_uape_acceso {
flex: 1 1 300px;
max-width: 400px;
}

.img_uape_acceso img {
width: 100%;
height: auto;
border-radius: 8px;
}

@media (max-width: 768px) {
.seccion_uape_acceso {
flex-direction: column;
}
.contenido_aupe_acceso, .img_uape_acceso {
flex: 1 1 100%;
max-width: 100%;
}
}
/* 04/08/2025 */
.concurso-profcv-header-banner {
	max-width: 1000px;
	margin: 0 auto;
	padding: 1rem;
	box-sizing: border-box;
	width: 100%;
}
.concurso-profcv-header-banner img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	border-radius: 0.5rem;
}
.concurso-profcv-nav-container {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0.5rem 1rem;
	text-align: center;
	box-sizing: border-box;
	width: 100%;
}
.concurso-profcv-nav-container a {
	display: inline-block;
	margin: 0.25rem;
	padding: 0.9rem 1.6rem;
	background: #fe9c31;
	color: #fff !important;
	text-decoration: none;
	font-size: 1.05rem;
	border-radius: 0.5rem;
	transition: background 0.2s;
	cursor: pointer;
	max-width: 100%;
	overflow-wrap: break-word;
}
.concurso-profcv-nav-container a.active,
.concurso-profcv-nav-container a:hover {
	background: #e08625;
}
@media (max-width: 600px) {
	.concurso-profcv-nav-container {
		padding: 0.75rem 1rem;
	}
	.concurso-profcv-nav-container a {
		display: block;
		margin: 0.3rem auto;
		width: 100%;
		max-width: calc(100vw - 4rem);
	}
}
.concurso-profcv-content {
	max-width: 1000px;
	margin: 2rem auto;
	padding: 0 1rem;
	box-sizing: border-box;
	overflow-x: hidden;
	width: 100%;
}
@media (max-width: 600px) {
	.concurso-profcv-content {
		padding: 0 0.5rem;
		margin: 1rem auto;
	}
}
.concurso-profcv-section {
	display: none;
	width: 100%;
	overflow-x: hidden;
	max-width: 100%;
}
.concurso-profcv-section.active {
	display: block;
}
.concurso-profcv-content h2 {
	margin-top: 2rem;
	font-size: 1.5rem;
	color: #0d3b24;
	overflow-wrap: break-word;
}
.concurso-profcv-content p {
	line-height: 1.6;
	color: #333;
	overflow-wrap: break-word;
	overflow-wrap: break-word;
}
.concurso-profcv-videos {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	margin-top: 1.5rem;
	box-sizing: border-box;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
}
.concurso-profcv-video {
	flex: 1 1 45%;
	max-width: 100%;
	min-width: 0; /* Importante para evitar que el contenido se desborde */
	box-sizing: border-box;
}
.concurso-profcv-video h3 {
	margin-bottom: 0.5rem;
	font-size: 1.25rem;
	color: #0d3b24;
	text-align: center;
	overflow-wrap: break-word;
}
.concurso-profcv-video iframe {
	width: 100%;
	max-width: 100%;
	height: 250px;
	border: none;
	border-radius: 0.5rem;
}
@media (max-width: 600px) {
	.concurso-profcv-videos {
		flex-direction: column;
		align-items: center;
		gap: 1rem;
		padding: 0;
		margin-top: 1rem;
	}
	
	.concurso-profcv-video {
		flex: none;
		width: 100%;
		max-width: 100%;
		text-align: center;
	}
	
	.concurso-profcv-video h3 {
		text-align: center;
		margin-bottom: 0.5rem;
		font-size: 1.1rem;
	}
	
	.concurso-profcv-video iframe {
		height: 200px;
		max-width: 100%;
		width: 100%;
	}
}
.concurso-profcv-footer-banner {
	max-width: 1000px;
	margin: 2rem auto;
	background: #004100;
	color: #fff;
	text-align: center;
	padding: 1rem;
	border-radius: 0.5rem;
	box-sizing: border-box;
	overflow-x: hidden;
	width: 100%;
}
@media (max-width: 600px) {
	.concurso-profcv-footer-banner {
		padding: 0.75rem;
	}
	.concurso-profcv-footer-banner p {
		font-size: 1rem !important;
		word-wrap: break-word;
		overflow-wrap: break-word;
	}
}
.concurso-fcv-table-container {
	max-width: 100%;
	overflow-x: auto;
	background-color: white;
	border-radius: 8px;
	padding: 20px;
	margin-top: 1.5rem;
}

.concurso-fcv-table {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
}

.concurso-fcv-table-header {
	background-color: #004100;
	color: white;
	padding: 15px;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	border: 2px solid #34495e;
}

.concurso-fcv-table-cell {
	padding: 12px 15px;
	border: 2px solid #bdc3c7;
	vertical-align: top;
	line-height: 1.4;
}

.concurso-fcv-table-row:nth-child(even) {
	background-color: #f8f9fa;
}

.concurso-fcv-table-row:nth-child(odd) {
	background-color: white;
}

.concurso-fcv-etapa-column {
	background-color: #ecf0f1;
	font-weight: bold;
	width: 50%;
}

.concurso-fcv-fecha-column {
	text-align: center;
	width: 50%;
}

@media (max-width: 768px) {
	.concurso-fcv-table-container {
		padding: 10px;
	}
	
	.concurso-fcv-table-header, .concurso-fcv-table-cell {
		padding: 10px;
		font-size: 14px;
	}
}
/* 05/08/2025 */
.fcv-nuestro-banner {
max-width: 1000px;
width: 100%;
height: 400px;
margin: 0 auto;
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
border-radius: 15px;
}

.fcv-nuestro-banner::before {
content: '';
position: absolute;
inset: 0;
background: rgba(2, 41, 61, 0.5);
z-index: 1;
border-radius: 15px;
}

.fcv-nuestro-banner-title {
position: relative;
z-index: 2;
color: white;
font-size: 3rem;
font-weight: 700;
text-align: center;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
text-decoration: none;
}

.fcv-nuestro-content {
max-width: 1000px;
margin: 0 auto;
padding: 60px 30px;
}

.fcv-nuestro-section {
margin-bottom: 40px;
}

.fcv-nuestro-title {
color: #02293d;
font-size: 2.2rem;
margin-bottom: 20px;
font-weight: 600;
}

.fcv-nuestro-text {
color: #333;
font-size: 1.1rem;
line-height: 1.7;
margin-bottom: 20px;
text-align: justify;
}

.fcv-nuestro-link {
color: #2BABE3;
text-decoration: none;
font-weight: 600;
transition: color 0.3s ease;
}

.fcv-nuestro-link:hover {
color: #238bb5;
text-decoration: underline;
}

.fcv-nuestro-download {
background: #e1e9f0;
border-radius: 15px;
padding: 40px;
text-align: center;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
margin-top: 40px;
}

.fcv-nuestro-download-title {
color: #02293d;
font-size: 1.6rem;
margin-bottom: 15px;
font-weight: 600;
}

.fcv-nuestro-download-desc {
color: #666;
font-style: italic;
margin-bottom: 25px;
font-size: 1rem;
}

.fcv-nuestro-btn {
display: inline-block;
background: linear-gradient(135deg, #2BABE3 0%, #238bb5 100%);
color: white;
padding: 15px 35px;
border-radius: 50px;
text-decoration: none;
font-weight: bold;
font-size: 1.1rem;
transition: all 0.3s ease;
box-shadow: 0 8px 20px rgba(43, 171, 227, 0.3);
}

.fcv-nuestro-btn:hover {
transform: translateY(-2px);
box-shadow: 0 12px 25px rgba(43, 171, 227, 0.4);
background: linear-gradient(135deg, #238bb5 0%, #1a6b85 100%);
}

@media (max-width: 768px) {
.fcv-nuestro-banner { height: 300px; }
.fcv-nuestro-banner-title { font-size: 2.2rem; padding: 0 20px; }
.fcv-nuestro-content { padding: 40px 20px; }
.fcv-nuestro-title { font-size: 1.8rem; }
.fcv-nuestro-text { font-size: 1rem; line-height: 1.6; text-align: left; }
.fcv-nuestro-download { padding: 30px 20px; margin-top: 30px; }
.fcv-nuestro-download-title { font-size: 1.4rem; }
.fcv-nuestro-btn { padding: 12px 25px; font-size: 1rem; }
}

@media (max-width: 480px) {
.fcv-nuestro-banner { height: 250px; }
.fcv-nuestro-banner-title { font-size: 1.8rem; }
.fcv-nuestro-content { padding: 30px 15px; }
.fcv-nuestro-title { font-size: 1.6rem; }
.fcv-nuestro-text { font-size: 0.95rem; }
.fcv-nuestro-download { padding: 25px 15px; }
.fcv-nuestro-btn { padding: 10px 20px; font-size: 0.9rem; }
}

/* 19/08/2025 */

.agenda-fcv-root {
--accent: #0f766e;
--muted: #000000;
--bg: #f8fafc;
--card: #ffffff;
--glass: rgba(255, 255, 255, 0.6);
--radius: 14px;
margin: 0;
background: linear-gradient(180deg, #f1f5f9 0%, var(--bg) 100%);
color: #0f172a;
line-height: 1.45;
}


#agenda-content-fcv {
max-width: 1100px;
margin: 1rem auto;
padding: 1rem;
}


.agenda-fcv-carousel {
position: relative;
border-radius: var(--radius);
overflow: hidden;
box-shadow: 0 6px 20px rgba(2, 6, 23, 0.08);
background: var(--card);
}

.agenda-fcv-slides {
display: flex;
transition: transform .6s ease;
}

.agenda-fcv-slide {
min-width: 100%;
position: relative;
}

.agenda-fcv-slide img {
width: 100%;
max-height: 360px;
object-fit: cover;
display: block;
}

.agenda-fcv-caption {
position: absolute;
left: 1rem;
bottom: 1rem;
background: linear-gradient(90deg, rgba(2, 6, 23, 0.75), rgba(2, 6, 23, 0.35));
color: white;
padding: .75rem 1rem;
border-radius: 10px;
max-width: 85%;
}

.agenda-fcv-controls {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 0.5rem;
}

.agenda-fcv-indicators {
display: flex;
gap: .4rem;
position: absolute;
right: 1rem;
top: 1rem;
}

.agenda-fcv-dot {
width: 10px;
height: 10px;
border-radius: 999px;
background: rgba(255, 255, 255, .6);
border: 1px solid rgba(0, 0, 0, .08);
}

.agenda-fcv-dot.active {
background: var(--accent);
}


.agenda-fcv-grid {
display: grid;
grid-template-columns: 1fr 360px;
gap: 1rem;
margin-top: 1rem;
}


.agenda-fcv-news-list {
display: flex;
flex-direction: column;
gap: .75rem;
}


.agenda-fcv-card {
background: var(--card);
padding: 1rem;
border-radius: 12px;
box-shadow: 0 2px 8px rgba(2, 6, 23, 0.03);
}

.agenda-fcv-card h3 {
margin: 0 0 .25rem 0;
}

.agenda-fcv-card h4 {
margin: 0 0 .5rem 0;
}


.agenda-fcv-meta {
font-size: .85rem;
color: var(--muted);
margin-bottom: .5rem;
}

.agenda-fcv-small {
font-size: .9rem;
color: var(--muted);
}

.agenda-fcv-muted {
color: var(--muted);
}


.agenda-fcv-excerpt {
color: #0f172a;
}


.agenda-fcv-links {
display: flex;
flex-direction: column;
gap: .5rem;
}

a.agenda-fcv-link {
display: block;
padding: .6rem .75rem;
border-radius: 8px;
background: linear-gradient(180deg, #fff, #fbfbfd);
text-decoration: none;
color: var(--accent);
border: 1px solid #eef2f7;
}


.agenda-fcv-btn {
background: var(--glass);
backdrop-filter: blur(6px);
border: 0;
padding: .5rem;
border-radius: 10px;
cursor: pointer;
}


.agenda-fcv-badge {
background: var(--accent);
color: white;
padding: .25rem .5rem;
border-radius: 999px;
font-size: .8rem;
}


.agenda-fcv-card img.agenda-fcv-article-img {
width: 100%;
max-width: 300px;
height: 180px;
object-fit: cover;
border-radius: 8px;
margin: 0.75rem auto 0.5rem auto;
display: block;
box-shadow: 0 2px 8px rgba(2, 6, 23, 0.08);
}


.agenda-fcv-modal {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
backdrop-filter: blur(4px);
}

.agenda-fcv-modal-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 90%;
max-height: 90%;
border-radius: 12px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

.agenda-fcv-modal-image {
width: 100%;
height: auto;
border-radius: 12px;
display: block;
}

.agenda-fcv-modal-close {
position: absolute;
top: -50px;
right: 0;
color: white;
font-size: 30px;
font-weight: bold;
cursor: pointer;
background: rgba(255, 255, 255, 0.2);
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
backdrop-filter: blur(4px);
border: 1px solid rgba(255, 255, 255, 0.1);
transition: background 0.3s ease;
}

.agenda-fcv-modal-close:hover {
background: rgba(255, 255, 255, 0.3);
}


.agenda-fcv-page-header {
background: linear-gradient(135deg, var(--accent), #14b8a6);
color: white;
padding: 2rem;
border-radius: 16px;
margin-bottom: 2rem;
text-align: center;
box-shadow: 0 8px 32px rgba(2, 6, 23, 0.12);
}

.agenda-fcv-page-header h1 {
margin: 0 0 .5rem 0;
font-size: 2.5rem;
font-weight: 700;
}

.agenda-fcv-page-header p {
margin: 0;
font-size: 1.1rem;
opacity: .9;
}

.agenda-fcv-events-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
margin-bottom: 1rem;
}

.agenda-fcv-events-grid {
display: grid;
grid-template-columns: 1fr 320px;
gap: 1rem;
margin-top: .75rem;
}

.agenda-fcv-events-poster {
padding: 1.5rem !important;
}

.agenda-fcv-event-poster-item {
display: flex;
gap: 1.5rem;
align-items: flex-start;
margin-bottom: 1.5rem;
padding: 1rem;
border-radius: 12px;
background: linear-gradient(180deg, #fff, #fbfbfd);
border: 1px solid #eef2f7;
}

.agenda-fcv-event-poster {
width: 140px;
height: 180px;
border-radius: 12px;
object-fit: cover;
box-shadow: 0 4px 16px rgba(2, 6, 23, 0.1);
flex-shrink: 0;
cursor: pointer;
transition: transform .3s ease, box-shadow .3s ease;
}

.agenda-fcv-event-poster:hover {
transform: scale(1.05);
box-shadow: 0 6px 20px rgba(2, 6, 23, 0.15);
}

.agenda-fcv-event-poster-info {
flex: 1;
padding-top: .5rem;
}

.agenda-fcv-event-poster-info strong {
font-size: 1.1rem;
line-height: 1.3;
display: block;
margin-bottom: .5rem;
}

.agenda-fcv-event-item {
display: flex;
gap: .75rem;
align-items: flex-start;
margin-bottom: .6rem;
}

.agenda-fcv-event-thumb {
width: 120px;
height: 86px;
border-radius: 8px;
background: #e6eef0;
object-fit: contain;
object-position: center;
}


details.agenda-fcv-archive {
margin-top: .5rem;
}

.agenda-fcv-archive-year {
margin: 0 0 .5rem 0;
}

.agenda-fcv-archive-month {
display: flex;
flex-direction: column;
gap: .5rem;
padding-left: 1rem;
}


.agenda-fcv-root footer {
max-width: 1100px;
margin: 1.25rem auto;
padding: 1rem;
color: var(--muted);
font-size: .9rem;
}


@media (max-width: 900px) {
.agenda-fcv-grid {
grid-template-columns: 1fr;
}

.agenda-fcv-slide img {
max-height: 220px;
}

.agenda-fcv-header {
padding: .75rem;
}

.agenda-fcv-card img.agenda-fcv-article-img {
max-width: 280px;
height: 160px;
}

.agenda-fcv-event-poster {
width: 120px;
height: 150px;
}

.agenda-fcv-page-header h1 {
font-size: 2rem;
}
}

@media (max-width: 520px) {
.agenda-fcv-card img.agenda-fcv-article-img {
max-width: 100%;
height: 140px;
}

.agenda-fcv-badge {
font-size: .75rem;
}

.agenda-fcv-card {
padding: .85rem;
}

.agenda-fcv-event-poster-item {
flex-direction: column;
gap: 1rem;
}

.agenda-fcv-event-poster {
width: 100%;
height: 160px;
max-width: 200px;
margin: 0 auto;
}

.agenda-fcv-event-thumb {
width: 96px;
height: 72px;
}

.agenda-fcv-page-header {
padding: 1.5rem;
}

.agenda-fcv-page-header h1 {
font-size: 1.8rem;
}
}

/* 20/08/2025 */
#programacion-fcv-container {
--primary: #2BABE3;
--secondary: #294294;
--dark: #28295B;
--accent: #60BEB1;
--success: #05AB9E;
--muted: #666666;
--bg: #f8fafc;
--card: #ffffff;
--glass: rgba(255,255,255,0.9);
--radius: 14px;
color: #0f172a !important;
line-height: 1.45 !important;
}

#programacion-fcv-container * {
box-sizing: border-box;
}

#programacion-fcv-container .fcv-content {
max-width: 1200px !important;
padding: 1rem !important;
}

#programacion-fcv-container .fcv-card {
background: var(--card) !important;
padding: 1.5rem !important;
border-radius: 12px !important;
box-shadow: 0 2px 8px rgba(2,6,23,0.03) !important;
margin-bottom: 1rem !important;
border: 1px solid #f1f5f9 !important;
}

#programacion-fcv-container .fcv-card h2 {
margin: 0 0 1rem 0 !important;
color: var(--secondary) !important;
font-size: 1.4rem !important;
font-weight: 600 !important;
}

#programacion-fcv-container .fcv-card h3 {
margin: 1.5rem 0 .75rem 0 !important;
color: var(--dark) !important;
font-size: 1.2rem !important;
font-weight: 600 !important;
}

#programacion-fcv-container .fcv-card h4 {
margin: 1rem 0 .5rem 0 !important;
color: var(--secondary) !important;
font-size: 1.1rem !important;
font-weight: 500 !important;
}

#programacion-fcv-container .fcv-calendarios-section {
background: linear-gradient(135deg, var(--glass), rgba(96,190,177,0.1)) !important;
border: 2px solid var(--accent) !important;
border-radius: 12px !important;
padding: 1.5rem !important;
margin: 1.5rem 0 !important;
position: relative !important;
}

#programacion-fcv-container .fcv-calendarios-grid {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
gap: 1rem !important;
margin-top: 1rem !important;
}

#programacion-fcv-container .fcv-calendario-item {
background: white !important;
border: 2px dashed var(--accent) !important;
border-radius: 10px !important;
padding: 1.2rem !important;
text-align: center !important;
transition: all 0.3s ease !important;
cursor: pointer !important;
}

#programacion-fcv-container .fcv-calendario-item:hover {
border-color: var(--success) !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 20px rgba(5,171,158,0.15) !important;
}

#programacion-fcv-container .fcv-calendario-preview {
width: 100% !important;
height: 150px !important;
background: linear-gradient(135deg, #f0fdf4, #ecfdf5) !important;
border-radius: 8px !important;
margin-bottom: 10px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 3rem !important;
color: var(--accent) !important;
position: relative !important;
overflow: hidden !important;
}

#programacion-fcv-container .fcv-calendario-title {
font-weight: 600 !important;
color: var(--dark) !important;
margin-bottom: .5rem !important;
}

#programacion-fcv-container .fcv-calendario-desc {
color: var(--success) !important;
font-size: .9rem !important;
margin-bottom: 1rem !important;
}

#programacion-fcv-container .fcv-calendario-link {
background: var(--accent) !important;
color: white !important;
padding: .6rem 1.2rem !important;
border-radius: 8px !important;
text-decoration: none !important;
display: inline-block !important;
font-weight: 500 !important;
transition: all .2s ease !important;
}

#programacion-fcv-container .fcv-calendario-link:hover {
background: var(--success) !important;
transform: translateY(-1px) !important;
color: white !important;
text-decoration: none !important;
}

#programacion-fcv-container .fcv-destacado {
border: 2px solid var(--primary) !important;
border-radius: 12px !important;
padding: 1.5rem !important;
margin: 1.5rem 0 !important;
position: relative !important;
}

#programacion-fcv-container .fcv-paet-badge {
background: linear-gradient(135deg, var(--secondary), var(--dark)) !important;
color: white !important;
padding: .4rem .8rem !important;
border-radius: 20px !important;
font-size: .85rem !important;
display: inline-block !important;
font-weight: 500 !important;
margin-bottom: 1rem !important;
}

#programacion-fcv-container .fcv-acuerdo {
background: linear-gradient(135deg, #f8fafc, #ffffff) !important;
border: 1px solid #e2e8f0 !important;
border-radius: 10px !important;
padding: 1.2rem !important;
margin: 1rem 0 !important;
position: relative !important;
border-left: 4px solid var(--primary) !important;
}

#programacion-fcv-container .fcv-acuerdo-titulo {
font-weight: 600 !important;
color: var(--secondary) !important;
margin-bottom: .5rem !important;
font-size: 1.1rem !important;
}

#programacion-fcv-container .fcv-acuerdo-fecha {
background: var(--primary) !important;
color: white !important;
padding: .25rem .6rem !important;
border-radius: 20px !important;
font-size: .85rem !important;
display: inline-block !important;
margin-bottom: .75rem !important;
}

#programacion-fcv-container .fcv-acuerdo-descripcion {
font-style: italic !important;
color: #475569 !important;
margin-bottom: .75rem !important;
line-height: 1.5 !important;
}

#programacion-fcv-container .fcv-acuerdo-link {
background: linear-gradient(135deg, var(--success), var(--accent)) !important;
color: white !important;
padding: .6rem 1.2rem !important;
border-radius: 8px !important;
text-decoration: none !important;
display: inline-block !important;
font-weight: 500 !important;
transition: transform .2s ease, box-shadow .2s ease !important;
}

#programacion-fcv-container .fcv-acuerdo-link:hover {
transform: translateY(-2px) !important;
box-shadow: 0 4px 12px rgba(5,171,158,0.3) !important;
color: white !important;
text-decoration: none !important;
}

#programacion-fcv-container .fcv-excel-preview {
background: linear-gradient(135deg, rgba(43,171,227,0.1), rgba(96,190,177,0.1)) !important;
border: 2px dashed var(--primary) !important;
border-radius: 12px !important;
padding: 1.5rem !important;
margin: .75rem 0 !important;
text-align: center !important;
position: relative !important;
overflow: hidden !important;
transition: all 0.3s ease !important;
}

#programacion-fcv-container .fcv-excel-preview:hover {
border-color: var(--success) !important;
transform: translateY(-2px) !important;
}

#programacion-fcv-container .fcv-excel-title {
font-weight: 600 !important;
color: var(--dark) !important;
margin-bottom: .5rem !important;
}

#programacion-fcv-container .fcv-excel-desc {
color: var(--secondary) !important;
font-size: .9rem !important;
margin-bottom: 1rem !important;
}

#programacion-fcv-container .fcv-excel-link {
background: var(--primary) !important;
color: white !important;
padding: .6rem 1.2rem !important;
border-radius: 8px !important;
text-decoration: none !important;
display: inline-block !important;
font-weight: 500 !important;
transition: all .2s ease !important;
}

#programacion-fcv-container .fcv-excel-link:hover {
background: var(--secondary) !important;
transform: translateY(-1px) !important;
color: white !important;
text-decoration: none !important;
}

#programacion-fcv-container .fcv-horarios-grid {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
gap: 1rem !important;
margin-top: 1rem !important;
}

#programacion-fcv-container .fcv-iframe {
width: 100% !important;
height: 200px !important;
border: none !important;
border-radius: 8px !important;
margin-bottom: 10px !important;
}

.agenda-fcv-links {
display: flex !important;
flex-wrap: wrap !important;
gap: 1rem !important;
justify-content: center !important;
margin: 1rem 0 !important;
}

.agenda-fcv-link {
background: #155a37 !important;
color: white !important;
padding: .8rem 1.5rem !important;
border-radius: 8px !important;
text-decoration: none !important;
display: inline-block !important;
font-weight: 500 !important;
transition: all .2s ease !important;
border: none !important;
}

.agenda-fcv-link:hover {
background: #1a6b42 !important;
transform: translateY(-1px) !important;
color: white !important;
text-decoration: none !important;
box-shadow: 0 2px 8px rgba(21, 90, 55, 0.3) !important;
}

.agenda-fcv-link:visited {
color: white !important;
}

.agenda-fcv-contacto-info {
background: #155a37 !important;
color: white !important;
border-radius: 8px !important;
padding: 1rem !important;
margin-top: 0.5rem !important;
border-left: 4px solid #1a6b42 !important;
}

.agenda-fcv-contacto-info p {
color: white !important;
margin-bottom: 0.5rem !important;
}

.agenda-fcv-contacto-info a {
color: #87ceeb !important;
text-decoration: underline !important;
font-weight: 500 !important;
}

.agenda-fcv-contacto-info a:hover {
color: #add8e6 !important;
}

@media (max-width: 768px) {
#programacion-fcv-container .fcv-horarios-grid {
grid-template-columns: 1fr !important;
}

#programacion-fcv-container .fcv-calendarios-grid {
grid-template-columns: 1fr !important;
}

#programacion-fcv-container .fcv-content {
padding: 0.5rem !important;
}

.agenda-fcv-links {
flex-direction: column !important;
align-items: center !important;
}

.agenda-fcv-link {
width: 100% !important;
text-align: center !important;
}
}