@charset "UTF-8";
@font-face {
	font-family: 'TabletGothicWideIcon';
	src: url("../fonts/TabletGothicWide-Icon.eot");
	src: url("../fonts/TabletGothicWide-Icon.eot?#iefix") format("embedded-opentype"), url("../fonts/TabletGothicWide-Icon.woff2") format("woff2"), url("../fonts/TabletGothicWide-Icon.woff") format("woff"), url("../fonts/TabletGothicWide-Icon.ttf") format("truetype"), url("../fonts/TabletGothicWide-Icon.svg#TabletGothicWide-Icon") format("svg");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'TabletGothicWide';
	src: url("../fonts/TabletGothicWide-Thin.eot");
	src: url("../fonts/TabletGothicWide-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/TabletGothicWide-Thin.woff2") format("woff2"), url("../fonts/TabletGothicWide-Thin.woff") format("woff"), url("../fonts/TabletGothicWide-Thin.ttf") format("truetype"), url("../fonts/TabletGothicWide-Thin.svg#TabletGothicWide-Thin") format("svg");
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'TabletGothicWide';
	src: url("../fonts/TabletGothicWide-Light.eot");
	src: url("../fonts/TabletGothicWide-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/TabletGothicWide-Light.woff2") format("woff2"), url("../fonts/TabletGothicWide-Light.woff") format("woff"), url("../fonts/TabletGothicWide-Light.ttf") format("truetype"), url("../fonts/TabletGothicWide-Light.svg#TabletGothicWide-Light") format("svg");
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'TabletGothicWide';
	src: url("../fonts/TabletGothicWide-Regular.eot");
	src: url("../fonts/TabletGothicWide-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/TabletGothicWide-Regular.woff2") format("woff2"), url("../fonts/TabletGothicWide-Regular.woff") format("woff"), url("../fonts/TabletGothicWide-Regular.ttf") format("truetype"), url("../fonts/TabletGothicWide-Regular.svg#TabletGothicWide-Regular") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TabletGothicWide';
	src: url("../fonts/TabletGothicWide-SemiBold.eot");
	src: url("../fonts/TabletGothicWide-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/TabletGothicWide-SemiBold.woff2") format("woff2"), url("../fonts/TabletGothicWide-SemiBold.woff") format("woff"), url("../fonts/TabletGothicWide-SemiBold.ttf") format("truetype"), url("../fonts/TabletGothicWide-SemiBold.svg#TabletGothicWide-SemiBold") format("svg");
	font-weight: 400;
	font-style: normal;
}

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

@font-face {
	font-family: 'TabletGothicWide';
	src: url("../fonts/TabletGothicWide-ExtraBold.eot");
	src: url("../fonts/TabletGothicWide-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/TabletGothicWide-ExtraBold.woff2") format("woff2"), url("../fonts/TabletGothicWide-ExtraBold.woff") format("woff"), url("../fonts/TabletGothicWide-ExtraBold.ttf") format("truetype"), url("../fonts/TabletGothicWide-ExtraBold.svg#TabletGothicWide-ExtraBold") format("svg");
	font-weight: 600;
	font-style: normal;
}

:root {
	--font-family-principal: "TabletGothicWide", sans-serif;
	--font-style-normal: normal;
	--font-weight-light: 100;
	--font-weight-normal: normal;
	--font-weight-semibold: 400;
	--font-weight-bold: 500;
	--font-weight-xbold: 600;
}

:root {
	--color-dorado: #C59C5C;
	--color-txt-percent: #979797;
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	line-height: 1;
}

html, body {
	width: 100%;
	height: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a {
	text-decoration: none;
	color: inherit;
}

a:focus {
	outline: none;
}

ul {
	list-style: none;
}

p {
	margin: 0;
	padding: 0;
}

svg {
	width: 100%;
	height: 100%;
}

fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

select, input, input[type="submit"], input[type="submit"], textarea, button[type='submit'], button[type='button'] {
	font: normal 12px var(--font-family-principal);
	font-family: inherit;
	font-size: inherit;
	border-radius: 0;
	box-shadow: none;
	background: transparent;
	-webkit-appearance: unset;
	-moz-appearance: unset;
	border: none;
}

select:focus, input:focus, input[type="submit"]:focus, input[type="submit"]:focus, textarea:focus, button[type='submit']:focus, button[type='button']:focus {
	outline: none;
}

select:-webkit-autofill, input:-webkit-autofill, input[type="submit"]:-webkit-autofill, input[type="submit"]:-webkit-autofill, textarea:-webkit-autofill, button[type='submit']:-webkit-autofill, button[type='button']:-webkit-autofill {
	color: inherit !important;
	background-color: transparent !important;
	-webkit-text-fill-color: inherit;
	-webkit-box-shadow: 0 0 0 30px transparent inset;
}

select:-webkit-autofill:focus, input:-webkit-autofill:focus, input[type="submit"]:-webkit-autofill:focus, input[type="submit"]:-webkit-autofill:focus, textarea:-webkit-autofill:focus, button[type='submit']:-webkit-autofill:focus, button[type='button']:-webkit-autofill:focus {
	color: inherit !important;
	background-color: transparent !important;
	-webkit-text-fill-color: inherit;
}

h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
	line-height: 1;
	font-weight: inherit;
}

img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

label {
	display: block;
}

table, thead, tbody, tfoot, tr, th, td {
	height: auto;
	margin: 0;
	padding: 0;
	border-collapse: inherit;
	border-spacing: 0;
	border-color: inherit;
	vertical-align: inherit;
	text-align: left;
	-webkit-border-horizontal-spacing: 0;
	-webkit-border-vertical-spacing: 0;
}

/*

MEDIA QUERIES

*/
.desktop-menu {
	display: none;
}

@media (min-width: 769px) {
	.desktop-menu {
		display: inherit;
	}
}

.cont-mobile-menu {
	display: none;
	position: fixed;
	z-index: 9999999;
	color: var(--font-color);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 100px 5px 20px;
	background: black;
}

@media (min-width: 769px) {
	.cont-mobile-menu {
		display: flex;
		position: relative;
		height: unset;
		width: unset;
		background: transparent;
		padding: 0;
	}
}

.cont-mobile-menu.open {
	display: block;
	z-index: 2;
	overflow-y: auto;
}

.cont-mobile-menu li {
	padding: 15px 0;
}

@media (min-width: 769px) {
	.cont-mobile-menu li {
		padding: 15px;
	}
}

.cont-mobile-menu li.menu-logo {
	position: absolute;
	top: -5px;
	left: -5px;
}

@media (min-width: 769px) {
	.cont-mobile-menu li.menu-logo {
		display: none;
	}
}

.redes {
	display: none;
}

@media (min-width: 769px) {
	.redes {
		display: block;
	}
}

.redes a {
	color: var(--font-color);
	font-size: 1.8rem;
	margin-left: 10px;
}

.burger {
	cursor: pointer;
	display: table;
	width: 25px;
	height: 25px;
	padding-top: 10px;
	padding-right: 0;
	position: relative;
}

@media (min-width: 769px) {
	.burger {
		margin-left: 100px;
		padding-top: 0;
		display: none;
	}
}

.burger span {
	width: 100%;
	height: 2px;
	background: black;
	position: relative;
	display: block;
	z-index: 1;
}

@media (min-width: 769px) {
	.burger span {
		display: none;
	}
}

.burger span::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	background: black;
	top: -5px;
}

.burger span::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	background: black;
	bottom: -5px;
}

.submenu {
	overflow: hidden;
	height: 0;
	position: absolute;
	opacity: 0;
	background: rgba(0, 0, 0, 0.3);
	transition: ease-out .25s;
}

@media (min-width: 769px) {
	.submenu {
		overflow: unset;
		height: unset;
		width: 100%;
	}
}

.submenu.open {
	opacity: 1;
	position: relative;
	margin-top: 39px;
}

@media (min-width: 769px) {
	.submenu.open {
		position: absolute;
	}
}

.item-sub1.open {
	background: white;
	color: black;
	padding: 10px;
}

.nivel2 {
	overflow: hidden;
	height: 0%;
	position: absolute;
	opacity: 0;
	transition: ease-out .25s;
}

@media (min-width: 769px) {
	.nivel2 {
		overflow: unset;
		height: unset;
		width: 100%;
	}
}

.nivel2.open {
	height: 100%;
	opacity: 1;
	position: relative;
}

.nivel2.open li:hover {
	background: rgba(0, 0, 0, 0.5);
}

.nivel2 a {
	text-transform: unset;
	font-weight: 300;
}

.redes-mobile a {
	font-size: 2.5rem;
}

.menu {
	box-shadow: 4px 4px 40px rgba(196, 196, 196, 0.2);
	border-radius: 60px;
	padding: 55px 0;
	margin-right: 50px;
	display: none;
}

@media (min-width: 576px) {
	.menu {
		width: 100px;
		display: block;
	}
}

@media (min-width: 1900px) {
	.menu {
		width: 130px;
		margin-right: 120px;
	}
}

.menu a {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	margin-bottom: 40px;
}

.menu a .icn {
	margin-bottom: 5px;
	display: block;
}

.menu a .title {
	text-align: center;
}

.menu a .title.salir {
	color: var(--color-dorado);
}

.menu a:hover .title {
	color: var(--color-dorado);
}

.menu a:hover svg path {
	stroke: var(--color-dorado);
}

.menu a:hover svg path.fill {
	fill: var(--color-dorado);
	stroke: none;
}

.menu .close {
	width: 40px;
	height: 40px;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 50px;
	right: 46px;
	transform: rotate(45deg);
	cursor: pointer;
}

@media (min-width: 1025px) {
	.menu .close {
		display: none;
	}
}

.menu .close:before {
	content: "";
	width: 2px;
	height: 100%;
	background: white;
	display: block;
	position: absolute;
}

.menu .close:after {
	content: "";
	width: 100%;
	height: 2px;
	background: white;
	display: block;
}

.menu.open {
	overflow-x: hidden;
	overflow-y: auto;
	display: block;
	position: absolute;
	width: 75%;
	padding: 35px 25px;
	border-radius: 20px;
	margin-right: 0;
	margin-top: 33px;
	z-index: 999999999;
	background: white;
	right: 20px;
}

@media (min-width: 1025px) {
	.menu.open {
		position: unset;
		background: unset;
		padding: unset;
		height: unset;
		top: unset;
		display: none;
		overflow-x: unset;
		overflow-y: unset;
	}
}

.menu.open a {
	flex-direction: row;
	padding-bottom: 15px;
	border-bottom: solid 0.5px #999999;
	margin-bottom: 15px;
}

.menu.open a .icn {
	width: 22px;
	display: flex;
	justify-content: center;
	margin-bottom: 0;
}

.menu.open a .icn.icn-instructivo {
	width: 32px;
	margin-left: -2px;
	margin-right: -8px;
}

.menu.open a .icn img, .menu.open a .icn svg {
	width: unset;
	height: unset;
}

.menu.open a .title {
	font-size: 1.8rem;
	font-weight: var(--font-weight-light);
	margin-left: 15px;
}

.menu.open .lang {
	margin-top: 50px;
	justify-content: flex-end;
}

.menu.open .lang li a {
	border-bottom: none;
	padding-bottom: unset;
	margin-bottom: unset;
}

.burger + .menu {
	display: none;
}

.burger + .menu.open {
	display: block;
}

button.btn {
	border: solid thin var(--color-dorado);
	color: var(--color-dorado);
	padding: 10px 25px;
	display: table;
	margin: 25px 0 0;
	font-weight: var(--font-weight-xbold);
	font-size: 1.5rem;
	border-radius: 5px;
	text-transform: uppercase;
}

button.btn:hover {
	background-color: var(--color-dorado);
	color: white;
}

.btns {
	display: flex;
	flex-wrap: wrap;
}

.btn-guardar_es button, .btn-guardar_en button {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.btn-guardar_es button .icn, .btn-guardar_en button .icn {
	margin-left: 20px;
	width: 15px;
	height: 15px;
	margin-right: 25px;
	position: absolute;
	right: 0;
	z-index: 0;
}

.btn-guardar_es.btn-enviar, .btn-guardar_en.btn-enviar {
	border-color: var(--color-dorado);
	padding-right: 25px;
}

.btn-guardar_es.btn-enviar input[type='submit'], .btn-guardar_en.btn-enviar input[type='submit'] {
	color: var(--color-dorado);
	padding: 12px 40px 12px 25px;
}

.btn-guardar_es.btn-enviar .icn.icn-enviar, .btn-guardar_en.btn-enviar .icn.icn-enviar {
	width: 25px;
	display: flex;
}

.btn-guardar_es.btn-enviar:hover .icn.icn-enviar img, .btn-guardar_en.btn-enviar:hover .icn.icn-enviar img {
	filter: brightness(2);
}

.btn-descargar_es, .btn-descargar_en {
	border: solid thin var(--color-dorado);
	border-radius: 50%;
	width: 26px;
	height: 26px;
	display: none;
	justify-content: center;
	align-items: center;
	position: relative;
}

.btn-descargar_es:after, .btn-descargar_en:after {
	position: absolute;
	color: var(--color-dorado);
	bottom: -15px;
	font-size: 0.9rem;
}

.btn-descargar_es:hover, .btn-descargar_en:hover {
	background: var(--color-dorado);
}

.btn-descargar_es:hover img, .btn-descargar_en:hover img {
	filter: brightness(200%);
}

.btn-descargar_es a, .btn-descargar_en a {
	width: 10px;
	display: block;
}

.btn-descargar_es:after {
	content: 'descargar';
}

.btn-descargar_en:after {
	content: 'download';
}

.btn-editar_es, .btn-editar_en {
	border: solid thin var(--color-dorado);
	border-radius: 50%;
	width: 26px;
	height: 26px;
	display: none;
	justify-content: center;
	align-items: center;
	position: relative;
}

.btn-editar_es:after, .btn-editar_en:after {
	position: absolute;
	color: var(--color-dorado);
	bottom: -25px;
	font-size: 0.9rem;
	text-align: center;
}

.btn-editar_es:hover, .btn-editar_en:hover {
	background: var(--color-dorado);
}

.btn-editar_es:hover img, .btn-editar_en:hover img {
	filter: brightness(200%);
}

.btn-editar_es a, .btn-editar_en a {
	width: 13px;
	display: block;
}

.btn-editar_es:after {
	content: 'información adicional';
}

.btn-editar_en:after {
	content: 'additional information';
}

#tabs ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex-direction: column;
	margin-bottom: 30px;
	position: relative;
}

@media (min-width: 576px) {
	#tabs ul {
		flex-direction: row;
		margin-bottom: 50px;
	}
}

#tabs ul li {
	font-size: 1.8rem;
	font-weight: var(--font-weight-bold);
	display: flex;
	justify-content: space-between;
	margin: 0 0 10px;
	border-radius: 40px;
	width: 100%;
	padding: 5px 5px 5px 20px;
	box-shadow: 0px -1px 20px rgba(220, 220, 224, 0.4);
}

#tabs ul li:last-child {
	margin-right: 0;
}

@media (min-width: 576px) {
	#tabs ul li {
		width: unset;
		margin-right: 10px;
	}
}

@media (min-width: 1900px) {
	#tabs ul li {
		padding: 0 0 0 30px;
	}
}

#tabs ul li.completo_es, #tabs ul li.completo_en {
	color: white;
	background: #444444;
	padding: 5px 5px 5px 20px;
}

#tabs ul li.completo_es .barra, #tabs ul li.completo_en .barra {
	border: none;
	height: unset;
}

#tabs ul li.completo_es .barra:after, #tabs ul li.completo_en .barra:after {
	color: var(--color-dorado);
	font-size: 1.4rem;
	font-weight: var(--font-weight-normal);
	text-transform: uppercase;
	position: absolute;
	top: -10px;
	left: 28px;
}

#tabs ul li.completo_es .barra span, #tabs ul li.completo_en .barra span {
	display: none;
}

#tabs ul li.completo_es a .titulo, #tabs ul li.completo_en a .titulo {
	color: white;
}

#tabs ul li.completo_es .porcentaje, #tabs ul li.completo_en .porcentaje {
	color: white;
	background: #444444;
	border: solid thin white;
}

#tabs ul li.completo_es .porcentaje span, #tabs ul li.completo_en .porcentaje span {
	display: none;
}

#tabs ul li.completo_es .porcentaje:after, #tabs ul li.completo_en .porcentaje:after {
	content: url("../../public/images/ok.svg");
}

#tabs ul li.completo_es .barra:after {
	content: 'Completo';
}

#tabs ul li.completo_en .barra:after {
	content: 'Complete';
}

#tabs ul li.ui-tabs-active {
	background: var(--color-dorado);
	color: white;
}

#tabs ul li.ui-tabs-active a .titulo {
	color: white;
}

#tabs ul li.ui-tabs-active .barra {
	background: transparent;
}

#tabs ul li.ui-tabs-active .barra span {
	width: 75%;
	height: 6px;
	background: white;
	border-radius: 10px;
	position: absolute;
	bottom: 0;
}

#tabs ul li.ui-tabs-active .porcentaje {
	color: var(--color-dorado);
	background: white;
}

#tabs ul li.ui-tabs-active.completo_es, #tabs ul li.ui-tabs-active.completo_en {
	background: #444444;
}

#tabs ul li.ui-tabs-active.completo_es .barra, #tabs ul li.ui-tabs-active.completo_en .barra {
	border: none;
	height: unset;
}

#tabs ul li.ui-tabs-active.completo_es .barra:after, #tabs ul li.ui-tabs-active.completo_en .barra:after {
	content: 'Completo';
	color: var(--color-dorado);
	font-size: 1.4rem;
	font-weight: var(--font-weight-normal);
	text-transform: uppercase;
	position: absolute;
	top: -10px;
	left: 28px;
}

#tabs ul li.ui-tabs-active.completo_es .barra span, #tabs ul li.ui-tabs-active.completo_en .barra span {
	display: none;
}

#tabs ul li.ui-tabs-active.completo_es .porcentaje, #tabs ul li.ui-tabs-active.completo_en .porcentaje {
	color: white;
	background: #444444;
	border: solid thin white;
}

#tabs ul li.ui-tabs-active.completo_es .porcentaje span, #tabs ul li.ui-tabs-active.completo_en .porcentaje span {
	display: none;
}

#tabs ul li.ui-tabs-active.completo_es .porcentaje:after, #tabs ul li.ui-tabs-active.completo_en .porcentaje:after {
	content: url("../../public/images/ok.svg");
}

#tabs ul li.ui-tabs-active.completo_es .barra:after {
	content: 'Completo';
}

#tabs ul li.ui-tabs-active.completo_en .barra:after {
	content: 'Complete';
}

#tabs ul li.btn-guardar_es, #tabs ul li.btn-guardar_en {
	background: var(--color-dorado);
	color: white;
	padding: 0;
	z-index: 11;
}

@media (min-width: 576px) {
	#tabs ul li.btn-guardar_es, #tabs ul li.btn-guardar_en {
		position: absolute;
		right: -113px;
	}
}

@media (min-width: 1900px) {
	#tabs ul li.btn-guardar_es, #tabs ul li.btn-guardar_en {
		position: relative;
		right: unset;
	}
}

#tabs ul li.btn-guardar_es:hover, #tabs ul li.btn-guardar_en:hover {
	background: white;
	color: var(--color-dorado);
}

#tabs ul li.btn-guardar_es:hover.btn-enviar .icn.icn-enviar img, #tabs ul li.btn-guardar_en:hover.btn-enviar .icn.icn-enviar img {
	filter: unset;
}

#tabs ul li.btn-guardar_es a, #tabs ul li.btn-guardar_en a {
	font-size: 1.6rem;
	text-transform: uppercase;
	font-weight: var(--font-weight-xbold);
	padding: 15px 20px;
}

@media (min-width: 576px) {
	#tabs ul li.btn-guardar_es a, #tabs ul li.btn-guardar_en a {
		padding: 25px 20px;
	}
}

#tabs ul li.btn-guardar_es.btn-enviar span, #tabs ul li.btn-guardar_en.btn-enviar span {
	padding-right: 60px;
}

#tabs ul li.btn-guardar_es.btn-enviar .icn.icn-enviar, #tabs ul li.btn-guardar_en.btn-enviar .icn.icn-enviar {
	position: absolute;
	right: 20px;
}

#tabs ul li.btn-guardar_es.btn-enviar .icn.icn-enviar img, #tabs ul li.btn-guardar_en.btn-enviar .icn.icn-enviar img {
	filter: brightness(2);
}

#tabs ul li a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: calc(100% - 40px - 15px);
}

@media (min-width: 576px) {
	#tabs ul li a {
		width: unset;
	}
}

#tabs ul li a .titulo {
	font-size: 1.4rem;
	color: black;
}

@media (min-width: 576px) {
	#tabs ul li a .titulo {
		font-size: 1.5rem;
	}
}

#tabs ul li span.numero {
	font-weight: var(--font-weight-normal);
}

#tabs-3 .row {
	margin-bottom: 55px;
}

@media (min-width: 769px) {
	#tabs-3 .row {
		margin-bottom: 0;
	}
}

#tabs-3 .row h4:not(.titulo-inherit) {
	margin-bottom: 5px;
}

#tabs-3 .row p:not(.required-title) {
	margin-bottom: 10px;
}

#tabs-3 .row.row-footer-form {
	margin-bottom: 0;
}

.barra {
	border: solid thin white;
	border-radius: 10px;
	position: relative;
	margin: 0 0 0 22px;
	width: 85%;
	height: 8px;
	background: #f1f1f5;
}

@media (min-width: 576px) {
	.barra {
		width: 100%;
		margin: 10px 0 0 0;
	}
}

.porcentaje {
	width: 40px;
	height: 40px;
	color: var(--color-txt-percent);
	font-size: 1.3rem;
	font-weight: var(--font-weight-normal);
	background: #eeeeee;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 15px;
}

@media (min-width: 576px) {
	.porcentaje {
		width: 60px;
		height: 60px;
		font-size: 2rem;
	}
}

.bg-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
	background: rgba(0, 0, 0, 0.8);
	mix-blend-mode: multiply;
}

.preview {
	position: absolute;
	z-index: 9999999;
	top: 40px;
	width: 100%;
	justify-content: center;
}

@media (min-width: 576px) {
	.preview {
		top: 100px;
	}
}

.preview.cont-form .form {
	background: black;
	padding: 30px 20px;
	border-radius: 20px;
}

@media (min-width: 576px) {
	.preview.cont-form .form {
		padding: 80px;
		border-radius: 60px;
	}
}

.preview.cont-form .form .header-form h1 {
	color: var(--color-dorado);
}

.preview.cont-form .form h4 {
	color: #666666;
	margin-bottom: 15px;
}

.preview.cont-form .form h4.titulo {
	color: var(--color-dorado);
}

.preview.cont-form .form p {
	color: white;
}

.preview.cont-form .form input[type='text'], .preview.cont-form .form select, .preview.cont-form .form input[type='date'] {
	color: white;
}

.preview.cont-form .form input[type='text']::placeholder, .preview.cont-form .form select::placeholder, .preview.cont-form .form input[type='date']::placeholder {
	color: #666666;
}

.preview.cont-form .form input:not([value]) {
	border-bottom-color: #666666;
}

.preview.cont-form .form label {
	color: white;
}

.preview.cont-form .form label[for='pais-dif'] {
	color: #666666;
}

.preview.cont-form .form label[for='espacio-expositivo'], .preview.cont-form .form label[for='sitesis-proyecto'] {
	width: 100%;
}

@media (min-width: 576px) {
	.preview.cont-form .form label[for='espacio-expositivo'], .preview.cont-form .form label[for='sitesis-proyecto'] {
		width: unset;
	}
}

.preview.cont-form .form .checkbox.checkbox-title p {
	color: white;
}

.preview.cont-form .form input[type='checkbox'] {
	border: solid thin #666666;
}

.preview.cont-form .form input[type='checkbox']:checked {
	border: solid thin white;
}

.preview.cont-form .form input[type='checkbox']:checked:after {
	background: white;
}

.preview.cont-form .form input[type='radio'] {
	border: solid thin #666666;
}

.preview.cont-form .form input[type='radio']:checked {
	border: solid thin white;
}

.preview.cont-form .form input[type='radio']:checked:after {
	background: white;
}

.preview.cont-form .form textarea {
	color: white;
	padding: 0;
	height: unset;
	margin: 20px 0 40px;
}

@media (min-width: 576px) {
	.preview.cont-form .form textarea {
		margin: 20px 0 0 0;
	}
}

.preview.cont-form .form .draganddrop {
	border-color: #666666;
}

.preview.cont-form .form .cont-imagenes {
	align-items: flex-start;
}

.preview.cont-form .form .cont-imagenes .imagenes {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border: none;
	padding: 0;
	height: auto;
}

.preview.cont-form .form .cont-imagenes .imagenes > div {
	width: 49%;
}

.preview.cont-form .form .cont-imagenes .imagenes > div img {
	width: 100%;
	height: auto;
	margin: 0;
}

.preview.cont-form .form table thead tr th, .preview.cont-form .form table tfoot tr th {
	border-color: white;
	color: white;
}

.preview.cont-form .form table tr td {
	border-color: white;
	color: white;
}

.preview.cont-form .form .btn-guardar_es, .preview.cont-form .form .btn-guardar_en {
	border-color: var(--color-dorado);
	margin-bottom: 20px;
}

@media (min-width: 576px) {
	.preview.cont-form .form .btn-guardar_es, .preview.cont-form .form .btn-guardar_en {
		margin-bottom: 0;
	}
}

.preview.cont-form .form .btn-guardar_es button[type='button'], .preview.cont-form .form .btn-guardar_en button[type='button'] {
	color: var(--color-dorado);
}

.preview.cont-form .form .btn-guardar_es button[type='button'] .icn.icn-descargar, .preview.cont-form .form .btn-guardar_en button[type='button'] .icn.icn-descargar {
	width: 6px;
}

.preview.cont-form .form .btn-guardar_es:hover button[type='button'], .preview.cont-form .form .btn-guardar_en:hover button[type='button'] {
	color: white;
}

.preview.cont-form .form .btn-guardar_es:hover button[type='button'] .icn.icn-descargar, .preview.cont-form .form .btn-guardar_es:hover button[type='button'] .icn.icn-editar, .preview.cont-form .form .btn-guardar_en:hover button[type='button'] .icn.icn-descargar, .preview.cont-form .form .btn-guardar_en:hover button[type='button'] .icn.icn-editar {
	filter: brightness(3);
}

.preview.cont-form .form .btn-guardar_es.btn-enviar, .preview.cont-form .form .btn-guardar_en.btn-enviar {
	background: var(--color-dorado);
	position: relative;
}

.preview.cont-form .form .btn-guardar_es.btn-enviar input[type='submit'], .preview.cont-form .form .btn-guardar_en.btn-enviar input[type='submit'] {
	color: white;
	margin-right: 0;
	padding: 12px 80px 12px 25px;
	z-index: 10;
}

.preview.cont-form .form .btn-guardar_es.btn-enviar .icn.icn-enviar, .preview.cont-form .form .btn-guardar_en.btn-enviar .icn.icn-enviar {
	filter: brightness(3);
	width: 25px;
	display: flex;
	position: absolute;
	right: 25px;
}

.preview.cont-form .form .btn-guardar_es.btn-enviar:hover, .preview.cont-form .form .btn-guardar_en.btn-enviar:hover {
	background: transparent;
}

.preview.cont-form .form .btn-guardar_es.btn-enviar:hover input[type='submit'], .preview.cont-form .form .btn-guardar_en.btn-enviar:hover input[type='submit'] {
	color: var(--color-dorado);
}

.preview.cont-form .form .btn-guardar_es.btn-enviar:hover .icn.icn-enviar, .preview.cont-form .form .btn-guardar_en.btn-enviar:hover .icn.icn-enviar {
	filter: unset;
}

.preview.cont-form .form .btn-guardar_es.btn-enviar:hover .icn.icn-enviar img, .preview.cont-form .form .btn-guardar_en.btn-enviar:hover .icn.icn-enviar img {
	filter: unset;
}

.preview.cont-form .form .upload .file {
	background: url("../../public/images/link-blanco.svg") no-repeat;
}

.preview.cont-form .form .upload .file input {
	padding-left: 35px;
	width: 100%;
}

.preview.cont-form .form .upload .file p {
	color: #666666;
}

.preview.cont-form .form .upload .password {
	background: url("../../public/images/key-blanca.svg") no-repeat;
}

.preview.cont-form .form .upload .password input {
	color: var(--color-dorado);
}

.preview #accordion .acc-content-inner .acc-header:not(.ui-state-active) {
	border-bottom: solid 0.5px white;
}

.preview #accordion .acc-content-inner .acc-header h3 {
	color: white;
}

.fade:not(.show) {
	opacity: 0;
}

.collapse:not(.show) {
	display: none;
}

.collapsing {
	height: 0;
	overflow: hidden;
}

.collapsing.collapse-horizontal {
	width: 0;
	height: auto;
}

:root {
	--blue: #0d6efd;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #d63384;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #198754;
	--teal: #20c997;
	--cyan: #0dcaf0;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--primary: #0d6efd;
	--secondary: #6c757d;
	--success: #198754;
	--info: #0dcaf0;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #212529;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--breakpoint-xxl: 1400px;
	--font-family-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.modal-open {
	overflow: hidden;
}

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
}

.modal {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10559;
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	outline: 0;
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: 0.5rem;
	pointer-events: none;
	z-index: 9999;
}

.modal.fade .modal-dialog {
	transform: translate(0, -50px);
}

.modal.show .modal-dialog {
	transform: none;
}

.modal-dialog-centered {
	display: flex;
	align-items: center;
	min-height: calc(100% - (0.5rem * 2));
}

.modal-dialog-centered::before {
	display: block;
	height: calc(100vh - (0.5rem * 2));
	content: "";
}

.modal-content {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 0.3rem;
	outline: 0;
}

.modal-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1050;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.5);
}

.modal-backdrop.fade {
	opacity: 0;
}

.modal-backdrop.show {
	opacity: 0.5;
}

.modal-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 1rem 1rem;
	border-bottom: 1px solid #dee2e6;
	border-top-left-radius: 0.3rem;
	border-top-right-radius: 0.3rem;
}

.modal-header .close {
	padding: 1rem 1rem;
	margin: -1rem -1rem -1rem auto;
}

.modal-title {
	margin-bottom: 0;
	line-height: 1.5;
}

.modal-body {
	position: relative;
	flex: 1 1 auto;
	padding: 1rem;
}

.modal-footer {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 1rem;
	border-top: 1px solid #dee2e6;
	border-bottom-right-radius: 0.3rem;
	border-bottom-left-radius: 0.3rem;
}

.modal-footer > :not(:first-child) {
	margin-left: .25rem;
}

.modal-footer > :not(:last-child) {
	margin-right: .25rem;
}

.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll;
}

@media (min-width: 576px) {
	.modal-dialog {
		max-width: 500px;
		margin: 1.75rem auto;
	}
	.modal-dialog-centered {
		min-height: calc(100% - (1.75rem * 2));
	}
	.modal-dialog-centered::before {
		height: calc(100vh - (1.75rem * 2));
	}
	.modal-sm {
		max-width: 300px;
	}
}

@media (min-width: 992px) {
	.modal-lg,
	.modal-xl {
		max-width: 800px;
	}
}

@media (min-width: 1200px) {
	.modal-xl {
		max-width: 1140px;
	}
}

.not_first:not(:first-child) {
	margin-top: 78px;
	border-top: 2px solid #dad2d2;
	padding-top: 18px;
}

.not_first:first-child {
	padding-top: 18px;
}

.dz-progress {
	visibility: hidden;
}

.messageOrder > label {
	float: left !important;
	margin-bottom: 18px;
}

.dz-remove {
	display: inline-block;
	margin-bottom: 0;
	-ms-touch-action: manipulation;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a;
	margin-top: 6px;
}

.custom-select {
	position: relative;
	width: 100%;
	/*style items (options):*/
	/*point the arrow upwards when the select box is open (active):*/
	/*hide the items when the select box is closed:*/
}

@media (min-width: 576px) {
	.custom-select {
		width: 31%;
	}
}

.custom-select select {
	width: 100%;
}

.custom-select select + label {
	font-size: 1.6rem;
	top: 18%;
	bottom: unset;
	position: absolute;
	color: #333333;
}

@media (min-width: 576px) {
	.custom-select select + label {
		bottom: 7px;
		top: auto;
	}
}

.custom-select .select-items div {
	cursor: pointer;
	user-select: none;
	font-size: 1.5rem;
	border-bottom: 0.5px solid #C4C4C4;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.custom-select .select-items div:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.custom-select .select-selected {
	cursor: pointer;
	user-select: none;
	padding: 12px 0 3px;
	color: #333333;
	border-bottom: 0.5px solid #999999;
	font-size: 1.6rem;
	width: 100%;
	height: 35px;
	position: relative;
	background: url("../../public/images/flecha-abajo.svg") no-repeat;
	background-position: right 10px;
	background-size: 17.45px 16px;
	margin-bottom: 40px;
	z-index: 1;
}

@media (min-width: 576px) {
	.custom-select .select-selected {
		margin-bottom: 0;
	}
}

.custom-select .select-items {
	position: absolute;
	top: 65%;
	left: 0;
	right: 0;
	z-index: 99;
	border-radius: 20px;
	padding: 20px 15px;
	color: #333333;
	background: white;
	box-shadow: 4px 4px 20px rgba(196, 196, 196, 0.2);
}

@media (min-width: 576px) {
	.custom-select .select-items {
		top: 100%;
	}
}

.custom-select .select-hide {
	display: none;
}

.custom-select .select-items div:hover, .custom-select .same-as-selected {
	color: rgba(0, 0, 0, 0.5);
}

.cont-msg {
	position: fixed;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}

.cont-msg .msg {
	padding: 20px;
	border-radius: 15px;
	background: white;
	max-width: 500px;
	text-align: center;
}

.cont-msg .msg h4 {
	margin-bottom: 20px;
}

.cont-msg .msg .msg-cerrar {
	position: relative;
	top: -20px;
	display: flex;
	justify-content: flex-end;
	right: -20px;
	color: white;
	padding: 5px;
	cursor: pointer;
}

.cont-msg .msg .msg-cerrar:after {
	content: 'X';
	position: absolute;
	width: 20px;
	height: 20px;
	background: black;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	border-radius: 50%;
	font-size: 1rem;
	box-shadow: 0px -1px 10px rgba(0, 0, 0, 0.4);
}

.cont-msg .msg .msg-cerrar:hover:after {
	background: white;
	color: black;
}

.tooltip {
	position: relative;
	z-index: 999999;
}

.tooltip.tooltip-header {
	width: calc(100% - 30px - 15px);
	display: flex;
}

.tooltip.tooltip-header h1 {
	width: unset;
}

.tooltip.tooltip-header .btn-tooltip {
	position: relative;
}

.btn-tooltip {
	width: 20px;
	height: 20px;
	margin-left: 5px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 99;
}

.btn-tooltip span {
	background: url("../../public/images/info.svg") no-repeat;
	background-size: cover;
	border: solid thin var(--color-dorado);
	width: 20px;
	height: 20px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	font-style: oblique;
	cursor: pointer;
}

.tooltip-content {
	display: none;
	background: white;
	box-shadow: 4px 4px 40px rgba(196, 196, 196, 0.2);
	border-radius: 10px;
	color: var(--color-dorado);
	width: 300px;
	font-size: 1.5rem;
	line-height: 18px;
	font-style: normal;
	font-weight: normal;
	position: absolute;
	left: 20px;
	top: 0;
	padding: 20px;
	z-index: 99;
}

.tooltip-content.open {
	display: block;
}

.tooltip-content.tooltip-izq {
	left: auto;
	right: 20px;
}

.tooltip-content p {
	font-size: 1.5rem;
	line-height: 18px;
}

.close-tooltip {
	background: url("../../public/images/x-thin.svg") no-repeat;
	background-size: cover;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--color-dorado);
	cursor: pointer;
	font-weight: var(--font-weight-light);
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 1.3rem;
}

.tooltip .info .btn-tooltip {
	position: relative;
}

#accordion {
	margin-bottom: 20px;
}

#accordion .acc-content-inner {
	position: relative;
}

#accordion .acc-content-inner:first-child .eye {
	margin-right: 0;
}

#accordion .acc-content-inner .acc-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row-reverse;
	cursor: pointer;
	width: 100%;
	padding: 14px 0;
}

#accordion .acc-content-inner .acc-header h3 {
	font-family: var(--font-family-principal);
	font-size: 1.6rem;
	line-height: 16px;
	font-weight: var(--font-weight-bold);
	text-transform: uppercase;
}

@media (min-width: 769px) {
	#accordion .acc-content-inner .acc-header h3 {
		font-size: 1.8rem;
		line-height: 16px;
	}
}

#accordion .acc-content-inner .acc-header:not(.ui-state-active) {
	border-bottom: solid 0.5px black;
	margin-bottom: 0;
	flex-direction: row;
}

#accordion .acc-content-inner .acc-header:not(.ui-state-active) .ui-accordion-header-icon {
	display: none;
}

#accordion .acc-content-inner .acc-header .ui-accordion-header-icon {
	display: block;
	background: url("../../public/images/flecha-abajo.svg") no-repeat;
	background-position: right center;
	background-size: 17.45px 16px;
	width: 20px;
	height: 15px;
}

#accordion .acc-content-inner .tabcontent.opened {
	margin-top: 90px;
}

#accordion .acc-content-inner .ui-accordion-content {
	height: auto !important;
}

#accordion .acc-content-inner .eye {
	cursor: pointer;
	filter: unset;
	border: solid thin;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 5px;
	margin-right: 40px;
}

#accordion .acc-content-inner .eye:hover {
	background: black;
}

#accordion .acc-content-inner .eye:hover:after {
	filter: invert(1);
}

#accordion .acc-content-inner .eye:after {
	content: url("../../public/images/eye.svg");
	transform: scale(0.8);
}

#accordion .acc-content-inner .control {
	display: flex;
	position: absolute;
	right: 0;
	top: 14px;
	z-index: 0;
}

#accordion .acc-content-inner .control.open {
	display: none;
}

#accordion .acc-content-inner .control .eye, #accordion .acc-content-inner .control .borrar {
	cursor: pointer;
	filter: unset;
	border: solid thin;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 5px;
}

#accordion .acc-content-inner .control .eye:hover, #accordion .acc-content-inner .control .borrar:hover {
	background: black;
}

#accordion .acc-content-inner .control .eye:hover:after, #accordion .acc-content-inner .control .borrar:hover:after {
	filter: invert(1);
}

#accordion .acc-content-inner .control .borrar:after {
	content: url("../../public/images/borrar.svg");
	transform: scale(0.6);
}

table {
	border: none;
}

table thead, table tfoot {
	border: solid thin black;
}

table thead tr th:nth-child(2), table thead tr th:last-child, table tfoot tr th:nth-child(2), table tfoot tr th:last-child {
	border-left: none;
}

table thead tr th:first-child, table thead tr th:nth-child(2), table tfoot tr th:first-child, table tfoot tr th:nth-child(2) {
	border-right: solid 0.5px #666;
}

table thead tr th:first-child, table thead tr th:last-child, table tfoot tr th:first-child, table tfoot tr th:last-child {
	width: 25%;
}

table tfoot tr th {
	border-top: none;
}

table tfoot tr th:nth-child(2) {
	text-align: right;
}

table tr th {
	font-size: 1.6rem;
	font-weight: var(--font-weight-semibold);
	text-align: left;
	padding: 20px;
}

table tr th span {
	color: red;
}

table tr td {
	border: none;
	border-bottom: solid thin black;
}

table tr td:first-child, table tr td:nth-child(2) {
	border-right: solid 0.5px #666;
}

table tr td.required {
	width: unset;
}

table tr td.required input {
	border: none;
	margin: 0;
	padding: 18px 5px;
	height: 100%;
}

table tr td.required label {
	top: unset;
	bottom: 21px;
	padding: 0 5px;
	color: #999;
	font-weight: var(--font-weight-normal);
}

table tr td input[type='text'] {
	border: none;
	margin: 0;
	padding: 18px 20px;
	width: 100%;
}

.cont-control {
	position: relative;
}

.cont-control .control {
	display: flex;
	position: absolute;
	right: 0;
	bottom: 0px;
}

.cont-control .control .mas, .cont-control .control .borrar {
	cursor: pointer;
	filter: unset;
	border: solid thin;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.cont-control .control .mas:after, .cont-control .control .borrar:after {
	transform: scale(0.6);
}

.cont-control .control .mas:hover, .cont-control .control .borrar:hover {
	background: black;
}

.cont-control .control .mas:hover:after, .cont-control .control .borrar:hover:after {
	filter: invert(1);
}

.cont-control .control .mas:after {
	content: url("../../public/images/+.svg");
}

.cont-control .control .borrar:after {
	content: url("../../public/images/borrar.svg");
}

.cont-control td .control {
	bottom: 13px;
	right: -96px;
}

.swal2-popup .swal2-title {
	font-size: 2rem;
	text-transform: uppercase;
	color: black;
}

.swal2-popup .swal2-html-container {
	font-size: 1.6rem;
	color: black;
	margin: 0;
}

.swal2-popup .swal2-styled.swal2-confirm {
	color: white;
	font-size: 1.6rem;
	border-radius: 60px;
	border: solid thin black;
	text-transform: uppercase;
	background-color: black !important;
}

.swal2-popup .swal2-styled.swal2-confirm:hover {
	background: var(--color-dorado) !important;
	border-color: var(--color-dorado);
}

.swal2-popup .swal2-styled.swal2-confirm:focus {
	box-shadow: none;
}

.swal2-popup .swal2-styled.swal2-cancel {
	color: black;
	font-size: 1.6rem;
	border-radius: 60px;
	border: solid thin black;
	text-transform: uppercase;
	background-color: white !important;
}

.swal2-popup .swal2-styled.swal2-cancel:hover {
	background: var(--color-dorado) !important;
	border-color: var(--color-dorado);
	color: white;
}

.swal2-popup .swal2-styled.swal2-cancel:focus {
	box-shadow: none;
}

.swal2-container.swal2-center {
	z-index: 999999;
}

body {
	font-family: var(--font-family-principal);
	font-weight: var(--font-style-normal);
	font-size: 1.4rem;
	line-height: 20px;
}

.container {
	width: 100%;
}

.container .content {
	max-width: 1920px;
	margin: 0 auto;
	padding: 20px;
}

@media (min-width: 769px) {
	.container .content {
		padding: 0 20px;
	}
}

.cont-form {
	display: flex;
	flex-wrap: wrap;
}

.dos-col {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.dos-col > * {
	width: 100%;
}

@media (min-width: 769px) {
	.dos-col > * {
		width: 49%;
	}
}

.space-between {
	justify-content: space-between;
}

.width-90 {
	width: 90%;
	position: relative;
}

body.login-page {
	background: black;
	color: white;
}

@media (min-width: 576px) {
	body.login-page .container {
		padding-bottom: 100px;
	}
}

body.login-page .user {
	margin: 20px 0 0;
	padding: 10px 0;
	width: 100%;
}

body.login-page .lang li:first-child {
	border-color: white;
}

body.login-page main .content {
	max-width: 450px;
}

body.login-page main .content h1 {
	text-align: center;
}

body.login-page main .content form {
	margin: 50px 0 100px;
}

body.login-page main .content .cont-mail, body.login-page main .content .cont-pass {
	margin-bottom: 40px;
}

body.login-page main .content .cont-checkbox {
	margin-bottom: 55px;
}

body.login-page main .content .cont-checkbox label {
	text-transform: unset;
	color: white;
}

body.login-page label {
	font-size: 1.6rem;
	font-weight: var(--font-weight-light);
	color: var(--color-dorado);
	text-transform: uppercase;
}

body.login-page input[type='email'], body.login-page input[type='password'], body.login-page input[type='text'] {
	color: #eeeeee;
	border-bottom: 0.5px solid var(--color-dorado);
	font-size: 2.5rem;
	padding-bottom: 3px;
	width: 100%;
}

body.login-page input[type='submit'], body.login-page button[type='submit'] {
	color: var(--color-dorado);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
}

body.login-page button[type='button'] {
	color: white;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
}

body.login-page ::placeholder {
	color: white;
}

body.login-page :-webkit-autofill {
	color: white !important;
	background-color: transparent !important;
	-webkit-text-fill-color: white;
	-webkit-box-shadow: 0 0 0 30px black inset;
}

body.login-page .btn-guardar_es.btn-ingresar:hover input[type='submit'], body.login-page .btn-guardar_es.btn-ingresar:hover button[type='submit'], body.login-page .btn-guardar_es.btn-ingresar:hover button[type='button'], body.login-page .btn-guardar_en.btn-ingresar:hover input[type='submit'], body.login-page .btn-guardar_en.btn-ingresar:hover button[type='submit'], body.login-page .btn-guardar_en.btn-ingresar:hover button[type='button'] {
	color: white;
}

body.login-page .btn-guardar_es.btn-ingresar:hover img, body.login-page .btn-guardar_en.btn-ingresar:hover img {
	filter: brightness(2);
}

body.login-page .btn-guardar_es.btn-registrarse:hover, body.login-page .btn-guardar_en.btn-registrarse:hover {
	border: solid thin var(--color-dorado);
}

body.login-page .btn-guardar_es.btn-registrarse:hover button[type='button'], body.login-page .btn-guardar_en.btn-registrarse:hover button[type='button'] {
	color: white;
}

body.login-page .btn-guardar_es.btn-registrarse:hover img, body.login-page .btn-guardar_en.btn-registrarse:hover img {
	filter: brightness(2);
}

body.login-page .btn-ingresar {
	border: thin solid var(--color-dorado);
	color: var(--color-dorado);
	margin-bottom: 20px;
}

body.login-page .btn-registrarse {
	border: thin solid white;
	color: white;
	margin-bottom: 35px;
}

body.login-page .btn-link {
	text-align: center;
	display: block;
}

body.login-page .icn.icn-ingresar, body.login-page .icn.icn-registrarse {
	width: 34px;
}

body.login-page input[type='checkbox'] {
	border: solid thin white;
}

body.login-page input[type='checkbox']:checked:after {
	background: white;
}

.cont-register fieldset {
	margin-bottom: 40px;
}

.password {
	position: relative;
}

.password .eye {
	position: absolute;
	top: 10px;
	right: 0;
	cursor: pointer;
	filter: invert(1);
}

.password .eye:after {
	content: url("../../public/images/eye.svg");
}

.password .eye.show {
	top: 20px;
	right: 3px;
}

.password .eye.show:after {
	content: url("../../public/images/eye-close.png");
}

.cont-form .form {
	width: 100%;
}

@media (min-width: 576px) {
	.cont-form .form {
		width: calc(90% - 50px - 100px);
	}
}

@media (min-width: 1900px) {
	.cont-form .form {
		width: calc(80% - 130px - 120px);
	}
}

.cont-form .form h4.titulo {
	margin-bottom: 40px;
}

.cont-form .form h4.info, .cont-form .form label.info {
	display: flex;
	align-items: center;
}

.cont-form .color-dorado {
	color: var(--color-dorado);
}

.cont-form .header-form {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin-bottom: 20px;
}

@media (min-width: 576px) {
	.cont-form .header-form {
		align-items: center;
		scroll-snap-margin-bottom: 50px;
	}
}

.cont-form .header-form .icn {
	margin-right: 15px;
	width: 30px;
}

@media (min-width: 576px) {
	.cont-form .header-form .icn {
		margin-right: 20px;
		width: unset;
	}
}

.cont-form .header-form h1 {
	width: calc(100% - 30px - 15px);
	font-weight: var(--font-weight-normal);
}

.cont-form .header-form h1 b {
	font-weight: var(--font-weight-xbold);
}

.cont-form .header-form .tooltip-header {
	width: calc(100% - 30px - 15px);
	display: flex;
}

.cont-form .header-form .tooltip-header h1 {
	width: unset;
}

.cont-form .header-form .tooltip-header .btn-tooltip {
	position: relative;
	top: 15px;
}

.cont-form fieldset {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	flex-direction: column;
	margin-bottom: 0;
}

@media (min-width: 576px) {
	.cont-form fieldset {
		flex-direction: row;
		margin-bottom: 70px;
	}
}

.cont-form fieldset.cont-draganddrop_es, .cont-form fieldset.cont-draganddrop_en {
	align-items: center;
}

.cont-form fieldset.uno-dos input:last-child, .cont-form fieldset.uno-dos select:last-child, .cont-form fieldset.uno-dos .required:last-child {
	width: 100%;
}

@media (min-width: 576px) {
	.cont-form fieldset.uno-dos input:last-child, .cont-form fieldset.uno-dos select:last-child, .cont-form fieldset.uno-dos .required:last-child {
		width: 65.5%;
	}
}

.cont-form fieldset.uno-dos.con-label.label-col input[type='text']:last-child, .cont-form fieldset.uno-dos.con-label.label-col select:last-child, .cont-form fieldset.uno-dos.con-label.label-col .required:last-child {
	width: 100%;
}

@media (min-width: 576px) {
	.cont-form fieldset.uno-dos.con-label.label-col input[type='text']:last-child, .cont-form fieldset.uno-dos.con-label.label-col select:last-child, .cont-form fieldset.uno-dos.con-label.label-col .required:last-child {
		width: 65.5%;
	}
}

.cont-form fieldset.dos-uno input:first-child, .cont-form fieldset.dos-uno select:first-child, .cont-form fieldset.dos-uno .required:first-child {
	width: 100%;
}

@media (min-width: 576px) {
	.cont-form fieldset.dos-uno input:first-child, .cont-form fieldset.dos-uno select:first-child, .cont-form fieldset.dos-uno .required:first-child {
		width: 65.5%;
	}
}

.cont-form fieldset.dos-uno .required input {
	width: 100%;
}

.cont-form fieldset.con-label label {
	width: 100%;
	margin: 0 0 20px 0;
}

@media (min-width: 576px) {
	.cont-form fieldset.con-label label {
		width: 35%;
		margin: 0 -50px 0;
	}
}

.cont-form fieldset.con-label input:last-child, .cont-form fieldset.con-label select:last-child, .cont-form fieldset.con-label .required:last-child {
	width: 100%;
}

@media (min-width: 576px) {
	.cont-form fieldset.con-label input:last-child, .cont-form fieldset.con-label select:last-child, .cont-form fieldset.con-label .required:last-child {
		width: 31%;
	}
}

.cont-form fieldset.con-label .required input {
	width: 100%;
}

.cont-form fieldset.con-label .required label {
	width: 100%;
	margin: 0;
	bottom: 7px;
	top: auto;
}

.cont-form fieldset.con-label.label-col label {
	width: 100%;
	margin: 0;
}

@media (min-width: 576px) {
	.cont-form fieldset.con-label.label-col label {
		width: 31%;
	}
}

.cont-form fieldset.con-label.label-col label input {
	width: 100%;
}

.cont-form fieldset.con-label.label-col .required label {
	width: 100%;
}

.cont-form fieldset.con-label.label-col label[for='tel'] .number input:first-child {
	width: 35px;
}

.cont-form fieldset.label-col {
	margin-top: -12px;
}

.cont-form fieldset.label-col label > span {
	display: block;
}

.cont-form fieldset.dos-col div {
	width: 100%;
}

@media (min-width: 576px) {
	.cont-form fieldset.dos-col div {
		width: 49%;
	}
}

.full-col input[type='text'], .full-col .required {
	width: 100%;
}

input[type='text'], input[type='date'] {
	color: #333333;
	border-bottom: 0.5px solid #999999;
	font-size: 1.6rem;
	width: 100%;
	padding-bottom: 3px;
	margin-bottom: 40px;
}

@media (min-width: 576px) {
	input[type='text'], input[type='date'] {
		width: 31%;
		margin-bottom: 0;
	}
}

input[type='checkbox'] {
	width: 20px;
	height: 20px;
	border-radius: 5px;
	border: solid thin black;
	margin-right: 5px;
	position: relative;
}

input[type='checkbox']:checked:after {
	content: '';
	width: 14px;
	height: 14px;
	background: black;
	position: absolute;
	top: 2px;
	left: 2px;
	border-radius: 4px;
}

input[type='radio'] {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: solid thin black;
	margin-right: 5px;
	position: relative;
}

input[type='radio']:checked:after {
	content: '';
	width: 14px;
	height: 14px;
	background: black;
	position: absolute;
	top: 2px;
	left: 2px;
	border-radius: 50%;
}

.checkbox label {
	display: flex;
	align-items: center;
}

.checkbox.checkbox-title p {
	width: 100%;
}

@media (min-width: 576px) {
	.checkbox.checkbox-title p {
		width: 25.5%;
	}
}

.checkbox.checkbox-title p.subtitulo {
	margin-bottom: 20px;
}

@media (min-width: 576px) {
	.checkbox.checkbox-title p.subtitulo {
		margin-bottom: 0;
	}
}

.checkbox.checkbox-title p.subtitulo span {
	color: red;
}

.checkbox.checkbox-title .required {
	width: 100%;
}

@media (min-width: 576px) {
	.checkbox.checkbox-title .required {
		width: 25.5%;
	}
}

.checkbox.checkbox-title .required p {
	width: 100%;
}

.checkbox.checkbox-title .required p.subtitulo {
	margin-bottom: 20px;
}

@media (min-width: 576px) {
	.checkbox.checkbox-title .required p.subtitulo {
		margin-bottom: 0;
	}
}

.checkbox.checkbox-title .required p.subtitulo span {
	color: red;
}

.checkbox.checkbox-title div {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

@media (min-width: 576px) {
	.checkbox.checkbox-title div {
		width: 74.5%;
	}
}

.checkbox.checkbox-title div .required {
	width: 100%;
}

@media (min-width: 576px) {
	.checkbox.checkbox-title div .required {
		width: 74.5%;
	}
}

.checkbox.checkbox-title div .required input[type='text'], .checkbox.checkbox-title div .required label {
	width: 100%;
}

.checkbox.checkbox-title div.dos-uno input[type='text'] {
	width: 100%;
}

@media (min-width: 576px) {
	.checkbox.checkbox-title div.dos-uno input[type='text'] {
		width: 55%;
	}
}

.checkbox.checkbox-title div label {
	width: 49%;
	font-size: 1.6rem;
	margin-bottom: 30px;
}

@media (min-width: 576px) {
	.checkbox.checkbox-title div label {
		width: 25%;
		font-size: 1.4rem;
		margin-bottom: 0;
	}
}

.checkbox.checkbox-title div label[for='otros'] {
	width: 100%;
}

@media (min-width: 576px) {
	.checkbox.checkbox-title div label[for='otros'] {
		width: 20%;
	}
}

.checkbox.checkbox-title div input[type='text'] {
	width: 100%;
}

@media (min-width: 576px) {
	.checkbox.checkbox-title div input[type='text'] {
		width: 80%;
	}
}

.radio {
	margin-top: 40px;
}

.radio div {
	display: flex;
	flex-wrap: wrap;
	align-items: unset;
	justify-content: space-between;
	flex-direction: column;
	width: 100%;
}

@media (min-width: 576px) {
	.radio div {
		width: 80%;
		align-items: center;
		flex-direction: row;
	}
}

.radio label {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 30px;
}

@media (min-width: 576px) {
	.radio label {
		margin-bottom: 0;
	}
}

input[type='file'], input[type='password'] {
	color: #333333;
	border-bottom: 0.5px solid #999999;
	font-size: 1.6rem;
}

.btn-guardar_es, .btn-guardar_en {
	border: solid thin #333333;
	border-radius: 60px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.btn-guardar_es:hover, .btn-guardar_en:hover {
	background: var(--color-dorado);
	border: solid thin var(--color-dorado);
}

.btn-guardar_es:hover input[type='submit'], .btn-guardar_es:hover button[type='submit'], .btn-guardar_es:hover button[type='button'], .btn-guardar_en:hover input[type='submit'], .btn-guardar_en:hover button[type='submit'], .btn-guardar_en:hover button[type='button'] {
	color: white;
}

.btn-guardar_es:hover img, .btn-guardar_en:hover img {
	filter: invert(100%) brightness(2);
}

.btn-guardar_es input[type='submit'], .btn-guardar_es button[type='submit'], .btn-guardar_es button[type='button'], .btn-guardar_es input[type='button'], .btn-guardar_en input[type='submit'], .btn-guardar_en button[type='submit'], .btn-guardar_en button[type='button'], .btn-guardar_en input[type='button'] {
	width: auto;
	font-size: 1.4rem;
	font-weight: var(--font-weight-bold);
	text-transform: uppercase;
	border: none;
	padding: 12px 60px 12px 25px;
	cursor: pointer;
	z-index: 1;
}

.btn-guardar_es input[type='submit'].calcular-costo, .btn-guardar_es button[type='submit'].calcular-costo, .btn-guardar_es button[type='button'].calcular-costo, .btn-guardar_es input[type='button'].calcular-costo, .btn-guardar_en input[type='submit'].calcular-costo, .btn-guardar_en button[type='submit'].calcular-costo, .btn-guardar_en button[type='button'].calcular-costo, .btn-guardar_en input[type='button'].calcular-costo {
	padding: 12px 20px;
}

.btn-guardar_es .icn.guardar, .btn-guardar_en .icn.guardar {
	width: 15px;
	height: 15px;
	margin-right: 25px;
	position: absolute;
	right: 0;
	z-index: 0;
}

.btn-guardar_es button[type='button'].add_bulto, .btn-guardar_en button[type='button'].add_bulto {
	font-size: 1.1rem;
	padding: 9px 26px 9px 15px;
}

.btn-guardar_es button[type='button'].add_bulto .icn, .btn-guardar_en button[type='button'].add_bulto .icn {
	width: 10px;
	height: 10px;
	margin-right: 10px;
	margin-left: 10px;
	line-height: 10px;
}

.btn-guardar_es.color-negro, .btn-guardar_en.color-negro {
	background: black;
}

.btn-guardar_es.color-negro button[type='button'], .btn-guardar_es.color-negro input[type='button'], .btn-guardar_en.color-negro button[type='button'], .btn-guardar_en.color-negro input[type='button'] {
	color: white;
}

.btn-guardar_es.color-negro button[type='button'] .icn img, .btn-guardar_es.color-negro input[type='button'] .icn img, .btn-guardar_en.color-negro button[type='button'] .icn img, .btn-guardar_en.color-negro input[type='button'] .icn img {
	filter: invert(100%) brightness(2);
}

.btn-guardar_es.color-negro:hover, .btn-guardar_en.color-negro:hover {
	background: var(--color-dorado);
}

select {
	color: black;
	border-bottom: 0.5px solid #999999;
	font-size: 1.6rem;
	width: 100%;
	height: 35px;
	padding-bottom: 3px;
	position: relative;
	background: url("../../public/images/flecha-abajo.svg") no-repeat;
	background-position: right 10px;
	background-size: 17.45px 16px;
	margin-bottom: 40px;
}

@media (min-width: 576px) {
	select {
		width: 31%;
		margin-bottom: 0;
	}
}

label[for='nacimiento'] {
	width: 100%;
	display: flex;
	flex-direction: column;
}

@media (min-width: 576px) {
	label[for='nacimiento'] {
		width: 31%;
	}
}

label[for='nacimiento'] input {
	width: 100%;
}

label[for='tel'] .number {
	display: flex;
}

label[for='tel'] .number input::placeholder {
	color: #c4c4c4;
}

label[for='tel'] .number input:first-child {
	width: 35px;
}

label[for='tel'] .number input#tel {
	width: calc(100% - 35px);
}

label[for='tel'] .line {
	color: #c4c4c4;
	margin: 0 10px;
	line-height: 25px;
	font-weight: var(--font-weight-light);
}

textarea {
	width: 100%;
	height: 200px;
	border: solid thin black;
	margin: 10px 0 35px;
	padding: 10px;
	resize: none;
}

@media (min-width: 576px) {
	textarea {
		margin: 10px 0 0;
	}
}

::placeholder {
	color: black;
}

@media (min-width: 576px) {
	.subtitulo {
		font-size: 1.6rem;
		color: #333333;
	}
}

.static-label {
	position: relative !important;
	bottom: 55px !important;
	top: unset !important;
}

.required-title span {
	color: red;
}

.required {
	position: relative;
	width: 100%;
}

@media (min-width: 576px) {
	.required {
		width: 31%;
	}
}

.required.tooltip label:first-child {
	width: 170px !important;
}

@media (min-width: 576px) {
	.required.required-textarea, .required.radio-required {
		width: 100%;
	}
}

.required.required-textarea p, .required.radio-required p {
	font-size: 1.6rem;
}

.required input, .required select {
	width: 100%;
	z-index: 1;
	position: relative;
}

.required select + label {
	top: 18%;
	bottom: unset;
}

@media (min-width: 576px) {
	.required select + label {
		bottom: 7px;
		top: auto;
	}
}

.required p span {
	color: red;
}

.required label {
	position: absolute;
	bottom: 7px;
	font-size: 1.6rem;
	color: #333333;
	z-index: 0;
	top: 0;
	display: flex;
}

.required label span {
	color: red;
}

.required label:first-child {
	width: 100% !important;
	flex-direction: row;
	position: relative;
	bottom: unset;
}

.required label:first-child p {
	font-size: 1.6rem;
	color: black;
}

.required label:first-child span {
	margin: 0 !important;
}

.required label[for='tel'] {
	display: flex;
}

.required .number input::placeholder {
	color: #c4c4c4;
}

.required .number input#prefijo {
	width: 35px;
}

.required .number input#tel {
	width: calc(96% - 35px - 14px);
}

.cont-draganddrop_es .draganddrop.dropzone.dz-started#imageUpload:before {
	content: 'Agregar archivo';
}

.cont-draganddrop_en .draganddrop.dropzone.dz-started#imageUpload:before {
	content: 'Add file';
}

.draganddrop {
	width: 100%;
	height: 150px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 5px 0 30px;
}

@media (min-width: 576px) {
	.draganddrop {
		width: 49%;
		margin: 0;
	}
}

.draganddrop.dropzone {
	border: dashed thin black;
	padding: 0;
	justify-content: center;
	height: auto;
}

.draganddrop.dropzone .dz-message {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.draganddrop.dropzone.dz-started {
	padding: 8px 8px 0;
	position: relative;
}

.draganddrop.dropzone.dz-started#imageUpload {
	padding: 65px 8px 0;
	justify-content: space-between;
}

.draganddrop.dropzone.dz-started#imageUpload:before {
	background: url("../../public/images/jpg.svg"), 22% url("../../public/images/png.svg"), 44% url("../../public/images/pdf.svg");
	height: 50px;
	display: flex;
	align-items: center;
	position: absolute;
	padding-left: 160px;
	top: 15px;
	left: 15px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-size: 15%;
}

.draganddrop.dropzone.dz-started .dz-preview {
	margin: 8px 0;
	position: relative;
	width: 49%;
	min-height: unset;
}

.draganddrop.dropzone.dz-started .dz-preview .dz-image {
	border-radius: unset;
	width: 100%;
	height: 150px;
}

.draganddrop.dropzone.dz-started .dz-preview .dz-image img {
	width: 100%;
	height: auto;
	margin: 0;
}

.draganddrop.dropzone.dz-started .dz-preview .dz-remove {
	position: absolute;
	bottom: 10px;
	z-index: 9999;
	background: url("../../public/images/borrar.svg") no-repeat white;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-indent: -999px;
	right: 10px;
	background-position: center;
	background-size: 13px;
	filter: invert(1);
	overflow: hidden;
}

.draganddrop.dropzone.dz-started .dz-preview .dz-remove:hover {
	filter: unset;
}

.draganddrop .cont-video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	width: 100%;
}

.draganddrop .cont-video video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.draganddrop img {
	width: 50px;
	height: 60px;
	margin: 0 5px;
}

.draganddrop p {
	width: 45%;
	margin-left: 10px;
	text-align: left;
}

.draganddrop .archivos-permitidos {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.draganddrop .archivos-permitidos img {
	width: 50px;
	height: 60px;
	margin: 0 5px;
}

.upload {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	width: 100%;
}

@media (min-width: 576px) {
	.upload {
		width: 49%;
	}
}

.upload .file {
	background: url("../../public/images/link.svg") no-repeat;
	background-position: left center;
	background-size: 20px 20px;
	margin-bottom: 55px;
}

@media (min-width: 576px) {
	.upload .file {
		margin-bottom: 75px;
	}
}

.upload .file input {
	padding-left: 35px;
	width: 100%;
	font-size: 1.4rem;
	margin-bottom: 0;
}

.upload .file input[type='file'] {
	opacity: 0;
	position: absolute;
}

.upload .file p {
	margin-left: 35px;
	font-size: 1.4rem;
}

.upload .file p b {
	font-size: 1.6rem;
}

.upload .password {
	background: url("../../public/images/key.svg") no-repeat;
	background-position: left center;
	background-size: 18px auto;
	position: relative;
}

.upload .password input {
	padding-left: 35px;
	width: 100%;
	font-size: 1.4rem;
	padding-bottom: 3px;
}

.upload .password .eye {
	position: absolute;
	top: -19px;
	right: 0;
	cursor: pointer;
	filter: unset;
}

.upload .password .eye:after {
	content: url("../../public/images/eye.svg");
}

.upload .password .eye.show {
	top: 5px;
}

.upload .password .eye.show:after {
	content: url("../../public/images/eye-close.png");
}

.footer-form.btns > div {
	width: 100%;
}

@media (min-width: 576px) {
	.footer-form.btns > div {
		width: unset;
		margin-left: 20px;
	}
}

.footer-form.btns > div.btn-guardar_es, .footer-form.btns > div.btn-guardar_en {
	margin-top: 20px;
}

@media (min-width: 576px) {
	.footer-form.btns > div.btn-guardar_es, .footer-form.btns > div.btn-guardar_en {
		margin-top: 0;
	}
}

.footer-form.btns > div.btn-guardar_es button[type='button'], .footer-form.btns > div.btn-guardar_en button[type='button'] {
	width: 100%;
}

@media (min-width: 576px) {
	.footer-form.btns > div.btn-guardar_es button[type='button'], .footer-form.btns > div.btn-guardar_en button[type='button'] {
		width: auto;
	}
}

.row-footer-form {
	margin-bottom: 0;
}

.row-footer-form p {
	align-self: flex-start;
}

@media (min-width: 576px) {
	.row-footer-form p {
		align-self: unset;
	}
}

.row-footer-form p.required-title {
	color: red;
}

.row-footer-form .btn-guardar_es, .row-footer-form .btn-guardar_en {
	margin-top: 30px;
}

@media (min-width: 576px) {
	.row-footer-form .btn-guardar_es, .row-footer-form .btn-guardar_en {
		margin-top: 0;
	}
}

.info-adicional label {
	font-size: 1.6rem;
	font-weight: var(--font-weight-xbold);
}

.info-adicional label span {
	font-size: 1.4rem;
	font-weight: var(--font-weight-normal);
}

.info-adicional .draganddrop {
	width: 100%;
	margin-top: 10px;
}

input:focus-within ~ label {
	display: none;
}

input:not(value) ~ label {
	display: block;
}

header .content.cont-header {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	padding: 20px;
	width: 100%;
}

@media (min-width: 576px) {
	header .content.cont-header {
		padding: 40px 40px 60px 20px;
		align-items: center;
	}
}

header .content.cont-header .logo {
	width: 50%;
}

@media (min-width: 576px) {
	header .content.cont-header .logo {
		width: 240px;
	}
}

.user {
	font-size: 2rem;
	font-weight: var(--font-weight-bold);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border-top: solid thin white;
	border-bottom: solid thin white;
	text-align: center;
	justify-content: center;
	margin-right: -90px;
}

@media (min-width: 576px) {
	.user {
		margin: 0;
		border: unset;
		width: unset;
		padding: 0;
	}
}

.user .mail {
	margin-right: 20px;
	display: none;
}

@media (min-width: 576px) {
	.user .mail {
		display: block;
	}
}

.user .avatar {
	width: 30px;
	height: 30px;
	font-size: 2.5rem;
	font-weight: var(--font-weight-bold);
	color: #fafafa;
	background: #ccc;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (min-width: 576px) {
	.user .avatar {
		width: 60px;
		height: 60px;
	}
}

.lang {
	display: flex;
	font-size: 1.2rem;
	text-transform: uppercase;
}

@media (min-width: 576px) {
	.lang {
		font-size: 1.4rem;
		position: absolute;
		right: 0;
		transform: rotate(-90deg);
		top: 57vh;
		z-index: 100;
	}
}

.lang li:first-child {
	padding-right: 10px;
	border-right: solid thin black;
	margin-right: 10px;
}

.lang li.current {
	font-weight: var(--font-weight-bold);
}

.lang li a {
	margin-bottom: 0;
}

.cont-home {
	display: flex;
	flex-wrap: wrap;
}

.cont-home .home {
	width: 100%;
}

@media (min-width: 576px) {
	.cont-home .home {
		width: calc(90% - 50px - 100px);
	}
}

.cont-home .header-home {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 15px;
	justify-content: center;
}

@media (min-width: 576px) {
	.cont-home .header-home {
		margin-bottom: 50px;
	}
}

.opciones {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.opciones .item {
	width: 100%;
	box-shadow: 4px 4px 40px rgba(196, 196, 196, 0.2);
	border-radius: 20px;
	padding: 20px;
	/* Estados */
	/* fin Estados */
}

@media (min-width: 576px) {
	.opciones .item {
		width: 24%;
		margin-right: 1%;
	}
}

.opciones .item:nth-child(2) .icn, .opciones .item:nth-child(4) .icn {
	width: 30px;
	margin: 10px 0 30px;
}

.opciones .item:nth-child(2).aplicacion-enviada_es .icn svg path, .opciones .item:nth-child(2).aplicacion-enviada_en .icn svg path, .opciones .item:nth-child(4).aplicacion-enviada_es .icn svg path, .opciones .item:nth-child(4).aplicacion-enviada_en .icn svg path {
	fill: var(--color-dorado);
}

@media (min-width: 576px) {
	.opciones .item:last-child {
		margin-right: 0;
	}
}

.opciones .item.continuar_es .btn-guardar_es, .opciones .item.continuar_es .btn-guardar_en, .opciones .item.continuar_en .btn-guardar_es, .opciones .item.continuar_en .btn-guardar_en {
	background: var(--color-dorado);
}

.opciones .item.continuar_es .btn-guardar_es:hover, .opciones .item.continuar_es .btn-guardar_en:hover, .opciones .item.continuar_en .btn-guardar_es:hover, .opciones .item.continuar_en .btn-guardar_en:hover {
	background: transparent;
}

.opciones .item.continuar_es .btn-guardar_es:hover a, .opciones .item.continuar_es .btn-guardar_en:hover a, .opciones .item.continuar_en .btn-guardar_es:hover a, .opciones .item.continuar_en .btn-guardar_en:hover a {
	color: var(--color-dorado);
}

.opciones .item.continuar_es .btn-guardar_es:hover .icn img, .opciones .item.continuar_es .btn-guardar_en:hover .icn img, .opciones .item.continuar_en .btn-guardar_es:hover .icn img, .opciones .item.continuar_en .btn-guardar_en:hover .icn img {
	filter: unset;
}

.opciones .item.continuar_es .btn-guardar_es a, .opciones .item.continuar_es .btn-guardar_en a, .opciones .item.continuar_en .btn-guardar_es a, .opciones .item.continuar_en .btn-guardar_en a {
	color: white;
}

.opciones .item.continuar_es .btn-guardar_es .icn img, .opciones .item.continuar_es .btn-guardar_en .icn img, .opciones .item.continuar_en .btn-guardar_es .icn img, .opciones .item.continuar_en .btn-guardar_en .icn img {
	filter: brightness(2);
}

.opciones .item.continuar_es .btn-guardar_es span:after {
	content: 'Continuar';
}

.opciones .item.continuar_en .btn-guardar_en span:after {
	content: 'Continue';
}

.opciones .item.aplicacion-enviada_es, .opciones .item.aplicacion-enviada_en {
	position: relative;
}

.opciones .item.aplicacion-enviada_es:after, .opciones .item.aplicacion-enviada_en:after {
	position: absolute;
	top: 15px;
	right: 15px;
	color: white;
	background: url(../../public/images/ok.svg) var(--color-dorado) no-repeat;
	background-size: 10px auto;
	background-position: 94% center;
	border-radius: 30px;
	padding: 5px 20px 5px 9px;
	font-size: 1rem;
	font-weight: 700;
}

.opciones .item.aplicacion-enviada_es .icn svg rect, .opciones .item.aplicacion-enviada_en .icn svg rect {
	fill: var(--color-dorado);
}

.opciones .item.aplicacion-enviada_es .titulo, .opciones .item.aplicacion-enviada_en .titulo {
	color: var(--color-dorado);
}

.opciones .item.aplicacion-enviada_es .btn-guardar_es .icn, .opciones .item.aplicacion-enviada_es .btn-guardar_en .icn, .opciones .item.aplicacion-enviada_en .btn-guardar_es .icn, .opciones .item.aplicacion-enviada_en .btn-guardar_en .icn {
	width: 25px;
	margin: 0 10px 0 0;
}

.opciones .item.aplicacion-enviada_es .btn-descargar_es, .opciones .item.aplicacion-enviada_es .btn-descargar_en, .opciones .item.aplicacion-enviada_en .btn-descargar_es, .opciones .item.aplicacion-enviada_en .btn-descargar_en {
	display: flex;
}

.opciones .item.aplicacion-enviada_es.info-adicional .btn-editar_es, .opciones .item.aplicacion-enviada_es.info-adicional .btn-editar_en, .opciones .item.aplicacion-enviada_en.info-adicional .btn-editar_es, .opciones .item.aplicacion-enviada_en.info-adicional .btn-editar_en {
	display: flex;
}

.opciones .item.aplicacion-enviada_es:after {
	content: 'aplicación enviada';
}

.opciones .item.aplicacion-enviada_es .btn-guardar_es {
	width: 85px;
}

.opciones .item.aplicacion-enviada_es .btn-guardar_es span:after {
	content: 'Ver';
}

.opciones .item.aplicacion-enviada_en:after {
	content: 'sent';
}

.opciones .item.aplicacion-enviada_en .btn-guardar_en {
	width: 95px;
}

.opciones .item.aplicacion-enviada_en .btn-guardar_en span:after {
	content: 'View';
}

.opciones .item.cerrada_es:nth-child(2) .icn svg path, .opciones .item.cerrada_es:nth-child(4) .icn svg path, .opciones .item.cerrada_en:nth-child(2) .icn svg path, .opciones .item.cerrada_en:nth-child(4) .icn svg path {
	fill: #999999;
}

.opciones .item.cerrada_es .icn svg rect, .opciones .item.cerrada_en .icn svg rect {
	fill: #999999;
}

.opciones .item.cerrada_es .titulo, .opciones .item.cerrada_en .titulo {
	color: #999999;
}

.opciones .item.cerrada_es .btns:after, .opciones .item.cerrada_en .btns:after {
	text-align: right;
	width: 80%;
	text-transform: uppercase;
	color: #999999;
	font-size: 1.4rem;
	font-weight: var(--font-weight-xbold);
}

.opciones .item.cerrada_es .btn-guardar_es, .opciones .item.cerrada_es .btn-guardar_en, .opciones .item.cerrada_en .btn-guardar_es, .opciones .item.cerrada_en .btn-guardar_en {
	display: none;
}

.opciones .item.cerrada_es .btns:after {
	content: 'cerrada';
}

.opciones .item.cerrada_en .btns:after {
	content: 'closed';
}

.opciones .item .btns {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}

.opciones .item .icn {
	width: 50px;
	margin-bottom: 20px;
}

.opciones .item .titulo {
	font-size: 2.6rem;
	margin-bottom: 20px;
}

.opciones .item .btn-guardar_es, .opciones .item .btn-guardar_en {
	font-size: 1.4rem;
	border: solid thin var(--color-dorado);
	font-weight: var(--font-weight-xbold);
	text-transform: uppercase;
	width: 100%;
}

.opciones .item .btn-guardar_es:hover a, .opciones .item .btn-guardar_en:hover a {
	color: white;
}

.opciones .item .btn-guardar_es:hover .icn img, .opciones .item .btn-guardar_en:hover .icn img {
	filter: brightness(2);
}

.opciones .item .btn-guardar_es a, .opciones .item .btn-guardar_en a {
	color: var(--color-dorado);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	padding: 12px 0 12px 15px;
}

.opciones .item .btn-guardar_es .icn, .opciones .item .btn-guardar_en .icn {
	width: 25px;
	display: flex;
	margin: 0 15px 0 0;
}

.opciones .item .btn-guardar_es span:after {
	content: 'Comenzar';
}

.opciones .item .btn-guardar_en span:after {
	content: 'Start';
}

.primera-etapa-finalizada.opciones .item {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.primera-etapa-finalizada.opciones .item.aplicacion-enviada_es:after, .primera-etapa-finalizada.opciones .item.aplicacion-enviada_en:after {
	display: none;
}

.primera-etapa-finalizada.opciones .item.aplicacion-enviada_es:nth-child(2) .titulo, .primera-etapa-finalizada.opciones .item.aplicacion-enviada_es:nth-child(4) .titulo, .primera-etapa-finalizada.opciones .item.aplicacion-enviada_en:nth-child(2) .titulo, .primera-etapa-finalizada.opciones .item.aplicacion-enviada_en:nth-child(4) .titulo {
	width: calc(100% - 50px);
}

.primera-etapa-finalizada.opciones .item.aplicacion-enviada_es .btns, .primera-etapa-finalizada.opciones .item.aplicacion-enviada_en .btns {
	width: 70%;
	margin-left: 65px;
}

.primera-etapa-finalizada.opciones .item.aplicacion-enviada_es .btn-guardar_es, .primera-etapa-finalizada.opciones .item.aplicacion-enviada_es .btn-guardar_en, .primera-etapa-finalizada.opciones .item.aplicacion-enviada_en .btn-guardar_es, .primera-etapa-finalizada.opciones .item.aplicacion-enviada_en .btn-guardar_en {
	border: none;
	padding: 0;
	width: unset;
}

.primera-etapa-finalizada.opciones .item.aplicacion-enviada_es .btn-guardar_es a, .primera-etapa-finalizada.opciones .item.aplicacion-enviada_es .btn-guardar_en a, .primera-etapa-finalizada.opciones .item.aplicacion-enviada_en .btn-guardar_es a, .primera-etapa-finalizada.opciones .item.aplicacion-enviada_en .btn-guardar_en a {
	pointer-events: none;
	padding: 0;
	margin: 0;
	justify-content: flex-end;
}

.primera-etapa-finalizada.opciones .item.aplicacion-enviada_es .btn-guardar_es a span:after, .primera-etapa-finalizada.opciones .item.aplicacion-enviada_es .btn-guardar_en a span:after, .primera-etapa-finalizada.opciones .item.aplicacion-enviada_en .btn-guardar_es a span:after, .primera-etapa-finalizada.opciones .item.aplicacion-enviada_en .btn-guardar_en a span:after {
	color: white;
	background: url(../../public/images/ok.svg) var(--color-dorado) no-repeat;
	background-size: 10px auto;
	background-position: 94% center;
	border-radius: 30px;
	padding: 5px 20px 5px 9px;
	font-weight: 700;
}

.primera-etapa-finalizada.opciones .item.aplicacion-enviada_es .btn-guardar_es a .icn, .primera-etapa-finalizada.opciones .item.aplicacion-enviada_es .btn-guardar_en a .icn, .primera-etapa-finalizada.opciones .item.aplicacion-enviada_en .btn-guardar_es a .icn, .primera-etapa-finalizada.opciones .item.aplicacion-enviada_en .btn-guardar_en a .icn {
	display: none;
}

.primera-etapa-finalizada.opciones .item.aplicacion-enviada_es .btn-guardar_es a span:after {
	content: 'enviada';
}

.primera-etapa-finalizada.opciones .item.aplicacion-enviada_en .btn-guardar_en a span:after {
	content: 'sent';
}

.primera-etapa-finalizada.opciones .item .titulo {
	font-size: 2.3rem;
	width: calc(91% - 50px);
}

.cont-home .etapa1-home, .cont-home .etapa2-home {
	padding-bottom: 20px;
}

.cont-home .etapa1-home .header-home, .cont-home .etapa2-home .header-home {
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	margin-right: 20px;
}

.cont-home .etapa2-home {
	display: flex;
	flex-wrap: wrap;
	border-bottom: solid thin #f1f1f1;
	margin-bottom: 20px;
}

.cont-home .etapa2-home .opciones .item .btns {
	width: 80%;
}

.cont-home .etapa2-home .opciones .item.aplicacion-enviada_es:after {
	content: 'enviada';
}

.cont-home .etapa2-home .opciones .item.aplicacion-enviada_es .btn-guardar_es a span:after, .cont-home .etapa2-home .opciones .item.aplicacion-enviada_en .btn-guardar_es a span:after {
	content: 'ver';
}

.cont-home .etapa2-home .opciones .item.aplicacion-enviada_es .btn-guardar_en a span:after, .cont-home .etapa2-home .opciones .item.aplicacion-enviada_en .btn-guardar_en a span:after {
	content: 'view';
}

.segunda-etapa.opciones .item.continuar_es .btn-guardar_es {
	background: transparent;
}

.segunda-etapa.opciones .item.continuar_es .btn-guardar_es:hover {
	background: var(--color-dorado);
}

.segunda-etapa.opciones .item.continuar_es .btn-guardar_es:hover a {
	color: white;
}

.segunda-etapa.opciones .item.continuar_es .btn-guardar_es:hover .icn img {
	filter: brightness(2);
}

.segunda-etapa.opciones .item.continuar_es .btn-guardar_es a {
	color: var(--color-dorado);
}

.segunda-etapa.opciones .item.continuar_es .btn-guardar_es a span:after {
	content: 'continuar';
}

.segunda-etapa.opciones .item.continuar_es .btn-guardar_es .icn img {
	filter: unset;
}

.segunda-etapa.opciones .item.cotinuar_en .btn-descargar_en a span:after {
	content: 'complete';
}

.ayuda {
	max-width: 510px;
	margin: 0 auto;
}

.ayuda p {
	font-size: 2.2rem;
	line-height: 25px;
	margin-bottom: 20px;
}

.ayuda p:last-of-type {
	margin-bottom: 30px;
}

.ayuda a {
	font-size: 3.5rem;
	font-weight: var(--font-weight-bold);
	margin-bottom: 20px;
	display: block;
	position: relative;
}

.ayuda a:before {
	content: url("../images/mail.svg");
	width: 32px;
	margin-right: 15px;
}

html {
	font-size: 62.5%;
}

h1 {
	font-family: var(--font-family-principal);
	font-size: 2.4rem;
	line-height: 24px;
	font-weight: var(--font-weight-xbold);
}

@media (min-width: 769px) {
	h1 {
		font-size: 3.2rem;
		line-height: 47px;
	}
}

h2 {
	font-family: var(--font-family-principal);
	font-size: 2.6rem;
	line-height: 28px;
}

@media (min-width: 769px) {
	h2 {
		font-size: 3rem;
		line-height: 41px;
	}
}

h3 {
	font-size: 1.6rem;
	line-height: 17px;
}

@media (min-width: 769px) {
	h3 {
		font-size: 2.6rem;
		line-height: 28px;
	}
}

h4 {
	font-family: var(--font-family-principal);
	font-size: 1.6rem;
	line-height: 16px;
	font-weight: var(--font-weight-bold);
}

@media (min-width: 769px) {
	h4 {
		font-size: 1.8rem;
		line-height: 16px;
	}
}

p {
	font-size: 1.6rem;
}

@media (min-width: 769px) {
	p {
		font-size: 1.2rem;
		line-height: 15px;
	}
}

/*# sourceMappingURL=style.css.map */