@charset "utf-8";

/*
font-family: 'Roboto Condensed', sans-serif;
*/

body{
	font-family: 'Roboto Condensed', sans-serif;
}

header{
	background-color: #ffffff;
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
}

header{
	position: sticky;
	margin-bottom: 30px;
}

header .top{
	background-color: #b31c1c;
}

header .top a{
	color: #ffffff;
}

header .top a:hover{
	color: #000;
}

header .hamburger{
	display: block;
	padding: 40px 0;
}

header .logo{
	width: 90px;
	height: 110px;
	background-image: url("../custom/logo.png");
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{
	background-color: #1f1d61;
}

.hamburger:hover{
	opacity: 1;
}

header ul.options{
	width: 100%;
	height: 0;
	overflow: hidden;
	margin-bottom: 0;
}	

header ul.options.active{
	padding-bottom: 60px;
}	


header .options{
	line-height: 2.5rem;
}

header ul.options > li{
	display: block;
	text-align: left;
}

header ul.options > li p{
	margin-left: 0;
	padding-left: 0;
}

header ul.options > li p, header ul.options > li a{
	display: block;
	font-size: 1rem;
}

header .options a{
	color: #414141;
}

header .options a:hover{
	color: #b31c1c;
}



header .menu .container > ul > li{
	font-size: 1rem;
	border-bottom: 1px solid #c7d0d9;
}
header .menu ul li a, header .menu ul li p
{
	color: #ffffff;
}

header .menu ul li a:hover, header .menu ul li p:hover{
	color: #f2e038;
}


header .menu .container > ul li > a:hover, header .menu .container > ul li > p:hover{
	padding-left: 15px;
	transition: all .3s;
}

/*Listado*/

.articulos .listado > a .texto h2{
	color: #1f1d61;
}

.articulos .listado > a{
	display: block;
	width: 100%;
	float: left;
	margin-bottom: 30px;
	background-color: #ffffff;
	padding: 15px;
	border-radius: 12px 0 0 12px;
	border-left: 5px solid #b31c1c;
		box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.125);
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.125);
	-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.125);
	transition: all .3s;
}

.articulos .listado > a:hover{
		box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
}

.articulos .listado > a .imagen{
	display: block;
	position: relative;
	float: left;
	width: 30%;
	margin-right: 2.5%;
}

.articulos .listado > a .imagen img{
	width: 100%;
}

.articulos .listado > a .texto{
	display: block;
	position: relative;
	float: left;
	width: 67.5%;	
	color: #414141;
}

.articulos .listado > a .texto h2{
	font-size: 1.5rem;
}

.articulos .listado > a .texto .copete{
	font-size: .879rem;
	margin-bottom: 15px;
}

.articulos .listado > a .texto .btn.btn-call{
	padding: 0;
	font-size: 1rem;
	text-align: right;
	display: block;
}

.articulos .listado > a .texto .btn.btn-call:before{
	content: "+";
	color: #b31c1c;
	margin-right: 5px;
	font-weight: bolder;
}

.articulos .listado > .clearfix + a{
	background-color: transparent;
	color: #414141;
	display: block;
	text-align: center;
	font-size: .879rem;
	border: 0;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 0);
    -webkit-box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 0);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0);
}

.articulos .listado > .clearfix + a:before, .articulos .listado > .clearfix + a:after, header + .articulos .listado > .clearfix + a:before, header + .articulos .listado > .clearfix + a:after{
	content: " - ";
}

footer{
	background-color: #1f1d61;
}

footer a{
	color: #ffffff;
}

footer .redes a:before{
	font-size: 1.75rem;
}

footer .links{
	text-align: center;
}

footer .links p a:hover, footer .redes a:hover:before{
	color: #b31c1c;
}

footer .redes + .clearfix + .links{
	display: block;
	width: 100%;
	text-align: center;
}
footer .redes + .clearfix + .links p{
	display: inline-block;
	margin: 0 7px 7px;
	font-size: 1rem;
}

footer .footReg{
	color: #ffffff;
}

footer .footReg .realizado{
	background-image: url("realizado.svg");
}

/*Articulo*/
.articulo{
	padding-bottom: 60px;
}
.articulo h1, header + .articulos h2{
	color: #1f1d61;
	font-weight: 700;
}
.articulo p{
	color: #414141;
	font-size: 1rem;
}

.articulo a{
	color: #1f1d61;
	text-decoration: underline;
}

.articulo .imagenEpigrafe .imagen img{
	object-fit: contain;
	object-position: top;
}

.articulo .imagenEpigrafe .imagen.cuadrada:after{
	padding-bottom: 70%;
}

.articulos > .container > p:first-child{
	color: #1f1d61;
	font-weight: 700;
	font-size: 2rem;
}

.contacto a, .articulo .texto a{
	color: #b31c1c;
	font-weight: bold;
}

@media only screen and (max-width : 479px) {
header .logo {
    width: 60px;
    height: 60px;
}	
	
	header .hamburger{
		padding: 16px 0;
	}	
	

	.articulos .listado > a{
		border-left: none;
		border-top: 5px solid #b31c1c;
		
	}
	
	.articulos .listado > a .imagen{
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	
	.articulos .listado > a .texto{
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	
	header + .articulos .listado > a.articulo_item .imagen, header + .articulos .listado > a.articulo_item .texto{
		width: 100%;
		margin-bottom: 15px;
		margin-right: 0;
	}	
	
	
	
	.articulo .galeria{
		width: 100%;
	}	
	
	.articulo .galeria .imagen:nth-child(4n){
		margin-right: 0;
	}	
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width:480px) and (max-width : 767px) {
	.articulo .galeria{
		width: 100%;
	}	
	
	.articulo .galeria .imagen:nth-child(4n){
		margin-right: 0;
	}	
}

/* Small Devices, Tablets */
@media only screen and (min-width:768px) and (max-width : 991px) {
	.articulo .galeria .imagen:nth-child(4n){
		margin-right: 0;
	}	
}

/* Medium Devices, Desktops */
@media only screen and (min-width:992px) and (max-width : 1199px) {
	header .hamburger{
		display: none;
	}
	
	header ul.options{
		width: 70%;
		text-align: right;
		height: auto;
	}

	header ul.options > li{
		display: inline-block;
	}
	
	header ul.options > li p, header ul.options > li a{
		line-height: 110px;
	}	
	
	header ul.options.active {
		height: calc(100vh - 145px);}
	.articulos .listado > a:nth-child(5){
		margin-right: 0!important;
	}	

	.articulo .galeria .imagen:nth-child(4n){
		margin-right: 0;
	}	
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	
	header .hamburger{
		display: none;
	}
	
	header ul.options{
		width: 70%;
		text-align: right;
		height: auto;
	}

	header ul.options > li{
		display: inline-block;
	}
	
	header ul.options > li p, header ul.options > li a{
		line-height: 110px;
	}	
	
	header ul.options.active {
		height: calc(100vh - 145px);}
	
	.articulos .listado > a:nth-child(5){
		margin-right: 0!important;
	}

	.articulo .galeria .imagen:nth-child(4n){
		margin-right: 0;
	}
}