/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Antonio&display=swap');

body {
	background-color: whitesmoke;
	color: #333 !important;
}

.seccion {
	display: flex;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
	background-attachment: fixed;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    margin-top: 0;
    margin-bottom: .75rem;
    font-weight: 600;
    line-height: 1.2;
    color: #333;
}

p { line-height: 2em; }

.T1, .T2, .T3, .T4, .T5 { font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif"; color: inherit !important; }

.T1 { font-size: 1em; }
.T2 { font-size: 2em; }
.T3 { font-size: 3em; }
.T4 { font-size: 4em; }
.T5 { font-size: 5em; }

.btn { background: #000; color: #fff; padding: 10px 20px; margin: 5px 0; font-size: 0.8em; }
.btn:hover { background: #333; color: #eee; }

.der { float: right; }

.text-justify { text-align: justify; word-wrap: break-word; }

.tarjeta, .tarjeta:hover { margin-bottom: 40px; text-decoration: none !important; }

.tarjeta .dis { background: #fff;
	color: #333;
	border-bottom: solid 10px #000;
	margin: 1%;
	padding: 30px 15px;
	height: 100%;
	min-height: 200px;
	max-height: 20vh;
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
	font-size: 0.7em;
}

.tarjeta .dis.enf { background: #666;
	color: #fff;
}

.tF:hover {
	-moz-transform: translateY(-10px) scale(1.05);
-webkit-transform: translateY(-10px) scale(1.05);
-o-transform: translateY(-10px) scale(1.05);
-ms-transform: translateY(-10px) scale(1.05);
transform: translateY(-10px) scale(1.05);
}

.tF, .tF:hover, .imgGray, .imgGray:hover {
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;}

.ancla { float: left;
	margin-top: -100px; }

.nav-link { font-size: 14px; }
.nav-link i { margin-right: 10px; }

.offcanvas-body { display: flex; justify-content: flex-end; }
.navbar-brand img { width: auto !important; height: 30px; }

#primaryMenu { width: auto; }

.imgGray { filter:grayscale(1); }
.imgGray:hover { filter:grayscale(0); }

.link { display: inline-block; color: #666; }
	.link:hover { text-decoration: none; }