/* ESTILOS GENERALES CSNET */

:root{
	--principal: #009CA3;
	--secundario: #30aab0;
	--negro: #131313;
}

/* @font-face {
	font-family: 'Bebas Neue';
	src: url('/fuentes/Bebas-Neue/BebasNeue-Regular.ttf');
	font-style: normal;
} */


.fondo-principal{
	background-color: var(--principal);
}

.color-principal{
	color: var(--principal);
}

.boton-principal{
	color: white;
	background-color: var(--principal);
	border: 1px solid var(--principal);
}

.boton-principal:hover{
	color: white;
	background-color: var(--secundario);
	border: 1px solid var(--secundario);
}

.boton-outline-principal{
	color: var(--principal);
	border: 1px solid var(--principal);
}

.boton-outline-principal:hover{
	color: white;
	background-color: var(--principal);
}

body{
	background-color: white;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	font-size: 1rem;
}

main{
	flex-grow: 1;
}

.boton-clausula{
	width: fit-content;
	border: 1px solid rgb(190, 190, 190);
}

.boton-clausula:focus:not(:focus-visible), .boton-clausula:not(.collapsed){
    color: var(--negro);
    box-shadow: none;
    background-color: transparent;
	border: 1px solid rgb(190, 190, 190);
}

.boton-clausula:not(.collapsed)::after{
    background-image: url('/imagenes/iconos/chevron-down.svg'), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

}

ul.pagination{
	justify-content: center;
	margin-bottom: 3em;

}

.pagination .page-item.active .page-link{
	background-color: var(--verde1);
	border-color: var(--verde1);
}

.pagination .page-link{
	color: var(--verde1);
}

.pagination .page-link:focus:not(:focus-visible){
	box-shadow: none;
}

.pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link{
	border-radius: 0;
}

/* FIN DE ESTILOS GENERALES CSNET */

.pie{
	background-color: rgb(234, 238, 241);
}

.dropdown-menu li {
    position: relative;
}
.dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    right: 100%;
    top: -7px;
}
.dropdown-menu .dropdown-submenu-left {
    right: 100%;
    left: auto;
}
.dropdown-menu > li:hover > .dropdown-submenu {
    display: block;
}