/* Estilos generales */
@import url('https://fonts.googleapis.com/css?family=Nunito+Sans&display=swap');

body {
	font-family: 'Nunito Sans', sans-serif;
}

.btn {
	padding: 6px 20px;
	font-weight: bold;
}

.btn-primary {
	background-color: #e30000;
	border-color: #e30000;
}

.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary.active, 
.btn-primary:active, 
.btn-primary.active:focus, 
.btn-primary:active:focus {
	background-color: #e30000;
	border-color: #e30000;
	box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.4); 
}

.btn-outline-default {
	border-color: #ffffff;
	color: #ffffff;
}

.nav, 
.pagination, 
.carousel, 
.panel-title a {
	cursor: pointer;
}


/* Template */
header {
	background: #423128;
	background: -moz-linear-gradient(left, #423128 0%, #1b1a1f 100%);
	background: -webkit-linear-gradient(left, #423128 0%,#1b1a1f 100%);
	background: linear-gradient(to right, #423128 0%,#1b1a1f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#423128', endColorstr='#1b1a1f',GradientType=1 );
}

footer {
	padding: 1.6rem 0;
	background: #423128;
	background: -moz-linear-gradient(left, #423128 0%, #1b1a1f 100%);
	background: -webkit-linear-gradient(left, #423128 0%,#1b1a1f 100%);
	background: linear-gradient(to right, #423128 0%,#1b1a1f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#423128', endColorstr='#1b1a1f',GradientType=1 );
}

footer .logo img {
	max-height: 2.0rem;
}

footer .suscribe {
	margin: 2rem 0 1.2rem;
}

footer .suscribe input.form-control {
	width: 70%;
}

footer .form-control-feedback {
	right: unset;
	left: 70%;
	margin-left: -32px;
}

footer .aviso-registro {
	display: none;
	color: #ffffff;
}

footer .fa-facebook {
	width: 2.4rem;
	color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 50%;
	line-height: 2.2rem;
	text-align: center;
}


/* Login */
body.login,  html {
	height: 100%;
}

body.login {
	background: url('../images/img-fondo.jpg') no-repeat top center fixed;
	background-size: cover;
}

body.login header {
	position: absolute;
	top: 40px;
	width: 100%;
	background: none;
}

body.login header .navbar-brand > img {
	max-height: 3.25rem;
}

body.login header .navbar-nav > li > a {
	padding: 8px 45px;
	color: #ffffff;
}

body.login header .navbar-nav > li > a:hover,
body.login header .navbar-nav > li > a:active {
	color: #999999;
	background-color: #f6f6f6;
}

body.login label {
	color: #FFFFFF;
}

body.login h3 {
	margin-bottom: 4.5rem;
	color: #ffffff;
	font-weight: bold;
}

body.login .centrado-vertical {
	display: flex;
	min-height: 90%;
	align-items: center;
}

body.login .fondo-login {
	float: none;
	margin: auto;
	padding: 35px 0;
}

body.login .campos-login {
	padding: 0 50px;
}

body.login .campos-login .form-group {
	margin-bottom: 30px;
}

body.login .contenedor-boton button {
    margin-bottom: 15px;
}

body.login .contenedor-boton p {
	text-align: right;
}

body.login .contenedor-boton a {
	color: #ffffff;
}


/* Menú interiores */
header .navbar-default {
	margin-bottom: 0;
	background-color: transparent;
	border-color: transparent;
}

header .navbar-brand {
	padding: 12px 15px;
}

header .navbar-brand > img {
	max-height: 2.6rem;
}

header .navbar > .container .navbar-brand, 
header .navbar > .container-fluid .navbar-brand {
	margin-left: 0;
}


/* Interiores */
.buscador {
	padding: 3rem 0 1.65rem;
	margin-bottom: 6rem;
	background-color: #f6f6f6;
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.25)
}

.buscador h4 {
	color: #b3b3b3;
}

.revistas-cont {
	padding: 0 0 7rem;
}

.revista {
	padding: 0 2.5rem;
}

.revista-over {
	position: relative;
}

.revista .overlay {
	display: none;
	position: absolute;
	width: 90%;
	height: 100%;
	top: 0;
	right: 0;
	justify-content: center;
	align-items: center;
	background-color: rgba(0, 0, 0, 0.75);
	color: #ffffff;
	font-size: 5rem;
	cursor: pointer;
}

.revista img {
	display: inline-block;
	max-width: 90%;
	box-shadow: 21px 11px 0px -10px rgba(0, 0, 0, 0.08);
}

.revista h4 {
	margin-bottom: 0.4rem;
	font-size: 2rem;
	font-weight: bold;
	color: #8e020c;
}

.revista:first-of-type h4:before {
	content: "nuevo";
	padding: 2px 5px;
	margin-right: 1rem;
	font-size: 1rem;
	background-color: #fbb03b;
	color: #ffffff;
	border-radius: 0.5rem;
	text-transform: uppercase;
}

.revista p {
	font-size: 1.4rem;
	color: #999999;
}


/* Media queries */
@media(max-width:767px) {
	footer .suscribe input.form-control {
		display: inline;
		width: 55%;
	}
}