@charset "utf-8";
/* Version: 1.4.2 */

:root {
	--base-purple:#553F85;
	--base-gray:#52524F;
	--pale-purple:#aa9fc2;
	--pale-gray:#a8a8a7;
	--dark-purple:#2a1f42;
	--dark-gray:#292927;
	--header-font:'Britannic Bold';
}

@font-face {
    font-family: 'Imprint Shadow';
	src: url('../font/ImprintShadow.ttf');
    src: url('../font/ImprintShadow.eot');
    src: url('../font/ImprintShadow.eot?#iefix') format('embedded-opentype'),
         url('../font/ImprintShadow.woff2') format('woff2'),
         url('../font/ImprintShadow.woff') format('woff'),
		 url('../font/ImprintShadow.svg#ImprintShadow') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Britannic Bold';
	src: url('../font/BritannicBold.ttf');
    src: url('../font/BritannicBold.eot');
    src: url('../font/BritannicBold.eot?#iefix') format('embedded-opentype'),
         url('../font/BritannicBold.woff2') format('woff2'),
         url('../font/BritannicBold.woff') format('woff'),
		 url('../font/BritannicBold.svg#BritannicBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

h1, h2, h3 {
	font-family: var(--header-font);
	text-align: center;
}

h1 {
	font-size: 4rem;
	margin-bottom: 2rem;
}

h2 {
	font-size: 3rem;
	margin-bottom:2rem;
	color:var(--base-gray);
}

h3 {
	margin-bottom: 1.5rem;
}

h4 {
	text-align: center;
}

a {
	color: var(--base-purple);
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: var(--base-gray);
}

p {
	text-align: center;
}

.smaller-text,
.text-sm {
	font-size: .8em;
}

.bigger-text,
.text-lg {
	font-size: 1.25em;
}

.text-xl {
	font-size:1.5em;
}
.text-xxl {
	font-size:2em;
}

.text-bold {
	font-weight:700;
}

.text-header {
	font-family: var(--header-font);
}

#politicas-privacidad p {
	text-align: left;
}

.navbar {
	background-color:white;
}

#main-nav {
	position: relative;
	transition: all 0.5s ease-out 0s;
}

.top-bar {
	background-color: var(--dark-gray);
	color:white;
}

.top-bar a {
	font-size:2rem;
	line-height:30px;
	color:white;
}

.top-bar a:hover {
	color:var(--pale-gray);
}

.top-bar img {
	height:2rem;
}

.navbar-nav {
	padding:.5rem 0;
}

.navbar-brand img {
	height:5rem;
	display:block;
}

#main-nav .nav-link {
	padding:.5rem 1rem;
	color:var(--base-gray);
}

#main-nav .nav-link:hover {
	background-color: var(--base-gray);
	color:white;
}

.bg-pale {
	background-color: var(--pale-gray);
}

.btn-primary {
	background-color: var(--base-gray);
}

.btn-primary:hover {
	background-color: var(--dark-gray);
}

.btn-secondary {
	background-color: var(--base-purple);
}

.btn-secondary:hover {
	background-color: var(--dark-purple);
}

.bg-light {
	background-color: var(--pale-gray) !important;
}

.content {
	min-height:85vh;
}

.hero {
	margin-top:5.5rem;
	height:75vh;
	background-position: center;
	background-size: cover;
}

.hero h1 {
	text-align: center;
	font-family: 'Imprint Shadow';
	font-size:4rem;
	text-shadow: 1px 1px 5px black;
	color:white;
}

#portada {
	margin-top:8.5rem;
}

.comparativo thead,
.comparativo tfoot {
	font-family: var(--header-font);
	font-size: 1.5rem;
}

.comparativo th,
.comparativo td {
	vertical-align: middle;
	text-align: center;
}

.comparativo th:first-child {
	text-align: left;
	font-family: var(--header-font);
}

.comparativo a {
	color:white;
}

.comparativo a:hover {
	color:black;
}

.comparativo .big {
	font-family: var(--header-font);
	font-size: 3rem;
	text-align: center;
}

.comparativo .medium {
	font-size: 1.5rem;
}

.required {
	font-weight: bold;
}

.required:after {
	content:'*';
	color:red;
}

input {
	margin-bottom: 1rem;
}

label.error {
	font-weight: bold;
	font-style: italic;
	color:red;
	position:relative;
	top:-.75rem;
}

#response {
	margin-bottom: 0;
	color:green;
	text-shadow: 2px 2px 6px rgba(0,0,0,.4);
}

.grecaptcha-badge {
	opacity: .4;
}

.grecaptcha-badge:hover {
	opacity: 1;
}

section {
	padding-top:6rem;
}

footer {
	background-color: var(--base-gray);
}

footer h3 {
	text-align: left;
	margin-bottom: .5rem;
}
	
footer ul {
	list-style: none;
	margin-bottom: 0;
}
	
footer a {
	color:white;
	text-decoration: none;
}

footer a:hover {
	color: var(--pale-purple);
}

.address div {
	text-wrap:balance;
}

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

.copyright a:hover {
	color:var(--pale-gray);
}

.scrollToTop {
	height:3rem;
	width:3rem;
	border-radius: 50%;
	position: fixed;
	right:1rem;
	bottom:90px;
	opacity: .4 !important;
	background-color: var(--base-purple);
	display: none;
	text-align: center;
	align-items: center;
	font-size: 2rem;
	color: white !important;
	box-shadow: -1px -1px 8px 2px rgba(0,0,0,0.25);
}

.scrollToTop:hover {
	opacity: 1 !important;
}

@media only screen and (max-width: 768px) {
	h1 {
		font-size: 2.5rem;
		margin-bottom: 2rem;
	}

	h2 {
		font-size: 2rem;
		margin-bottom:2rem;
		color:var(--base-gray);
	}
	
	.top-bar a {
		font-size:1.5rem;
		line-height:22px;
	}

	.top-bar img {
		height:1.5rem;
	}
	
	.navbar-brand img {
		height:3.5rem;
	}
	
	#portada {
		margin-top: 6.5rem;
	}
	
	section {
		padding-top: 5.5rem;
	}
}