:root{
	--principal: #004B84;
	--principal-light: #135BEC;
	--principal-dark: #0A192F;
	--secundario: #87888C;
	--negro: #131313;
	--blanco: #fff;
	--grey: #475569;
	--light-grey: #CCD6F6;
	--dark-grey: #334155;
}

@font-face {
	font-family: 'Roboto';
	src: url('/fuentes/Roboto/Roboto-Light.ttf');
	font-style: normal;
	font-weight: 300;
}

@font-face {
	font-family: 'Roboto';
	src: url('/fuentes/Roboto/Roboto-Regular.ttf');
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family: 'Roboto';
	src: url('/fuentes/Roboto/Roboto-Bold.ttf');
	font-style: normal;
	font-weight: 700;
}

@font-face {
    font-family: "Space Grotesk";
    src: url("/fuentes/Space-Grotesk/SpaceGrotesk-VariableFont_wght.ttf")
        format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}


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

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

.boton-principal{
	color: white;
	background-color: var(--principal);
	border: 1px solid var(--principal);
    border-radius: 6px;
    padding:10px 22px;
}

.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{
	font-family: 'Space Grotesk', sans-serif;
	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");

}

.card-noticia {
	text-decoration: none;
	color: var(--negro);
	transition: all .2s;
}

.card-noticia:hover {
	color: var(--negro);
	opacity: .7;
}

.noticia a{
	color: var(--principal);
	text-decoration: none;
	transition: all .2s;
}

.noticia a:hover{
	opacity: .7;
}

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{
	box-shadow: none;
}

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

.pie a{
	color: var(--blanco);
	text-decoration: none;
	transition: all .2s;
}

.pie a:hover{
	color: var(--principal);
}


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

.navbar-geen{
    height:auto;
    padding: 6px 0;
}

.imagen-logo{
    height:70px;
    width:auto;
}

.menu-principal .nav-link{
    font-size:15px;
    font-weight:500;
    color:#2c2c2c;
    padding-left:1rem !important;
    padding-right:1rem !important;
}

.navbar-lang{
    color: rgba(0, 0, 0, 0.55) !important;
}

.navbar-lang:hover, .navbar-lang:active{
    color: rgba(0, 0, 0, 0.7) !important;
}

.menu-principal .nav-link:hover{
    color:#0b4f7a;
}

.btn-contacto{
    background:#1f5e86;
    color:white;
    padding:8px 18px;
    border-radius:6px;
    font-weight:500;
}

.btn-contacto:hover{
    background:#174a69;
    color:white;
}

/*=========================
   FOOTER
========================= */

.pie{
    background:linear-gradient(90deg,#071d33,#0a2b49);
    color:white;
    padding:70px 0 25px 0;
}



.pie-logo{
    max-width:180px;
}



.pie-titulo{
    font-size:14px;
    font-weight:600;
    margin-bottom:18px;
}



.pie-lista{
    list-style:none;
    padding:0;
}

.pie-lista li{
    margin-bottom:10px;
}

.pie-lista a{
    color:rgba(255,255,255,0.75);
    text-decoration:none;
    font-size:14px;
}

.pie-lista a:hover{
    color:white;
}



.pie-contacto{
    list-style:none;
    padding:0;
}

.pie-contacto li{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:12px;
    font-size:14px;
    color:rgba(255,255,255,0.85);
}

.pie-contacto span{
    font-size:18px;
}



.pie-bottom{
    margin-top:50px;
    padding-top:20px;
    border-top:1px solid rgba(255,255,255,0.15);
    font-size:13px;
    text-align:center;
    color:rgba(255,255,255,0.6);
}



@media (max-width:768px){

    .pie{
        text-align:center;
    }

    .pie-contacto li{
        justify-content:center;
    }

}