/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

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

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   
*{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}

body {
	font-family: 'Lato', sans-serif;
	color: #222;
	background: rgb(200,200,200);
	background: linear-gradient(135deg, #176db7 0%, #000 70%);
}   

h1, h2, h3, h4, h5, h6, .button, .infofot a, .cols.alt p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
}

b, strong {
	font-weight: 400;
}

a:visited, a {
  color: #176db7;
}

.loging {
	position: fixed;
	width: 80%;
	max-width: 600px;
	height: 80%;
	min-height: 300px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	border-radius: 10px;
	padding: 30px;
	text-align: center;
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.5);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.loging .bg, .sigin .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #fff;
	filter: blur(90px);
	opacity: .6;
}

.loging picture {
	position: relative;
	width: 350px;
	height: 150px;
	border-radius: 30px;
	background-color: #fff;
	display: block;
	margin: 0 auto 40px;
}

.loging picture img {
	width: 90%;
	height: 100%;
	object-fit: contain;
	margin: 0 auto;
}


.inputbg {
	position: relative;
	background: rgb(200,200,200);
	background: linear-gradient(135deg, #000 0%, #176db7 100%);
	padding: 2px;
	border-radius: 5px;
	max-width: 500px;
	margin: 0 auto 20px;
	width: 100%;
	transition: background .7s ease;
}

.inputbg.error {
	background: red;
}

.inputbg input, .inputbg select, .inputbg textarea {
	position: relative;
	width: 100%;
	background-color: #fff;
	border: 2px solid #fff;
	color: #222;
	border-radius: 5px;
	padding: 5px 15px;
	-webkit-appearance:none;
}

.inputbg.select:after {
	content: "";
	position: absolute;
	border-color: #000 transparent;
	border-style: solid;
	border-width: 6px 6px 0;
	top: calc(50% - 3px);
	right: 10px;
	width: 0;
	height: 0;
}

.loging input {
	text-align: center;
}

a.button, button.button, .button {
	position: relative;
	display: inline-block;
	background: #176db7;
	color: #fff;
	border: none;
	border-radius: 5px;
	padding: 10px 20px;
	text-transform: uppercase;
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,.3);
	transition: all .7s ease;
	cursor: pointer;
	text-decoration: none;
}

a.button.disabled, a.button.disabled:hover, button.button.disabled, button.button.disabled:hover {
	color: #555;
	background-color: #c5c5c5;
	cursor: not-allowed;
	pointer-events: none;
}

button.button:hover, .button:hover {
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.5);
	color: silver;
	background-color: #000;
}

.sigin {
	position: absolute;
	width: 90%;
	height: 90%;
	left: 5%;
	top: 5%;
	overflow: auto;
	border-radius: 10px;
	padding: 30px;
	text-align: center;
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.5);
	display: flex;
}

.sigin > div {
	width: 50%;
	padding: 0 20px;
	position: relative;
}

.sigin > div:nth-child(3) {
	border-left: 1px solid rgba(0,0,0,0.2);
}

.adorno {
	background-color: rgba(0,0,0,0.2);
	height: 1px;
	margin-bottom: 20px;
}

a.button.addcup, .planinfo, .cupon {
	display: none;
}

.planinfo div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.planinfo h3 {
	width: 100%;
	color: #fff;
	margin: 0 0 10px;
}

.planinfo p {
	text-align: left;
	width: 50%;
	margin: 0 0 10px;
	padding: 0 10px;
}

.planinfo p.info {
	color: #fff;
	font-weight: 400;
	text-align: right;
}

.revisando {
	display: none;
	position: fixed;
	background-color: rgba(0,0,0,.7);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	color: #fff;
	z-index: 30000;
}

.revisando i {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.info.price.alt {
	text-decoration: line-through;
	font-weight: 300;
}

.bar {
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,.96);
	padding: 9px 16px;
	border-bottom-right-radius: 14px;
	z-index: 20000;
}

.bar a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	margin: 0 3px;
	cursor: pointer;
	border-radius: 7px;
	color: var(--yuc-guinda-dark);
	text-decoration: none;
	transition: background .16s ease, color .16s ease;
}

.bar a:hover {
	background: var(--yuc-guinda);
	color: #fff;
}

.mlogo {
	position: fixed;
	top: 0;
	right: 0;
	width: 50px;
	padding: 5px 15px;
	background-color: #fff;
	border-bottom-left-radius: 20px;
	z-index: 1000;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.7);
}

.mlogo img {
	width: 100%;
}

.mainh {
	background-image: url(../img/blur.png);
	background-position: left top;
	background-size: 50px;
	background-repeat: repeat;
	border-radius: 10px;
	margin: 50px auto 0;
	display: flex;
	padding: 10px 20px;
	align-items: center;
	width: calc(100% - 40px);
	max-width: 1600px;
}

.mainh h3 {
	margin: 0 20px 0 0px;
}

.mainh .inputbg {
	margin: 0 20px 0 0px;
}

.mainh a.button, .mainh button.button, .mainh .button {
	margin: 0 20px 0 0px;
}

.main {
	display: flex;
	justify-content: space-between;
	width: calc(100% - 40px);
	max-width: 1600px;
	margin: 50px auto 20px;
}

.main.alt {
	flex-wrap: wrap;
}

.mainh + .main {
	margin-top: 20px;
}

.list{
	background-image: url(../img/blur.png);
	background-position: left top;
	background-size: 50px;
	background-repeat: repeat;
	border-radius: 10px;
	padding: 10px 20px;
	width: 100%;
	min-height: calc(100vh - 70px);
}

.mainh + .main .list {
	min-height: calc(100vh - 150px);
}

.mainh + .main.alt .list {
	min-height: auto;
}

.list + .list {
	min-height: auto;
	margin-top: 20px;
}
.modcont table, .list table {
	width: 100%;
}

.list th, .list td, .modcont td {
	text-align: center;
	padding: 10px 5px;
	font-size: 12px;
}

.list tr:nth-child(odd) td, .modcont tr:nth-child(odd) td {
	background-color: #fff;
	color: #555;
}
.lista {
	width: 140px;
}

.lista a.yaenlista{
	background-color: green;
	cursor: pointer;
}

.lista a {
	display: inline-block;
	margin: 0 2px;
	padding: 5px 0;
	color: #fff;
	background-color: #176db7;
	border-radius: 5px;
	width: 25px;
	cursor: pointer;
}

.lista input[type=checkbox] {
	width: 18px;
	height: 18px;
	cursor: pointer;
	accent-color: var(--yuc-guinda);
}

.edit {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;	
}

.edit .inputbg {
	max-width: none;
	width: calc(50% - 10px);
	margin: 10px 0;
}

.list h4 {
	text-align: center;
	font-size: 1.3rem;
	width: 100%;
	margin: 10px 0;
}

.editbox {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	background-color: rgba(255,255,255,.8);
	border-radius: 5px;
	padding: 5px 10px;
	margin: 10px 0;
}
.check {
	width: 250px;
	margin: 10px 0;
}

.infobg {
	position: relative;
	background: rgb(200,200,200);
	background: linear-gradient(135deg, #000 0%, #176db7 100%);
	padding: 2px;
	border-radius: 5px;
	margin: 20px 0 10px;
	width: calc(50% - 10px);
	transition: background .7s ease;
}

.infobg p {
	position: relative;
	width: 100%;
	background-color: #fff;
	border: 2px solid #fff;
	color: #222;
	border-radius: 5px;
	padding: 5px 15px;
	margin: 0;
	min-height: 36px;
}

.edit .inputbg {
	margin: 20px 0 10px;
}

.tagname {
	position: absolute;
	color: #fff;
	background-color: #000;
	font-size: .7rem;
	bottom: calc(100% - 2px);
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	padding: 2px 5px;
	left: 10px;
	line-height: 1;
}

.delfield {
	cursor: pointer;
	position: absolute;
	color: #fff;
	background-color: #000;
	font-size: .7rem;
	bottom: calc(100% - 2px);
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	padding: 2px 5px;
	right: 10px;
	line-height: 1;
}

.tagchange, .taglevan {
	position: absolute;
	color: #fff;
	background-color: #b97124;
	font-size: .7rem;
	bottom: calc(100% - 2px);
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	padding: 2px 5px;
	right: 10px;
	line-height: 1;
}

.taglevan {
	background-color: #287911;
}

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

.modbg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,.9);
}

.modal > i {
	position: absolute;
	top: 5px;
	right: 20px;
	color: #fff;
	font-size: 1.3rem;
	cursor: pointer;
}

.modcont {
	background-image: url(../img/blur.png);
	background-position: left top;
	background-size: 50px;
	background-repeat: repeat;
	border-radius: 10px;
	position: absolute;
	width: 80%;
	max-width: 600px;
	max-height: 90vh;
	overflow: scroll;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 10px;
	padding: 20px;
	text-align: center;
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.5);
	display: flex;
	flex-direction: column;
	align-items: center;
}

.file, .file:visited {
	text-align: center;
	color: inherit;
	margin: 20px 20px;
	width: 100px;
}

.file i {
	font-size: 2.3rem;
}

.file p {
	line-height: 1.4;
	font-size: 0.7rem;
	margin: 5px 0 0;
	 word-wrap: break-word;
}

.modlist {
	background-image: url(../img/blur.png);
	background-position: left top;
	background-size: 50px;
	background-repeat: repeat;
	border-radius: 10px;
	position: absolute;
	width: 80%;
	height: 80%;
	left: 10%;
	top: 10%;
	border-radius: 10px;
	padding: 20px;
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.5);
	overflow: auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}

.modlist h5, .modlist p {
	width: 100%;
	margin: 10px 0;
}

.modlist h4 {
	width: 100%;
	margin: 10px 0;
	text-align: center;
}

.modlist hr {
	width: 100%;
	margin: 0;
}

.modlist i {
	position: initial;
	top: auto;
	right: auto;
	color: inherit;
	font-size: inherit;
	cursor: default;
}

.modlist .inputbg {
	width: calc(100% - 80px);
	margin: 0 10px 20px 0;
	max-width: 70%;
}

.modlist a.button {
	background-color: rgba(240, 90, 30, 1);
	margin: 0 0 20px;
}

.modlist button.button {
	margin: 20px auto;
}

.select2 {
	position: absolute;
	width: 100%;
	left: 0;
	top: 100%;
	background-color: #fff;
	box-shadow: 5px 5px 10px -2px rgba(0, 0, 0, 0.50);
	padding: 5px 0;
	border-radius: 5px;
	display: none;
	z-index: 2;
}

.select2 a {
	display: block;
	cursor: default;
	margin: 5px 0;
	padding: 5px 10px;
	transition: all .7s ease;
}

.select2 a.active {
	background-color: rgba(9,144,189,1);
	color: #fff;
}

select:focus, textarea:focus, input:focus{
    outline: none;
}

.menu {
	display: none;
	position: fixed;
	background: rgba(25, 19, 22, .72);
	backdrop-filter: blur(5px);
	width: 100vw;
	height: 100vh;
	left: 0;
	top: 0;
	z-index: 40000;
}

.menu .menu-panel {
	color: #3b0f1d;
	background: rgba(255,255,255,.96);
	border-top: 6px solid #691c32;
	box-shadow: 0 18px 48px rgba(0,0,0,.3);
	width: min(680px, calc(100vw - 34px));
	max-height: calc(100vh - 70px);
	margin: 34px auto;
	padding: 18px;
	overflow: auto;
	height: auto;
}

.menu .menu-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	border-bottom: 1px solid #eadde2;
	padding: 0 0 14px;
	margin-bottom: 14px;
}

.menu .menu-head img {
	max-width: 220px;
	max-height: 54px;
	object-fit: contain;
}

.menu .menu-head span {
	color: #691c32;
	font-weight: 800;
	text-transform: uppercase;
}

.menu .menu-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 10px;
	padding: 0;
	height: auto;
}

.menu > i {
	position: absolute;
	top: 18px;
	right: 28px;
	color: #fff;
	font-size: 1.5rem;
	cursor: pointer;
}

.menu a {
	width: auto;
	text-align: center;
	color: #3b0f1d;
	text-decoration: none;
	cursor: pointer;
	background: #fff;
	border: 1px solid #eadde2;
	border-radius: 8px;
	padding: 14px 10px 12px;
	box-shadow: 0 4px 14px rgba(105,28,50,.08);
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.menu a:hover {
	transform: translateY(-2px);
	border-color: #bc955c;
	box-shadow: 0 8px 18px rgba(105,28,50,.16);
}

.menu a i {
	border: 0;
	border-radius: 0;
	font-size: 2rem;
	padding: 0;
	color: #691c32;
}

.menu a p { 
	font-size: 0.8rem;
	margin: 10px 0 0;
}

.icons {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;	
	align-items: flex-start;
	gap: 18px;
	padding: 18px;
}

.icon-section-title {
	width: 100%;
	margin: 16px 0 0;
	padding: 0 4px 8px;
	text-align: left;
	color: var(--yuc-guinda);
	border-bottom: 1px solid rgba(105,28,50,.18);
	font-size: 1rem;
	font-weight: 800;
	text-transform: uppercase;
}

.icon, .icon:visited {
	width: 156px;
	min-height: 132px;
	margin: 0;
	padding: 18px 12px 14px;
	text-decoration: none;
	text-align: center;
	color: var(--yuc-guinda-dark);
	background: #fff;
	border: 1px solid rgba(105,28,50,.13);
	border-radius: 8px;
	box-shadow: 0 12px 26px rgba(59,15,29,.10);
	transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.icon:hover {
	transform: translateY(-2px);
	border-color: rgba(188,149,92,.65);
	box-shadow: 0 18px 34px rgba(59,15,29,.16);
}

.icon i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 62px;
	height: 62px;
	font-size: 2rem;
	padding: 0;
	color: #fff;
	background: linear-gradient(135deg, var(--yuc-guinda-dark), var(--yuc-guinda));
	border: 0;
	border-radius: 8px;
	box-shadow: inset 0 -3px 0 rgba(0,0,0,.16), 0 8px 18px rgba(105,28,50,.22);
}

.icon p {
	font-size: .82rem;
	font-weight: 600;
	letter-spacing: .02em;
	text-transform: uppercase;
	color: var(--yuc-ink);
	line-height: 1.2;
	margin: 12px 0 0;
}

.levant-page {
	width: 100%;
	display: block;
	padding: 8px 2px 28px;
}

.levant-icon-section {
	width: 100%;
	margin: 0 0 28px;
}

.levant-icon-section .icon-section-title {
	margin-top: 0;
}

.levant-icon-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(156px, 176px));
	gap: 18px;
	justify-content: start;
	align-items: stretch;
	padding: 18px 4px 8px;
}

.levant-icon-grid .icon {
	width: 100%;
	min-height: 150px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.checkup {
	opacity: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}

.checkup + span {
	position: absolute;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	transition: background-color .5s ease-in-out;
	background-color: #aaa;
	border-radius: 5px;
	text-align: center;
}

.checkup + span i {
	color: #e61212;
	line-height: 26px;
	font-size: 1.2rem;
	transition: color .5s ease-in-out;
}

.checkup:checked + span i:before{
	content: "\f00c";
}

.checkup:checked + span i {
	color: #fff;
}

.checkup:checked + span {
	background-color: #176db7;
}

.campos .infobg.checkbg {
	max-width: 120px; 
	margin-right: 20px;
}

.infobg.checkbg {
	max-width: 120px; 
	margin-right: calc(50% - 130px);
}

.infobg.checkbg p {
	min-height: 32px;
	padding: 0
}

.slide img {
	width: 100%;
	object-fit: contain;
}

.arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	font-size: 2.5rem;
	z-index: 10;
}

.aleft {
	right: calc(100% + 5px);
}

.aright {
	left: calc(100% + 5px);
}

td.listt {
	max-width: 500px;
}

.MarkupPagerNav {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	margin: 16px 0 0;
	padding: 0;
	flex-wrap: wrap;
}

.MarkupPagerNav li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.MarkupPagerNav li a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 34px;
	height: 34px;
	padding: 0 11px;
	color: #fff;
	background-color: var(--yuc-guinda);
	border-radius: 7px;
	text-decoration: none;
	font-size: .8rem;
	box-shadow: 0 6px 14px rgba(105,28,50,.16);
}

.MarkupPagerNav li.MarkupPagerNavOn a {
	background-color: #fff;
	color: var(--yuc-guinda);
	border: 1px solid var(--yuc-gold);
	box-shadow: none;
}

.pager-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 14px;
}

.pager-summary {
	color: var(--yuc-muted);
	font-size: .82rem;
	font-weight: 600;
}

.pager-gap {
	color: var(--yuc-muted);
	padding: 0 4px;
}

.go-page {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--yuc-muted);
	font-size: .82rem;
}

.go-page input {
	width: 70px;
	height: 34px;
	border: 1px solid var(--yuc-line);
	border-radius: 7px;
	text-align: center;
}

.go-page .button {
	width: 34px;
	height: 34px;
	padding: 0;
}

.searchlist {
	display: none;
}

.login-brand,
.login-error,
.forgot-pass {
	position: relative;
}

.login-brand {
	margin-bottom: 18px;
	text-align: center;
}

.login-brand p {
	margin: 0 0 4px;
	color: var(--yuc-gold);
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .18em;
	text-transform: uppercase;
}

.login-brand h1 {
	max-width: 440px;
	margin: 0 auto;
	color: var(--yuc-guinda-dark);
	font-size: 1.45rem;
	font-weight: 700;
	line-height: 1.18;
}

.login-error {
	width: 100%;
	max-width: 500px;
	margin: -14px auto 16px;
	padding: 10px 14px;
	color: #7a1430;
	background: rgba(159,34,65,.08);
	border: 1px solid rgba(159,34,65,.22);
	border-radius: 7px;
	font-weight: 700;
}

.forgot-pass {
	margin: 8px 0 0;
}

.asset-search-panel {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.asset-search-main {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 7px;
	width: 100%;
}

.asset-search-main > .inputbg,
.asset-search-main > .button,
.asset-search-main > a.button,
.asset-search-filters > .inputbg {
	margin: 0;
}

.asset-search-input {
	flex: 1 1 520px;
	min-width: 260px;
}

.asset-search-filters {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	width: 100%;
	padding-top: 10px;
	border-top: 1px solid rgba(105,28,50,.12);
}

.subfilter-line-label {
	flex: 0 0 auto;
	color: var(--yuc-guinda-dark);
	font-size: .76rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
}

.subfilter-select {
	flex: 0 1 230px;
	max-width: 230px;
}

.subfilter-value-wrap {
	flex: 1 1 260px;
	max-width: 420px;
}

.asset-search-main > .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 42px;
	width: 42px;
	height: 42px;
	padding: 0;
}

.asset-search-main > .glist {
	flex-basis: 58px;
	width: 58px;
}

select {
	text-transform: uppercase;
}

.plegable {
	position: relative;
	background: linear-gradient(135deg, var(--yuc-guinda) 0%, var(--yuc-gold) 100%);
	border: 1px solid rgba(105,28,50,.16);
	border-radius: 6px;
	padding: 4px;
	box-shadow: 0 8px 18px rgba(59,15,29,.10);
	transition: box-shadow .2s ease, transform .2s ease;
	margin-bottom: 20px;
	width: 100%;
	max-width: 900px;
}

.plegable:hover {
	box-shadow: 0 12px 26px rgba(59,15,29,.16);
}

.plegable header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 5px;
	padding: 10px 20px;
	background: #fff;
}

.plegable h3 {
	margin: 0 5px;
}

.ubutton {
	display: inline-block;
	margin: 0 2px;
	padding: 5px 0;
	color: #fff;
	background-color: #176db7;
	border-radius: 5px;
	width: 25px;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
}

.ubutton.del {
	background-color: #a03838;
}

.ubutton.show {
	height: 25px;
	position: relative;
}

.ubutton.show:after, .ubutton.show:before {
	content: "";
	width: 40%;
	position: absolute;
	height: 2px;
	background-color: #fff;
	top: calc(50% - 1px);
	transition: transform .5s ease;
}

.ubutton.show:after {
	transform: rotate(45deg);
	right: calc(50% - 2px);
}

.ubutton.show:before {
	transform: rotate(-45deg);
	left: calc(50% - 2px);
}

.open > header .ubutton.show:after {
	transform: rotate(-45deg);
}

.open > header .ubutton.show:before {
	transform: rotate(45deg);
}


.plebox {
	display: none;
	background-color: #fff;
	padding: 10px;
	margin-top: 10px;
	border-radius: 5px;
}

.eventos {
	display: flex;
	width: 100%;
	justify-content: center;
	flex-wrap: wrap;
	align-items: flex-start;
}
.event {
	width: 100%;
	max-width: 400px;
	margin: 20px;
	background-color: #fff;
	border: 2px solid #000;
	border-radius: 8px;
	color: #848484;
	padding: 20px 20px;
	font-family: Helvetica, sans-serif;
}

.iconev {
	width: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
}

.event h3 {
	width: calc(100% - 45px);
	display: inline-block;
	vertical-align: middle;
	font-weight: 700;
	margin: 0;
	line-height: .7;
	font-family: Helvetica, sans-serif;
}

.infoev {
	margin: 0 0 20px 45px;
}

.infoev p {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 5px 0px 0px;
	line-height: .7;
}

.infoev img {
	height: 12px;
	display: inline-block;
	vertical-align: baseline;
	margin: 0px 5px 0px 0px;
}


.event td, .list .event tr:nth-child(odd) td {
	margin: 0 5px 0 0;
	height: 18px;
	font-size: 1rem;
	color: #848484;
	padding: 0 0 10px;
	text-align: left;
	vertical-align: baseline;
}

.event td:first-child {
	width: 40px;
}

.event td img {
	width: 50%;
}

.infoev p.evgl {
	width: calc(100% - 25px);
	word-break: break-all;
	line-height: 1;
	vertical-align: baseline;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden,
[hidden] {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

/*
 * Extends the .sr-only class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}



/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media (max-width: 600px) { 

.edit .inputbg, .infobg {
	width: 100%;
}

.loging picture {
	width: 80%;
}

.list {
	overflow: auto;
}

body {
	background: rgb(200,200,200);
}  

}

@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 1.25dppx),
  (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Gobierno de Yucatan theme
   ========================================================================== */

:root {
  --yuc-guinda: #691c32;
  --yuc-guinda-dark: #3b0f1d;
  --yuc-guinda-soft: #8a2442;
  --yuc-gold: #bc955c;
  --yuc-gold-soft: #d8c09a;
  --yuc-ink: #1f1b1d;
  --yuc-muted: #685d61;
  --yuc-line: rgba(105,28,50,.16);
  --yuc-panel: rgba(255,255,255,.91);
  --yuc-panel-strong: rgba(255,255,255,.97);
}

body {
	background: #f3eff1;
	background:
		linear-gradient(180deg, rgba(105,28,50,.10) 0, rgba(105,28,50,0) 260px),
		#f3eff1;
	color: var(--yuc-ink);
}

.loging {
	width: min(92vw, 520px);
	height: auto;
	min-height: 0;
	padding: 34px 36px 30px;
	background: rgba(255,255,255,.94);
	border: 1px solid rgba(105,28,50,.12);
	border-top: 5px solid var(--yuc-guinda);
	box-shadow: 0 22px 48px rgba(59,15,29,.18);
	overflow: visible;
}

.loging .bg {
	background:
		linear-gradient(145deg, rgba(255,255,255,.98), rgba(247,244,242,.92));
	filter: none;
	opacity: 1;
	border-radius: 9px;
}

.loging picture {
	width: 100%;
	max-width: 390px;
	height: 118px;
	margin: 0 auto 22px;
	padding: 16px 20px;
	background: #fff;
	border: 1px solid rgba(188,149,92,.28);
	border-radius: 8px;
	box-shadow: 0 10px 24px rgba(59,15,29,.08);
}

.loging picture img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.loging .inputbg {
	max-width: 440px;
	margin-bottom: 14px;
}

.loging input {
	min-height: 44px;
	font-size: .95rem;
	text-align: left;
}

.loging .button {
	margin-top: 4px;
	padding: 12px 26px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	letter-spacing: .04em;
}

a:visited, a {
	color: var(--yuc-guinda);
}

.inputbg, .infobg {
	background: var(--yuc-panel-strong);
	border: 1px solid var(--yuc-line);
	border-left: 4px solid var(--yuc-guinda);
	box-shadow: 0 8px 18px rgba(59,15,29,.08);
}

.inputbg input:focus, .inputbg select:focus, .inputbg textarea:focus {
	border-color: var(--yuc-gold);
	box-shadow: 0 0 0 3px rgba(188,149,92,.20);
	outline: 0;
}

a.button, button.button, .button,
.lista a,
.ubutton,
.slidebtn,
.ubutton.show {
	background-color: var(--yuc-guinda);
	color: #fff;
	border-radius: 6px;
	box-shadow: 0 6px 14px rgba(105,28,50,.18);
	font-weight: 400;
}

a.button:visited,
.button:visited,
.lista a:visited,
.ubutton:visited,
.slidebtn:visited {
	color: #fff;
}

button.button:hover, .button:hover,
.lista a:hover,
.ubutton:hover {
	background-color: var(--yuc-guinda-dark);
	color: #fff;
}

.bar {
	background-color: #fff;
	border-bottom: 3px solid var(--yuc-gold);
	box-shadow: 0 4px 18px rgba(59,15,29,.14);
}

.bar a, .gomenu {
	color: var(--yuc-guinda-dark);
}

.mlogo {
	border-bottom: 3px solid var(--yuc-gold);
	width: 180px;
	padding: 8px 14px;
}

.mlogo img {
	object-fit: contain;
}

.mainh, .list, .modcont, .modlist {
	background-image: none;
	background-color: var(--yuc-panel);
	border: 1px solid rgba(255,255,255,.72);
	box-shadow: 0 16px 36px rgba(59,15,29,.12);
	backdrop-filter: blur(8px);
}

.mainh {
	border-radius: 8px;
	border-top: 4px solid var(--yuc-guinda);
}

.mainh h3 {
	color: var(--yuc-guinda-dark);
	font-weight: 400;
}

.list {
	border-radius: 8px;
	min-height: auto;
}

.edit {
	gap: 10px;
}

.list th, .modcont th {
	color: var(--yuc-guinda-dark);
	border-bottom: 2px solid var(--yuc-gold);
	background: rgba(188,149,92,.14);
	font-weight: 700;
}

.list tr:nth-child(odd) td, .modcont tr:nth-child(odd) td {
	background-color: #fff;
	color: var(--yuc-ink);
}

.list tr:nth-child(even) td, .modcont tr:nth-child(even) td {
	background-color: rgba(255,255,255,.52);
	color: var(--yuc-ink);
}

.list td, .modcont td {
	border-bottom: 1px solid rgba(105,28,50,.09);
}

.list table {
	border-collapse: separate;
	border-spacing: 0;
}

.reallist, .searchlist {
	background: #fff;
	border: 1px solid var(--yuc-line);
	border-radius: 8px;
	overflow: hidden;
}

.reallist th:first-child,
.reallist td:first-child,
.searchlist th:first-child,
.searchlist td:first-child {
	padding-left: 12px;
}

.lista a,
.lista .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	width: 30px;
	height: 30px;
	line-height: 1;
	padding: 0;
	margin: 2px;
	background-color: var(--yuc-guinda);
	color: #fff;
	vertical-align: middle;
}

.lista a i,
.lista .button i {
	line-height: 1;
	margin: 0;
}

.lista {
	min-width: 136px;
}

.limitbg {
	flex: 0 1 136px;
	max-width: 136px;
}

.tagname, .delfield {
	background-color: var(--yuc-guinda-dark);
	border-radius: 4px;
	font-weight: 400;
}

.tagchange {
	background-color: var(--yuc-gold);
	color: var(--yuc-guinda-dark);
}

.taglevan, .lista a.yaenlista {
	background-color: #28724f;
}

.lista a.blocked {
	opacity: .45;
	filter: grayscale(.35);
}

.select2 a.active {
	background-color: var(--yuc-guinda);
}

.infobg p {
	color: var(--yuc-ink);
	font-weight: 400;
}

.inputbg input, .inputbg select, .inputbg textarea {
	border-color: rgba(105,28,50,.12);
	min-height: 38px;
}

.search {
	min-height: 38px;
}

.modal .modcont {
	border-top: 4px solid var(--yuc-guinda);
}

@media (max-width: 760px) {
	body {
		background: #f3eff1;
		display: block !important;
		min-height: 100vh;
		padding-top: 58px;
		overflow-x: hidden;
	}

	.bar {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		width: 100%;
		border-radius: 0;
		padding: 8px 10px 8px max(10px, env(safe-area-inset-left, 0px));
		display: flex;
		justify-content: flex-start;
		gap: 4px;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scroll-padding-left: 10px;
		border-bottom: 4px solid var(--yuc-gold);
	}

	.bar a {
		flex: 0 0 38px;
		width: 38px;
		height: 38px;
		font-size: 1.05rem;
	}

	.mlogo {
		display: none;
	}

	.mainh {
		margin-top: 12px;
		padding: 12px;
		gap: 8px;
		flex-wrap: wrap;
		align-items: stretch;
		justify-content: flex-start;
		overflow: visible;
	}

	.mainh h3 {
		flex: 1 1 100%;
		margin: 0;
	}

	.asset-search-main {
		align-items: stretch;
	}

	.asset-search-filters {
		align-items: stretch;
	}

	.asset-search-input {
		flex-basis: 100%;
	}

	.mainh .inputbg,
	.mainh a.button,
	.mainh button.button,
	.mainh .button {
		margin: 0;
	}

	.mainh a.button,
	.mainh button.button,
	.mainh .button {
		flex: 0 0 auto;
		min-width: 44px;
	}

	.mainh .inputbg {
		max-width: none;
	}

	.limitbg {
		width: calc(50% - 4px);
	}

	.subfilter-line-label {
		flex-basis: 100%;
	}

	.subfilter-select,
	.subfilter-value-wrap,
	.limitbg {
		flex: 1 1 calc(50% - 4px);
		max-width: none;
	}

	.main {
		width: calc(100% - 16px);
		max-width: calc(100% - 16px);
		margin-top: 12px;
		margin-left: auto;
		margin-right: auto;
	}

	.list {
		padding: 10px;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scroll-padding-left: 10px;
		max-width: 100%;
	}

	.list table {
		min-width: max-content;
	}

	.list th,
	.list td,
	.modcont td {
		font-size: 11px;
		padding: 8px 5px;
	}

	.lista {
		min-width: 78px;
	}

	.lista a,
	.lista .button {
		width: 34px;
		height: 34px;
		margin: 3px;
	}

	.pager-wrap {
		justify-content: center;
		text-align: center;
	}

	.MarkupPagerNav li a {
		min-width: 36px;
		height: 36px;
	}

	.icons {
		padding: 10px 0 18px;
		justify-content: flex-start;
		gap: 12px;
	}

	.levant-page {
		padding: 0 0 18px;
	}

	.levant-icon-section {
		margin-bottom: 22px;
	}

	.levant-icon-grid {
		grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
		gap: 12px;
		padding: 14px 0 4px;
	}

	.levant-icon-grid .icon {
		min-height: 132px;
		padding: 14px 8px 12px;
	}

	.levant-icon-grid .icon i {
		width: 54px;
		height: 54px;
		font-size: 1.7rem;
	}

	.levant-icon-grid .icon p {
		font-size: .78rem;
		line-height: 1.18;
		overflow-wrap: anywhere;
	}
}

.gallery-item {
	position: relative;
	text-align: center;
}

.gallery-item .delimg {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 3;
	background-color: #9f2241;
}

.transferencia-main {
	width: min(1180px, calc(100vw - 32px));
	margin: 96px auto 40px;
}

.transfer-panel {
	background: #fff;
	border-top: 5px solid var(--yuc-burgundy);
	box-shadow: 0 12px 34px rgba(34, 20, 25, .12);
	padding: 24px;
	text-align: left;
}

.transfer-head {
	display: flex;
	justify-content: space-between;
	gap: 18px;
	align-items: flex-start;
	border-bottom: 1px solid #eadde2;
	padding-bottom: 16px;
	margin-bottom: 18px;
}

.transfer-head h1,
.transfer-preview h2 {
	color: var(--yuc-burgundy);
	margin: 0 0 6px;
	font-weight: 500;
}

.transfer-head p,
.transfer-preview p {
	margin: 0;
	color: #51464a;
}

.transfer-grid {
	display: grid;
	grid-template-columns: .8fr 1fr 1fr;
	gap: 14px;
	align-items: end;
}

.transfer-grid label,
.transfer-person label {
	display: block;
	font-size: 12px;
	font-weight: 700;
	color: var(--yuc-burgundy);
	margin: 0 0 5px;
	text-transform: uppercase;
}

.transfer-grid select,
.transfer-grid input[type="search"] {
	width: 100%;
	box-sizing: border-box;
	min-height: 42px;
	border: 1px solid #eadde2;
	border-left: 4px solid var(--yuc-burgundy);
	background: #fff;
	color: #241f21;
	padding: 8px 10px;
	box-shadow: 0 4px 14px rgba(34, 20, 25, .08);
}

.transfer-person {
	display: grid;
	grid-template-columns: 1fr;
	gap: 6px;
}

.transfer-actions {
	display: flex;
	justify-content: flex-end;
	margin-top: 16px;
}

.transfer-alert {
	padding: 10px 12px;
	border-left: 5px solid var(--yuc-burgundy);
	background: #f4edf0;
	margin: 0 0 16px;
	font-weight: 700;
}

.transfer-alert.ok {
	border-left-color: #287449;
}

.transfer-alert.bad {
	border-left-color: #b13b3b;
}

.transfer-preview {
	margin-top: 22px;
	border-top: 1px solid #eadde2;
	padding-top: 18px;
}

.transfer-select-tools {
	display: flex;
	gap: 8px;
	align-items: center;
	flex-wrap: wrap;
	margin: 12px 0;
}

.mini-action {
	border: 0;
	border-radius: 5px;
	background: var(--yuc-burgundy);
	color: #fff;
	font-weight: 700;
	padding: 8px 10px;
	cursor: pointer;
}

.transfer-table-wrap {
	max-height: 520px;
	overflow: auto;
	border: 1px solid #eadde2;
}

.transfer-table {
	min-width: 980px;
	width: 100%;
}

.transfer-table th {
	position: sticky;
	top: 0;
	z-index: 1;
}

.transfer-table .check-cell {
	text-align: center;
}

.transfer-table input[type="checkbox"] {
	width: 20px;
	height: 20px;
	accent-color: var(--yuc-burgundy);
}

.transfer-empty {
	background: #f4edf0;
	border-left: 5px solid var(--yuc-gold);
	padding: 12px;
	margin: 14px 0 0;
}

.levant-extra {
	width: min(1180px, calc(100vw - 32px));
	margin: 18px auto;
	background: #fff;
	border-top: 4px solid var(--yuc-burgundy);
	box-shadow: 0 10px 26px rgba(34, 20, 25, .10);
	padding: 16px;
	text-align: left;
}

.levant-extra h3 {
	color: var(--yuc-burgundy);
	margin: 0 0 12px;
	font-weight: 500;
}

.levant-extra-form {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	align-items: end;
}

.levant-extra-form .inputbg {
	margin: 0;
	max-width: none;
	width: 100%;
}

.levant-extra-form button {
	justify-self: start;
}

.extra-table-wrap {
	margin-top: 14px;
	overflow: auto;
	max-height: 360px;
}

.extra-table {
	min-width: 840px;
	width: 100%;
}

@media (max-width: 820px) {
	.transferencia-main {
		width: calc(100% - 16px);
		margin-top: 72px;
	}

	.transfer-panel {
		padding: 14px;
	}

	.transfer-head,
	.transfer-grid {
		display: block;
	}

	.transfer-head .button {
		margin-top: 12px;
	}

	.transfer-grid > div,
	.transfer-person {
		margin-bottom: 12px;
	}

	.levant-extra {
		width: calc(100% - 16px);
	}

	.levant-extra-form {
		grid-template-columns: 1fr;
	}
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /*
   * Printing Tables:
   * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}