@charset 'UTF-8';

/* GENERAL  */

@font-face {
  font-family: gobcl;
  src: url("gobcl_regular.otf");
}

body {
	font-size: 12pt;
	font-family: "gobcl",  sans-serif;
	background: #F3F3F3;
	color: white;
	margin: 0;
	padding: 0;
	width: 100%;
}

main {
	max-width: 800px;
	margin: auto;
	background: white;
}

header {
	display: flex;
	flex-direction: row;
	align-content: center;
	background: url("../images/home/new/bg-declarador.png");
	background-repeat: no-repeat;
	padding: 1.5em 2em;
}

label {
	font-weight: bold;
	margin-top: 0.5em;
	color: #073662;
}

hr {
	margin: 1em 0;
	border: 1px solid black;
}

input {
	padding: 0.5em;
	margin: 0.5em 0;
	border-radius: 10px;
	border: 3px solid #073662;
	font-size: 1.1em;
	width: 15em;
}

p {
	margin: 0.7em 0;
}

a {
	text-decoration: none;
	color: inherit;
}

button {
	background: #0098C2;
	border-radius: 5px;
	border: none;
	padding: 0.75em;
	color: white;
	width: max-content;
}

.sec {
	width: 8em;
}

.declarador {
	width: 6.5em;
	height: 4em;
	margin: auto 1.5em;
}

.white {
	color: white;
}

h1, h2 {
	margin: 0;
	color: #073662;
}

h3 {
	margin: 0.5em 0;
	color: #073662;
}

.content {
	background: white;
	color: #141414;
	padding: 1em;
}

.row {
	display: flex;
	flex-direction: row;
}

.column {
	display: flex;
	flex-direction: column;
}

.central {
	display: flex;
	align-items: center;
}

.half1 {
	width: 40%;
	margin: 0 0.5em;
}

.half2 {
	width: 60%;
	margin: 0 0.5em;
}

.half3 {
	width: 50%;
	margin: 0 0.5em;
}

/* Tamaño M */
.btn-e {
	width:auto;
	padding: 8px 14px 8px 14px !important;
	font-size: 16px;
	line-height:2rem;
	background: #5ca347;
}

.icons-main img {
	width: 75%;
	margin: 1.5em auto;
	text-align: center;
}

.text-center {
	text-align: center;
}

.cyan {
	font-weight: bold;
	color: #0098C2;
}

.upper-inner {
	margin-top: 1em;
}

.btns {
	margin: 0;
	width: 100%;
}

footer {
	color: #141414;
	padding: 1em;
	justify-content: space-between;
}

.icons {
	width: 35px;
	margin-right: 1em;
}

.small {
	font-size: 0.7em;
	padding-top: 10px;
}

.alert {
	top: 1em;
	left: 3em;
	position: absolute;
	font-size: 1.25em;
	font-weight: bold;
	width: auto;
	background: tomato;
	border-radius: 10px;
	color: white;
	padding: 0.75em;
	transition: 0.5s all;
	z-index: 2;
	display: none;
}
