@import url('https://fonts.googleapis.com/css2?family=Momo+Trust+Display&family=Titillium+Web:wght@400;600&display=swap');

:root {
	--fuente_base: "Titillium Web", sans-serif;
	--fuente_secundaria: "Momo Trust Display", sans-serif;
	--radiado_5: 5px;
	--radiado_25: 25px;
	--azul: #00a0b9;
	--azul_oscuro: #0b4b55;
	--gris: #f8f8f8;
	--grisaceo: #f0eeee;
	--blanco: #ffffff;
	--negro: #2f2f2f;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-text-size-adjust: none;
	box-sizing: border-box;
	outline: none;
	backface-visibility: hidden;
	text-rendering: optimizeSpeed;
	scrollbar-width: thin
}

::-webkit-input-placeholder {
	color: var(--negro);
	opacity: 1
}

:-moz-placeholder {
	color: var(--negro);
	opacity: 1
}

::-moz-placeholder {
	color: var(--negro);
	opacity: 1
}

:-ms-input-placeholder {
	color: var(--negro);
	opacity: 1
}

:-webkit-autofill,
:-webkit-autofill:focus {
	background-color: transparent
}

::-webkit-scrollbar {
	width: 5px;
	height: 5px
}

::-webkit-scrollbar-button {
	width: 0;
	height: 0
}

::-webkit-scrollbar-thumb {
	border: none;
	border-radius: 0;
	background: #000000
}

::-webkit-scrollbar-thumb:active {
	background: #000000
}

::-webkit-scrollbar-track {
	border: none;
	border-radius: 0;
	background: #ffffff
}

::-webkit-scrollbar-track:active {
	background: #ffffff
}

::-webkit-scrollbar-corner {
	background: transparent
}

body {
	position: relative;
	max-width: 1920px;
	margin: 0 auto;
	padding: 0;
	font-family: var(--fuente_base);
	font-size: 62.5%;
	font-style: normal;
	font-weight: 400;
	background: var(--blanco);
	color: var(--negro)
}

body.fancybox-active {
	overflow: hidden
}

img {
	border: 0;
	outline: 0;
	transform-style: preserve-3d
}

input,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="time"],
input[type="date"],
textarea,
select {
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	font-family: var(--fuente_base);
	font-style: normal;
	-webkit-appearance: none
}

input[type=number] {
	-moz-appearance: textfield
}

form {
	margin: 0;
	padding: 0
}

a {
	text-decoration: none
}

h1,
h2,
h3 {
	display: inherit;
	vertical-align: inherit;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-weight: inherit;
	font-style: inherit;
	color: currentColor;
	outline: 0
}

ol,
ul {
	margin: 0 0 0 40px
}

.italica {
	font-style: italic
}

.limpia {
	clear: both
}

.uppercase {
	text-transform: uppercase
}

.lowercase {
	text-transform: lowercase
}

.centrar {
	text-align: center !important
}

.centrado {
	margin: 0 auto
}

.oculto {
	display: none !important
}

.invisible {
	opacity: 0;
	visibility: hidden
}

.dialog {
	display: none
}

.textos_js {
	display: none
}

.contenedor {
	max-width: 1600px;
	margin: 0 auto;
	width: 92%
}

.contenedorin {
	max-width: 1080px;
	margin: 0 auto;
	width: 90%
}

.contenedormin {
	max-width: 785px;
	margin: 0 auto;
	width: 90%
}

div.format_popup {
	max-width: 960px;
	margin: 0 auto;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	cursor: default !important;
	min-width: 260px;
	border-radius: var(--radiado_5);
}

div.format_popup .tit {
	font-family: var(--fuente_secundaria);
	color: var(--negro);
	margin-top: 0;
	max-width: 75%;
	font-size: 3.5em;
	line-height: 35px;
	text-wrap: pretty
}

div.format_popup h1,
div.format_popup h2,
div.format_popup h3,
div.format_popup h4,
div.format_popup h5 {
	font-weight: 600;
	font-size: 2.5em;
	color: var(--negro);
	margin: 20px 0
}

div.format_popup table,
div.format_popup ul,
div.format_popup p {
	font-size: 1.667em;
	color: var(--negro);
	margin-top: 15px;
	margin-left: 15px;
	font-weight: 400;
	line-height: 1.6;
	list-style: none
}

div.format_popup ol {
	font-size: 1.667em;
	margin-top: 15px;
	margin-left: 15px;
	color: var(--negro);
	font-weight: 600;
	line-height: 1.6
}

div.format_popup ul {
	margin-left: 20px
}

div.format_popup ol {
	margin-left: 40px
}

div.format_popup p {
	margin-left: 0
}

div.format_popup p {
	text-align: justify
}

div.format_popup strong {
	font-weight: 600
}

div.format_popup a {
	text-decoration: underline;
	color: var(--negro);
	word-break: break-all;
	font-weight: 600
}

div.format_popup.minified {
	max-width: 480px
}

div.format_popup.legal {
	max-width: 1024px
}

div.format_popup.legal p {
	text-align: justify
}

div.format_popup ul ol,
div.format_popup ol ul,
div.format_popup ol ol,
div.format_popup ul ul {
	font-size: inherit
}

div.format_popup li {
	position: relative;
	font-size: 1em;
	padding-left: 20px
}

div.format_popup li p {
	font-size: 1em;
	margin: 0
}

div.format_popup ol li {
	padding-left: 10px
}

div.format_popup ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 11px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--azul);
}

div.format_popup .limit::-webkit-scrollbar {
	width: 5px;
	height: 5px
}

div.format_popup table {
	width: 100%;
	border-collapse: collapse;
	white-space: nowrap;
	margin: 20px 0 0 0
}

div.format_popup tr:nth-of-type(odd) {
	background: #eee
}

div.format_popup th {
	background: var(--azul);
	color: var(--blanco);
	font-weight: bold
}

div.format_popup td,
div.format_popup th {
	padding: 6px;
	text-align: left
}

.scroll_table {
	overflow: auto;
	max-width: 170vw;
	margin-top: 40px;
	margin-bottom: 40px
}

.scroll_table::-webkit-scrollbar {
	width: 22px;
	height: 22px
}

.scroll_table table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 40px;
	white-space: nowrap
}

.scroll_table tr {
	background: var(--blanco);
	color: var(--negro)
}

.scroll_table tr:nth-of-type(odd) {
	background: var(--gris)
}

.scroll_table th {
	background: var(--azul);
	color: var(--blanco);
	font-weight: 600
}

.scroll_table td,
.scroll_table th {
	padding: 20px 20px 14px;
	border: 0;
	text-align: left;
	white-space: nowrap
}

.fancybox-thumbs__list a::before {
	border-color: black
}

*[role="button"] {
	cursor: pointer
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	transition: background-color 5000s ease-in-out 0s;
	-webkit-text-fill-color: var(--negro) !important
}

html.loaded .transicion {
	transition: all 250ms linear
}

#cookie-bar {
	position: fixed;
	max-width: none;
	top: 0;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 999;
	background: rgba(0, 0, 0, .75)
}

#cookie-bar p {
	background: var(--blanco);
	padding: 40px;
	position: absolute;
	top: 50%;
	left: 10px;
	right: 10px;
	margin: 0 auto;
	max-width: 540px;
	transform: translateY(-50%);
	z-index: 1000;
	min-height: 220px;
	border-radius: var(--radiado_5);
	text-align: left;
	hyphens: auto
}

#cookie-bar p span {
	display: block;
	font-size: 1.667em;
	margin-bottom: 20px;
	line-height: 1.5
}

#cookie-bar p strong {
	font-weight: 700
}

#cookie-bar a {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
	margin-top: 10px;
	font-size: 1.667em;
	padding: 10px 20px;
	text-align: center;
	font-weight: 600;
	color: var(--blanco);
	width: calc(50% - (10px * 1 / 2));
	margin-right: 10px;
	text-decoration: none;
	text-wrap: pretty;
	border-radius: var(--radiado_5);
	background: var(--azul);
	border: 1px solid var(--azul)
}

html.loaded #cookie-bar a {
	transition: all 200ms linear
}

#cookie-bar a:last-child {
	margin-right: 0;
	background: var(--blanco);
	color: var(--azul);
	border: 1px solid var(--azul)
}

@keyframes cargando {
	0%,
	40%,
	100% {
		transform: scaleY(.5)
	}

	20% {
		transform: scaleY(1)
	}

}

.loadinggg {
	position: fixed;
	inset: 0;
	z-index: 666;
	background: rgba(0, 0, 0, .95);
	animation: fade-in 1.2s cubic-bezier(.39, .575, .565, 1) both
}

.loadinggg svg {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	transform: translateY(-50%);
	max-width: 70px
}