/* ESTILOS GENERALES CSNET */

:root{
	--principal: #EB4A4A;
	--principal-oscuro: #D13F3F;
    --dark: #454240;
    --dark2: #565656;
    --negro: #181818;
    --gris: #E8E8E8;
    --light: #F0F0F0;
    --shadow-color: rgba(0, 0, 0, 0.2);
    --box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

@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-Medium.ttf');
	font-style: normal;
	font-weight: 500;
}

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


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

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

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

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

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

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

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

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

a.link-principal{
	color: var(--principal);
	text-decoration: none;
}
a.link-principal:hover{
	color: var(--principal);
}

a.link-blanco{
	color: white;
	text-decoration: none;
}
a.link-blanco:hover{
	color: white;
}

.text-nowrap{
	white-space: nowrap;
}

.fw-medium{
	font-weight: 500;
}

body{
	font-family: 'Roboto', sans-serif;
	background-color: white;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	font-size: 1rem;
}

main{
	flex-grow: 1;
}


button:focus:not(:focus-visible) {
	box-shadow: none;
}

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

.boton-clausula:focus:not(:focus-visible), .boton-clausula:not(.collapsed){
    color: var(--dark);
    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");
	
}

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

.noticia:hover {
	color: var(--dark);
	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;
}

/* FIN DE ESTILOS GENERALES CSNET */
.texto-32{
	font-size: 2rem;
}

.texto-24{
	font-size: 1.5rem;
}

.columna{
	padding-left: 2rem;
	padding-right: 2rem;
}

.navbar-brand{
	max-width: 450px;
}


.header-inicio{
	color: white;
	position: absolute;
	top: 0;
	z-index: 100;
}

/* .header-inicio .navbar-brand{
	position: absolute;
	top: 0;
	margin: 1rem;
	padding: 0;
	z-index: 100;
} */

.header-inicio a, .header-inicio a:hover{
	color: white;
}

.header-inicio .nav-link.active {
	border-bottom: 1px solid white;
}

/* .header-inicio .navbar-toggler {
	color: white;
} */

.header-paginas{
	color: var(--negro);
	background-color: var(--light);
}

.header-paginas a, .header-paginas a:hover{
	color: var(--negro);
}

.header-paginas .nav-link.active {
	border-bottom: 1px solid var(--negro);
}

.hero{
	position: relative;
	height: calc(100vh + 25px);
}

.hero video{
	position: fixed;
	height: calc(100vh + 25px);
	width: 100%;
	object-fit: cover;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: -10;
}

.hero::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: .25;
	z-index: -5;
}

.banner-transparente::after{
	content: '';
	width: 100%;
	height: 25px;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	background-color: var(--dark);
}

.banner-transparente h2, .banner-transparente p{
	font-size: 3.375rem;
}


.seccion-1{
	color: white;
	background-color: var(--dark);
}

.seccion-1.banner-1 .columna-texto{
	padding-right: 10rem;
	padding-top: 4.5rem;
	padding-bottom: 4.5rem;
}

.seccion-1.banner-2::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 25px;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	background-color: var(--light);
}

/* SWIPER */
.container-swiper{
    overflow: hidden;
}

.swiper {
    width: 100%;
}

.swiper-slide {
    width: auto !important;
}

.swiper-button-prev, .swiper-button-next{
	background-color: white;
	border-radius: 5px;
	width: 36px !important;
	height: 40px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 !important;
    color: black !important;
}

.swiper-button-next::after, .swiper-button-prev::after{
    content: "" !important;
}

.caja-slider{
	max-width: 700px;
	min-height: 520px;
	background-color: white;
	border-radius: 10px;
	padding: 1.5rem;
}

.seccion-3 .titulo-actividades, .row-titulo-noticias{
	border-bottom: 1px solid var(--negro);
}

.seccion-3::before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 25px;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	background-color: var(--light);
}


.boton-ver-todas{
	background-color: var(--principal);
	border-radius: 100px;
}

.boton-ver-todas span{
	padding-left: 30px;
	padding-right: 30px;
}

.boton-ver-todas .circulo-flecha{
	background-color: var(--principal-oscuro);
	width: 70px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
}


.item-actividad .columna{
	border-top: 1px solid #dee2e6;
}

.item-actividad, .item-categoria-actividades{
	padding-left: 5rem;
	padding-right: 5rem;
}

.item-actividad h3{
	max-width: 520px;
}

.item-actividad .img-actividad, .item-noticia .img-noticia, .img-index{
	border-radius: 10px;
}

.img-noticia{
	aspect-ratio: 4/3;
	object-fit: cover;
	object-position: center center;
}

.pie{
	background-color: var(--dark);
	color: white;
}

.pie a {
	color: white;
	text-decoration: none;
}

@media screen and (max-width: 1199.5px){
	/* .navbar-brand{
		max-width: 500px;
	} */
	
	.item-actividad h3{
		max-width: none;
	}

	.item-actividad .columna{
		padding-right: 0;
		padding-left: 0;
	}
	
	.item-actividad .columna:last-child{
		border-top: none;
	}
}

/* <lg */
@media screen and (max-width: 991.5px){

	.texto-32{
		font-size: 1.5rem;
	}

	.texto-24{
		font-size: 1.2rem;
	}

	.header .caja-menu{
		position: fixed;
		right: 20px;
		bottom: 20px;
		background-color: var(--principal);
		color: white;
		z-index: 200;
		border-radius: 5px;
		overflow: hidden;
	}
	.header .caja-menu .navbar-nav{
		background-color: var(--gris);
		width: calc(90vw);
		align-items: start;
	}
	.header .nav-link{
		color: var(--negro);
	}
	.header .nav-link.active {
		border-bottom: 1px solid var(--negro);
	}
	.header .navbar-toggler{
		color: white;
		transition: all .2s;
	}

	.header .navbar-collapse .bi-list::before{
		transition: all .2s;
	}

	.header .navbar-collapse:not(.show) .bi-list::before{
		transform: rotate(0deg);
	}
	.header .navbar-collapse.show .bi-list::before{
		transform: rotate(90deg);
	}
	
	.header-inicio{
		position: static;
		padding: 0;
	}

	.header-inicio .navbar-brand{
		position: absolute;
		margin-top: 2rem;
		margin-bottom: 2rem;
		margin-right: 0;
		left: 0;
		z-index: 150;
		padding-right: 1.5rem;
		padding-left: 1.5rem;
		/* left: 50%;
		transform: translateX(-50%); */
	}

	.navbar-collapse.show{
		width: 100%;
	}

	.columna, .seccion-1.banner-1 .columna-texto{
		padding-left: 0;
		padding-right: 0;
	}

	.banner-transparente h2, .banner-transparente p{
		font-size: 2rem;
	}
	
	.banner-transparente h2{
		border-bottom: 1px solid white;
	}

	.seccion-1.banner-1 .columna-texto{
		padding-top: 3rem;
		padding-bottom: 4rem;
	}
	
	.item-actividad{
		border-top: none;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

	.seccion-1.banner-2 > .row:first-child > .columna:first-child{
		border-top: 1px solid white;
	}

	/* .seccion-1 .img-index{
		aspect-ratio: 4/3;
		object-fit: contain;
		object-position: center center;
	} */

	
	.seccion-3 .titulo-actividades, .row-titulo-noticias{
		border-bottom: none;
	}

	.seccion-3 h3, .row-titulo-noticias h3{
		border-bottom: 1px solid var(--negro);
	}

	.item-categoria-actividades{
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

	
	.boton-ver-todas .circulo-flecha{
		width: 60px;
		height: 60px;
	}
	
	.seccion-noticias .div-borde-b{
		border-bottom: 1px solid #dee2e6;
	}
}
@media screen and (max-width: 768.5px){
		
	.navbar-brand{
		max-width: 400px;
	}

	.hero, .hero video{
		aspect-ratio: 1/1;
	}

	/* .banner-transparente h2, .banner-transparente p{
		font-size: 1.4rem;
	} */

	
.caja-slider{
	max-width: 360px;
}

}