/* CSS Document */

:root {
    --border-color: #284467;
    --color-azul: #3748F5;
	--color-amarillo: #EEB42B;
	--color-verde: #549583;
    --color-rojo: #FF4E3F;
    --color-blanco: #ffffff;
	--box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.20);
    --font-black: "CodeProBlack";
}
@font-face {font-family: "CodeProBlack"; src: url("../webfonts/CodeProBlack.eot"); src: url("../webfonts/CodeProBlack.eot?#iefix") format("embedded-opentype"), url("../webfonts/CodeProBlack.woff") format("woff2"), url("../webfonts/CodeProBlack.woff") format("woff"), url("../webfonts/CodeProBlack.ttf") format("truetype"), url("../webfonts/CodeProBlack.svg#CodeProBlack") format("svg"); }

html, body {font-size:15px; font-family: 'Lato', sans-serif;; margin:0px; padding:0px; color:#090909;  height: 100%; }
a {color:#000;text-decoration: none;}
a:hover {text-decoration: underline; color: #333}
h1, h2, h3, h4, h5, h6 {margin: 0;font-family: inherit;font-weight: 300; color:inherit; text-rendering: optimizelegibility;}
strong{font-weight:600}
p{margin:0px; margin-bottom:4px; font-weight: 300}
ul{margin:0px; }
hr{margin-top:5px; margin-bottom:5px; padding:0px; height:1px; border:0px; background-color:#cccccc}
img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
* { box-sizing: border-box; }
.img-circle{border-radius:50%; height:inherit}
BODY#tinymce{margin:12px !important;}
.clearfix{clear:both}
.hide{display:none !important}f
.pc{display:inline}
.movil{display:none !important;}
.pull-right, .float-right{float:right}
.pull-left, .float-left{float:left}
.align-left, .text-left{text-align:left !important;}
.align-center{text-align:center !important;}
.align-right, .text-right{text-align:right !important;}
.align-justify{text-align:justify !important;}
.display-inline{display:inline !important; width: auto;}
.display-block{display:block !important;}
.display-flex{display:flex !important;}
.display-inline-flex{display:inline-flex!important;}
.justify-content-start { justify-content: flex-start !important;}
.justify-content-end { justify-content: flex-end !important;}
.justify-content-center { justify-content: center !important;}
.justify-content-between { justify-content: space-between !important;}
.justify-content-around { justify-content: space-around !important;}
.justify-content-evenly { justify-content: space-evenly !important;}
.align-items-start { align-items: flex-start !important;}
.align-items-end { align-items: flex-end !important;}
.align-items-center { align-items: center !important;}
.flex-none{flex:none;}
.flex-direction-column{flex-direction:column;}
.gap-8  { gap:  8px !important;}
.gap-12 { gap: 12px !important;}
.gap-16 { gap: 16px !important;}
.gap-24 { gap: 24px !important;}
.gap-32 { gap: 32px !important;}

IMG.invert{filter: invert();}
.cursiva{font-style:italic;}
.subrayado{text-decoration:underline;}
.desenfocado{-webkit-filter: blur(15px);}
.bold {font-weight: bold !important;}
.indent {padding-left: 1.5em;}
.text-hover:hover{opacity: 0.7;}
.h1seo{text-indent:-600px; font-size:0px; text-align:left; margin:0 !important;}
.margin_80{margin:80px;}
.margin_40{margin:40px;}
.margin_20{margin:20px;}
.margin_10{margin:10px !important; }
.padding_80{padding:80px;}
.padding_40{padding:40px;}
.padding_20{padding:20px;}
.padding_10{padding:10px;}
.mt-0{margin-top:0px !important;}
.mt-10{margin-top:10px;}
.mt-12{margin-top:12px;}
.mt-16{margin-top:16px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-48{margin-top:48px !important;}
.mb-0{margin-bottom:0px !important;}
.mb-6 {margin-bottom:6px  !important;}
.mb-8 {margin-bottom:8px  !important;}
.mb-10{margin-bottom:10px !important;}
.mb-12{margin-bottom:12px !important;}
.mb-16{margin-bottom:16px !important;}
.mb-20{margin-bottom:20px !important;}
.mb-24{margin-bottom:24px !important;}
.mb-30{margin-bottom:30px !important;}
.mb-32{margin-bottom:32px !important;}
.mb-36{margin-bottom:36px !important;}
.mb-40{margin-bottom:40px !important;}
.mb-64{margin-bottom:64px !important;}
.ml-20{margin-left:20px !important;}
.ml-30{margin-left:30px;}
.mr-20{margin-right:20px;}
.mr-16{margin-right:16px;}
.mr-8{margin-right:8px;}
.mr-30{margin-right:30px;}
.m-0{margin:0px !important; }
.pl-12{padding-left:12px;}
.pl-40{padding-left:40px;}
.p-0{padding:0px !important;}
.px-0{padding-left:0px !important; padding-right: 0px !important;}
.py-0{padding-top:0px !important; padding-bottom: 0px !important;}
.inline{display: inline !important}
.plantillas .bloque{padding:0 30px !important;}
.plantillas .bloque H3 { margin: 5px auto; font-size: 20px; font-weight: 500}
.flexbreak{flex-basis: 100%;height: 0;}
.section-full { min-height: 100vh; display: flex; align-items: center; flex-direction: column; justify-content: center;}
.flex-center{display: flex; flex-direction: row; justify-content: center; align-items: center}
.flex-start{display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start}
.flex-between{display: flex; flex-direction: row; justify-content: space-between; align-items: center}
.align-items-normal{align-items: stretch}
.overflow-x-auto{    overflow-x: auto;; -webkit-overflow-scrolling: touch;}
.noScroll{margin: 0; height: 100%; overflow: hidden}
.scroll-x{overflow-x: scroll;}
.codePro{font-family: 'CodeProBlack' !important;  }
.transition{transition: ease-in-out 0.2s; -webkit-transition: ease-in-out 0.2s; -moz-transition: ease-in-out 0.2s; -ms-transition: ease-in-out 0.2s; -o-transition: ease-in-out 0.2s;}
.position-relative{position: relative;}
.break-word{word-break: break-word;}
.help{ font-size: 85%; margin: 4px auto}
.max-width-1200{max-width: 1200px; margin: auto}
.max-width-1000{max-width: 1000px !important; margin: auto}
.max-width-800{max-width: 800px; margin: auto}
.max-width-700{max-width: 700px; margin: auto}
.max-width-600{max-width: 600px; margin: auto}
.max-width-200{max-width: 200px; margin: auto}
.max-width-100{max-width: 100px; margin: auto}
.font-weight-400{font-weight: 400 !important;}
.font-weight-700{font-weight: 700 !important;}
.width-100{width:100% !important; }
.width-auto{width:auto !important; }
.height-auto{height: auto !important;}
.grid-2{display: grid; grid-template-columns: repeat(2, minmax(0,1fr));}
.grid-3{display: grid; grid-template-columns: repeat(3, minmax(0,1fr));}
.grid-4{display: grid; grid-template-columns: repeat(4, minmax(0,1fr));}
.destacado-M{font-size: 16px !important;font-weight: 700 !important;line-height: 28px !important;text-transform: uppercase !important;}
.bodycopy-L {font-family: 'Lato'; font-size: 24px;font-weight: 400;line-height: 32px;}
.bodycopy-M{font-size: 18px !important;font-weight: 400 !important;line-height: 28px !important;}
.bodycopy-M-bold{font-size: 18px !important;font-weight: 700 !important;line-height: 28px !important;}
.bodycopy-S{font-size: 16px !important;font-weight: 400 !important;line-height: 26px !important;}
.bodycopy-S-bold{font-size: 16px;font-weight: 700;line-height: 26px;}
.disclaimer-M{font-size: 14px;font-weight: 400;line-height: 22px;}
.disclaimer-XS {font-size: 10px;font-weight: 400;line-height: 16px;}
.destacado-S{font-size: 14px;font-style: normal;font-weight: 700;line-height: 24px; /* 171.429% */text-transform: uppercase;}
.heading-XXS{font-family: 'CodeProBlack';font-size: 16px;font-style: normal;font-weight: 900;line-height: 18px;}
.heading-XS{font-size: 20px;font-family: 'CodeProBlack';font-style: normal;font-weight: 900;line-height: 20px;}
.heading-S{font-family: 'CodeProBlack';font-size: 24px;font-weight: 900;line-height: 24px;}
.heading-M{font-size: 40px;font-family: 'CodeProBlack';font-style: normal;font-weight: 900;line-height: 40px;}
.enlace-M{font-size: 16px;font-style: normal;font-weight: 700;line-height: 24px;text-decoration-line: underline;}
.message-S{font-size: 12px;font-weight: 500;line-height: 20px;}

.hamburger{padding:10px;display:inline-block;cursor:pointer;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.8}.hamburger-box{width:30px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:30px;height:2px;background-color:#000;border-radius:2px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-duration:.15s;transition-delay:.15s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse .hamburger-inner::after{top:-20px;transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear}.hamburger--collapse .hamburger-inner::before{transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transform:translate3d(0,-10px,0) rotate(-45deg);transition-delay:.32s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--collapse.is-active .hamburger-inner::after{tbop:0;opacity:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .27s linear}.hamburger--collapse.is-active .hamburger-inner::before{top:0;-ms-transform:rotate(-90deg);transform:rotate(-90deg);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .42s cubic-bezier(.215,.61,.355,1)}.hamburger--arrow.is-active .hamburger-inner::before{transform:translate3d(-8px,0,0) rotate(-45deg) scale(.7,1)}.hamburger--arrow.is-active .hamburger-inner::after{transform:translate3d(-8px,0,0) rotate(45deg) scale(.7,1)}.hamburger--arrow-r.is-active .hamburger-inner::before{transform:translate3d(8px,0,0) rotate(45deg) scale(.7,1)}.hamburger--arrow-r.is-active .hamburger-inner::after{transform:translate3d(8px,0,0) rotate(-45deg) scale(.7,1)}

.smaller .hamburger-inner, .smaller .hamburger-inner::after, .smaller .hamburger-inner::before{background-color: #000;}
.hamburger{padding: 5px;}

.glider-dot.active {background: var(--color-rojo) !important;}


/* GENERAL */
.cuerpo{width:1280px; margin:auto; clear:both; position: relative}
.fijo{position:fixed; width:100%; top:0px; z-index:200;}

BODY.modal-open{height: 100vh;
  overflow-y: hidden;}
HEADER{overflow:visible;  z-index:20;  position:relative; width:100%; /*background-color: var(--color-rojo);*/ }

.sombra{box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);}

.logo{	flex: none;	order: 0;	flex-grow: 0;	z-index: 0;	width: 114px;}
.logo-movil{position: absolute; width: 100%; text-align: center;     margin-top: 70px;}
.logo-movil IMG{width:90px}
.logo .nosmaller{display: block}
.logo .sismaller{display: none}
#mostrarmenu{text-align:center; clear:both; padding:0px 10px; display:none; font-size:28px; font-weight:bold; position: relative} /*#mostrarmenu A{color:#ffffff;}*/
#mostrarmenu .alerta{width:12px; height:12px; background:#25C318; position: absolute; right:8px; top:0px; border-radius: 50px; z-index: 2}

.outline-white {color: white; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}
	@supports((text-stroke: 2px white) or (-webkit-text-stroke: 2px white)) {.outline-white { color: transparent; -webkit-text-stroke: 2px white; text-stroke: 2px white; text-shadow: none; letter-spacing: 1px;}}
.outline-black {    color: black; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
	@supports((text-stroke: 2px black) or (-webkit-text-stroke: 2px black)) {.outline-black { color: transparent; -webkit-text-stroke: 2px black; text-stroke: 2px black; text-shadow: none; letter-spacing: 1px;}}


/** BANDA MENU **/

.header-bar{ display: flex; flex-direction: row; justify-content: space-between;	align-items: center; padding: 0px; gap: 16px;	height: 96px; flex: none;	order: 1; flex-grow: 1; z-index: 1; width: 100%;}
	.header-bar-nav{ display: flex;	flex-direction: row; align-items: center; padding: 0px;	gap: 40px;	/*width: 730px;*/	height: 48px; flex: none; order: 0;	flex-grow: 0;}
		.header-bar .navegacion{display: flex;	flex-direction: row;	align-items: flex-start;	padding: 0px;	gap: 32px;	/*width: 366px;*/	flex: none;	order: 0;flex-grow: 0;}
		.header-bar ul{list-style: none; padding:0px; margin:0px; font-size:0px; }
		.header-bar .navegacion li{display:inline-block; margin-left:32px; }
				.header-bar .navegacion li:first-child{margin-left: 0}
			.header-bar A{letter-spacing:0.8px; color:#000000;font-family: 'Lato';font-style: normal;font-weight: 700;font-size: 16px; position: relative;}
		.header-bar  A:hover{text-decoration: none}
		.header-bar .navegacion A.navegacion-link:hover::before, .header-bar .navegacion LI.activo A.navegacion-link::before{content: " "; display: block; position: absolute; bottom: -36px; background-color: var(--color-azul); height: 3px; width: 100%;}
		.header-bar .navegacion .division{width: 1px !important; background-color:#CCCFCF;; padding: 0; margin: 0; display: block;font-size: 16px; line-height: 28px;}
 
		.header-bar .pre-buscador {z-index: 10001; position: relative;}
		.header-bar .buscador{ box-sizing: border-box;	display: flex; flex-direction: row; align-items: flex-start; padding: 10px 16px; gap: 8px; width: 324px; height: 48px; border: 1px solid #CCCFCF; border-radius: 16px; flex: none;	order: 1; flex-grow: 0;  position: relative; /*overflow: hidden;*/}
		.header-bar .buscador INPUT{ height: 28px;	font-family: 'Lato';	font-style: normal;	font-weight: 500; font-size: 16px; line-height: 28px;	color: #999999;	flex: none;	order: 1; flex-grow: 0; margin: 0; padding: 0; border: 0; border-radius:0;}
		.header-bar .buscador-movil{display: none; width: 60px; text-align: center; }
		.header-bar .pre-buscador .foco{ position: absolute; top: 55px; left: 0; padding: 32px 16px; font-size: 16px; line-height: 26px;	font-weight: 700; min-width: 600px; display: none}
			.header-bar .pre-buscador .foco A{font-weight: 500;}
				.header-bar .pre-buscador .foco A:hover{color: var(--color-azul);}
			.header-bar .pre-buscador .foco .label{display: inline-block; font-weight: 500;font-size: 14px;line-height: 22px; color: #999999;padding: 4px 16px;border: 1px solid #999999;border-radius: 8px; margin:0 8px 8px 0;}
				.header-bar .pre-buscador .foco .label.label-xl{font-size: 18px;line-height: 32px;}
				.header-bar .pre-buscador .foco .label:hover{color: var(--color-azul); border-color: var(--color-azul);}
			.header-bar .pre-buscador .user{display: flex; flex-direction: row; align-items: center; gap:12px; margin: 16px 0;}
			.header-bar .pre-buscador .foto{position: relative;}
			.header-bar .pre-buscador .foto IMG{border-radius: 90px; width: 40px; height: 40px; }
			.header-bar .pre-buscador .name{font-weight: 500;font-size: 16px;line-height: 28px;}
		.header-bar .pre-buscador INPUT:focus  {color:#000}

		.header-bar .pre-buscador:focus-within  .buscador{ background-color: #fff; z-index: 99999999; outline: solid 3px var(--color-azul); outline-offset: -3px;}
			.header-bar .pre-buscador:focus-within  .overlay{display: block !important;}
			.header-bar .pre-buscador:focus-within  .foco{display: block !important;}

		.overlay{z-index: 10000; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); display: none}

		.header-bar-user{ display: flex;flex-direction: row;justify-content: flex-end;align-items: center;padding: 0px;gap: 16px; height: 28px;flex: none;order: 1;flex-grow: 0; position: relative;}
			.header-bar-user .navegacion li{ margin-left:15px; vertical-align: middle; white-space: nowrap;}
			.header-bar-user .navegacion .separacion {border-right: 1px solid #CCCFCF; height: 28px;}
		.header-bar-user .user{display: flex; flex-direction: row; align-items: center; gap:12px;}
			.header-bar-user .user .foto{position: relative; border-radius: 90px; background-color: #2E3CCC; width:40px; height: 40px;margin: auto; display: flex; align-items: center; justify-content: center;}
			.header-bar-user .user .foto IMG{border-radius: 90px; width: 40px; height: 40px; }
			.header-bar-user .user .foto-nombre{ font-size: 15px; line-height: 15px; font-family: 'CodeProBlack'; color: #8689DF; margin-top: 5px;}
			.header-bar-user .user .foto .alerta{width:12px; height:12px; background:#25C318; position: absolute; right:-8px; top:-8px; border-radius: 50px;}
			.header-bar-user .name{font-weight: 700;font-size: 16px;line-height: 28px; max-width: 136px; text-overflow: ellipsis;    white-space: nowrap;    overflow: hidden;}
			
		.header-bar-user .profile{position: absolute; box-shadow: 4px -2px 12px rgba(0, 0, 0, 0.08); right: 0;  top: 50px; /*display: flex;*/ display:none; flex-direction: row; font-size: 16px; line-height:16px;}
			.header-bar-user .profile .data{text-align: center; border-right: 1px solid #CCCFCF; padding:34px;}
			.header-bar-user .profile .foto{border-radius: 90px; background-color: #2E3CCC; width:96px; height:96px;margin: auto; display: flex; align-items: center; justify-content: center;margin-bottom: 8px;}
			.header-bar-user .profile .foto IMG{border-radius: 90px; width:96px; height:96px; }
			.header-bar-user .profile .foto-nombre{    font-size: 40px; line-height: 40px;   font-family: 'CodeProBlack';    color: #8689DF;   margin-top: 10px;}
			.header-bar-user .profile .name{font-size:18px;line-height:28px; margin-bottom: 8px; max-width: none; white-space: normal;}
			.header-bar-user .profile .profile-menu{padding:34px;}
			.header-bar-user .profile li{ margin:9px 0px; vertical-align: middle; display: flex; min-width: 190px; position: relative}
			.header-bar-user .profile A{ display: block;} .header-bar-user .profile A:hover{ color: var(--color-azul); }
			.header-bar-user .profile li IMG{margin-right: 18px}
			.header-bar-user .profile li.separacion-gris {margin:15px 0;}
			.header-bar-user .profile li A:hover { color: var(--color-azul); }
				.header-bar-user .profile li SVG {vertical-align: middle; margin-right: 18px}
				.header-bar-user .profile li:hover SVG{fill:var(--color-azul) !important; }

			.header-bar-user .profile li .alerta{width: 8px; height: 8px; background:#25C318; position: absolute; left: -20px; top:12px; border-radius: 50px;}


		.megamenu{position: absolute; top:144px; width: 100%; font-size: 14px;line-height: 24px; left: 0; /*display: flex;*/display: none;  flex-direction: row; justify-content: space-between; border-top:1px solid #CCCFCF;}
		.megamenu .cuerpo{display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start;}
			.megamenu .menu{flex: 1; /*padding:100px 60px 100px 60px;*/ padding:32px 60px 0  60px; min-height: 400px; }
				.megamenu .menu .seccion{text-transform: uppercase; font-weight: 700;font-size: 14px;line-height: 24px; margin-bottom: 16px;}
				.megamenu .menu li{display:block; margin:0px; }
				.megamenu .menu A:hover{color: var(--color-azul); }
				.megamenu .menu A:hover::before{display: none;}
			.megamenu .foto{flex: 1; min-height: 400px; background-repeat: no-repeat; background-size: cover;position: absolute; top:-1px; right: 0; left: 50%; bottom: 0;}
				.megamenu .seccion-nombre{display: none;}
			.megamenu .cerrar{display: none;}
		.smaller .megamenu{top:96px !important;}
		.megamenu-open #mostrarmenu{display: none}

.nav-superior{text-align: center; color: #fff; padding:15px 10px; background-color:#000; display: flex; justify-content: space-between; align-items: center;}
    .nav-superior ul{list-style: none; padding:0px; margin:0px; font-size:0px; }
    .nav-superior li{display:inline-block; font-size:12px; margin:0 10px; letter-spacing:0.8px; position: relative;}
        .nav-superior li.activo A{color: var(--color-blanco)}
    .nav-superior A{color: #fff; font-size: 12px; padding:0; text-transform: uppercase;}
    .nav-superior img{margin-left: 20px}

.nav-superior A:hover{text-decoration: none; color: var(--color-blanco)}
.nav-superior li:hover::before, .nav-superior li.activo::before{content: " "; display: block; position: absolute; bottom: -15px; background-color: var(--color-blanco); height: 3px; width: 100%;}

.nav-superior .opciones {display: flex;	justify-content: flex-end;	gap: 10px;}
.nav-superior .opciones .user {	display: flex;	justify-content: space-between;	gap: 5px;}


/** MENU SUPERIOR MOVIL **/

.menu-movil{position: fixed; width: 100%; top: 61px; z-index: 999999; display: none; height: 100%; overflow: scroll; background: #fff;}

.nav-superior-movil{ color: #fff; background-color: #000;}
	.nav-superior-movil .bloque{padding: 24px; }
	.nav-superior-movil ul{list-style: none; padding:0px 24px; margin:0px; font-size:0px; }
    .nav-superior-movil li{display:block; font-size:12px; margin-bottom: 24px; letter-spacing:0.8px; position: relative;}
	.nav-superior-movil A{color: #fff; font-size: 12px; padding:0; text-transform: uppercase;}
	.nav-superior-movil .separacion { border-top: 1px solid #ffffff; margin: 0px;  clear: both;}

.movil-header-bar-user{ padding: 32px 24px; position: relative; background-color: #fff; text-align: left;}
.movil-header-bar-user  UL{padding: 0; text-align: left;}
	.movil-header-bar-user .navegacion li{ margin-left:15px; vertical-align: middle; display:inline;} .movil-header-bar-user .navegacion li:first-child{margin-left: 0;}
	.movil-header-bar-user .navegacion li A{color: #000;}
	.movil-header-bar-user .navegacion .separacion {border-right: 1px solid #CCCFCF; height: 28px;}
	.movil-header-bar-user .user{display: flex; flex-direction: row; align-items: center; gap:12px;}
	.movil-header-bar-user .foto{position: relative; }
	.movil-header-bar-user .foto IMG{border-radius: 90px; width: 40px; height: 40px; }
	.movil-header-bar-user .user .foto .alerta{width:12px; height:12px; background:#25C318; position: absolute; right:-8px; top:-8px; border-radius: 50px;}
	.movil-header-bar-user .name{font-weight: 700;font-size: 16px;line-height: 28px;}

.movil-header-bar-user .profile{ font-size: 16px; line-height:16px; }
	.movil-header-bar-user .profile .data{text-align: left; display: flex; align-items: center; gap:16px; border-bottom: 1px solid #CCCFCF; padding-bottom: 24px;}
	.movil-header-bar-user .profile .foto, .movil-header-bar-user .profile .foto IMG{border-radius: 90px; width:80px; height:80px; }
	.movil-header-bar-user .profile .name{font-size: 16px;line-height: 26px; font-weight: 700;}
	.movil-header-bar-user .profile .email{font-size: 14px;line-height: 22px; margin-bottom: 8px;}
	.movil-header-bar-user .profile .profile-menu{padding-top:34px;}
	.movil-header-bar-user  .profile UL {padding-bottom: 43px;}
	.movil-header-bar-user .profile li{ margin-bottom:17px; vertical-align: middle; display: flex; min-width: 190px; position: relative} .movil-header-bar-user .profile li:last-child{margin-bottom:0;}
	.movil-header-bar-user .profile A{ display: block; color:#000} .header-bar-user .profile A:hover{ color: var(--color-azul); }
	.movil-header-bar-user .profile li IMG{margin-right: 18px}
	.movil-header-bar-user .profile li.separacion-gris {margin:15px 0;}
	.movil-header-bar-user .profile li A:hover { color: var(--color-azul); }
		.movil-header-bar-user .profile li SVG {vertical-align: middle; margin-right: 18px}
		.movil-header-bar-user .profile li:hover SVG{fill:var(--color-azul) !important; }
		.movil-header-bar-user .profile .boton{display: inline-block; color:#fff; padding: 6px 24px;gap: 8px;font-size: 16px;line-height: 28px; margin: 0}

	.movil-header-bar-user .profile li .alerta{width: 8px; height: 8px; background:#25C318; position: absolute; left: -14px; top:12px; border-radius: 50px;}

/** FIN MENU SUPERIOR MOVIL **/

.smaller{ position:fixed; width:100%; z-index:15; margin-top:0 }
	HEADER.smaller { background:transparent; background-color:rgba(256, 256, 256,0.91) !important;  -webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.16);  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.16); padding:0px;  }
	
	.smaller .logo IMG{width:115px} 
	.smaller .logo-normal{display:none}
		.logo-smaller{display:none}
		.logo-normal{display:inline-block}
	.smaller .logo-smaller{display:inline-block}
    
.smaller .idiomas{float:right; margin: 0}
.smaller .idiomas li A {height:46px !important;    line-height: 46px !important; padding:0px;}  .smaller .idiomas li A:hover{background-color: transparent !important; color: #b7b3a2 !important;}
.smaller .idiomas ul li A.activo {  background-color:transparent !important; color:#b7b3a2; font-weight:bold; border-radius:90px; width:auto; text-align: center}


.smaller .logo-movil{display: none !important}
.smaller .logo .nosmaller{display: none}
.smaller .logo .sismaller{display: block}

.smaller .nav-superior{display: none}

.submenu{position:relative; text-align:center; padding:20px 0; }
	.submenu ul{list-style:none;margin:0;padding:0;text-align:center;margin-left:0}
        .submenu li {margin-right: 15px; display:inline-block;  } .submenu li:last-child{margin-right: 0}
		.submenu li A{padding: 4px 16px; border-radius: 8px; border: 1px solid #999999; color:#999999;font-size:14px; line-height: 22px; display:inline-block;font-weight:400; transition: .1s background-color; -webkit-transition: background-color ease-in 0.2s; -moz-transition: opacity ease-in 0.25s; -o-transition: opacity ease-in 0.25s; margin-bottom: 10px;}
			.submenu li:hover A{text-decoration:none; color:#fff; background-color: var(--color-rojo); border-color:var(--color-rojo);}.submenu li.activo{font-weight:700;}
		.submenu li.activo A{color:#fff; background-color: var(--color-rojo); border-color:var(--color-rojo); font-weight: 700;}



.submenu.pc{display: block}
/*.submenu.smaller{ position: fixed;  top: 66px;  z-index: 6;  width: 100%; padding: 12px 0;}*/

.frase{text-align:center; font-size:16px; padding-top:118px; padding-bottom:80px;clear:both;   }
	.frase .tit1{font-size:40px; text-align:center; line-height:40px; letter-spacing:1px;  min-width:100px; padding-bottom:6px; font-weight:300;  font-family: var(--font-black); margin: auto;}
	.frase .tit2{margin:auto;font-size:22px; text-align:center; line-height:25px; letter-spacing:1px; font-weight:300; font-family: var(--font-black);}
	.frase .tit3{font-size:20px; line-height:30px; margin: 10px auto; }
	.frase .linea{width:50px; margin:auto; background-color:#1e1e1e; height:3px; margin-bottom:10px; margin-top:2px;}
	.frase P{ margin:auto; margin-top:15px; font-size:19px;  font-weight:300;}
	

.separacion {margin-top: 10px;margin-bottom: 10px; clear:both}
.separacion-gris { border-top: 1px solid #CCCFCF; margin-top: 10px; margin-bottom: 10px; clear: both;}
.separacion-gris-claro { border-top: 1px solid #e3e8e6; margin-top: 10px; margin-bottom: 10px; clear: both;}
.separacion-negro { border-top: 1px solid #000; margin-top: 10px; margin-bottom: 10px; clear: both;}
.separacion-dashed { border-top: 1px dashed #666; margin-top: 10px; margin-bottom: 10px; clear: both;}

.imagen-hover{background-color:#e1999a; cursor:pointer; z-index:100; /*-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 30px;*/}


.subir { position: fixed; bottom: 0px; right: 10px; z-index: 99999; display: none; margin-bottom: 10px;}
.subir SPAN { color: #FFF;  padding: 12px;  background-color: rgb(0,0,0);  cursor: pointer;}
	.subir SPAN A {color: #FFF; font-size: 25px; padding-top: 5px; line-height: 40px;}
.subir.visible { display: block;}

.marquee {height: 50px; overflow: hidden; position: relative;background: #58000f; color: #fff; }
.marquee p {position: absolute; width: 100%; height: 100%; margin: 0; line-height: 50px; text-align: center; -moz-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); -moz-animation: scroll-left 2s linear infinite; -webkit-animation: scroll-left 2s linear infinite; animation: scroll-left 20s linear infinite; }
@-moz-keyframes scroll-left {0% { -moz-transform: translateX(100%); transform: translateX(100%); }  100% { -moz-transform: translateX(-100%); transform: translateX(-100%); }}
@-webkit-keyframes scroll-left {0% {-webkit-transform: translateX(100%); transform: translateX(100%);} 100% {-webkit-transform: translateX(-100%); transform: translateX(-100%);}}
@keyframes scroll-left {0% {-moz-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%);} 100% {-moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%);}}


.swiper{min-height: 300px;overflow-y: hidden;	overflow-x: hidden;	}
.swiper-wrapper{padding-bottom: 48px;}
.swiper-scrollbar-drag{background:var(--color-azul); height: 8px; border-radius: 0; top: -4px;}
.swiper-scrollbar-horizontal{left: 0 !important; width: 100% !important; height: 2px !important; overflow: visible; background-color: #CCCFCF; margin-bottom: 2px;}

.hero{width:100%; position:relative; margin:auto; z-index: 1; /*display: flex; align-items: center; justify-content: center; */ /*min-height:400px;*/  overflow: hidden;}
	.hero .cuerpo{/*display: flex; align-items: center; justify-content: space-between; */}
    .hero .cabecera-contenido{display:flex; flex-direction: column; align-items: center; justify-content: center; padding:0; padding-bottom: 50px; overflow:visible; text-align:center; z-index:2; color:#ffffff; max-width: 795px; margin: auto; min-height: 351px;}
        .hero .tit1{ font-size:64px; line-height:60px; display:block; clear:both; font-weight:900; color:var(--color-blanco); font-family: 'CodeProBlack'; }
		.hero .linea-amarilla{ background-color:var(--color-amarillo); height: 16px; z-index: 2; width: 484px; margin: 0; margin-left:270px; margin-top:22px;}
		.hero .linea-blanca{ background-color:#fff; height: 16px; z-index: 2; width: 484px; margin: 0; margin-left:270px; margin-top:22px;}

		.hero .breadcrumbs, .not-hero .breadcrumbs {font-size: 14px;line-height: 22px;color: #FFFFFF; margin-top: 25px; display: flex; gap:12px; white-space: nowrap; overflow: hidden;}
		.hero .breadcrumbs A{color: #FFFFFF; display: flex; }
		.hero .breadcrumbs .linea{font-size: 20px;line-height: 24px;}
		.breadcrumbs A{text-decoration: underline;}
		.breadcrumbs span:last-child{isplay: inline; overflow: hidden; text-overflow: ellipsis;}

		.scroller .not-hero .breadcrumbs{margin-top: 0}

	.hero.slim{padding:68px 0; color: #FFFFFF; }
	.hero.slim .termino{font-family: 'CodeProBlack';font-weight: 900;font-size: 24px;line-height: 24px;}
	.hero.slim .resultado{font-style: italic;font-weight: 400;font-size: 18px;line-height: 28px;}

	.hero.hero-img .cabecera-contenido{padding: 49px 0 96px 0; overflow:visible; text-align:left; max-width:none; margin: auto; display: flex; align-items: center; justify-content: end; position: relative; flex-direction: row;}
    .hero.hero-img .textos{position: absolute; left: 0; max-width: 580px;}
	.hero.hero-img .textos P{font-size: 16px;line-height: 28px; max-width: 500px;}
	.hero.hero-img .textos .top{font-size: 14px;line-height: 24px; max-width: 500px; text-transform: uppercase; margin-bottom: 16px;}
	.hero.hero-img .linea-amarilla{position: absolute; top: 27px; right: 173px; background-color:var(--color-amarillo); height: 16px; z-index: 2; width: 484px;}
	.hero.hero-img .linea-blanca{position: absolute; top: 27px; right: 173px; background-color:#fff; height: 16px; z-index: 2; width: 484px;}

/* HOME */
	
.home-header{ height:500px;}

.home-hero{width:100%; position:relative; margin:auto; z-index: 1; display: flex; align-items: center; justify-content: center;  min-height:820px; -moz-user-select: none; -khtml-user-select: none;  -webkit-user-select: none;  -ms-user-select: none;  user-select: none; overflow: hidden;}
	.home-hero .cuerpo{display: flex; align-items: center; justify-content: space-between; padding: 96px 0;}
    .home-hero .cabecera-contenido{display:block; overflow:visible; text-align:left; z-index:2; color:#ffffff; max-width: 700px; }
        .home-hero .tit1{ font-size:77px; line-height: 77px; display:block; clear:both; font-weight:400; color:var(--color-blanco); font-family: 'CodeProBlack'; padding:40px; padding-bottom: 15px;}
        .home-hero .description{width: 374px; font-family: 'Lato';font-style: normal;font-weight: 400;font-size: 16px;line-height: 28px; z-index: 2; color:#fff;}
		
	.home-hero .hero-image{position: absolute; left:480px; top: 0;}
	.home-hero .linea-amarilla{position: absolute; top: 0; left:620px; background-color:var(--color-amarillo); height: 16px; z-index: 2; width: 484px;}
	.home-hero .linea-blanca{position: absolute; top: 0; left:620px; background-color:#fff; height: 16px; z-index: 2; width: 484px;}


.home-beneficios{}
	.home-beneficios .cuerpo{display: flex; align-items: center; justify-content: space-between; padding: 118px 0; overflow: hidden; max-width: 1000px;}
	.home-beneficios-title{ font-size:64px; line-height: 60px; display:block; clear:both; font-weight:400; font-family: 'CodeProBlack';      max-width: 483px; padding: 2px; }
	.home-beneficios-description{width: 380px; font-family: 'Lato';font-style: normal;font-weight: 400;font-size: 16px; line-height: 26px; z-index: 2;}
		.home-beneficios-description .title{font-family: 'CodeProBlack'; font-size: 40px; line-height: 40px; margin-bottom: 16px; margin-top: 48px;}
		.home-beneficios-description .title:first-child{margin-top:0px;}
		.home-beneficios-description .separacion{margin:0px;}


.home-obras{padding-top:40px; padding-bottom:40px;}
.home-obras .frase{padding:0px}
.obras-listado{margin-bottom: 40px !important;}

.home .obras-listado .grid{display: grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top: 20px; margin-bottom:56px;}
	.obras-listado .grid{display: grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-gap: 32px; margin-bottom: 48px;}
	.obras-listado .card{border: 1px solid #CCCFCF; display: flex; flex-direction: column; flex:none; /*flex: 1;*/  /*margin: 0 16px 32px 16px;*/ justify-content: flex-start;  align-items: center; color: #000;  white-space: normal; position:relative; background-color: #ffffff; z-index: 0; overflow-wrap: break-word;}
	.obras-listado .card:hover{sborder: 3px solid var(--color-rojo); text-decoration: none; outline: solid 3px var(--color-rojo);outline-offset: -3px;}
		.obras-listado .card:hover .titulo{color:var(--color-rojo);}
	.obras-listado .card .card-imagen{position: relative; z-index: -1}
		.obras-listado .card .card-imagen.portada{background-size: cover; background-repeat: no-repeat}
		.obras-listado .card .card-imagen.portada .portada-textos{margin:20px; width: Calc(100% - 40px); border-left: 8px solid #fff; padding-left: 12px; color:#fff}
	.obras-listado .card .card-imagen .imagen-img{object-fit: cover; height: 186px; }

	.obras-listado .card .card-textos{padding: 24px; display: flex; flex-direction: column; justify-content: space-between; height: 100%; width: 100%;}
	.obras-listado .card .card-textos .iconos{position: absolute; bottom:12px; right:12px; display: flex; gap:4px; align-items: center;}
		.obras-listado .card .card-textos .iconos div{display: flex; gap:2px; align-items: center; font-weight: 700} 
	/*obra*/
	.obras-listado .card .categoria{font-family: 'Lato'; font-style: normal; font-weight: 700; font-size: 14px; line-height: 24px; text-transform: uppercase; margin-bottom:8px;}
	.obras-listado .card .titulo{font-family: 'CodeProBlack';font-style: normal;font-weight: 900;font-size: 20px;line-height: 20px; margin-bottom:8px; color:#000; display: block; min-height: 40px;}
	.obras-listado .card .descripcion{font-weight: 400; font-font-size: 16px;line-height: 20px; margin-bottom: 17px;}
	.obras-listado .card .licencia{font-size: 16px;line-height: 26px;}
	.obras-listado .card .precio{font-family: 'CodeProBlack';font-style: normal;font-weight: 900;font-size: 18px;line-height: 18px; margin-top: 4px; }
	.obras-listado .card .autor, .obras-listado .banda-autor .autor{display: flex; flex-direction: row; align-items: center; margin-top: 16px; /*position: absolute; bottom:24px;*/}
	.obras-listado .card .foto, .obras-listado .banda-autor .foto{width: 48px; margin-right: 12px;}
	.obras-listado .card .foto IMG, .obras-listado .banda-autor .foto IMG{border-radius: 90px; width: 48px; height: 48px; }
	.obras-listado .card .datos{flex: 1;}
	.obras-listado .card .nombre, .obras-listado .banda-autor .nombre{font-weight:700; font-size: 16px; line-height: 24px; text-decoration: underline; display: block; color: #000; }
		.obras-listado .banda-autor .nombre{display: inline-block; }
	.obras-listado .card .ubicacion{font-weight: 400;font-size: 16px;line-height: 22px; }
	.obras-listado .card .obra-semana{position: absolute; left: 24px; bottom:24px; z-index: 2; background: #3748F5; border: 1px solid #FFFFFF; border-radius: 8px; padding: 4px 16px; color: #ffffff; font-weight: 500;font-size: 14px; line-height: 22px; display: flex; flex-direction: row; align-items: center; gap: 8px;}

	
	.artistas-destacados{display: grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-gap: 32px; width: 100%; margin: 0;  margin-bottom:40px;}
	.artistas-destacados.swiper-wrapper{display: flex; margin: 0; grid-gap:0; grid-template-columns:auto; }
	.homeXXXXX .artistas-destacados{/*display:block; */ grid-template-columns:repeat(10,minmax(0,1fr)); grid-gap: 0; width: 100%; overflow-x: scroll; margin: 0; white-space: nowrap;  /*border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/ padding-bottom:40px; margin-bottom:40px;}
		.artistas-destacados .card{border: 1px solid #CCCFCF; display: flex;flex-direction: column; flex: none; justify-content: flex-start;  align-items: center; color: #000;  white-space: normal; position:relative; height: auto; min-height: 504px;}
			.homeXXXX .artistas-destacados .card{ min-width: 300px; max-width: 410px; width: 380px; height: 504px; margin: 0 16px 0px 16px; }
			.homeXXXX .artistas-destacados .card:first-child{margin-left: 0}
		.artistas-destacados .card:hover{text-decoration: none; outline: solid 3px var(--color-rojo); outline-offset: -3px;}
			.artistas-destacados .card:hover .nombre{color:var(--color-rojo);}
		.artistas-destacados .card .card-imagen{position: relative; z-index: -1}
		.artistas-destacados .card .card-imagen .imagen-img{object-fit: cover; height: 186px; }
		.home .artistas-destacados .card .card-imagen .imagen-img{object-fit: cover; height: 254px; }
		.artistas-destacados .card .card-textos{padding:32px 16px;}
			.home .artistas-destacados .card .card-textos{padding:32px  24px;}
		.artistas-destacados .card .nombre{font-family: 'CodeProBlack'; font-style: normal; font-weight: 900; font-size: 20px; line-height: 20px;}
			.home .artistas-destacados .card .nombre{font-size: 24px; line-height: 24px;}
		.artistas-destacados .card .categoria{font-family: 'Lato'; font-style: normal; font-weight: 700; font-size: 14px; line-height: 24px; text-transform: uppercase; margin-bottom: 16px;}
		.artistas-destacados .card .descripcion{font-family: 'Lato';font-style: italic; font-weight: 400; font-size: 16px; line-height: 26px; margin-bottom: 16px;}
			.home .artistas-destacados .card .descripcion{font-size: 17px; line-height: 28px;}
		.artistas-destacados .card .ubicacion{font-weight: 400;font-size: 16px;line-height: 26px; position: absolute; bottom:16px;}
			.home .artistas-destacados .card .ubicacion{bottom:24px;}
		.artistas-destacados .card .artista-semana{position: absolute; left: 24px; bottom:24px; z-index: 2; background: #3748F5; border: 1px solid #FFFFFF; border-radius: 8px; padding: 4px 16px; color: #ffffff; font-weight: 500;font-size: 14px; line-height: 22px; display: flex; flex-direction: row; align-items: center; gap: 8px;}
		
		.card.ver-todos{display: flex !important; flex-direction: column; align-items: center !important; justify-content: center !important; font-family: 'CodeProBlack'; font-style: normal; font-weight: 900; font-size: 20px; line-height: 20px; padding: 24px 60px 24px 24px; color: #fff !important; background-image: url("../images/icon/arrow-white.svg"); background-position: calc(100% - 20px) center; background-repeat: no-repeat; }

	.listado-visual{/*display: grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-gap: 32px; */width: 100%; margin: 0;  margin:30px 0;}
		.listado-visual .card{border: 1px solid #CCCFCF; display: flex;flex-direction: column; flex: none; justify-content: flex-start;  align-items: center; color: #000;  white-space: normal; position:relative; height: auto; max-width:Calc(33% - 32px); overflow: hidden; margin-bottom: 32px; }
		.listado-visual .card:hover{text-decoration: none; outline: solid 3px var(--color-rojo); outline-offset: -3px;}
			.listado-visual .card:hover .nombre{color:var(--color-rojo);}
		.listado-visual .card .card-imagen{position: relative; z-index: -1}
		.listado-visual .card .card-imagen .imagen-img{object-fit: cover; height: auto; }
		.listado-visual .card .card-textos{padding:32px 16px; justify-content:flex-start; gap:4px;}
		.listado-visual .card .titulo{font-family: 'CodeProBlack';font-style: normal;font-weight: 900;font-size: 22px;line-height: 20px; margin-bottom:0px; color:#000; display: block; min-height: 10px;}
		.listado-visual .card .nombre{font-style: normal; font-weight: 900; font-size: 18px; line-height: 20px; text-decoration: none}
		.listado-visual .card .categoria{font-family: 'Lato'; font-style: normal; font-weight: 700; font-size: 14px; line-height: 24px; text-transform: uppercase; margin-bottom:0px;}
		.listado-visual .card .descripcion{font-family: 'Lato';font-style: italic; font-weight: 400; font-size: 16px; line-height: 26px; margin-bottom: 16px;}
		.listado-visual .card .ubicacion{font-weight: 400;font-size: 16px;line-height: 26px; position: absolute; bottom:16px;}
		.listado-visual .card .artista-semana{position: absolute; left: 24px; bottom:24px; z-index: 2; background: var(--color-rojo); border: 1px solid #FFFFFF; border-radius: 8px; padding: 4px 16px; color: #ffffff; font-weight: 500;font-size: 14px; line-height: 22px; display: flex; flex-direction: row; align-items: center; gap: 8px;}

		@media (max-width:820px){
			.listado-visual .card{max-width:100%; }
		}

	.listado-musica{display: grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-gap: 32px; width: 100%; margin: 0;  margin:30px 0;}
		.listado-musica .card{border: none; display: flex;flex-direction: row; flex: none; justify-content: flex-start;  color: #000;  white-space: normal; position:relative; overflow: hidden; align-items: flex-start;gap:32px; height: 240px;}
		.listado-musica .card:hover{text-decoration: none; outline: solid 3px var(--color-rojo); outline-offset: -3px;}
			.listado-musica .card:hover .nombre{color:var(--color-rojo);}
		.listado-musica .card .card-imagen{position: relative; z-index: -1; width:240px; height: 100%; background-color: var(--color-rojo); display: flex; align-items: center; justify-content: center;}
			.listado-musica .card .card-imagen .imagen-img{object-fit: cover; height: 100%; }
			.listado-musica .card .card-imagen .play{position: absolute; bottom: 8px; left: 8px; width: 48px; height: 48px; border: 4px solid; border-radius: 120px; display: flex; align-items: center; justify-content: center; background: #fff;}
		.listado-musica .card .card-textos{padding:32px 0px; justify-content:flex-start; gap:4px; max-width: 50%; position: relative}
			.listado-musica .card .titulo{font-family: 'CodeProBlack';font-style: normal;font-weight: 900;font-size: 22px;line-height: 20px; margin-bottom:0px; color:#000; display: block; min-height: 10px;}
			.listado-musica .card .nombre{font-style: normal; font-weight: 900; font-size: 18px; line-height: 20px; text-decoration: none}
			.listado-musica .card .categoria{font-family: 'Lato'; font-style: normal; font-weight: 700; font-size: 14px; line-height: 24px; text-transform: uppercase; margin-bottom:0px;}
			.listado-musica .card .descripcion{font-family: 'Lato';font-style: italic; font-weight: 400; font-size: 16px; line-height: 26px; margin-bottom: 16px;}
			.listado-musica .card .ubicacion{font-weight: 400;font-size: 16px;line-height: 26px; position: absolute; bottom:16px;}
		.listado-musica .card .card-textos .iconos{left: 0; right: auto}

		@media (max-width:820px){
			.listado-musica{grid-template-columns:repeat(1,minmax(0,1fr)); }
			.listado-musica .card{height: auto; gap:16px;}
			.listado-musica .card .card-imagen{width: 150px; height: 150px;}
			.listado-musica .card .card-textos{max-width: Calc(100% - 160px); padding:16px 0 0 0 !important; }
		}

	.listado-literatura{display: grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-gap: 32px; width: 100%; margin: 0;  margin:30px 0;}
		.listado-literatura .card{border: none; display: flex;flex-direction: row; flex: none; justify-content: flex-start;  color: #000;  white-space: normal; position:relative; overflow: hidden; align-items: flex-start;gap:32px; height: 240px;}
		.listado-literatura .card:hover{text-decoration: none; outline: solid 3px var(--color-rojo); outline-offset: -3px;}
			.listado-literatura .card:hover .nombre{color:var(--color-rojo);}
		.listado-literatura .card .card-imagen{position: relative; z-index: -1; width:180px; height: 100%; display: flex; align-items: center; justify-content: center;}
			.listado-literatura .card .card-imagen .imagen-img{object-fit: cover; height: 100%; }
		.listado-literatura .card .card-textos{padding:32px 0px  0px 0px; justify-content:flex-start; gap:4px; max-width: 50%; position: relative}
			.listado-literatura .card .titulo{font-family: 'CodeProBlack';font-style: normal;font-weight: 900;font-size: 22px;line-height: 20px; margin-bottom:0px; color:#000; display: block; min-height: 10px;}
			.listado-literatura .card .nombre{font-style: normal; font-weight: 900; font-size: 18px; line-height: 20px; text-decoration: none}
			.listado-literatura .card .categoria{font-family: 'Lato'; font-style: normal; font-weight: 700; font-size: 14px; line-height: 24px; text-transform: uppercase; margin-bottom:0px;}
			.listado-literatura .card .descripcion{font-family: 'Lato';font-style: italic; font-weight: 400; font-size: 16px; line-height: 26px; margin-bottom: 16px;}
			.listado-literatura .card .ubicacion{font-weight: 400;font-size: 16px;line-height: 26px; position: absolute; bottom:16px;}

		@media (max-width:820px){
			.listado-literatura{grid-template-columns:repeat(1,minmax(0,1fr)); }
			.listado-literatura .card{height: auto; gap:16px;}
			.listado-literatura .card .card-imagen{height:222px; width: 150px}
				.listado-literatura .card .card-imagen .imagen-img { object-fit: contain; height: 100%; object-position: top;}
			.listado-literatura .card .card-textos{padding-bottom:44px !important;}
		}


	.listado-creadores{display: grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-gap: 32px; width: 100%; margin: 0;  margin:30px 0;}
		.listado-creadores .card{border: 1px solid #CCCFCF; padding:32px; display: flex;flex-direction: column; flex: none; justify-content: flex-start;  color: #000;  white-space: normal; position:relative; overflow: hidden; align-items: flex-start; gap:32px; position: relative}
		.listado-creadores .card:hover{text-decoration: none; outline: solid 3px var(--color-rojo); outline-offset: -3px;}
			.listado-creadores .card:hover .nombre{color:var(--color-rojo);}
			.listado-creadores .card .card-imagen{width: 64px; margin-right: 12px;}
			.listado-creadores .card .card-imagen .imagen-img{ border-radius: 200px; width: 64px; height: 64px;}
		.listado-creadores .card .card-textos{padding:0; justify-content:flex-start; gap:4px; position: relative; flex-direction: row; height: auto; align-items: center;}
		.listado-creadores .card .autor{padding:0; margin: 0; flex-direction: column; align-items: flex-start; gap:8px;}
			.listado-creadores .card .titulo{font-family: 'CodeProBlack';font-style: normal;font-weight: 900;font-size: 22px;line-height: 20px; margin-bottom:0px; color:#000; display: block; min-height: 10px;}
			.listado-creadores .card .nombre{font-style: normal; font-weight: 900; font-size: 18px; line-height: 20px; text-decoration: none}
			.listado-creadores .card .categoria{ font-size: 12px; line-height: 24px; text-transform: uppercase; margin-bottom:0px;}
			.listado-creadores .card .descripcion{font-style: italic; font-weight: 400; font-size: 14px; line-height: 18px;  color: grey; margin-bottom:0; }
			.listado-creadores .card .ubicacion{font-weight: 400;font-size: 14px;line-height: 16px; position: relative;}
		.listado-creadores .card .iconos{position: absolute; bottom:12px; right:12px; display: flex; gap:4px; align-items: center;}
			.listado-creadores .card .card-textos .iconos div{display: flex; gap:2px; align-items: center; font-weight: 700} 

		@media (max-width:820px){
			.listado-creadores{grid-template-columns:repeat(1,minmax(0,1fr)); }
			.listado-creadores .card{gap:0px;}
			.listado-creadores .card .card-imagen{ width: 120px; }
			.listado-creadores .card .card-imagen .imagen-img{ width: 120px; height:120px;}
			.listado-creadores .card .card-textos{padding: 16px 0 !important;}
		}


.home-exponer{background-image: url("../images/exponer.svg"); background-position: right 48px; background-repeat: no-repeat; padding: 118px 0; }
	.home-exponer .columnas{display:flex; flex-direction: row; gap:67px; align-items: center; }
	.home-exponer .columna-1{text-align: right; flex: 1; position: relative;}
	.home-exponer .columna-2{flex: 1; }
.home-exponer .columna-2 .frase{max-width: 483px; margin: 0;}
	.home-exponer .linea-amarilla{position: absolute; top: -8px; right:20px; background-color:var(--color-amarillo); height: 16px; z-index: 2; width: 484px;}

	
.banda-planes{}
	.banda-planes .cuerpo{display: flex; align-items: center; justify-content: flex-start; padding: 118px 0; overflow: hidden; gap:32px; max-width: 1000px;}
	.banda-planes-title{ font-size:40px; line-height:40px; display:block; clear:both; font-weight:400; font-family: 'CodeProBlack'; }
	.banda-planes-description{width: 380px; font-family: 'Lato';font-style: normal;font-weight: 400;font-size: 18px; line-height: 28px; z-index: 2; min-width:483px;}
		.banda-planes-description P{margin-bottom: 32px;}
		.banda-planes-description .boton{margin: 0px;}
	.banda-planes .separacion{display: block; height: 1px; margin: 0}


.home-descubre{background-image: url("../images/creators.svg"); background-position: right 160px; background-repeat: no-repeat;  }
	.home-descubre .cuerpo{padding: 118px 0; overflow: hidden; gap:32px; }
	.home-descubre-title{ font-size:40px; line-height:40px; display:block; clear:both; font-weight:400; font-family: 'CodeProBlack'; color:#fff; padding-bottom: 48px;}
	.home-descubre .separacion{display: block; height: 1px; margin: 0}
	.home-descubre .grid{display: grid; grid-template-columns:repeat(3,minmax(0,1fr)); width: 100%; height: 468px;}
		.home-descubre .vertical, .home-descubre .horizontal{position: relative}
		.home-descubre .vertical{display: flex; flex-direction: column; margin: 16px;}
		.home-descubre .horizontal{height: 100%;}
		.home-descubre .horizontal:first-child{margin-bottom: 32px;}
		.home-descubre .obra{position: absolute; left: 0; right: 0; top: 0; bottom: 0;  z-index:0; background-color: #000;}
		.home-descubre .obra .imagen{background-size: cover; background-repeat: no-repeat; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index:0; opacity: 0.7;}
		.home-descubre .obra .categoria{font-size:24px; line-height:24px; font-family: 'CodeProBlack'; color:#fff; position: absolute; left:24px; bottom: 24px; z-index:1}
		.home-descubre .obra:hover .home-descubre-overlay{display: block;}
		.home-descubre .home-descubre-overlay{position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; outline: solid 3px var(--color-amarillo); outline-offset: -3px; display: none}

.banda-newsletter{background-image: url("../images/suscribete.svg"); background-position: right -60px; background-repeat: no-repeat;  }
	.banda-newsletter .cuerpo{display: flex; align-items: center; justify-content:flex-start; padding: 150px 0; overflow: hidden; gap:32px; max-width: 1000px; }
	.banda-newsletter-title{ font-size:40px; line-height:40px; display:block; clear:both; font-weight:400; font-family: 'CodeProBlack'; flex: 1; padding: 1px;}
	.banda-newsletter-title P{font-family: 'Lato';font-style: normal;font-weight: 400;font-size: 18px; line-height: 28px; }
	.banda-newsletter-description{width: 380px; font-family: 'Lato';font-style: normal;font-weight: 400;font-size: 16px; line-height: 26px; z-index: 2; flex: 1;}
	.banda-newsletter .separacion{display: block; height: 1px; margin: 0}



/*** fin home ***/

	
	.slick-dots.main{bottom:-10px;}
	.slick-list, .slick-track{ height: 100%; position: relative;}
    .cabecera-separacion{padding: 50px;}


/*** INTERIORES ***/

.frase.frase-contacto{padding-top:80px !important; padding-bottom:80px !important;}

.interior HEADER{position: relative; background-color: var(--color-rojo)}
.interior HEADER.smaller{position: fixed;}


.home .faqs, .suscripcion .faqs{padding-bottom:100px; padding-top: 156px;}
.faqs{padding-bottom:100px; padding-top:48px;}
	.faqs .cuerpo {max-width: 1000px;}
	.faqs .frase{max-width: 700px; padding: 0}
	.faqs .accordion{margin-bottom: 40px;}


.interior-beneficios{}
	.interior-beneficios .cuerpo{display: flex; align-items: center; justify-content: space-between; padding: 118px 0; overflow: hidden; gap: 134px; max-width: 1000px;}
	.interior-beneficios-title{ font-size:64px; line-height: 60px; display:block; clear:both; font-weight:400; font-family: 'CodeProBlack'; max-width: 483px; padding: 2px;}
	.interior-beneficios-description{width: 380px; font-family: 'Lato';font-style: normal;font-weight: 400;font-size: 18px; line-height: 28px; z-index: 2;}
		.interior-beneficios-description .title{font-family: 'CodeProBlack'; font-size: 40px; line-height: 40px; margin-bottom: 16px; margin-top: 48px;}
		.interior-beneficios-description .title:first-child{margin-top:0px;}
		.interior-beneficios P{font-weight: 700; margin-bottom: 16px;}
		.interior-beneficios .separacion{margin:0px;}

.suscripcion .hero{}
	.suscripcion .hero .cabecera-contenido{max-width: 795px;}
	.suscripcion .hero .tit1{ font-size:40px; line-height:40px; display:block; clear:both; font-weight:400; color:var(--color-blanco); font-family: 'CodeProBlack';  }
	.suscripcion .hero .outline-white {letter-spacing:0px !important;}
	.suscripcion .hero .linea-amarilla{margin-left: 0; margin-right: auto;}

	.suscripcion .frase-suscripcion{padding-bottom: 0}
	.suscripcion .frase-suscripcion .tit1{max-width:795px;}
	.suscripcion .submenu{padding:56px 0; }
	.suscripcion .submenu .codePro{font-size: 24px; line-height: 24px; margin-right: 80px; }
	.suscripcion .submenu li{position: relative;}
	.suscripcion .submenu li A{font-size: 24px; line-height: 24px; padding: 16px 40px;}
	.suscripcion .submenu .descuento{position: absolute;  background: #E2E6E6; padding: 0px 8px; border-radius: 4px; right: 16px; top: -13px; height: 26px;display: flex;flex-direction: row; align-items: flex-start;font-size: 16px; line-height: 26px; font-weight: 700;}


.suscripcion .tarifas{display: flex; flex-direction: row; gap:32px; justify-content: center; }
	.suscripcion .tarifas .card{border: 1px solid #CCCFCF; display: inline-flex;flex-direction: column; flex: 1; max-width: 410px; width: 380px; justify-content: flex-start;  align-items: center; color: #000; position:relative; text-align: center;  }
			.suscripcion .tarifas .card-textos{padding:40px;}
		.suscripcion .tarifas .nombre{font-family: 'CodeProBlack';font-weight: 900;font-size: 24px;line-height: 24px; margin-bottom: 16px;}
		.suscripcion .tarifas .breve{font-weight: 700;font-size: 16px;line-height: 26px;}
		.suscripcion .tarifas .descripcion{font-weight: 400;font-size: 14px;line-height: 22px; margin-bottom: 32px;}
		.suscripcion .tarifas .precio{font-family: 'CodeProBlack';font-weight: 900;font-size: 40px;line-height: 40px;}
			.suscripcion .tarifas .precio .mes{font-size: 18px;line-height: 40px;}
		.suscripcion .tarifas P{font-weight: 700;font-size: 14px;line-height: 24px;}
		.suscripcion .tarifas .card.profesional{border-top:8px solid var(--color-azul);}
		.suscripcion .tarifas .card.corporativa{border-top:8px solid var(--color-verde);}

	.suscripcion .tarifas-detalle{margin-top: 56px; margin-bottom: 118px;; max-width:1000px; }
	.suscripcion .tarifas-detalle .detalle{display: flex; flex-direction: row; gap:32px; justify-content: space-between; background: #fff; }
	.suscripcion .tarifas-detalle .tipo-tarifa{}
	.suscripcion .tarifas-detalle .nombre{font-family: 'CodeProBlack';font-style: normal;font-weight: 900;font-size: 24px;line-height: 24px; margin-bottom: 16px;}
	.suscripcion .tarifas-detalle .tipo-tarifa .precio{margin-bottom: 16px;}
	.suscripcion .tarifas-detalle .tipo-tarifa .precio .codePro{font-size: 16px;line-height: 16px;}
	.suscripcion .tarifas-detalle .descripcion{ flex: 1; text-align: left; font-size: 16px;line-height: 26px; padding: 16px 0;}
	.suscripcion .tarifas-detalle .descripcion-texto{}
	.suscripcion .tarifas-detalle .caracteristicas{display: flex}
	.suscripcion .tarifas-detalle .caracteristica{min-width: 277px; flex: 1; text-align: center; padding: 16px 0; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 12px;line-height: 18px;}
	.suscripcion .tarifas-detalle .separacion{width:1px; background: #000000; margin: 0}
	.suscripcion .tarifas-detalle .inline-icon{margin-left: Calc(50% - 20px); text-align: left; width: -webkit-fill-available;}
	.suscripcion .tarifas-detalle .success-profesional{filter: invert(23%) sepia(55%) saturate(4166%) hue-rotate(232deg) brightness(95%) contrast(103%);}
	.suscripcion .tarifas-detalle .success-corporativa{filter: invert(53%) sepia(65%) saturate(252%) hue-rotate(113deg) brightness(88%) contrast(83%);}
	.suscripcion .tarifas-detalle .precio .codePro{font-size:16px;line-height: 16px;}
	.suscripcion .tarifas-detalle .sticky { position: -webkit-sticky; position:sticky !important; top:90px;  padding-top: 20px; z-index: 2; box-shadow: 0px 14px 10px -10px rgba(0, 0, 0, 0.28);}
		.suscripcion .tarifas-detalle .sticky .separacion{ background: #ddd; }

		.pago-profesional{}
			.pago-profesional .cuerpo{display: flex; align-items: center; justify-content: space-between; padding: 118px 0; overflow: hidden; gap: 134px; max-width: 1000px;}
			.pago-profesional-title{ display:block; clear:both; font-weight:400;  flex:1; padding: 2px;}
				.pago-profesional-title .title{font-size:40px; line-height: 40px; font-family: 'CodeProBlack'; margin-bottom: 16px;}
				.pago-profesional-title P{font-size: 18px;line-height: 28px;}
			.pago-profesional-description{width: 380px; font-family: 'Lato';font-style: normal;font-weight: 400;font-size: 16px; line-height: 22px; z-index: 2; padding: 40px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }	.pago-profesional-description .title{font-family: 'CodeProBlack'; font-size: 24px; line-height: 24px; margin-bottom: 16px; }
				.pago-profesional-description P{}
				.pago-profesional-description .precio{font-family: 'CodeProBlack';font-weight: 900;font-size: 40px;line-height: 40px;}
					.pago-profesional-description .precio .mes{font-size: 18px;line-height: 40px;}


.buscador-pagina{max-width: 1000px; padding-top: 64px}
	.buscador-pagina .buscador{ box-sizing: border-box;	display: flex; flex-direction: row; align-items: center; padding: 10px 16px; gap: 8px; width: 100%; height: 80px; border: 1px solid #CCCFCF; border-radius: 16px; flex: none; order: 1; flex-grow: 0;  overflow: hidden;}
	.buscador-pagina .buscador INPUT{ height: 28px;	font-family: 'Lato';	font-style: normal;	font-weight: 500; font-size: 16px; line-height: 28px;	color: #999999;	flex: none;	order: 1; flex-grow: 0; margin: 0; padding: 0; border: 0; border-radius:0px;}
.buscador-pagina .resultados{margin-top:16px; font-style: italic; font-size: 18px;line-height: 28px;}



.tabs{display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 32px; flex: none;	order: 0;flex-grow: 0; position: relative; border-bottom: 1px solid #CCCFCF; padding-top: 64px;}
	.tabs ul{list-style: none; padding:0px; margin:auto; font-size:0px; }
	.tabs li{display:inline-block; margin-left:48px; }
		.tabs li:first-child{margin-left: 0}
	.tabs A{color:#000000;font-style: normal;font-weight: 400;font-size: 16px; line-height: 28px; position: relative; padding: 14px 0; display: inline-block; text-decoration: none !important;}
	.tabs  A:hover{text-decoration: none}

	.tabs A:hover::before, .tabs LI.activo A::before{content: " "; display: block; position: absolute; bottom: 0px; background-color: var(--color-azul); height: 3px; width: 100%; }
		.tabs LI.activo A{font-weight: 700;}
.not-hero .tabs{padding-top: 40px;}

.busqueda .orden{padding-bottom: 32px;  text-align: center; font-size: 18px;line-height: 28px;}
	.busqueda .orden SELECT{width: auto; display: inline-block; margin:0 16px}
.busqueda-resultado{display: flex; flex-direction: row; align-items: flex-start; padding-bottom: 64px; gap: 48px; flex: none;	order: 0;flex-grow: 0; position: relative; }
	.busqueda-resultado .filtros{flex: 1; width: 261px; max-width: 261px; font-size: 16px; padding-top: 114px;}
	.busqueda-resultado .filtros .categoria, .busqueda-resultado .filtros .encabezado{ margin-bottom:24px; padding-bottom:24px; border-bottom: 1px solid #CCCFCF;}
		.busqueda-resultado .filtros .categoria .nombre{font-weight: 700;font-size: 18px;line-height: 28px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 19px;}
		.busqueda-resultado .filtros .encabezado .nombre{font-weight: 700;font-size: 18px;line-height: 28px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 19px;}
		.busqueda-resultado .filtros .categoria .filtro{font-size: 16px; margin-bottom: 12px; }
			.busqueda-resultado .filtros .categoria .filtro.conHijos{/*background-image: url("../images/icon/arrow down.svg"); background-position: center right; background-repeat: no-repeat; */ display: flex; justify-content: space-between;}
			.busqueda-resultado .filtros .categoria .filtro.nivel2{padding-left:16px;}

		.busqueda-resultado .filtros .nombre .filtro-on{background-image: url("../images/icon/more.svg"); background-position: center right; background-repeat: no-repeat; width: 24px; height: 24px;}
		.busqueda-resultado .filtros .nombre .filtro-off{background-image: url("../images/icon/less.svg"); background-position: center right; background-repeat: no-repeat; width: 24px; height: 24px;}

		.busqueda-resultado .filtros .filtro .filtro-on{background-image: url("../images/icon/arrow down.svg"); background-position: center right; background-repeat: no-repeat; width: 24px; height: 24px;}
		.busqueda-resultado .filtros .filtro .filtro-off{background-image: url("../images/icon/arrow up.svg"); background-position: center right; background-repeat: no-repeat; width: 24px; height: 24px;}

.busqueda-resultado .filtros LABEL A{color: #000;}
	.busqueda-resultado .resultados{ flex: 1; padding-top: 64px; width: Calc(100% - 261px); overflow: hidden}
.destacados .busqueda-resultado .filtros{padding-top:104px;}
	.busqueda-resultado .resultados .swiper-wrapper{padding-bottom: 32px;}
	.busqueda-resultado .resultados .swiper-scrollbar-horizontal{margin-bottom: 48px;}

.busqueda .sticky, .destacados .sticky { position: -webkit-sticky; position:sticky !important; top:16px;  z-index: 2; }
.busqueda SELECT{border-color: #000; color: #000; }


.creadores .artistas-destacados{grid-template-columns:repeat(4,minmax(0,1fr)); grid-gap: 32px; padding-top:104px; padding-bottom: 118px; margin-bottom: 0px;}
/*.creadores .artistas-destacados .card{margin: 0}*/
/*.creadores .busqueda-resultado .obras-listado .grid{display: grid; grid-template-columns: repeat(11,minmax(0,1fr)); grid-gap: 0px; margin-bottom: 48px; overflow-x: scroll; padding-bottom: 32px;}*/
/*.creadores .busqueda-resultado .obras-listado .swiper{width: 100%;}
.creadores .busqueda-resultado .obras-listado .card{swidth: 277px; margin-right: 16px; margin-bottom: 0}
.creadores .busqueda-resultado .obras-listado .card:last-child{ margin-right: 0;}
.creadores .obras-listado .card .card-imagen .imagen-img{width:277px; }*/
.creadores .busqueda-resultado .obras-listado .card .card-textos{padding: 16px;}

.creadores-mes{padding-top: 118px;}

.creadores-del-mes .mes{font-family: 'CodeProBlack';font-style: normal;font-weight: 900;font-size: 64px;line-height: 60px; margin-bottom: 48px; text-align: center; letter-spacing: -2px; padding-top: 1px;}
	.creadores-del-mes .frase {padding-bottom: 48px;}
	.creadores-del-mes .frase P{font-size: 18px; font-weight: 400;} 
	.creadores-del-mes .obras-listado{padding-top: 0 !important; }
	.creadores-del-mes .obras-listado{ display: flex; margin: auto; padding-bottom: 157px; grid-gap: 0;}
	.creadores-del-mes .obras-listado .card .autor{ display: flex; flex-direction: row; align-items: center; margin-top: 16px;}
	.creadores-del-mes .obras-listado .nombre {    font-family: 'Lato', sans-serif; font-weight: 700; font-size: 16px; line-height: 24px;  text-decoration: underline; display: block; color: #000;}
	.creadores-del-mes .obras-listado .card .ubicacion{position: relative; bottom: 0}
	.creadores-del-mes .obras-listado .card .disciplina{position: absolute; bottom: -53px; font-family: 'CodeProBlack';font-weight: 900;font-size: 24px;line-height: 24px;}
	.creadores-mes .obras-listado .card { border: none;}
	.creadores-del-mes .card-imagen{background-color: var(--color-azul);}

.obras-listado .banda-autor .nombre {  display: block;}


	.creadores .obras-listado .grid::-webkit-scrollbar {height: 8px;}
	.creadores .obras-listado .grid { scrollbar-width: thin; scrollbar-color: var(--color-azul) #CCCFCF;}
	.creadores .obras-listado .grid::-webkit-scrollbar-track {	/*background: #CCCFCF;*/ background-image: url("../images/scroll-fondo.png");	background-repeat: repeat-x; background-position: center;}
	.creadores .obras-listado .grid::-webkit-scrollbar-thumb {	background-color: var(--color-azul); border-radius: 0px;}

.creadores .banda-autor{display: flex; flex-direction: row; justify-content: space-between; align-content: center; margin-bottom: 20px;}

.disciplinas-menu{padding: 118px 0 104px 0; background-image: url("../images/disciplinas.svg"); background-position: center 152px; background-repeat: no-repeat; background-size: 1440px; }
	.disciplinas-menu .titular{font-family: 'CodeProBlack';font-style: normal;font-weight: 900;font-size: 40px;line-height: 40px; max-width: 790px; }
	.disciplinas-menu .disciplinas{display: grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-gap: 32px; margin-top: 48px;}
	.disciplinas-menu .disciplina{ background-size:cover; background-repeat: no-repeat; height: 159px; position: relative; display: block}
	.disciplinas-menu .disciplina .nombre{position: absolute; color: #fff;width: Calc(100% - 24px); left: 24px;bottom: 24px;font-family: 'CodeProBlack';font-style: normal;font-weight: 900;font-size: 24px;line-height: 24px; word-wrap: break-word;}
		.disciplinas-menu .disciplina:hover .nombre{color: var(--color-amarillo);}


	.obras-destacadas .obras-listado .card .card-imagen .imagen-img { height: 254px;}
	.obras-destacadas .obras-listado .frase{padding-bottom:48px; }
	.obras-destacadas .obras-listado .submenu{padding-bottom:0px; }
		.obras-destacadas .obras-listado .submenu li A{margin-bottom: 0}

.banda-tipo-creadores{padding: 104px 0; position: relative; }
	.tipo-creadores{display: flex; gap:32px; justify-content: space-between; }
		.tipo-creador{display: flex;  flex-direction: column; z-index: 1;}
		.tipo-creadores .tipo{font-family: 'CodeProBlack';font-style: normal;font-weight: 900;font-size: 40px;line-height: 40px; background-image: url("../images/icon/arrow.svg"); background-position: top right; background-repeat: no-repeat; padding-right: 80px; margin: 24px 0;}
		.banda-tipo-creadores .background { position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background-color:var(--color-amarillo); z-index: -1;}

.disciplinas-obras .obras{display: flex; flex-direction: row; justify-content: space-between; align-content: center; padding: 118px 0 104px 0; column-gap: 83px; max-width: 1000px; margin: auto; }
.disciplinas-obras .obras .disciplinas-obras-obra{}
.disciplinas-obras .obras .obra-nombre{font-family: 'CodeProBlack';font-style: normal;font-weight: 900;font-size: 24px;line-height: 24px; text-align: center; margin-bottom: 8px;}
.disciplinas-obras .obras .obra-fecha{font-size: 18px;line-height: 28px; text-align: center; font-weight: 400; color: #000}

.disciplinas-obras .obras-listado .card{border: 0; margin-top: 32px; z-index: 0}


.creador-hero{}
	.creador-hero A IMG:hover{filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity:1; opacity:1;}
	.creador-hero .hero{position: absolute; z-index: 3; left: 0; right: 0}
	.banda-creador{display: flex; width: 100%; position: relative; margin-top: -700px; z-index: 0}
	.zona-creador{/*flex: 1;*/ position: sticky; top:96px; height: 700px; display: flex; justify-content: flex-end; align-items: center; width:498px; swidth: 30%; background-color: var(--color-azul); z-index: 1}
	.zona-creador.falsa{position: relative !important; top: 0; background-color: transparent; z-index: 0}
	.zona-creador .data { text-align: center; color: #ffffff; margin: auto;}
	.zona-creador .data .foto{border-radius: 200px; width: 132px; height: 132px; overflow: hidden; margin:0 auto 24px auto; background-color: #2E3CCC; display: flex; align-items: center; justify-content: center; }
		.zona-creador .data .foto-nombre{font-size: 40px; line-height: 40px; font-family: 'CodeProBlack'; color: #8689DF; margin-top: 10px;}
	.zona-creador .data .nombre{font-family: 'CodeProBlack';font-style: normal;font-weight: 900;font-size: 24px;line-height: 24px; margin-bottom: 4px; }
	.zona-creador .data .categoria{font-size: 18px;	line-height: 28px;margin-bottom: 32px;}
	.zona-creador .data .boton{padding: 6px 24px;gap: 8px;width: 154px;height: 40px;font-size: 16px;line-height: 28px; margin:0 auto 8px auto;}
	.zona-creador .data P{font-size: 16px;line-height: 26px;}
	.zona-creador .boton-seguir, .zona-creador .boton-contacto{display: flex}
	.zona-creador .enlaces-titular{margin-top: 24px;}
	.zona-creador .data .enlaces{margin-top: 16px; display: grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-gap: 16px; }
	.zona-creador .data .enlace{display: flex; align-items: center; justify-content: flex-start; gap:16px;}
	.zona-creador .data .enlaces A{font-size: 14px;line-height: 24px;color:#fff; text-decoration: underline;}
	.zona-creador .data .enlace-logo{background: #FFFFFF;border-radius: 16px; display: inline-flex; align-items: center; justify-content: center; width: 40px;height: 40px;}
	.zona-creador .data .compartir{margin-top: 32px; font-size: 16px; display: flex; gap:16px; align-items: center; justify-content: center; }
	.zona-creador .data .compartir-enlace{background: #FFFFFF;border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; width: 32px;height: 32px; }
	.zona-creador A{color: #fff;}
	.banda-creador-contenido{width: Calc(100% - 498px); flex: 1;}
	.banda-creador .imagen{flex: 1; height: 700px; width: 100%; background-color: #2E3CCC; position: relative;}
	.banda-creador .contratacion{padding: 3px 24px 5px; background: #EEB42B;font-weight: 600;font-size: 18px;line-height: 28px; color: #000000; position: absolute; top: 48px; right: 112px; font-style: italic;}
	.banda-creador .obras-destacadas{padding: 118px 0px 80px 32px ; }
	.banda-creador .obras-destacadas .tit1{font-family: 'CodeProBlack';font-size: 24px;line-height: 24px; margin-bottom: 48px;}
	.banda-creador .obras-destacadas .titular{font-family: 'CodeProBlack';font-style: normal;font-weight: 900;font-size: 24px;line-height: 24px; margin: 0}

	.privado .zona-creador{padding-left: 74px;}
	.privado .menu-creador{position: absolute;  display: flex;flex-direction: column;align-items: flex-start;padding: 24px 16px 0px;gap: 24px; border-right: 2px solid #FFFFFF; background: #2E3CCC; z-index: 6; height:100%; width: auto}
		.privado .creador-hero .menu-creador{height:700px; }
	.privado .menu-creador.smaller{/*position: fixed; height: 100%;*/ top:96px; position: fixed; height: 100%;}
		.privado .menu-creador A{display: flex;flex-direction: row;align-items: flex-start;padding: 8px;gap: 8px; border-radius: 12px;}
			.privado .menu-creador A:hover, .privado .menu-creador A.activo{background-color: #fff; text-decoration: none;}
				.privado .menu-creador A:hover IMG, .privado .menu-creador A.activo IMG{filter: invert(77%) sepia(55%) saturate(4166%) hue-rotate(232deg) brightness(95%) contrast(103%);}
				.privado .menu-creador A:hover SPAN, .privado .menu-creador A.activo SPAN{color: var(--color-azul);}
		.privado .menu-creador A SPAN{display: none; font-style: normal;font-weight: 700;font-size: 14px;line-height: 24px;color: #fff;}
		.privado .menu-creador:hover A SPAN{display: block; }

	.privado .tips-pre{display: flex;flex-direction: column;align-items: center; gap: 32px; background: #E7E7E7;}
	.privado .tips {display: flex;flex-direction: row;justify-content: center;align-items: center;padding: 16px 0px;gap: 64px; font-size: 14px;line-height: 22px; }
		.privado .tips.open{border-bottom: 1px solid var(--grey, #CCCFCF);}
		.privado .tips .opciones{display: flex;flex-direction: row;align-items: flex-start;padding: 0px 64px 0px 0px;gap: 48px;border-right: 1px solid #000000;}
			.privado .tips .exponer, .privado .tips .vender{display: flex;flex-direction: row;align-items: center;padding: 0px;gap: 8px;}
				.privado IMG.success, .mis-obras IMG.success{filter: invert(62%) sepia(68%) saturate(568%) hue-rotate(65deg) brightness(82%) contrast(109%);}
				.privado .tips .completar {display: flex;flex-direction: row;align-items: center;padding: 0px;gap: 8px; text-decoration: underline; font-weight: 700;}
				.privado .tips{}
		.zona-creador .data .editar{position: absolute; bottom:32px; right: 32px;}
		.boton-editar{background: #EEB42B;border-radius: 16px; display: inline-flex; align-items: center; justify-content: center; width: 48px;height: 48px; flex: none; }
			.boton-editar:hover{background: #CC9A25;}
		.banda-creador-contenido .imagen .editar{position: absolute; bottom:32px; right: 32px;}
		.privado .perfil-opciones{/*display: flex;*/ display: none;flex-direction: row;align-items: flex-start;padding: 0px;gap: 136px; padding-bottom: 32px;}
			.privado .perfil-opciones.open{display: flex;}
			.privado .perfil-opciones .opcion{display: flex;flex-direction: column;align-items: flex-start;padding: 0px;gap: 16px;}
				.privado .perfil-opciones .opcion .titular{font-size: 16px;font-weight: 700;line-height: 26px;}
				.privado .perfil-opciones .opcion .item{display: flex;align-items: center;gap: 8px;}
				.privado .perfil-opciones .opcion .success{filter: invert(62%) sepia(68%) saturate(568%) hue-rotate(65deg) brightness(82%) contrast(109%);}
			
		.zona-creador .tipo-perfil{display: flex;justify-content: center;align-items: center;gap: 8px;font-size: 18px;line-height: 28px; margin-bottom: 4px;}
		.zona-creador .tipo-perfil IMG.success{filter: invert(62%) sepia(68%) saturate(568%) hue-rotate(65deg) brightness(82%) contrast(109%);}
		.zona-creador .tipo-perfil IMG.oculto{filter: invert();}
		.privado .titular-obras-listado {max-width: Calc(100% - (100% - 1280px)/2 - 498px + 498px/2 - 24px);}
		
		.privado .imagen .edit-zone{border: 2px dashed #999;display: flex;width: 100%;margin: 24px;border-radius: 16px;flex-direction: column;align-items: center;justify-content: center; gap:16px; font-size: 16px; line-height: 26px; color: #999999;}
		.privado .obras-destacadas .edit-zone{border: 2px dashed #999;display: flex;/* width: 100%; *//* margin-right: 24px; */border-radius: 16px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap:16px;font-size: 16px;line-height: 26px;color: #999999;min-height: 430px;max-width: Calc(100% - (100% - 1280px)/2 - 498px + 498px/2 - 24px); padding: 103px; text-align: center; }
		.privado .artista-sobre-contenido .edit-zone{border: 2px dashed #999;display: flex; width: 100%; /* margin-right: 24px; */border-radius: 16px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap:16px;font-size: 16px;line-height: 26px;color: #999999;min-height: 430px;padding: 103px; text-align: center}
		.privado .edit-zone .encabezado{font-size: 18px;font-weight: 700;line-height: 28px;font-family: 'Lato';}
		.privado .edit-zone P{margin: 0}
		.mis-obras .proceso-creativo .edit-zone{border: 2px dashed #999;display: flex;width: 100%; margin: 24px;border-radius: 16px;flex-direction: column;align-items: center;justify-content: center; gap:16px; font-size: 16px; line-height: 26px; color: #999999; padding: 30px 103px; text-align: center; }
		.mis-obras .seccion-titular{font-family: 'CodeProBlack'; font-size: 24px; line-height: 24px; margin-bottom: 0;}
	
	.not-hero .breadcrumbs{color: #000;}
		.not-hero .breadcrumbs img{filter: invert();}

	.creador.privado.mis-obras .busqueda{ padding: 56px 0 54px 0;}
	.privado.mis-obras .busqueda-resultado .filtros{ padding-top: 64px;}
	.privado.mis-obras .busqueda-resultado .resultados{ padding-top: 0px;}

	.pre-bola{ /*position: fixed; bottom:64px;	right: Calc(100% - (100% - 1280px)/2 - 45px - 1280px);*/ position: sticky; top: Calc(100vh - 100px); margin-right: -42px; z-index: 9; background-color: #2E3CCC; border-radius: 64px; display: inline-flex; align-items: center; float: right;}
	.pre-bola span{display: none; color:#FFF; padding: 0 20px;}
	.pre-bola:hover span{display: inline-block}
	.bola{display: inline-flex;	padding: 20px;align-items: flex-start;gap: 8px;border-radius: 64px;background: var(--blue-primary, #3748F5);}
	.bola IMG{filter:invert();}

	.mis-obras .etiquetas{position:sticky; top:95px !important; z-index: 10; background-color: #fff; display: flex; padding: 16px;align-items: flex-start;gap: 8px; width: 100%;}
		.mis-obras .etiquetas.sticky{padding: 16px; box-shadow: 0px 14px 10px -10px rgba(0, 0, 0, 0.28);}
		.mis-obras .etiquetas A:hover{color: #fff;}

	.privado.mis-obras .busqueda .opciones:hover  .acciones{display: flex;}
	.privado.mis-obras .busqueda .acciones{ z-index: 10; position: absolute; top: 0; right: 0; display: flex; flex-direction: column; box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08); border-radius: 8px; background: #FFF; padding: 12px 16px; gap: 8px; display: none}
		.privado.mis-obras .busqueda .acciones .tag { background: #fff;  color: #000000; border-bottom: 1px solid #E7E7E7; padding: 4px 0px 12px 0px; border-radius: 0}
			.privado.mis-obras .busqueda .acciones .tag:last-child { border: none;}
			.privado.mis-obras .busqueda .acciones .tag IMG{ filter: invert();}
			.privado.mis-obras .busqueda .acciones .tag IMG.invert{ filter: none;}


	.mis-obras .vender-opciones {max-width: 752px;display: flex; flex-direction: column; gap: 24px; margin-bottom: 24px;}
			.mis-obras .vender-opcion { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; gap: 16px;	}
			.mis-obras .vender-opciones .boton-info { width: 24px; display: inline-block; filter: invert(); flex: none;	}
			.mis-obras .vender-opciones .licencia{display: flex;align-items: flex-start;gap: 24px;}
			.mis-obras .vender-opciones .licencia-precio{display: flex;width: 467px;padding: 0px 24px 0px 28px;align-items: center;gap: 16px; border-right: 1px solid #000;}
			.mis-obras .vender-opciones .licencia-precio INPUT{width: 200px;}
		.mis-obras .vender-opciones .licencia-texto{display: flex;flex-direction: column;justify-content: center;align-items: flex-start;gap: 2px;}
		.mis-obras .vender-opciones .licencia-recibiras{display: flex;align-items: center;gap: 8px;}
		.mis-obras .licencia-autocompletar{display: flex;padding: 16px 0px;justify-content: center;align-items: center;gap: 40px;align-self: stretch; background: #EEB42B;}

		.mis-obras .licencia-bloque-mensaje{display: flex;width: 100%;flex-direction: column;align-items: flex-start;gap: 4px; font-size: 12px;font-weight: 500;line-height: 20px;}
			.mis-obras .licencia-mensaje{display: flex;align-items: center;gap: 8px;align-self: stretch;}
			.mis-obras .licencia-mensaje-elementos{display: flex;flex-direction: column;align-items: flex-start;gap: 4px;align-self: stretch;}
			.mis-obras .licencia-mensaje-elemento{display: flex;padding-left:24px;align-items: flex-start;gap: 8px;align-self: stretch;}

	.mis-obras .obra-archivos{padding:80px 0 104px 0; display:flex;flex-direction: column; gap: 64px; }
		.mis-obras .obra-archivos .bloque{display: flex; flex-direction: column;align-items: flex-start;gap: 24px;}
		.mis-obras .obra-archivos .bloque-columna{display: flex;align-items: flex-start; gap: 32px;}
		.mis-obras .obra-archivos .bloque-columna-archivo{display: flex;flex-direction: column;align-items: flex-start;gap: 16px;}
		.mis-obras .obra-archivos .enlaces{display: flex;align-items: center;gap: 16px; margin: auto;}
		.mis-obras .obra-archivos .enlaces .enlace{display: flex;align-items: center;gap: 8px; }
		.mis-obras .obra-archivos .botones{display: flex;align-items:flex-start; justify-content: center;gap: 16px;}

	.mis-obras .obra-licencias{padding:80px 0 104px 0; display:flex;flex-direction: column; gap: 64px; }
		.mis-obras .obra-licencias .bloque{display: flex;flex-direction: column;align-items: flex-start;gap: 24px;align-self: stretch;}
		.mis-obras .obra-licencias .form-check-input{background-size: 60% 60%; margin-top: 2px; }
		.mis-obras .obra-licencias .mensaje{font-size: 12px;font-weight: 500;line-height: 24px;}
		.mis-obras .obra-licencias .botones{display: flex;align-items:flex-start; justify-content: center;gap: 16px;}

	.mis-compras{}
		.mis-compras .mis-compras-contenido{display: flex; width: 100%; margin-top: -700px; min-height: 700px;}
		.mis-compras .separacion-izquierda { flex: none; display: flex; width: 498px;}
		.mis-compras .derecha{ width: Calc(100% - (100% - 1280px)/2 - 498px);}
		.mis-compras .blockchain{display: flex;width: 330px;flex-direction: column;align-items: center;gap: 32px;}
	.mis-compras .edit-zone{border: 2px dashed #999; display: flex; border-radius: 16px; flex-direction: column;  align-items: center; justify-content: center; gap: 16px; font-size: 16px; line-height: 26px; color: #999999; min-height: 458px; padding: 103px; text-align: center;}
	.mis-compras .encabezado { font-size: 18px; font-weight: 700; line-height: 28px; font-family: 'Lato';}
	.mis-compras .edit-zone P { margin: 0;}

@media (max-width: 1284px){.mis-compras .separacion-izquierda{ width: 450px;}}
@media (max-width: 1024px){.mis-compras .separacion-izquierda { width: 436px;}}
@media (max-width: 820px){.mis-compras .separacion-izquierda { display: none;}}

@media (max-width: 1284px){.mis-compras .derecha{ max-width: Calc(100% - (100% - 1150px)/2 - 450px);}}
@media (max-width: 1024px){.mis-compras .derecha { max-width: Calc(95% - (95% - 1150px)/2 - 436px); overflow: hidden;}}
@media (max-width: 820px){.mis-compras .derecha {width: 90%; margin: auto; min-width: 90%;} .mis-compras .mis-compras-contenido{margin-top: 0px; min-height:0px;} .mis-compras .zona-creador .data .nombre { width: 330px;}}

	.mis-ventas{}
		.mis-ventas .mis-ventas-contenido{display: flex; width: 100%; margin-top: -700px; min-height: 700px;}
		.mis-ventas .separacion-izquierda { flex: none; display: flex; width: 498px;}
		.mis-ventas .derecha{ width: Calc(100% - (100% - 1280px)/2 - 498px);}
		.mis-ventas .zona-creador .mensaje { display: flex; align-items: flex-start; gap: 8px; font-size: 12px; font-weight: 500; line-height: 18px; margin: auto; max-width: 330px}

		.mis-ventas .modal-factura{}
			.mis-ventas .modal-factura .factura-columnas{display: flex;align-items: flex-start;gap: 16px;}
			.mis-ventas .modal-factura .w-189{width: 189px;}
			.mis-ventas .modal-factura .w-254{width: 254px;}
			.mis-ventas .modal-factura .w-443{width: 443px;}
		.mis-ventas .modal-ventas-solicitud-licencia{}
			.mis-ventas .modal-ventas-solicitud-licencia .factura-columnas{display: flex;align-items: flex-start;gap: 16px; width: 100%;}


@media (max-width: 1284px){.mis-ventas .separacion-izquierda{ width: 450px;}}
@media (max-width: 1024px){.mis-ventas .separacion-izquierda { width: 436px;}}
@media (max-width: 820px){.mis-ventas .separacion-izquierda { display: none;}}

@media (max-width: 1284px){.mis-ventas .derecha{ max-width: Calc(100% - (100% - 1150px)/2 - 450px);}}
@media (max-width: 1024px){.mis-ventas .derecha { max-width: Calc(95% - (95% - 1150px)/2 - 436px); overflow: hidden;}}
@media (max-width: 820px){.mis-ventas .derecha {width: 90%; margin: auto; min-width: 90%;} .mis-ventas .mis-ventas-contenido{margin-top: 0px; min-height:0px; padding-left: 58px;} .mis-ventas .zona-creador .data .nombre { width: 295px;}}

@media (max-width: 820px){
	.mis-ventas .zona-creador .mensaje { max-width:295px}
	.mis-ventas .modal-factura .factura-columnas{flex-direction: column; gap:8px;}
	.mis-ventas .modal-factura .w-189, .mis-ventas .modal-factura .w-254, .mis-ventas .modal-factura .w-443{width: 100%;}
	
	.mis-ventas .modal-ventas-solicitud-licencia .factura-columnas{flex-direction: column; gap:8px;}
}


	.artista-sobre{display: flex; width: 100%; z-index: 0}
	.artista-sobre .separacion-izquierda{flex:none;  display: flex; width: 498px;}
	.artista-sobre-banda{ width: Calc(100% - (100% - 1280px)/2 - 498px);}
	.artista-sobre-contenido{padding:104px 0px 104px 32px;}
	.artista-sobre .intro{font-family: 'CodeProBlack';font-weight: 900;font-size: 20px;line-height: 28px;margin-bottom: 48px;}
	.artista-sobre .titular{font-family: 'CodeProBlack';font-style: normal;font-weight: 900;font-size: 24px;line-height: 24px; margin: 0}
	.artista-sobre-descripcion{display: flex; gap:32px; width: 100%; border-bottom: 1px solid #CCCFCF; padding-bottom: 48px; margin-bottom: 48px;}
	.artista-sobre .descripcion{flex:1; width: 50%;}
	.artista-sobre P{font-weight: 400;font-size: 16px;line-height: 26px; margin-bottom: 16px;}
	.artista-sobre .foto{flex:1; width: 50%;}
	.artista-sobre .reconocimientos-titular{font-family: 'CodeProBlack';font-style: normal;font-weight: 900;font-size: 24px;line-height: 24px; margin: 0}
	.artista-sobre .reconocimientos{/*grid-gap: 32px; */margin-top: 48px; display: flex; gap:32px; }
	.artista-sobre .reconocimiento{ background-color:#fff; display: flex;flex-direction: row; align-items: center; justify-content: space-between;padding: 24px;gap: 8px; smax-width: 250px;height: 128px;border: 3px solid #000000; font-family: 'CodeProBlack';font-style: normal;font-weight: 900;font-size: 20px;line-height: 20px; color: #000; flex: 1;}

	.creador .busqueda{ padding: 104px 0 54px 0;}
	.creador .busqueda .titular{font-family: 'CodeProBlack';font-weight: 900;font-size: 24px;line-height: 24px;}


.obra{}
.obra-hero{}
	.obra-hero .hero{position: absolute; z-index: 3; left: 0; right: 0}
		.obra-hero .hero .breadcrumbs{color: #000;}
			.obra-hero .hero .breadcrumbs img{filter: invert();}
	.banda-obra{margin-top: -700px; display: flex; width: 100%; z-index: 0; justify-content: flex-end;  background-color: #CCCFCF;}
		.obra-sobre-banda{ max-width: Calc(100% - (100% - 1280px)/2 - 498px);}

	.zona-obra{flex: 1; position: sticky; top:96px; left: Calc(100% - 498px); height: 700px; display: flex; justify-content: flex-end; align-items: center; width:498px; background-color: var(--color-azul); z-index: 1 }
	.zona-obra.falsa{position: relative !important; top: 0; background-color: transparent; z-index: 0}
	.zona-obra .data { text-align: left; color: #ffffff; margin: auto; padding: 0 56px;}
		.zona-obra .data .editar{position: absolute; bottom:32px; right: 32px;}
	.zona-obra .data .autor{display: flex; gap:16px; align-items: center; margin-bottom: 32px;}
		.zona-obra .data .foto{border-radius: 200px; width: 48px; height: 48px; overflow: hidden; margin:0; background-color: #2E3CCC; display: flex; align-items: center; justify-content: center; }
		.zona-obra .data .foto-nombre{font-size: 40px; line-height: 40px; font-family: 'CodeProBlack'; color: #8689DF; margin-top: 10px;}
		.zona-obra .data .autor-ubicacion{font-size: 14px;line-height: 22px;}
	.zona-obra .data .autor-nombre{font-size: 16px;line-height: 24px;text-decoration-line: underline; margin-bottom: 2px;}
	.zona-obra .data .nombre{font-family: 'CodeProBlack';font-style: normal;font-weight: 900;font-size: 24px;line-height: 24px; margin-bottom: 4px; display: flex; gap:16px; justify-content: space-between; align-items:flex-start;     word-break: break-all;}
		.zona-obra .data .nombre > div{flex: 1}
	.zona-obra .data .favorito-on IMG{filter: invert(100%) ;}
	.zona-obra .data .categoria{font-size: 18px;	line-height: 28px;margin-bottom: 32px;}
	.zona-obra .data .boton{padding: 6px 24px;gap: 8px;width: 230px;height: 40px;font-size: 16px;line-height: 28px; margin:0 auto 8px auto;}
	.zona-obra .data .textoDesde{font-size: 18px;line-height: 22px;margin-bottom: 8px; display: flex; gap:8px; width: 100%; }
		.zona-obra .data .textoDesde .boton-info{width: 24px; display: inline-block}
	.zona-obra .data .precio{font-family: 'CodeProBlack';font-size: 40px;line-height: 40px;margin-bottom: 16px;}
.zona-obra .data .precio-abierto{font-family: 'CodeProBlack';font-size: 20px;line-height: 20px;margin-bottom: 16px;}
	.zona-obra .data P{font-size: 16px;line-height: 26px;}
	.zona-obra .boton-seguir, .zona-obra .boton-contacto{sdisplay: block}
	.zona-obra .enlaces-titular{margin-top: 24px;}
	.zona-obra .data .enlaces{margin-top: 16px; display: grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-gap: 16px; }
	.zona-obra .data .enlace{display: flex; align-items: center; justify-content: flex-start; gap:16px;}
	.zona-obra .data .enlaces A{font-size: 14px;line-height: 24px;color:#fff; text-decoration: underline;}
	.zona-obra .data .enlace-logo{background: #FFFFFF;border-radius: 16px; display: inline-flex; align-items: center; justify-content: center; width: 40px;height: 40px;}
	.zona-obra .data .compartir{margin-top: 32px; font-size: 16px; display: flex; gap:16px; align-items: center; justify-content: flex-start; }
	.zona-obra .data .compartir-enlace{background: #FFFFFF;border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; width: 32px;height: 32px; }

	
	.obra-sobre .seccion{font-family: 'CodeProBlack';font-size: 24px;line-height: 24px; margin-bottom: 40px;}

	.obra-sobre .labels{margin-top: 48px;}
	.obra-sobre .label{display: inline-block; font-weight: 500;font-size: 14px;line-height: 22px; color: #999999;padding: 4px 16px;border: 1px solid #999999;border-radius: 8px; margin:0 8px 8px 0;}
	.obra-sobre .label.label-xl{font-size: 18px;line-height: 32px;}
	.obra-sobre .label:hover{color: var(--color-azul); border-color: var(--color-azul);}

.obra-sobre{display: flex; width: 100%; z-index: 0; justify-content: flex-end; }
	.obra-sobre-foto{background-color: #cccfcf4d; margin-top: -700px;}
	.obra-sobre-foto .obra-sobre-banda{width: inherit; height: 700px;}
	.obra-sobre .separacion-derecha{flex:none;  display: flex; width: 498px;}
	.obra-sobre-banda{ max-width: Calc(100% - (100% - 1280px)/2 - 498px); width: Calc(100% - (100% - 1280px)/2 - 498px);}
	.obra-sobre-contenido{padding:104px 32px 104px 0px;}

	.obra-sobre-contenido .imagen-contenedor{width: 706px; height: 536px; text-align: center; position: relative;}
		.obra-sobre-contenido .imagen-contenedor .obra-semana {  position: absolute;    left: 24px;    bottom: 24px;    z-index: 2;    background: #3748F5;    border: 1px solid #FFFFFF;    border-radius: 8px;    padding: 4px 16px;    color: #ffffff;    font-weight: 500;    font-size: 14px;    line-eight: 22px;    display: flex;    flex-direction: row;    align-items: center;    gap: 8px;}
		.obra-sobre-contenido .imagen-contenedor IMG{object-fit: contain; width: 706px; height: 536px;}
		.obra-sobre-contenido .imagen-contenedor .obra-semana IMG{width: 16px; height: 16px;}
	.obra-sobre-descripcion{display: flex; gap:32px; width: 100%; border-bottom: 1px solid #CCCFCF; padding-bottom: 48px; margin-bottom: 48px; }
	.obra-sobre .descripcion{flex:1; width: 50%;}
	.obra-sobre P{font-weight: 400;font-size: 16px;line-height: 26px; margin-bottom: 16px;}
	.obra-sobre .foto{flex:1; width: 50%;}
	
	.obra-sobre .proceso-creativo{ border-bottom: 1px solid #CCCFCF; padding-bottom: 48px; margin-bottom: 50px; }
	.obra-sobre .proceso-creativo .proceso{height: 257px; }
		.obra-sobre .proceso-creativo .proceso IMG{sheight: 257px; max-width: min-content; max-height: 257px; object-fit: cover;}

	.obra-sobre .registrado{ padding-bottom: 48px;  font-size: 16px;line-height: 26px;}
		.obra-sobre .registrado .encabezado{font-weight: 700; min-width: 110px;}
	.obra .artista-sobre{justify-content: flex-end;}
	.obra .artista-sobre-banda{max-width: Calc(100% - (100% - 1280px)/2 - 498px);}
	.obra .artista-sobre .separacion-derecha{flex:none;  display: flex; width: 498px;}
	.obra .artista-sobre-contenido{padding:104px 32px 104px 0;}
	.obra .artista-sobre .seccion{font-family: 'CodeProBlack';font-size: 24px;line-height: 24px; margin-bottom: 48px;}
	.obra .artista-sobre .perfil{display: flex; gap:16px; align-items: center; margin-bottom: 40px; justify-content: space-between}
		.obra .artista-sobre .autor{display: inline-flex; gap:16px; align-items: center; ;}
			.obra .artista-sobre .autor-foto{border-radius: 200px; width: 48px; height: 48px; overflow: hidden; margin:0; background-color: #2E3CCC; display: flex; align-items: center; justify-content: center; flex: none;}
			.obra .artista-sobre .nombre-categoria{font-size: 16px;line-height: 24px;}
				.obra .artista-sobre .nombre{font-weight: 700; text-decoration: underline; color: #000; }
				.obra .artista-sobre .perfil .boton{margin: 0; padding: 6px 24px;font-size: 16px;}

.obra .obras-destacadas{padding:118px 0 80px 0px;}
	.obra .obras-destacadas .seccion{display: flex; align-items: center; justify-content: space-between; margin-bottom: 48px;}
	.obra .obras-destacadas .seccion-nombre{font-family: 'CodeProBlack';font-size: 24px;line-height: 24px;}

.modal A:not(.boton){text-decoration: underline;}
.modal .form-check-input{background-size: 60% 60%; margin-top: 2px; }
.modal-backdrop.modal-obra{z-index: 29;}
.modal-obra .modal{padding: 0; margin: 0; display: block;}
.modal-obra .modal-contenido{font-size: 18px;line-height: 28px; font-weight: 400; display: flex; padding: 0}
	.modal-obra .modal-cerrar{position: relative; right: auto; text-align: left; margin: 0; top: 0; font-size: 16px; margin-bottom: 64px;}
	.modal-obra .obra-datos{ margin:72px 118px 72px 118px;  }
	.modal-obra .imagen-contenedor{width: 500px; height: 380px; text-align: center; position: relative;}
		.modal-obra .imagen-contenedor IMG{object-fit: contain; width: 500px; height: 380px;}
 		.modal-obra .obra-nombre{font-family: 'CodeProBlack';font-size: 24px;line-height: 24px; margin-top: 32px; max-width: 500px;}
	.modal-obra .obra-licencias{padding: 160px 118px 72px 56px; width: Calc(530px + 118px + 56px);     height: Calc(660px + 160px + 72px); overflow: scroll;}
		.modal-obra .obra-licencias .titular{font-family: 'CodeProBlack';font-style: normal;font-weight: 900;font-size: 24px;line-height: 24px; margin: 0 0 4px 0; text-align: left; }
		.modal-obra .obra-licencias .titular-opciones{font-family: 'CodeProBlack';font-size: 20px;line-height: 20px; margin-top: 48px; margin-bottom: 32px;}
		.modal-obra .obra-licencias .tipo-uso{display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; gap: 8px;}
		.modal-obra .obra-licencias .tipo-uso-precio{display: flex; align-items: center; justify-content: space-between; padding: 0px 0px 24px; border-bottom: 1px solid #CCCFCF; margin-bottom: 30px;}
			.modal-obra .obra-licencias .boton-info{width: 24px; display: inline-block; filter: invert(); flex: none}
			.modal-obra .obra-licencias .precio{ font-family: 'CodeProBlack';font-style: normal;font-weight: 900;font-size: 40px;line-height: 40px;}
			
			.modal .modal-pasos{display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding: 0px;gap: 12px;margin: 40px 0 48px 0; color: #3748F5; font-size: 16px;line-height: 26px;}
				.modal .modal-pasos .bloque{display: flex;align-items: center;gap: 12px;}
				.modal .modal-pasos .numero{ color: #fff; background-color: #3748F5; border-radius: 12px; font-family: 'CodeProBlack';font-style: normal;font-weight: 900;font-size: 20px;line-height: 20px;text-align: center; display: flex;
flex-direction: column;align-items: flex-start;padding: 11px 15px 9px;gap: 8px;width: 40px;height: 40px;}
				.modal .modal-pasos .numero.success{padding: 0; align-items: center; justify-content: center;}
				.modal .modal-pasos .off{color:#999999;}
				.modal .modal-pasos .numero.off{background-color:#999999; color: #fff;}
				.modal .modal-pasos .paso{ text-wrap: nowrap;}
				.modal .modal-pasos .linea{width: 100%;}
					.modal .modal-pasos .linea IMG{height:2px; width: 100%;}

			.modal-obra .obra-licencias .tipo-uso .form-check-input{margin-top: 6px; flex: none;}
    		.modal-obra .obra-licencias .tipo-uso .form-check-label{flex: auto; font-size: 16px;line-height: 22px; }
			.modal-obra .obra-licencias .tipo-uso P{font-size: 14px;line-height: 22px; font-weight: 400;}
			.modal-obra .obra-licencias .tipo-uso input{display: inline}
			.modal-obra .obra-licencias .tipo-uso .limite-opciones{ display: flex; gap: 8px; width: 100%;}
				.modal-obra .obra-licencias .tipo-uso .limite-opciones INPUT{width: 150px}

			.modal-obra .obra-licencias .tipo-uso .form-check-input:checked ~ input{border-color: #000}
			.modal-obra .obra-licencias .tipo-uso .form-check-input:checked ~ select{border-color: #000}
			
			.modal-obra .obra-licencias .condicion{font-size: 16px;line-height: 26px; margin-bottom: 24px;}
				.modal-obra .obra-licencias .condicion:last-child{margin-bottom: 40px;}

			.modal-obra .obra-licencias.enviado{display: flex; flex-direction: column; align-items: center; justify-content: center;}
				.modal-obra .obra-licencias.enviado .respuesta{font-size: 24px;line-height: 32px; margin: 32px auto 16px auto;}

			.modal-obra .obra-licencias .formulario{display: flex;flex-direction: column;align-items: flex-start;gap: 16px;}
				.modal-obra .obra-licencias .formulario .form-row{display: flex;align-items: flex-start; gap: 16px;align-self: stretch;}
				
				.modal-obra .obra-licencias .formulario .mini{width: 132px}


			/** adquirir **/
			.modal-obra .obra-licencias .formatos {display: flex;flex-direction: row; align-items: flex-start; padding: 0px; gap: 16px; }
				.modal-obra .obra-licencias .formato{display: flex; align-items: center;padding: 0px;  gap: 12px; font-size: 16px;line-height: 26px; margin-bottom: 32px;}


			/*** login ***/
			.modal-login .boton{width: 267px;}
			
			
			/*** edicion ***/
			.modal-edicion .modal{width: 998px;}
			.modal-edicion .modal-contenido{height: 477px; overflow: auto; padding: 40px;}
			.modal-edicion .seccion{font-size: 16px;font-weight: 700;line-height: 28px;text-transform: uppercase;}
			.modal-edicion .apartado{font-size: 18px;font-weight: 700;line-height: 28px;}
			.modal-edicion .datos-personales{display: flex; flex-direction: row; gap:32px; margin-bottom: 56px;}
				.modal-edicion .datos-personales .foto{flex:1; flex-shrink: 0; text-align: center;}
					.modal-edicion .foto .mensaje{justify-content: center}
				.modal-edicion .datos-personales .foto .marco{width: 443px;height: 332px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), none, lightgray 0px -109.518px / 100% 200.151% no-repeat;}
				.modal-edicion .mensaje{display: flex;align-items: center;gap: 8px; font-size: 12px;font-weight: 500;line-height: 24px; margin: auto; }
				.modal-edicion .datos-personales .formulario{flex:1; }
					.modal-edicion .datos-personales .formulario .form-row{margin-bottom: 24px;}

				.modal-edicion .tabs{padding-top: 0; margin-bottom: 32px;}
				.modal-edicion .columnas{display: flex; flex-direction: row; gap:32px; align-items: center; margin-bottom: 12px;}
					.modal-edicion .columnas.enlaces{gap:16px;}
					.modal-edicion .columnas .opcion{width: 237px; }
					.modal-edicion .columnas .tags{ flex:1; display: flex;flex-direction: row; /*width: 649px;*/padding: 10px 16px;align-items: flex-start;gap: 8px; border-radius: 16px; border: 1px solid #CCCFCF; width: Calc(649px - 32px); flex-wrap: wrap; position: relative;}
						.modal-edicion .columnas .tags.checked{border-color:#000000;}
					.modal-edicion .columnas .tag{ display: flex;padding: 4px 8px;align-items: center;gap: 8px;border-radius: 8px;background: #3748F5; color: var(--white, #FFF);font-size: 14px;font-weight: 500;line-height: 22px; }
					.modal-edicion .columnas .tag A{line-height: 0} .modal-edicion .columnas .tag .close{filter: invert();}
					.modal-edicion .columnas .tags .floatingLabel{position: absolute;   left: 0; overflow: hidden;  text-align: start;  text-overflow: ellipsis;  white-space: nowrap;  pointer-events: none;  border: 1px solid transparent; transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; font-size: 16px; font-weight: 500; line-height: 28px; border-radius: 10px; transform: scale(0.85) translateY(-1.5rem) translateX(0.55rem); background: #fff;  width: auto; padding: 0 10px; height: auto; top: 5px; color: #999;}

					.modal-edicion .columnas .enlace{display: flex;width: 189px;padding: 10px 16px;align-items: center;gap: 8px;flex-shrink: 0;border-radius: 16px;border: 1px solid #000; }
					.modal-edicion .columnas .url{flex:1; }
					.modal-edicion .perfil-url{display: inline; border: none; color: #3748F5; width: 100%;font-size: 18px;font-weight: 400;line-height: 28px; text-decoration: underline;}
					.modal-edicion .perfil-url:focus-visible {  outline: 0px;}
					.modal-edicion	.bases{font-size: 14px;font-weight: 400;line-height: 22px;}
					.modal-edicion .columnas .organismo{width: 189px; }
					.modal-edicion .columnas .nombre{width: 254px; }


				.modal-edicion .separacion{margin: 0}
				.modal-edicion .botones{text-align: center; padding: 32px; display: flex; gap:16px; align-items: center; justify-content: center}
				.modal-edicion .botones .boton{margin: 0}

			.modal-edicion.modal-imagen-portada .datos-personales{ margin-bottom: 0px;}
			.modal-edicion.modal-imagen-portada .foto .marco{width: 918px;height: 458px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), url(<path-to-image>), lightgray 0px -109.518px / 100% 200.151% no-repeat;}

			.modal-edicion .modal .modal-pasos{margin:0 0 40px 0;}
			.modal-edicion .obras-listado .grid{margin-bottom: 0}
			.modal-edicion .obras-listado A{text-decoration: none;}
			.modal-edicion .obras-listado .card INPUT{position: absolute; right:16px; top: 16px; width: 24px; height: 24px;}

			.modal-edicion .card:hover{outline: 0px;}
			.modal-edicion .obras-listado .card.sortablePadre{opacity: 0.5}
			.modal-edicion .obras-listado .card.sortableHover{border: 1px dashed var(--grey, #CCCFCF);background: rgba(231, 231, 231, 0.30);}
				.modal-edicion .obras-listado .card.sortableHover > *{opacity: 0}
				.modal-edicion .obras-listado .card.sortableHover:hover{cursor: pointer}

			.modal-edicion.modal-presentacion .datos-personales{ margin-bottom: 0px;}
			.modal-edicion.modal-presentacion .foto .marco{width: 918px;height: 458px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), url(<path-to-image>), lightgray 0px -109.518px / 100% 200.151% no-repeat;}


/*** comunidad ***/
.comunidad{}
	.comunidad .artistas-destacados{padding-top: 80px; grid-template-columns: repeat(4,minmax(0,1fr));}
		.comunidad .artistas-destacados .card{min-height: 450px;}

	.comunidad .seguidores{padding: 80px 0 64px; display: grid; grid-gap: 32px; width: 100%; margin: 0;  margin-bottom:40px; grid-template-columns: repeat(4,minmax(0,1fr));}
		.comunidad .seguidores .card{border: 1px solid #CCCFCF; display: flex;flex-direction: column; flex: none; justify-content: flex-start;  align-items: center; color: #000;  white-space: normal; position:relative; height: auto; min-height: 104px; }
		.comunidad .seguidores .autor { display: flex;width: 277px;padding: 16px;flex-direction: column;align-items: center;gap: 16px;}
		.comunidad .seguidores .autor .foto { width: 64px; margin-right: 12px;}
		.comunidad .seguidores .autor .foto IMG { border-radius: 90px; width: 64px; height: 64px; object-fit: cover;}

	.comunidad .favoritos{padding-top: 80px;}
		.comunidad .favoritos .obras-listado {padding-top: 40px;}
		.comunidad .favoritos .obras-listado .grid{grid-template-columns: repeat(4,minmax(0,1fr));}


/*** mensajes ***/
.pagina-mensajes .mensajes{padding-top: 80px;}
	.pagina-mensajes .mensajes-bloque{display: flex; gap: 16px; margin-bottom: 104px; padding-top: 40px;}
		.pagina-mensajes .mensajes-listado{display: flex;height: 640px;padding-bottom: 0px;flex-direction: column;align-items: flex-start; gap: 16px;flex-shrink: 0; overflow-y: auto}
		.pagina-mensajes .mensajes-listado .card{width: 380px; border-radius: 16px;background: rgba(231, 231, 231, 0.70); }
			.pagina-mensajes .mensajes-listado .card .remitente{display: flex; padding: 16px 24px 16px 16px;align-items: center;gap: 16px; position: relative}
			.pagina-mensajes .mensajes-listado .card.activo{background: var(--blue-primary, #3748F5); color: #fff;}
		.pagina-mensajes .mensajes-listado .card .foto{width: 64px;height: 64px;border-radius: 64px;}
			.pagina-mensajes .mensajes-listado .card .foto IMG { border-radius: 90px; width: 64px; height: 64px; object-fit: cover;}
			.pagina-mensajes .mensajes-listado .card .card-textos{display: flex;width: 212px;flex-direction: column;align-items: flex-start;gap: 2px;}
		.pagina-mensajes .mensajes-listado .card .numero{border-radius: 72px; background: var(--color-azul); display: flex; padding: 5px 8px;flex-direction: column;align-items: flex-start;gap: 8px; color:#fff; }
			.pagina-mensajes .mensajes-listado .card .numero DIV{display: flex;width: 8px;height: 14px;flex-direction: column;justify-content: center;}
		.pagina-mensajes .mensajes-listado .card .puntos{display: flex;width: 20px;height: 20px;padding: 1.667px 0px;justify-content: center;align-items: center;position: absolute;right: 8px;top: 12px; }

		.pagina-mensajes .card .acciones { z-index: 10; position: absolute; top: 0;   right: 0; display: inline-flex;padding: 12px 16px;flex-direction: column;align-items: flex-start;gap: 8px; border-radius: 8px;background: #FFF;box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08); display: none;}
	.pagina-mensajes .card .acciones .accion{display: flex;padding: 4px 0px 12px 0px;align-items: center;gap: 8px;align-self: stretch;border-bottom: 1px solid #E7E7E7; width: max-content;}
		.pagina-mensajes .card .acciones .accion:last-child{border: none; padding-bottom: 4px;}
		.pagina-mensajes .card .puntos:hover .acciones{display: flex !important;}


	.pagina-mensajes .mensaje-input{display: flex; align-items: center;gap: 8px; border-radius: 16px;border: 1px solid #CCCFCF;background:#FFF; margin: 32px; overflow: hidden}
	.pagina-mensajes .mensaje-input INPUT{border: none; margin: 16px 0;}
	.pagina-mensajes .mensaje-enviar{display: inline-flex;padding: 12px;align-items: flex-start;gap: 8px; XXXXborder-radius: 0px 16px 16px 0px;background: #999;}
	.pagina-mensajes .mensaje-enviar:hover{background: var(--color-azul);}
		.pagina-mensajes .mensaje-enviar IMG{opacity: 0.5;}
		.pagina-mensajes .mensaje-enviar:hover IMG{filter: invert(); opacity: 1;}
		.pagina-mensajes .mensaje-enviar IMG:hover {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
		.pagina-mensajes .mensaje-input:focus-within  {border:1px solid var(--color-azul); outline: solid 2px var(--color-azul);}
		.pagina-mensajes .mensaje-input:focus-within .mensaje-enviar{background: var(--color-azul);}
		.pagina-mensajes .mensaje-input:focus-within IMG{filter: invert(); opacity: 1; }
		.pagina-mensajes .mensaje-input:focus-within INPUT, .pagina-mensajes .mensaje-input INPUT.form-control:focus{border-color:#fff !important; box-shadow: false, 0 0 0 0.25rem rgba(#fff, 0.25); outline: 1px solid #fff;}
	


	.pagina-mensajes .mensaje-detalle{width: 792px;height: 640px;flex-shrink: 0; border-radius: 16px;background: rgba(231, 231, 231, 0.70); display: flex; flex-direction: column; justify-content: space-between;}
		.pagina-mensajes .mensaje-encabezado{display: flex; padding: 24px 32px;align-items: center;gap: 16px;border-bottom: 1px solid #CCCFCF;}
			.pagina-mensajes .mensaje-encabezado .foto, .pagina-mensajes .mensaje-encabezado .foto IMG {width: 48px;height: 48px; border-radius: 90px; object-fit: cover;}
	.pagina-mensajes .hilo {padding: 32px; height: Calc(792px - 97px - 48px); overflow: auto;}
		.pagina-mensajes .hilo .fecha{border-radius: 8px;background: #FFF; display: inline-flex;padding: 4px 16px;justify-content: center;align-items: flex-start;gap: 8px; box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);}
			.pagina-mensajes .hilo-mensaje{display: flex; max-width: 555px;padding: 16px 16px 4px 16px;flex-direction: column;align-items: flex-start;border-radius: 0px 16px 16px 16px;background: #FFF; margin-top: 20px;}
				.pagina-mensajes .hilo-mensaje.derecha{border-radius: 16px 0px 16px 16px;background: #3748F5; color: #fff;float: right;}
			.pagina-mensajes .mensaje-texto{}
			.pagina-mensajes .mensaje-hora{padding: 4px 0px;}
				.pagina-mensajes .hilo-mensaje.derecha .mensaje-hora{text-align: right; width: 100%;}

		.mensaje-detalle-movile{display: none;flex-shrink: 0; flex-direction: column; justify-content: space-between; border-top: 1px solid #CCCFCF;}




.tag{ display:inline-flex;padding: 4px 12px;align-items: center;gap: 8px;border-radius: 8px;background: #3748F5; color: var(--white, #FFF);font-size: 14px;line-height: 22px; font-family: Lato;font-style: normal;font-weight: 400;}
.tag A{line-height: 0} 


.paginacion{display: flex; flex-direction: row; align-items: center; padding: 0px; gap:16px; margin: auto; width: auto; justify-content: center; }
	.paginacion SELECT{width: auto}
	.paginacion .boton{ display: block; margin: 0; order: inherit;     padding: 10px 15px;}
.paginacion .boton IMG{filter: invert(100%) sepia(3%) saturate(7372%) hue-rotate(215deg) brightness(112%) contrast(103%);}
.paginacion .boton.disabled IMG{filter: invert(100%) sepia(3%) saturate(7372%) hue-rotate(215deg) brightness(112%) contrast(103%);}


.svg-verde-success{filter: invert(56%) sepia(12%) saturate(3356%) hue-rotate(70deg) brightness(102%) contrast(97%);}
IMG.color-amarillo{filter: invert(81%) sepia(70%) saturate(2196%) hue-rotate(338deg) brightness(99%) contrast(89%);}

.table {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #181C32;
  --bs-table-striped-bg: #f7f6f6;
  width: 100%; margin-bottom: 1rem; color: #181C32; vertical-align: top; border-color: #EFF2F5; border-spacing: 0px;}
.table > tbody {vertical-align: inherit;}
.table > thead {vertical-align: bottom;}
.table > :not(:first-child) {border-top: 2px solid currentColor;}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}
.table > :not(caption) > * > * {
  padding: 0.75rem 0.75rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table > tbody { vertical-align: inherit;}
.table > thead { vertical-align: bottom;}
.table > :not(:first-child) { border-top: 2px solid currentColor;}
.table-responsive { overflow-x: auto;  -webkit-overflow-scrolling: touch;}



/* PIE */

.cierre{text-align:center}
.home .cierre{display:none}
.pie{overflow:auto; font-size:0.8em; line-height:1.2em; padding-bottom:10px; padding-top:70px; text-align: center; color: #fff}
.pie .frase{ overflow:auto}
    .pie .tit1{font-size:18px; letter-spacing: 1px}
    .pie .tit2{font-size:22px; font-weight: 600; }
	.pie .bloque{margin: 30px; line-height: 1.1em}
        .pie H3{margin:5px auto; font-weight:600}
		.pie A{color:#fff;} .pie A:hover{color:var(--color-rojo);}
	
    .pie .pie-mapa-web{display: flex; flex-direction: row; justify-content: space-between; margin-top: 20px;}
        .pie .pie-mapa-web UL{list-style: none; padding:0px; margin:10px 0px; text-align:left; }
            .pie .pie-mapa-web  li{ font-size: 14px; margin: 7px 0;}
        .pie .pie-mapa-web .seccion{font-weight: 600; font-size: 16px; margin-bottom: 15px; }
                .pie .pie-mapa-web  li:last-child{border-right:none}

	.pie .redes{text-align:right}
	.pie i {margin:10px 4px; font-size: 2em; }
	

/*** ***/


/*** MODAL ***/
body.modal-open {overflow: hidden;}
.modal {  z-index: 999999; clear:both; display: none; margin: 5px; min-width:450px; max-width: 100%; background: #ffffff; border: 0px solid #ffffff; border: none; font-size: 20px; line-height: normal; position: relative;}
	.modal-backdrop {position: fixed;top:0;	right:0; bottom: 0;	left:0; z-index:30;	background-color: #000000BB; display: none; XXdisplay: flex; flex-direction: column; justify-content: center;
    align-items: center;}
	.modal-cerrar{text-align:right; font-size:20px; position:absolute; right: 24px; top: 22px; z-index: 2;} 
	.modal-header{font-family: 'CodeProBlack';font-weight: 900;font-size: 20px;line-height: 20px; padding: 32px 40px 24px 32px; border-bottom: 2px solid #CCCFCF;}
	.modal-contenido{ padding:56px; font-size: 16px; line-height: 24px; overflow: hidden; min-width:792px;}
	.modal .titular{font-weight: 700;font-size: 24px;line-height: 32px; margin-bottom: 16px;}
	.modal P{font-size: 18px;line-height: 28px;font-weight: 400;}
    .modal .separacion{border-top: 1px solid #d3d3d3;}

    @media (max-width:820px){
        .modal { min-width: auto; margin: 23px;}
		.modal-contenido{min-width: auto; padding:40px 16px;}
		.modal .titular{font-size: 18px;line-height: 28px;margin-bottom: 8px;}
		.modal P {font-size: 16px;line-height: 26px;}
    }

/*** TOOLTIPS ***/
.tippy-box[data-theme~=light]{color:#26323d;box-shadow:0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);background-color:#fff; padding: 15px; border-radius: 0}
.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff}.tippy-box[data-theme~=light]>.tippy-backdrop{background-color:#fff}.tippy-box[data-theme~=light]>.tippy-svg-arrow{fill:#fff}
.tippy-box[data-theme~='light'] > .tippy-arrow::before { transform: scale(1.1);}

.tippy-box[data-theme~=blue]{color:#fff;box-shadow:0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);background-color:var(--color-azul); padding: 15px; border-radius: 0}
.tippy-box[data-theme~=blue][data-placement^=top]>.tippy-arrow:before{border-top-color:var(--color-azul)}.tippy-box[data-theme~=blue][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:var(--color-azul)}.tippy-box[data-theme~=blue][data-placement^=left]>.tippy-arrow:before{border-left-color:var(--color-azul)}.tippy-box[data-theme~=blue][data-placement^=right]>.tippy-arrow:before{border-right-color:var(--color-azul)}.tippy-box[data-theme~=blue]>.tippy-backdrop{background-color:var(--color-azul)}.tippy-box[data-theme~=blue]>.tippy-svg-arrow{fill:var(--color-azul)}
.tippy-box[data-theme~='blue'] > .tippy-arrow::before { transform: scale(1.1);}
	
/*----- Accordion -----*/
.accordion, .accordion * { -webkit-box-sizing:border-box;     -moz-box-sizing:border-box;     box-sizing:border-box; }
.accordion { overflow:hidden; margin:0px auto;}
.accordion-section{margin:0px;  } 
/*----- Section Titles -----*/
.accordion-section-title { width:100%; padding:25px 0; padding-right: 44px; display:inline-block;  transition:all linear 0.15s; color:#000; font-size:24px; line-height: 32px;	background-image:url("../images/ico-acordeon-2.png"); background-position:center right 15px;  right:5px; background-repeat:no-repeat;  font-weight:700; text-align: left; border-bottom: 1px solid #000; }
.accordion-section-title:hover { text-decoration:none; /*color:var(--color-amarillo); */}
.accordion-section-title.active{border: none; padding-bottom: 0; color:#000; background-image:url("../images/ico-acordeon-1.png"); background-position:center right 15px; background-repeat:no-repeat;}
.faqs .accordion-section-title .numero{font-size: 18px;line-height: 28px; font-weight: 400; margin-bottom:5px;}
.accordion-section:last-child  { border-bottom:none;}
.accordion-section-content{padding:20px 0 15px 0; display:none; text-align:justify; color:#fff; border-bottom: 1px solid #000;}
    .accordion-section-content P {text-align:justify; color:#000; font-weight:400; font-size:16px; line-height: 28px;}

.accordion-white .accordion-section-title { color:#fff; background-image:url("../images/ico-acordeon-2-white.png"); border-bottom: 1px solid #ffffff55; }
.accordion-white .accordion-section-title.active{border: none; color:#fff; background-image:url("../images/ico-acordeon-1-white.png");}
.accordion-white .accordion-section-content{ color:#fff; border-bottom: 1px solid #ffffff55;}
	.accordion-white .accordion-section-content P {color:#fff; }

.tabla{  width:100%; text-align:left; }
	.tabla tr th{ background-color:#0e263b; color:#ffffff; height:30px;  }
	.tabla tr:nth-of-type(odd) { background-color:#ececec}
	.tabla tr:nth-of-type(even) { xxbackground-color:#006699; }
	.tabla th, .tabla td {  padding:8px; vertical-align:middle}
	.tabla P{margin:5px;}

.tabla-responsive { width: 100%; border-collapse: collapse; }
	.tabla-responsive tr:nth-of-type(odd) { background: #E7E7E7B2; }
	.tabla-responsive th { font-size: 12px;font-style: normal;font-weight: 400;line-height: 18px;text-transform: uppercase; background: #fff; border-bottom: 1px solid var(--black, #000);}
	.tabla-responsive th { padding:8px; text-align: left; }
	.tabla-responsive td { padding: 20px 8px; text-align: left; line-height: 22px;}
	.tabla-responsive A{text-decoration: underline;}
	@media only screen and (max-width: 820px),(min-device-width: 820px) and (max-device-width: 1024px)  {
		.tabla-responsive, .tabla-responsive thead, .tabla-responsive tbody, .tabla-responsive th, .tabla-responsive td, .tabla-responsive tr { display: block; }
		.tabla-responsive thead tr { position: absolute; top: -9999px; left: -9999px;}
		.tabla-responsive td { position: relative; padding-left: 80px; }
		.tabla-responsive td:before { position: absolute; top: 20px; left: 8px; width: 55px; padding-right: 10px; white-space: nowrap; font-size: 12px; font-weight: 400;line-height: 22px;text-transform: uppercase; }
	}


.redondeado{ -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.redondeado-2{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.transparente{background-color:rgba(256,256,256, 0.85); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8cFFFFFF', endColorstr='#8cFFFFFF')}
.dashed{border:1px dashed #8e8e8e}

.boton{text-align:center; line-height: 28px; border-width: 2px; border-radius: 16px; margin: 0px; letter-spacing: 0px; font-weight: 500; font-size: 18px; background: transparent;
	color: #0e263b; width: auto; user-select: none; white-space: nowrap; vertical-align: middle; border: 2px solid #0e263b; margin-top: 15px;display: inline-flex;flex-direction: row;justify-content: center;align-items: center; padding: 10px 40px; gap: 8px; flex: none; order: 1;flex-grow: 0;
	transition: ease-in-out 0.2s; -webkit-transition: ease-in-out 0.2s; -moz-transition: ease-in-out 0.2s; -ms-transition: ease-in-out 0.2s; -o-transition: ease-in-out 0.2s;}
    .boton:hover { background: #000000 !important; color: #ffffff !important;cursor: pointer; text-decoration: none}

.boton.boton-negro{color: #ffffff; border: 2px solid #000000; background-color:#000;}
    .boton.boton-negro:hover, .boton.boton-negro:focus { background: var(--color-azul) !important; color: #ffffff !important;cursor: pointer; border-color:var(--color-azul); }

.boton.boton-blanco{color: #000000; border: 2px solid #ffffff; background-color:#ffffff;}
    .boton.boton-blanco:hover, .boton.boton-blanco:focus { background: transparent !important; color: #ffffff !important;cursor: pointer; border-color:#FFFFFF }
.boton.borde-blanco{border-color: var(--color-blanco); color: var(--color-blanco); }
    .boton.borde-blanco:hover, .boton.borde-rojo:focus{background: var(--color-blanco) !important; color: #000 !important;}

.boton.boton-azul{color: #fff; border: 2px solid var(--color-azul); background-color:var(--color-azul); }
    .boton.boton-azul:hover, .boton.boton-azul:focus { background: #fff !important; color: var(--color-azul) !important;cursor: pointer; }

.boton.boton-gris{color: #fff; border: 2px solid #929292; background-color:#929292; }
    .boton.boton-gris:hover, .boton.boton-gris:focus { background: var(--color-rojo) !important; color: #fff !important;cursor: pointer; border-color: var(--color-rojo)}

.boton.boton-rojo{color: #fff; border: 2px solid  var(--color-rojo); background-color: var(--color-rojo); }
    .boton.boton-rojo:hover, .boton.boton-rojo:focus { background: #000 !important; color:#fff !important;cursor: pointer; border-color:#000}
.boton.borde-rojo{border-color: var(--color-rojo); color: var(--color-rojo); }
    .boton.borde-rojo:hover, .boton.borde-rojo:focus{background: var(--color-rojo) !important;}

.boton.boton-traslucido{background-color: rgba(255,255,255,0.40); border: none; color: #ffffff; margin-top:0px; line-height:20px; border-width: 2px; margin: 0px; padding:4px 20px; letter-spacing: 0px; font-weight: 500; font-size: 12px;}
.boton.sm{padding: 6px 24px; font-size: 16px; height: 40px;}
.boton.boton-mini{line-height:14px; border-width: 2px; margin: 0px; padding: 6px 10px; letter-spacing: 0px; font-weight: 500; font-size: 13px}
.boton.boton-xl{line-height:22px; border-width: 2px; margin: 0px 5px; padding: 24px 50px; vertical-align: middle; font-size:18px; font-weight: 400; height: 80px; display: inline-flex; flex-direction: row; align-content: baseline;}
.boton.boton-xl SUP{ vertical-align: sub; font-size: 11px; margin-bottom: 6px;}
.boton.disabled, .boton.disabled:hover{background-color: #999999 !important; border-color:#999999 !important; cursor: auto; } .boton.disabled:hover IMG{opacity: 1 !important; } 
.boton.boton-cuadrado{border-radius: 0}
.boton-redondo{height: 70px; width: 70px; border-radius: 90px; background: #ffffff; display: inline-flex; justify-content: center; align-items: center;}
.boton-block{display: block; }

input[type="text"], input[type="number"], input[type="date"], input[type="password"], textarea, select{ 
		border: 1px solid #CCCFCF;border-radius: 16px; color: inherit; background: transparent; outline: none; width: 100%; font-family: inherit; font-size: 15px; padding: 16px; margin: 0px; line-height: normal;
}


.form-inline input[type="text"], .form-inline input[type="number"], .form-inline textarea, .form-inline select {width: auto; display: inline-block}

.form-control.error{border-width: 2px; border-color: #FD0330; outline: 0;}
P.error{color: #FD0330; font-weight: 500;font-size: 12px;line-height: 24px; display: flex; gap: 9px;}

.form-control {	display: block;	width: 100%; padding: 9px 16px; font-size: 16px; font-weight: 500; line-height: 1.5; color: #5E6278; background-color: #fff; background-clip: padding-box; border: 1px solid #CCCFCF; appearance: none; border-radius: 16px; box-shadow: false; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; color: #000;}
	.form-control:focus { color: var(#5E6278); background-color: #ffffff; border-color: var(--color-azul); outline: 0; box-shadow: false, 0 0 0 0.25rem rgba(var(--color-azul), 0.25); outline: 1px solid var(--color-azul);}
	.form-control::-webkit-date-and-time-value { height: 1.5em;	}
	.form-control::-webkit-datetime-edit { display: block; padding: 0;}
	.form-control::placeholder { color: #A1A5B7; opacity: 1;}
	.form-control:disabled { color: #A1A5B7; background-color: #F4F4F4; border-color: #E1E3EA; opacity: 1;}
	.form-floating { position: relative;}
	.form-floating::before:not(.form-control:disabled) { position: absolute; top: 1px; left: 1px; width: calc(100% - (calc(calc(0.375em + 0.3875rem) + calc(0.75em + 0.775rem)))); height: 1.875em; content: ""; background-color:#fff; border-radius: 16px;}
	.form-floating > .form-control,
	.form-floating > .form-control-plaintext,
	.form-floating > .form-select { /*height: calc(3.75rem + 2px);*/ line-height: 28px;}
	.form-floating > label { position: absolute; top: 0;  left: 0;  width: 100%;  height: 100%;  padding: 9px 16px;  overflow: hidden;  text-align: start;  text-overflow: ellipsis;  white-space: nowrap;  pointer-events: none;  border: 1px solid transparent;  transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; font-size: 16px;font-weight: 500;line-height: 28px; color:#999; border-radius: 10px;}
	
	@media (prefers-reduced-motion: reduce) { .form-floating > label { transition: none; }}
	.form-floating > .form-control,.form-floating > .form-control-plaintext { padding: 9px 16px;}
	.form-floating > .form-control::placeholder,.form-floating > .form-control-plaintext::placeholder { color: transparent;}
	.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
	/*.form-floating > .form-control-plaintext:focus,.form-floating > .form-control-plaintext:not(:placeholder-shown) { padding-top: 0.85rem; padding-bottom: 0.625rem;}*/
	.form-floating > .form-control:-webkit-autofill,.form-floating > .form-control-plaintext:-webkit-autofill { background-color:#fff !important;}
	.form-floating > .form-select {  padding-top: 1.85rem;  padding-bottom: 0.625rem;}
	.form-floating > .form-control:focus ~ label,
	.form-floating > .form-control:not(:placeholder-shown) ~ label,
	.form-floating > .form-control-plaintext ~ label,
	.form-floating > .form-select ~ label {  transform: scale(0.85) translateY(-1.5rem) translateX(0.55rem); background: #fff; width: auto; padding: 0 10px; height: auto; top: 10px; color: #000;}
	.form-floating > .form-control:-webkit-autofill ~ label {  background-color:#ffffff; }
	.form-floating > .form-control-plaintext ~ label {  border-width: 1px 0;}
	.form-floating > .form-control:disabled ~ label {  color: #7E8299;}
	.form-floating .form-select {padding-top: 0.85rem !important;}

	.input-group {  position: relative; display: flex;  flex-wrap: wrap;  align-items: stretch;  width: 100%;}
	.input-group > .form-control,
	.input-group > .form-select,
	.input-group > .form-floating {  position: relative;  flex: 1 1 auto;  width: 1%;  min-width: 0;}
	.input-group > .form-control:focus,
	.input-group > .form-select:focus,
	.input-group > .form-floating:focus-within { z-index: 5;}
	
	textarea.form-control{height: auto !important;}
	.form-select {
	--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 11'%3e%3cpath fill='black' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M2.00015 0.585815L10.0002 8.58582L18.0002 0.585815L19.4144 2.00003L10.7073 10.7071C10.3167 11.0977 9.68357 11.0977 9.29304 10.7071L0.585938 2.00003L2.00015 0.585815Z'/%3e%3c/svg%3e");
	/*--bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2350cd89' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");*/
	display: block; width: 100%; padding: 16px; -moz-padding-start: calc(1rem - 3px); font-size: 16px; font-weight: 500; color: #5E6278; background-color: #ffffff; background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); background-repeat: no-repeat; background-position: right 1rem center; background-size: 16px 12px; border: 1px solid #CCCFCF; border-radius: 16px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none;}
	@media (prefers-reduced-motion: reduce) { .form-select {transition: none; }}
	.form-select:focus { border-color: var(#B5B5C3); outline: 0; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(#009ef7, 0.25);}
	.form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: 1rem; background-image: none;}
	.form-select:disabled { color: #A1A5B7; background-color: #F4F4F4; border-color: #E1E3EA;}
	.form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #5E6278;}

	
	.form-check:not(.form-switch) .form-check-input[type=checkbox] {background-size: 60% 60%;}
	.form-check { display: block; min-height: 1.5rem; padding-left: 2.25rem; margin-bottom: 0.125rem;}
	.form-check .form-check-input { float: left; margin-left: -2.25rem;}
	.form-check-reverse { padding-right: 2.25rem; padding-left: 0; text-align: right;}
	.form-check-reverse .form-check-input { float: right; margin-right: -2.25rem; margin-left: 0;}
		.form-check-input { --bs-form-check-bg: #fff;  width: 20px; height: 20px; margin-top: -0.125rem; vertical-align: top; background-color: var(--bs-form-check-bg); background-image: var(--bs-form-check-bg-image); background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid #E1E3EA; appearance: none; print-color-adjust: exact;}
	.form-check-input[type=checkbox] { border-radius: 4px;}
	.form-check-input[type=radio] { border-radius: 50%;}
	.form-check-input:active { filter: brightness(90%);}
	.form-check-input:focus { border-color: #B5B5C3; outline: 0; box-shadow: none;}
	.form-check-input:checked { background-color: #3748F5; border-color: #3748F5;}
	.form-check-input:checked[type=checkbox] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23ffffff'/%3e%3c/svg%3e");}
	.form-check-input:checked[type=radio] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2.5' fill='%233748F5'/%3e%3c/svg%3e");     background-color: #ffffff;
    border-color: #3748F5;}
	
	.form-check-input[type=checkbox]:indeterminate { background-color: var(--bs-component-checked-bg); border-color: var(--bs-component-checked-bg); --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='var%28--bs-component-checked-color%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");}
	.form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.5;}
	.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { cursor: default; opacity: 0.5;}
	.form-check-label { color: #000;}

	.form-check-input:checked ~ label{font-weight: bold;}


/*  tags */
div.inputTags-list { width: 100%}
div.inputTags-list,div.inputTags-list span.inputTags-item { -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; display: inline-block}
div.inputTags-list span.inputTags-item {  background-color: #3748F5;  border-radius: 8px; color: #fff; margin: 2px; opacity: 1; padding: 3px 22px 4px 8px; position: relative; text-align: center; font-size: 14px; font-weight: 500; line-height: 22px;}
div.inputTags-list span.inputTags-item.is-edit { display: none}
div.inputTags-list span.inputTags-item.is-hidden { display: none!important}
div.inputTags-list span.inputTags-item.is-exists { background-color: rgba(231,76,60,.7)}
div.inputTags-list span.inputTags-item span.value { cursor: pointer}
div.inputTags-list span.inputTags-item i { cursor: pointer; font-size: 14px; font-weight: 500; line-height: 22px; position: absolute; right: 6px; top: 50%;
    -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transition: color .2s; -khtml-transition: color .2s; -moz-transition: color .2s; -ms-transition: color .2s; -o-transition: color .2s; z-index: 10}
div.inputTags-list span.inputTags-item img { cursor: pointer; font-size: 14px; font-weight: 500; line-height: 22px; position: absolute; right: 6px; top: 50%;
    -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transition: color .2s; -khtml-transition: color .2s; -moz-transition: color .2s; -ms-transition: color .2s; -o-transition: color .2s; z-index: 10; filter: invert();}
div.inputTags-list span.inputTags-item i:hover { opacity: 0.5;}
div.inputTags-list span.inputTags-item img:hover { opacity: 0.5;}
div.inputTags-list input.inputTags-field { background-color: transparent; border: none; margin-left: 4px; display: inline-block; width: auto; padding: 0; line-height: 28px; border-radius: 0;}
div.inputTags-list input.inputTags-field:active,div.inputTags-list input.inputTags-field:focus { outline: 0}
div.inputTags-list input.inputTags-field.is-edit { -moz-background-clip: padding;  -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px dashed #c4c4c4; border-radius: 8px; margin: 0 2px; padding: 0px 8px 0px;}
div.inputTags-list ul.inputTags-autocomplete-list { -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; list-style-type: none; margin: 0; max-height: 192px; opacity: 0; overflow-y: auto; padding: 0; position: absolute; -webkit-transform: scaleY(0); -khtml-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); -webkit-transform-origin: 50% 0; -khtml-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; -webkit-transition-duration: .2s; -khtml-transition-duration: .2s; -moz-transition-duration: .2s; -ms-transition-duration: .2s; -o-transition-duration: .2s; z-index: 100}
div.inputTags-list ul.inputTags-autocomplete-list.is-active {  opacity: 1; -webkit-transform: scaleY(1); -khtml-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1)}
div.inputTags-list ul.inputTags-autocomplete-list li { border-bottom: 1px solid #ddd; cursor: pointer; height: 32px; line-height: 32px; padding: 0 16px;  -webkit-transition-duration: .3s; -khtml-transition-duration: .3s;    -moz-transition-duration: .3s;    -ms-transition-duration: .3s;   -o-transition-duration: .3s; -webkit-transition-duration: .2s;    -khtml-transition-duration: .2s;    -moz-transition-duration: .2s;    -ms-transition-duration: .2s;    -o-transition-duration: .2s}
div.inputTags-list ul.inputTags-autocomplete-list li:last-child { border: none}
div.inputTags-list ul.inputTags-autocomplete-list li:hover { background-color: var(--color-azul); color: #fff}
div.inputTags-list ul.inputTags-autocomplete-list li.is-disabled { background-color: #f7f7f7; color: initial; cursor: default;}
p.inputTags-error { -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #FD0330; border-radius: 8px; color: #fff; cursor: pointer; margin: 0; position: relative; font-size: 14px; font-weight: 500; line-height: 22px; padding: 3px 42px 4px 8px;}
p.inputTags-error:first-of-type { margin-top: 8px}
p.inputTags-error:after {  content: "\000D7"; font-size: 24px; position: absolute; right: .5em; top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%)}


UL.list-red-bullets  { list-style: none; text-align: left}
UL.list-red-bullets LI{ margin-right: 1.1em;}
UL.list-red-bullets LI::before{ content: "\2022";  color: var(--color-rojo); font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; }

UL.list-no-style  {padding: 0}
UL.list-no-style LI{ list-style: none; margin-bottom: 10px;}

UL.listado-checks  {padding: 0}
UL.listado-checks LI{ background: url("../images/ico-check.png") no-repeat left top;  padding-left: 30px;  list-style: none; margin-bottom: 10px;}
UL.listado-checks.checks-negro LI{ background: url("../images/ico-check-negro.png") no-repeat left top;  padding-left: 30px;  list-style: none; margin-bottom:6px; line-height:26px;}

.switch { position: relative;  display: inline-block; width: 48px; height: 24px;}
.switch input {  opacity: 0; width: 0; height: 0;}
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; border-radius: 34px;}
.slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50%;}
input:checked + .slider { background-color: var(--color-azul);}
input:focus + .slider { box-shadow: 0 0 1px var(--color-azul);}
input:checked + .slider:before { -webkit-transform: translateX(24px); -ms-transform: translateX(24px); transform: translateX(24px);}



.row{overflow: auto}
.columna_100{width:100%; float:left}
.columna_90{width:90%; float:left}
.columna_85{width:85%; float:left}
.columna_80{width:80%; float:left}
.columna_70{width:70%; float:left}
.columna_60{width:60%; float:left}
.columna_50{width:50%; float:left}
.columna_48{width:48%; float:left}
.columna_40{width:40%; float:left}
.columna_33{width:33.333%; float:left}
.columna_35{width:35%; float:left}
.columna_30{width:30%; float:left}
.columna_25{width:25%; float:left}
.columna_20{width:20%; float:left}
.columna_16{width:16.666%; float:left}
.columna_15{width:15%; float:left}
.columna_10{width:10%; float:left}
.columna_5{width:5%; float:left}



.fecha{font-size:14px; color:#aaaaaa; line-height:30px;}
/*.icono{padding-top:4px; padding-bottom:4px; color:#FFFFFF; font-size:13px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width:22px; text-align:center; margin-right:6px;} */


/*** VARIOS ***/
/* en degradado: oscuro: 0f1e44  claro: 0b72b5 medio: 155c97*/
.txt-azul{color:var(--color-azul) !important;}
.txt-verde{color:var(--color-verde) !important;}
.txt-amarillo{color:var(--color-amarillo) !important;}
.txt-rojo{color:var(--color-rojo) !important;}
.txt-gris{color:#8b8d8d !important;}
.txt-gris-oscuro{color:#404142;}

.txt-negro{color:#000000;}
.txt-blanco{color:#ffffff !important;}
.txt{color:#333333}
.txt-punteado{text-decoration:none; border-bottom: 1px dotted;} A.txt-punteado:hover{text-decoration:none} 

.borde{border:1px solid #d1d1d1;}

.bg-azul{background-color: var(--color-azul) !important;}
.bg-verde{background-color:var(--color-verde) !important;}
.bg-amarillo{background-color:var(--color-amarillo) !important;}
.bg-rojo{background-color: var(--color-rojo) !important;}
.bg-blanco{background-color: #ffffff  !important;}
.bg-gris-oscuro{background-color: #2a2a2a;}
.bg-gris-claro{background-color: #cccfcf4d;}
.bg-gris-claro-2{background-color: #ECEEED;}
.bg-negro{background-color: #000000 !important;}
.bg-transparente{background-color: transparent!important;}

.borde-negro{border-color: #000000 !important;}

.txt-2-5{font-size:2.5em}
.txt-2{font-size:2em !important; line-height: 1.3em}
.txt-1-5{font-size:1.5em !important; line-height: 1.3em}
.txt-1-4{font-size:1.4em}
.txt-1-3{font-size:1.3em !important;}
.txt-1-2{font-size:1.2em !important; line-height: 1.2em}
.txt-1-1{font-size:1.1em  !important;}
.txt-09{font-size:0.9em !important;}
.txt-08{font-size:0.8em !important;}
.txt-05{font-size:0.5em}

a img{border:none}
a img:hover {filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}


@media (max-width: 1433px){
	.privado .creador-hero .hero {padding-left: 58px;}
	
	.privado.mis-obras .busqueda{width: Calc(100% - (100% - 1280px)/2 - 90px); margin-left: 90px;}
		.privado.mis-obras .busqueda .cuerpo{width: 100%;}

	.privado.mis-obras .not-hero{	width: Calc(100% - 100px); margin-left: 90px;}
		.privado.mis-obras .not-hero .cuerpo{width: 100%;}

	.privado.mis-obras .pie{width: Calc(100%); padding:0 10px 0 90px;}
		.privado.mis-obras .pie .cuerpo{width: 100%;}
	.privado.mis-obras .banda-newsletter{padding:40px 10px 40px 90px;}
		.privado.mis-obras .banda-newsletter .cuerpo{width: 100%;}
	.privado.mis-obras .banda-planes{padding: 40px 10px 40px 90px;}
		.privado.mis-obras .banda-planes .cuerpo{width: 100%;}
}

@media(min-width:1284px) and (max-width: 1375px){
	.privado .creador-hero .hero {padding-left: 78px;}
}
@media (max-width: 1284px){
	.cuerpo{width:1150px; margin:auto}
	.artista-sobre .separacion-izquierda, .zona-creador{width: 450px;}
	.banda-creador-contenido { width: Calc(100% - 450px);}
	.artista-sobre-banda {max-width: Calc(100% - (100% - 1150px)/2 - 450px);}
	
	.zona-obra{left: Calc(100% - 450px);}
	.obra .obra-sobre .separacion-derecha, .obra .artista-sobre .separacion-derecha, .zona-obra{width: 450px;}
	.obra-sobre-banda {max-width: Calc(100% - (100% - 1150px)/2 - 450px);}
	.obra .artista-sobre-banda {max-width: Calc(100% - (100% - 1150px)/2 - 450px);}
	.obra-sobre-contenido, .obra .artista-sobre-contenido { padding: 104px 32px 104px 32px;}
	
	.modal-obra .obra-datos { margin: 72px 56px 72px 56px;}
	.modal-obra .obra-licencias {padding: 160px 56px 126px 56px; width: auto;}
	
	.privado.scroller .busqueda{ padding-left: 58px;}
	.privado .creador-hero .hero {padding-left: 78px;}
	
	.privado.mis-obras .busqueda{width: Calc(100% - (100% - 1150px)/2 - 90px); margin-left: 90px;}
		.privado.mis-obras .busqueda .cuerpo{width: 100%;}

}

@media(min-width:1025px) and (max-width: 1150px){
	.cuerpo{width:95%; margin:auto}
	.logo IMG{width: 150px;    margin-right: 10px;}
	.submenu.smaller{top:55px; }
    
	.obra-sobre-contenido .imagen-contenedor{ width: 100%; padding: 0 32px;}
	.privado .creador-hero .hero {padding-left: 58px;}
	.privado .pre-bola{ margin-right: 10px;}
}

@media (min-width: 1024px){
    .smaller .idiomas li A { height: initial !important; line-height: initial !important;}
}
@media (max-width: 1024px){
	HEADER{padding-bottom: 10px}
	.logo IMG{width: 150px;    margin-right: 10px;}
	.cuerpo{width:95%; margin:auto}
	
	.header-bar .navegacion li { display: inline-block; margin-left:0px;}
	.header-bar .navegacion .megamenu UL LI{display: block}
	.header-bar .buscador{max-width: 250px;}
	.header-bar-user .name{max-width: 106px;}
	
	.busqueda-resultado .obras-listado .grid { grid-template-columns: repeat(2,minmax(0,1fr));}
	
	.artista-sobre .separacion-izquierda, .zona-creador{width: 436px;}
	.banda-creador-contenido { width: Calc(100% - 436px); }
	.artista-sobre-banda {max-width: Calc(95% - (95% - 1150px)/2 - 436px); overflow: hidden;}
	.artista-sobre-contenido{padding-right: 32px;}
	.artista-sobre-descripcion{flex-direction: column}
	.artista-sobre .descripcion, .artista-sobre .foto {width: 100%}
	
	
	.zona-obra{left: Calc(100% - 436px);}
	.obra .obra-sobre .separacion-derecha, .obra .artista-sobre .separacion-derecha, .zona-obra{width: 436px;}
	.obra-sobre-banda {max-width: Calc(100% - (100% - 920px)/2 - 436px);}
	.obra .artista-sobre-banda {max-width: Calc(100% - (100% - 920px)/2 - 436px);}
	.obra-sobre-contenido, .obra .artista-sobre-contenido { padding: 104px 32px 104px 32px;}
	.obra-sobre-contenido .imagen-contenedor{ width: 100%; padding: 0 32px;}
	
	.artista-sobre .reconocimientos{display: grid;}
	
	
	.modal-obra .modal{overflow: scroll}
	.modal-obra .modal-cerrar{margin-bottom: 44px;}
	.modal-obra .imagen-contenedor { width: 344px; height: 261px;}
	.modal-obra .imagen-contenedor IMG {  width: 344px; height: 261px; margin: auto;}
	.modal-obra .obra-datos {  margin: 24px 23px 40px 23px;}
	.modal-obra .obra-licencias {padding:56px; height: auto}
	.modal-obra .obra-nombre{font-size: 20px;line-height: 20px;}
	.modal-obra .obra-licencias .titular{font-size: 20px;line-height: 20px;}
	.modal-obra .obra-licencias .titular-opciones{font-size: 18px;line-height: 20px;}
	.modal .modal-pasos .paso{display: none}
	.modal .modal-pasos .paso.activo{display: block}
	
	.privado .pre-bola{ margin-right: 10px;}
	
}


@media (max-width:900px) and (orientation:landscape){
   html, body{padding-top:30px;}
	.pc{display:none !important;}
	.movil{display:block !important;}
	.cuerpo{width:90%; margin:auto}
	.smaller{position: relative;}
	
	HEADER { position: relative;  top: 0px; margin-top: 0px; padding: 0;}
    HEADER.smaller {padding:0; }
    HEADER .cuerpo{width: 100%}
	HEADER, HEADER.smaller{    position: fixed;  width: 100%;  z-index: 15; margin-top: 0; background: #fff;}
	
	.logo IMG{width:140px; }
	.logo {float:none}
	#mostrarmenu{display:block; }
	    #mostrarmenu A { color: #000;}
	
   
	.header-bar{justify-content: space-between; sposition: absolute; height:auto; min-height: 60px;}
	.nav-superior{display: none; position: absolute; width: 100%; top: 60px; }
	.nav-superior li{text-align: left; padding: 12px 0;}
	.nav-superior li A{padding-left: 24px;}
		.nav-superior li:first-child A{padding-left: 0px;}
		.nav-superior li.activo A {color: var(--color-azul);}
		.nav-superior li:hover::before, .nav-superior li.activo::before {display:none;}
	
	.header-bar .pre-buscador, .header-bar .buscador, .header-bar .header-bar-user{display: none;}
	.header-bar .buscador-movil{display: block}
	.header-bar .navegacion{ position: fixed;bottom: 0; background: #fff; width: 100%; box-shadow: 0px 4px 12px 12px rgba(0, 0, 0, 0.08); height: 60px; z-index: 99}
	.header-bar .navegacion UL{margin: auto;}
		.header-bar .navegacion UL LI{padding: 15px 0; margin:0 14px !important;}
	.header-bar .navegacion LI.activo A.navegacion-link::before{ bottom:-20px; }
	
	.home .obras-listado{overflow: hidden}
	
	.buscador-pagina{padding-top:32px;}
	.busqueda-resultado{flex-direction: column; gap:32px;}
	.busqueda-resultado .filtros{width: 100%; max-width: 100%; display: none; flex-direction: column;}
	.busqueda-resultado .obras-listado .grid { white-space: normal; overflow: auto; display: block;}
	.busqueda-resultado .obras-listado .card { width: 100%; margin: 0 0 24px 0; }
	.creadores .busqueda-resultado .obras-listado .card{ /*max-width: 85%;*/ margin:0 }
	.busqueda-resultado .filtros-contenido{overflow: auto;padding-bottom:16px;}
	.busqueda-resultado .filtros{position: fixed !important; top:0; left:0; bottom: 0; background-color: #fff; z-index: 99999;  }
	.busqueda-resultado .filtros .categoria{padding: 0px; margin: 16px;}
	.busqueda-resultado .filtros .encabezado{margin: 0px; padding: 16px;}
		.busqueda-resultado .filtros .encabezado .nombre{margin: 0}
		.busqueda-resultado .filtros.open{display: flex; padding-top: 0;}
		.busqueda-resultado .filtros.open SELECT {margin-bottom: 16px; }
	.busqueda-resultado .resultados{padding-top: 0; width: 100%;}
	
	.privado .menu-creador { gap: 8px; padding: 20px 8px 0px 8px;}
	.privado .menu-creador.smaller { top: 60px;}
	.privado.mis-obras .busqueda { width: Calc(100% - 100px); margin-left: 72px; padding: 48px 0 !important;}
	.privado .pre-bola { position: fixed;  right: 10px; top: Calc(100vh - 167px);}
	
}

/*@media (max-width:820px){
	html, body {margin-top:0px;}
	.cuerpo{width:90%; margin:auto}
	.frase{padding:30px 0;}
	
	.dropdown-content {display:block; position:relative !important; clear:both; box-shadow:none; margin:0px; white-space: inherit;}
	.dropdown-content a { padding:0px 4px !important; font-weight:100 !important;}
    
	.logo IMG{width:140px; }
	.logo {float:none}
	#mostrarmenu{display:block; }
	    #mostrarmenu A { color: #000;}
    
	.header-bar .navegacion .megamenu UL LI{display: block}
	.zona-creador {position: relative; top: 0; width:100%; height: auto; padding-bottom: 50px; padding-top: 96px;}
	.zona-creador .data .enlaces{display: flex; align-items: center; justify-content: center; }
	.zona-creador .enlace-nombre{display: none}
	.banda-creador{ margin-top: 0px; z-index: 2; flex-direction: column;}
	.zona-creador .data .foto{width: 116px; height: 116px;}
	.zona-creador .data .nombre{font-size: 20px;line-height: 20px; width: 230px}
	.zona-creador .data .categoria { font-size: 16px; line-height: 26px; }
	.zona-creador.falsa{display: none}
	.banda-creador-contenido{width: 100%;}
	.banda-creador-contenido .imagen{background: none !important; height: auto;}
	.banda-creador .contratacion{right: 0; left: 0; top:-16px; width: max-content; margin: auto;}
	.banda-creador .obras-destacadas { padding:82px 0px 56px 23px;}
	.banda-creador .obras-destacadas .titular{font-size: 20px;line-height: 20px;}
	.artista-sobre{display: block}
	.artista-sobre .separacion-izquierda {display: none}
	.artista-sobre-banda { width:90%; margin:auto; min-width: 90%;}
	.artista-sobre-contenido { padding: 64px 0px 56px 0px;}
	.artista-sobre .intro { margin-bottom: 24px;}
	.artista-sobre .reconocimientos-titular{font-size: 20px;line-height: 20px; margin: 0}
	.artista-sobre .reconocimientos{ margin-top: 40px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr));}
	.artista-sobre .titular{font-size: 20px;line-height: 20px;}
	.creador .busqueda { padding: 64px 0px 56px 0px;}
	
	.zona-creador.smaller{position: fixed; top: 60px; height: auto; padding: 12px 0; }
	.zona-creador.smaller .data{display: flex; flex-direction: row; text-align: left; gap:12px; align-items: center; justify-content: center; }
	.zona-creador.smaller .data .foto { width:48px; height:48px; margin: 0;}
	.zona-creador.smaller .data .foto-nombre{font-size: 20px; line-height: 20px; margin-top:5px;}
	.zona-creador.smaller .data .nombre{font-size: 18px;line-height: 20px; margin-bottom: 0; }
	.zona-creador.smaller .data .categoria{font-size: 14px;line-height: 22px; margin-bottom: 0;}
	.zona-creador.smaller .boton-seguir{width: auto; margin: 0; height: auto;}
	
	.zona-creador.smaller .enlaces, .zona-creador.smaller .compartir, .zona-creador.smaller .boton-contactar, .zona-creador.smaller .enlaces-titular{display: none; }
	
	.banda-creador.smaller{z-index: 0; margin-top:70px;}
	.banda-creador.smaller .contratacion{display: none}
	.banda-creador.smaller .obras-destacadas .tit1{font-size: 20px;line-height: 20px;margin-bottom: 40px;}
	.banda-creador.smaller .obras-destacadas .obras-listado .card{height: auto}
		
	.privado .tips-pre{gap:16px;}
	.privado .tips{ flex-direction: column; gap: 8px; margin: auto;  align-items: start; width: Calc(100% - 32px);}
	.privado .tips .completar{position: absolute; right: 23px;}
	.privado .tips .opciones{padding: 0; border: none; }
	.privado .perfil-opciones { flex-direction: column; padding: 0 16px 16px 16px; gap: 24px;}
		.privado .tips .opciones IMG{ width: 24px;}
		.privado .perfil-opciones IMG{ width: 16px;}
		.privado .perfil-opciones .opcion .titular {font-size: 14px; line-height: 20px;}
		.privado .perfil-opciones .opcion .item{font-size: 12px;line-height: 18px;}
	.privado .menu-creador{gap:8px; padding: 20px 8px 0px 8px;}
	.privado .menu-creador.smaller{top:60px; }
	
	.privado .creador-hero .hero{ padding-left: 58px;}
	.privado .zona-creador { padding-left: 58px;}
	.privado .artista-sobre {padding-left: 58px;}
	.privado .banda-creador-contenido {padding-left: 58px;}
	.privado .busqueda {padding-left: 58px;}
	.privado .banda-planes{padding-left: 58px;}
	.privado .banda-newsletter{padding-left: 58px;}
	
	
	.privado .pie{padding-left: 58px;}
	.privado .paginacion SELECT{width: 100%}
	
	.privado.mis-obras .not-hero { width: Calc(100% - 100px); margin-left: 72px;}
	.privado.mis-obras .busqueda {width: Calc(100% - 100px); margin-left: 72px; padding: 48px 0 !important;}
	.privado .pre-bola{     position: fixed; right: 10px; top: Calc(100vh - 167px);}
	
	.zona-creador .tipo-perfil{font-size: 16px;line-height: 26px;}
	.zona-creador .data P{line-height: 24px;}
	.privado .zona-creador{height: auto;}
	.privado .zona-creador .data .categoria { margin-bottom: 24px;}
	.privado .zona-creador .data .editar{position: relative; bottom: auto; right: -32px; margin-top: 16px; text-align: right; }
	.privado .titular-obras-listado { padding-right: 16px;;}
	
	.privado .imagen .edit-zone{padding: 20px;}
		.privado .obras-destacadas .edit-zone{ margin-right: 24px; padding: 20px;}
		.privado .artista-sobre-contenido .edit-zone{ padding: 20px;}
	
	.mis-obras .vender-opciones .licencia{display: flex;width: 344px;flex-direction: column;align-items: flex-start;gap: 16px;}	
		.mis-obras .vender-opcion{ margin-bottom: 0px;}
		.mis-obras .vender-opciones .licencia-precio{display: flex;width: 100%;padding: 0px 28px;flex-direction: column;justify-content: center;align-items: flex-start;gap: 16px; border: none;}
			.mis-obras .vender-opciones .licencia-precio INPUT, .privado.mis-obras .vender-opciones .licencia-precio .form-row{width: 100%;}
		.mis-obras .vender-opciones .licencia-texto{padding: 0px 28px;}
		.mis-obras .licencia-autocompletar{display: flex;padding: 16px 16px 20px 16px;flex-direction: column;justify-content: center;align-items: center;gap: 16px;align-self: stretch;}
		.mis-obras .licencia-bloque-mensaje{width: 344px;}
	
	.mis-obras .obra-archivos{padding: 64px 0 40px 0; gap:56px;}
	.mis-obras .obra-archivos .bloque-columna{flex-direction: column; }
	.mis-obras .obra-archivos .enlaces{flex-direction: column; margin: 0}
	.mis-obras .obra-archivos .botones{flex-direction: column;} .mis-obras .obra-archivos .botones A{display: block; width: 100%; margin: 0; }
	.mis-obras .obra-licencias{padding: 64px 0 40px 0; gap:56px;}
	.mis-obras .obra-licencias .botones{flex-direction: column;} .mis-obras .obra-licencias .botones A{display: block; width: 100%; margin: 0; }
	
	.obra-hero { display: flex; flex-direction: column;}
 	.zona-obra {position: relative; top: 0; width:100%; height: auto; padding-bottom: 50px; padding-top: 96px; left: 0; order: 2;}
	.obra-sobre-banda{width: 100% !important; max-width: fit-content;}
	.zona-obra { padding-bottom: 48px;  padding-top:48px;  left: 0; order: 2;}
	.zona-obra .data{padding: 0 23px;}
		.zona-obra .data .nombre{font-size: 20px;line-height: 20px;}
		.zona-obra .data .categoria{font-size: 16px;line-height: 26px; margin-bottom: 24px;}
		.zona-obra .data .textoDesde {font-size: 16px;line-height: 26px;}
		.zona-obra .data .enlaces{display: flex}
		.zona-obra .data .enlaces .enlace-nombre{display: none;}
		.zona-obra .data .editar{bottom: 40px; right: 23px;}
		.obra-sobre .seccion { font-size: 20px; line-height: 20px;}
		.obra-sobre .labels { margin-top: 24px;}
	.obra-sobre, .artista-sobre{order: 3;}
	.obra-sobre-contenido{width: 100%; height: auto; padding: 64px 23px 64px 23px;}
	.obra-sobre-contenido .imagen-contenedor{padding: 0}
	.obra-sobre-foto{display: block; margin-top:0; padding: 49px 0 40px 0;  order: 1;}
		.mis-obras .obra-sobre-foto{padding-top: 0;}
	.obra-sobre-foto .obra-sobre-banda, .obra-sobre-contenido .imagen-contenedor{height: auto}
	.obra-sobre-foto .obra-sobre-contenido{ padding: 49px 23px 0 23px;}
	.obra-sobre-contenido .imagen-contenedor IMG{height: auto; width: 100%;}
	.obra .obra-sobre .separacion-derecha, .obra .artista-sobre .separacion-derecha {display: none}
	.mis-obras .proceso-creativo .edit-zone{padding: 20px;}
	.obra-sobre .proceso-creativo .proceso {    height: 188px;}
	.obra-sobre .proceso-creativo .proceso IMG{height: 188px;     width: auto;    max-width: -webkit-fill-available;}
	.obra-sobre .proceso-creativo .swiper{    min-height: 10px;}
	.obra-sobre .proceso-creativo .swiper-wrapper{padding-bottom: 32px;}
	.obra-sobre .registrado { padding-bottom: 0px;}
	.obra .artista-sobre-banda{width: 100%; max-width: 100%;}
	.obra .artista-sobre-contenido {  padding: 64px 23px 56px 23px;}
	.obra .artista-sobre .nombre-categoria{display: flex;     flex-direction: column;}
		.obra .artista-sobre .nombre-categoria .categoria{font-size: 14px;line-height: 22px;}
		.obra .artista-sobre .autor {  gap: 12px;}
		.obra .artista-sobre .perfil { gap: 8px;}
		.artista-sobre .reconocimientos{grid-gap: 16px;}
		.artista-sobre .reconocimiento{overflow-wrap: anywhere; padding: 16px;}
	.obra .obras-destacadas { padding: 64px 0 64px 0px;}
	.obra .obras-destacadas .seccion{ margin-bottom: 40px;}
	
	.zona-obra.smaller{position: fixed; top: 60px; height: auto; padding: 0; }
	.zona-obra.smaller .data{display: flex; flex-direction: row; text-align: center; gap:6px; align-items: center; justify-content: space-between; padding: 13px 23px; width: 100%;}
	.zona-obra.smaller .data .foto { width:48px; height:48px; margin: 0;}
	.zona-obra.smaller .data .foto-nombre{font-size: 20px; line-height: 20px; margin-top:5px;}
	.zona-obra.smaller .ocultarSmaller{display: none; }
	.zona-obra.smaller .data .precio{margin: 0; font-size: 18px;line-height: 20px; display: flex; text-align: left; flex-direction: column;}
		.zona-obra.smaller .data .precio .desde{font-family: 'Lato';font-style: normal;font-weight: 400;font-size: 14px;line-height: 22px; display: block !important;}
	.zona-obra.smaller .boton{margin: 0; }
	.zona-obra.smaller .enlaces, .zona-obra.smaller .compartir, .zona-obra.smaller .boton-contactar, .zona-obra.smaller .enlaces-titular{display: none; }
	
	.modal-header{padding: 26px 23px 20px 23px;}
	.modal-cerrar {right: 23px; top: 20px;}
	.modal-cerrar A{display: block; font-size: 0;}
	.modal-cerrar IMG {  width: 28px; height: 28px; margin: auto;}
	.modal-obra .modal{overflow: scroll}
	.modal-obra .modal-contenido{flex-direction: column;}
	.modal-obra .modal-cerrar{margin-bottom: 44px;}
	.modal-obra .imagen-contenedor { width: 344px; height: 261px;}
	.modal-obra .imagen-contenedor IMG {  width: 344px; height: 261px; margin: auto;}
	.modal-obra .obra-datos {  margin: 24px 23px 40px 23px;}
	.modal-obra .obra-licencias {padding: 48px 23px 56px 23px;}
	.modal-obra .obra-nombre{font-size: 20px;line-height: 20px;}
	.modal-obra .obra-licencias .titular{font-size: 20px;line-height: 20px;}
	.modal-obra .obra-licencias .titular-opciones{font-size: 18px;line-height: 20px;}
	
	.modal-obra.preguntar-precio .obra-datos{display: flex; flex-direction: row; gap:16px; padding-top: 74px; margin-bottom: 26px;}
	.modal-obra.preguntar-precio .modal-cerrar{ position: absolute; top:24px; left:23px; }
	.modal-obra.preguntar-precio .imagen-contenedor{height: auto;}
	.modal-obra.preguntar-precio .imagen-contenedor IMG {width: 116px; height: 88px;}	
	.modal-obra.preguntar-precio .obra-nombre{margin-top: 0; font-size: 20px;line-height: 20px;}
	.modal-obra.preguntar-precio .modal-contenido{font-size: 16px;line-height: 26px;}

	.modal-obra .obra-licencias .formatos{flex-direction: column; gap: 8px; margin-bottom: 32px; } 
		.modal-obra .obra-licencias .formato{ margin: 0px;}
		.modal-obra .obra-licencias .formato input{flex: none}
	
	.modal-obra .obra-licencias .formulario .form-row{flex-direction: column;}
		.modal-obra .obra-licencias .formulario .mini{width: 100%;}
	
	.modal-edicion .modal{position: absolute; top: 0; margin: 0; bottom: 0; width: 100%;}
	.modal-edicion .modal-contenido{height: auto; max-height:Calc(100% - 68px - 168px); padding: 32px 23px;}
	.modal-edicion.modal-obras-destacadas .modal-contenido{height: auto; max-height: Calc(100% - 68px - 160px); padding: 32px 23px;}
	.modal-edicion .datos-personales{flex-direction: column}
	.modal-edicion .datos-personales .foto .marco{width: 100%}
	.modal-edicion .datos-personales .formulario .form-row{margin-bottom: 16px;}
	.modal-edicion .columnas{flex-direction: column; align-items: flex-start; gap:16px; margin-bottom: 24px;}
		.modal-edicion .columnas .opcion, .modal-edicion .columnas .tags{width: 100%;}
	.modal-edicion .columnas .tags:not(.checked){display: none;}
	.modal-edicion .columnas .enlace, .modal-edicion .columnas .titulo, .modal-edicion .columnas .url, .modal-edicion .columnas .nombre, .modal-edicion .columnas .organismo{width: 100%;}
	.modal-edicion .botones {  padding: 24px 23px; gap:16px; display: flex; flex-direction: column; }
	.modal-edicion .botones .boton { display: block; margin: 0; width: 100%;}
	.modal-edicion .mensaje{ align-items: flex-start; line-height: 16px;}
	
	.compartir-wa { display: block !important;}
	
	.columna_20{width:50%}
	.columna_33{float:none; width:100%}
	.columna_30{width:100%; float:none}
	.columna_40{width:100%; float:none}
	.columna_50{width:100%; float:none}
	.columna_60{width:100%; float:none}
	.columna_70{width:100%; float:none}
	.columna_90{width:100%; float:none}
	.separacion{margin-bottom:10px; margin-top: 10px;}
	
}*/
@media (max-width:820px){	
	
	.dropdown-content {display:block; position:relative !important; clear:both; box-shadow:none; margin:0px; white-space: inherit;}
	.dropdown-content a { padding:0px 4px !important; font-weight:100 !important;}
	.logo IMG{width:140px; }
	.logo {float:none}
	#mostrarmenu{display:block; }
	    #mostrarmenu A { color: #000;}
    
	.zona-creador {position: relative; top: 0; width:100%; height: auto; padding-bottom: 50px; padding-top: 96px;}
	.zona-creador .data .enlaces{display: flex; align-items: center; justify-content: center; }
	.zona-creador .enlace-nombre{display: none}
	.banda-creador{ margin-top: 0px; z-index: 2; flex-direction: column;}
	.zona-creador .data .foto{width: 116px; height: 116px;}
	.zona-creador .data .nombre{font-size: 20px;line-height: 20px; width: 230px}
	.zona-creador .data .categoria { font-size: 16px; line-height: 26px; }
	.zona-creador.falsa{display: none}
	.banda-creador-contenido{width: 100%;}
	.banda-creador-contenido .imagen{background: none !important; height: auto;}
	.banda-creador .contratacion{right: 0; left: 0; top:-16px; width: max-content; margin: auto;}
	.banda-creador .obras-destacadas { padding:82px 0px 56px 23px;}
	.banda-creador .obras-destacadas .titular{font-size: 20px;line-height: 20px;}
	.artista-sobre{display: block}
	.artista-sobre .separacion-izquierda {display: none}
	.artista-sobre-banda { width:90%; margin:auto; min-width: 90%;}
	.artista-sobre-contenido { padding: 64px 0px 56px 0px;}
	.artista-sobre .intro { margin-bottom: 24px;}
	.artista-sobre .reconocimientos-titular{font-size: 20px;line-height: 20px; margin: 0}
	.artista-sobre .reconocimientos{ margin-top: 40px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr));}
	.artista-sobre .titular{font-size: 20px;line-height: 20px;}
	.creador .busqueda { padding: 64px 0px 56px 0px;}
	
	.zona-creador.smaller{position: fixed; top: 60px; height: auto; padding: 12px 0; }
	.zona-creador.smaller .data{display: flex; flex-direction: row; text-align: left; gap:12px; align-items: center; justify-content: center; }
	.zona-creador.smaller .data .foto { width:48px; height:48px; margin: 0;}
	.zona-creador.smaller .data .foto-nombre{font-size: 20px; line-height: 20px; margin-top:5px;}
	.zona-creador.smaller .data .nombre{font-size: 18px;line-height: 20px; margin-bottom: 0; }
	.zona-creador.smaller .data .categoria{font-size: 14px;line-height: 22px; margin-bottom: 0;}
	.zona-creador.smaller .boton-seguir{width: auto; margin: 0; height: auto;}
	
	.zona-creador.smaller .enlaces, .zona-creador.smaller .compartir, .zona-creador.smaller .boton-contactar, .zona-creador.smaller .enlaces-titular{display: none; }
	
	.banda-creador.smaller{z-index: 0; margin-top:70px;}
	.banda-creador.smaller .contratacion{display: none}
	.banda-creador.smaller .obras-destacadas .tit1{font-size: 20px;line-height: 20px;margin-bottom: 40px;}
	.banda-creador.smaller .obras-destacadas .obras-listado .card{height: auto}
		
	.privado .tips-pre{gap:16px;}
	.privado .tips{ flex-direction: column; gap: 8px; margin: auto;  align-items: start; width: Calc(100% - 32px);}
	.privado .tips .completar{position: absolute; right: 23px;}
	.privado .tips .opciones{padding: 0; border: none; }
	.privado .perfil-opciones { flex-direction: column; padding: 0 16px 16px 16px; gap: 24px;}
		.privado .tips .opciones IMG{ width: 24px;}
		.privado .perfil-opciones IMG{ width: 16px;}
		.privado .perfil-opciones .opcion .titular {font-size: 14px; line-height: 20px;}
		.privado .perfil-opciones .opcion .item{font-size: 12px;line-height: 18px;}
	
	.privado .creador-hero .menu-creador{ position: fixed; height: 100%;}
	.privado .menu-creador{gap:8px; padding: 20px 8px 0px 8px;}
	.privado .menu-creador.smaller{top:60px; }
	
	.privado .creador-hero .hero{ padding-left: 58px;}
	.privado .zona-creador { padding-left: 58px;}
	.privado .artista-sobre {padding-left: 58px;}
	.privado .banda-creador-contenido {padding-left: 58px;}
	.privado .busqueda {padding-left: 58px;}
	.privado .banda-planes{padding-left: 58px;}
	.privado .banda-newsletter{padding-left: 58px;}
	
	
	.privado .pie{padding-left: 58px;}
	.privado .paginacion SELECT{width: 100%}
	
	.privado.mis-obras .not-hero { width: Calc(100% - 100px); margin-left: 72px;}
	.privado.mis-obras .busqueda {width: Calc(100% - 100px); margin-left: 72px; padding: 48px 0 !important;}
	.privado .pre-bola{     position: fixed; right: 10px; top: Calc(100vh - 167px);}
	
	.zona-creador .tipo-perfil{font-size: 16px;line-height: 26px;}
	.zona-creador .data P{line-height: 24px;}
	.privado .zona-creador{height: auto;}
	.privado .zona-creador .data .categoria { margin-bottom: 24px;}
	.privado .zona-creador .data .editar{position: relative; bottom: auto; right: -32px; margin-top: 16px; text-align: right; }
	.privado .titular-obras-listado { padding-right: 16px;;}
	
	.privado .imagen .edit-zone{padding: 20px;}
		.privado .obras-destacadas .edit-zone{ margin-right: 24px; padding: 20px;}
		.privado .artista-sobre-contenido .edit-zone{ padding: 20px;}
	
	.mis-obras .vender-opciones .licencia{display: flex;width: 344px;flex-direction: column;align-items: flex-start;gap: 16px;}	
		.mis-obras .vender-opcion{ margin-bottom: 0px;}
		.mis-obras .vender-opciones .licencia-precio{display: flex;width: 100%;padding: 0px 28px;flex-direction: column;justify-content: center;align-items: flex-start;gap: 16px; border: none;}
			.mis-obras .vender-opciones .licencia-precio INPUT, .privado.mis-obras .vender-opciones .licencia-precio .form-row{width: 100%;}
		.mis-obras .vender-opciones .licencia-texto{padding: 0px 28px;}
		.mis-obras .licencia-autocompletar{display: flex;padding: 16px 16px 20px 16px;flex-direction: column;justify-content: center;align-items: center;gap: 16px;align-self: stretch;}
		.mis-obras .licencia-bloque-mensaje{width: 344px;}
	
	.mis-obras .obra-archivos{padding: 64px 0 40px 0; gap:56px;}
	.mis-obras .obra-archivos .bloque-columna{flex-direction: column; }
	.mis-obras .obra-archivos .enlaces{flex-direction: column; margin: 0}
	.mis-obras .obra-archivos .botones{flex-direction: column;} .mis-obras .obra-archivos .botones A{display: block; width: 100%; margin: 0; }
	.mis-obras .obra-licencias{padding: 64px 0 40px 0; gap:56px;}
	.mis-obras .obra-licencias .botones{flex-direction: column;} .mis-obras .obra-licencias .botones A{display: block; width: 100%; margin: 0; }
	
	.obra-hero { display: flex; flex-direction: column;}
 	.zona-obra {position: relative; top: 0; width:100%; height: auto; padding-bottom: 50px; padding-top: 96px; left: 0; order: 2;}
	.obra-sobre-banda{width: 100% !important; max-width: fit-content;}
	.zona-obra { padding-bottom: 48px;  padding-top:48px;  left: 0; order: 2;}
	.zona-obra .data{padding: 0 23px;}
		.zona-obra .data .nombre{font-size: 20px;line-height: 20px;}
		.zona-obra .data .categoria{font-size: 16px;line-height: 26px; margin-bottom: 24px;}
		.zona-obra .data .textoDesde {font-size: 16px;line-height: 26px;}
		.zona-obra .data .enlaces{display: flex}
		.zona-obra .data .enlaces .enlace-nombre{display: none;}
		.zona-obra .data .editar{bottom: 40px; right: 23px;}
		.obra-sobre .seccion { font-size: 20px; line-height: 20px;}
		.obra-sobre .labels { margin-top: 24px;}
	.obra-sobre, .artista-sobre{order: 3;}
	.obra-sobre-contenido{width: 100%; height: auto; padding: 64px 23px 64px 23px;}
	.obra-sobre-contenido .imagen-contenedor{padding: 0}
	.obra-sobre-foto{display: block; margin-top:0; padding: 49px 0 40px 0;  order: 1;}
		.mis-obras .obra-sobre-foto{padding-top: 0;}
	.obra-sobre-foto .obra-sobre-banda, .obra-sobre-contenido .imagen-contenedor{height: auto}
	.obra-sobre-foto .obra-sobre-contenido{ padding: 49px 23px 0 23px;}
	.obra-sobre-contenido .imagen-contenedor IMG{height: auto; width: 100%;}
	.obra .obra-sobre .separacion-derecha, .obra .artista-sobre .separacion-derecha {display: none}
	.mis-obras .proceso-creativo .edit-zone{padding: 20px;}
	.obra-sobre .proceso-creativo .proceso {    height: 188px;}
	.obra-sobre .proceso-creativo .proceso IMG{height: 188px;     width: auto;    max-width: -webkit-fill-available;}
	.obra-sobre .proceso-creativo .swiper{    min-height: 10px;}
	.obra-sobre .proceso-creativo .swiper-wrapper{padding-bottom: 32px;}
	.obra-sobre .registrado { padding-bottom: 0px;}
	.obra .artista-sobre-banda{width: 100%; max-width: 100%;}
	.obra .artista-sobre-contenido {  padding: 64px 23px 56px 23px;}
	.obra .artista-sobre .nombre-categoria{display: flex;     flex-direction: column;}
		.obra .artista-sobre .nombre-categoria .categoria{font-size: 14px;line-height: 22px;}
		.obra .artista-sobre .autor {  gap: 12px;}
		.obra .artista-sobre .perfil { gap: 8px;}
		.artista-sobre .reconocimientos{grid-gap: 16px;}
		.artista-sobre .reconocimiento{overflow-wrap: anywhere; padding: 16px;}
	.obra .obras-destacadas { padding: 64px 0 64px 0px;}
	.obra .obras-destacadas .seccion{ margin-bottom: 40px;}
	
	.zona-obra.smaller{position: fixed; top: 60px; height: auto; padding: 0; }
	.zona-obra.smaller .data{display: flex; flex-direction: row; text-align: center; gap:6px; align-items: center; justify-content: space-between; padding: 13px 23px; width: 100%;}
	.zona-obra.smaller .data .foto { width:48px; height:48px; margin: 0;}
	.zona-obra.smaller .data .foto-nombre{font-size: 20px; line-height: 20px; margin-top:5px;}
	.zona-obra.smaller .ocultarSmaller{display: none; }
	.zona-obra.smaller .data .precio{margin: 0; font-size: 18px;line-height: 20px; display: flex; text-align: left; flex-direction: column;}
		.zona-obra.smaller .data .precio .desde{font-family: 'Lato';font-style: normal;font-weight: 400;font-size: 14px;line-height: 22px; display: block !important;}
	.zona-obra.smaller .boton{margin: 0; }
	.zona-obra.smaller .enlaces, .zona-obra.smaller .compartir, .zona-obra.smaller .boton-contactar, .zona-obra.smaller .enlaces-titular{display: none; }
	
	.modal-header{padding: 26px 23px 20px 23px;}
	.modal-cerrar {right: 23px; top: 20px;}
	.modal-cerrar A{display: block; font-size: 0;}
	.modal-cerrar IMG {  width: 28px; height: 28px; margin: auto;}
	.modal-obra .modal{overflow: scroll}
	.modal-obra .modal-contenido{flex-direction: column;}
	.modal-obra .modal-cerrar{margin-bottom: 44px;}
	.modal-obra .imagen-contenedor { width: 344px; height: 261px;}
	.modal-obra .imagen-contenedor IMG {  width: 344px; height: 261px; margin: auto;}
	.modal-obra .obra-datos {  margin: 24px 23px 40px 23px;}
	.modal-obra .obra-licencias {padding: 48px 23px 56px 23px;}
	.modal-obra .obra-nombre{font-size: 20px;line-height: 20px;}
	.modal-obra .obra-licencias .titular{font-size: 20px;line-height: 20px;}
	.modal-obra .obra-licencias .titular-opciones{font-size: 18px;line-height: 20px;}
	
	.modal-obra.preguntar-precio .obra-datos{display: flex; flex-direction: row; gap:16px; padding-top: 74px; margin-bottom: 26px;}
	.modal-obra.preguntar-precio .modal-cerrar{ position: absolute; top:24px; left:23px; }
	.modal-obra.preguntar-precio .imagen-contenedor{height: auto;}
	.modal-obra.preguntar-precio .imagen-contenedor IMG {width: 116px; height: 88px;}	
	.modal-obra.preguntar-precio .obra-nombre{margin-top: 0; font-size: 20px;line-height: 20px;}
	.modal-obra.preguntar-precio .modal-contenido{font-size: 16px;line-height: 26px;}

	.modal-obra .obra-licencias .formatos{flex-direction: column; gap: 8px; margin-bottom: 32px; } 
		.modal-obra .obra-licencias .formato{ margin: 0px;}
		.modal-obra .obra-licencias .formato input{flex: none}
	
	.modal-obra .obra-licencias .formulario .form-row{flex-direction: column;}
		.modal-obra .obra-licencias .formulario .mini{width: 100%;}
	
	.modal-edicion .modal{position: absolute; top: 0; margin: 0; bottom: 0; width: 100%;}
	.modal-edicion .modal-contenido{height: auto; max-height:Calc(100% - 68px - 168px); padding: 32px 23px;}
	.modal-edicion.modal-obras-destacadas .modal-contenido{height: auto; max-height: Calc(100% - 68px - 160px); padding: 32px 23px;}
	.modal-edicion .datos-personales{flex-direction: column}
	.modal-edicion .datos-personales .foto .marco{width: 100%}
	.modal-edicion .datos-personales .formulario .form-row{margin-bottom: 16px;}
	.modal-edicion .columnas{flex-direction: column; align-items: flex-start; gap:16px; margin-bottom: 24px;}
		.modal-edicion .columnas .opcion, .modal-edicion .columnas .tags{width: 100%;}
	.modal-edicion .columnas .tags:not(.checked){display: none;}
	.modal-edicion .columnas .enlace, .modal-edicion .columnas .titulo, .modal-edicion .columnas .url, .modal-edicion .columnas .nombre, .modal-edicion .columnas .organismo{width: 100%;}
	.modal-edicion .botones {  padding: 24px 23px; gap:16px; display: flex; flex-direction: column; }
	.modal-edicion .botones .boton { display: block; margin: 0; width: 100%;}
	.modal-edicion .mensaje{ align-items: flex-start; line-height: 16px;}
	
	.compartir-wa { display: block !important;}
	

	.separacion{margin-bottom:10px; margin-top: 10px;}
	
	
    html, body{padding-top:30px;}
	.cookies{width:auto; background-color: rgba(14, 38, 59,0.95);}
	.pc{display:none !important;}
	.movil{display:block !important;}
	blockquote{margin-left: 15px;}
    .cuerpo{width:90%; margin:auto}
    .chat{ bottom:10px; right:5px; padding:8px;}
    .redes{bottom:55px; right:2px; }
    
	HEADER { position: relative;  top: 0px; margin-top: 0px; padding: 0;}
    HEADER.smaller {padding:0; }
    HEADER .cuerpo{width: 100%}
	HEADER, HEADER.smaller{    position: fixed;  width: 100%;  z-index: 15; margin-top: 0; background: #fff; box-shadow:none; border-bottom: 1px solid #CCCFCF;}
    
    .smaller, .interior .smaller{ position:relative; width:100%; z-index:15; margin-top:0 }
    .smaller .nav li, .smaller .nav li A{color: #fff; }
	.subir {bottom:65px;}
		
	.header-bar-banda{box-shadow:none;}
	.header-bar{justify-content: space-between; sposition: absolute; height:auto; min-height: 60px;}
	.nav-superior{display: none; position: absolute; width: 100%; top: 60px; }
	.nav-superior li{text-align: left; padding: 12px 0;}
	.nav-superior li A{padding-left: 24px;}
		.nav-superior li:first-child A{padding-left: 0px;}
		.nav-superior li.activo A {color: var(--color-azul);}
		.nav-superior li:hover::before, .nav-superior li.activo::before {display:none;}
	
	.header-bar .pre-buscador, .header-bar .buscador, .header-bar .header-bar-user{display: none;}
	.header-bar .buscador-movil{display: block}
	.header-bar .navegacion{ position: fixed;bottom: 0; background: #fff; width: 100%; box-shadow: 0px 4px 12px 12px rgba(0, 0, 0, 0.08); height: 60px; z-index: 99}
	.header-bar .navegacion UL{margin: auto;}
		.header-bar .navegacion UL LI{padding: 15px 0; margin:0 14px !important;}
	.header-bar .navegacion LI.activo A.navegacion-link::before{ bottom:-20px; }
	.header-bar .navegacion UL LI A{font-size: 14px;line-height: 24px;}
	
	.header-bar .pre-buscador{position: absolute; background: #fff; width: 100%; top: 0; bottom: 0;}
	.header-bar .pre-buscador-movil{    display: flex; gap: 16px; padding: 10px; align-items: center; justify-content: center; background: #fff;}
	.header-bar .buscador{/*margin: 10px; width: Calc(100% - 20px);*/ flex: 1; width: max-content; max-width: 100%;}
	.header-bar .pre-buscador .foco{position: relative; top: 0; min-width:0px; padding: 24px 16px; border-top: 1px solid #CCCFCF; height: Calc(100vh - 68px); background: #fff; overflow-y: scroll;}
	.header-bar .pre-buscador:focus-within .overlay { display:none !important;}
	
	.megamenu{position: fixed; /*top: 0px;*/ bottom: 0; bottom: 60px; overflow: scroll; border-top:none; border-bottom: 1px solid #CCCFCF; align-items: end;
    background-color: #000000CC !important;
    top: 0;}
	.smaller .megamenu {top: 0px !important;}
		.megamenu .cuerpo {    flex-direction: column-reverse; /*height: 100%;*/ background-color: #fff; margin: 0;}
		.megamenu .menu .seccion{display: none}
		.megamenu .foto{left:0; position: relative;width: 100%; height: 222px; min-height: 222px; top: 0;}
			.megamenu .seccion-nombre{display: block; padding: 8px 0; }
				.megamenu .seccion-nombre A{display: block; font-size: 18px; line-height:28px; background-image: url("../images/icon/arrow right.svg"); background-repeat: no-repeat; background-position: right center; background-size: 20px;}
		.megamenu .menu{ padding:32px; min-height: auto; width: 100%;}
		.header-bar .navegacion .megamenu UL LI {display: block; padding:16px 0;  margin: 0 !important; }
			.header-bar .navegacion .megamenu UL LI:last-child{padding-bottom: 0px;}
		.megamenu UL LI A{font-size: 14px;line-height: 14px; padding-left: 24px; display: block; background-image: url("../images/icon/arrow right.svg"); background-repeat: no-repeat; background-position: right center; background-size:16px;}
		.megamenu .cerrar{display: block; position: absolute; bottom: 15px; right: 15px; color: #000; background: #FFFFFF; border-radius: 12px; width: 44px; height: 44px; padding: 8px;}
	
	.submenu li {margin-right:6px;}
	
	.hero{flex-direction: column; min-height: 0;}
	.hero.slim{padding: 32px 0;}
	.hero .cuerpo{flex-direction: column; padding: 0;}
	.hero-image{display: none;}
	.hero .linea-amarilla{margin-left: 113px;  margin-right: auto; height:8px;}
	
	.hero .cabecera-contenido {	padding:65px 0 80px 0;}
	.hero .tit1 {font-size: 40px; line-height: 40px; padding: 0 15px;}
	.hero .description{padding: 15px;}
	.hero .boton{display: block}
	
	.home-hero{flex-direction: column; /*min-height: Calc(100% - 100px);*/ min-height: auto;}
	.home-hero .cuerpo{flex-direction: column; padding: 30px 0; padding-top: 112px;}
	.home-hero-image{display: none;}
	.home-hero .linea-amarilla{left: 113px; height: 8px;width: 100%; top:64px;}
	.home-hero .tit1 {font-size: 40px; line-height: 40px; padding: 15px;}
	.home-hero .description{padding: 15px;}
	
	.hero.hero-img .cabecera-contenido{flex-direction: column-reverse; padding-top: 33px; padding-bottom: 40px; }
	.hero.hero-img .textos { position: relative;}
	.hero.hero-img .tit1{padding: 0}
	.hero-img .hero-image{display: block; margin-bottom: 32px;}
	.hero.hero-img .textos P{margin-top: 16px;}
	.hero.hero-img .linea-amarilla{height: 8px; top: 8px; right: 113px;}
	
	.home-beneficios{padding:64px 15px;}
	.home-beneficios .cuerpo{flex-direction: column; padding: 0;}
	.home-beneficios-title{font-size: 40px; line-height: 40px; padding:0px 2px 40px 2px;}
	.home-beneficios-description{width: 100%; font-size: 16px; line-height: 26px;}
	.home-beneficios-description .title{ font-size: 20px; line-height: 20px; margin-top:35px; margin-bottom:5px;}
	.home-beneficios-description .separacion { display: inline;}
	
	.home-obras .artistas-destacados .card{ width:85%; height: 100%; }
	/*.artistas-destacados .card .ubicacion{position: relative; margin-top: 20px; bottom: 0; }*/
	.home .artistas-destacados .card .card-imagen .imagen-img{height: 186px; }
	
	.home-obras{padding: 40px 0px;}
	
	.home-exponer{padding:48px 0; background-image:none !important;}
	.home-exponer .columnas{flex-direction: column; gap:30px;}
		.home-exponer .columnas .frase{padding: 0}
		.home-exponer .frase .tit1{margin-top: 0 !important;}
	.home-exponer .linea-amarilla{height: 8px;}
	
	/*.home .obras-listado {padding: 64px 0;}
	.home .obras-listado .grid{margin-top: 20px;display: flex; width: 100%;overflow-x: scroll; padding-bottom: 32px; margin: 0;white-space: nowrap;margin-bottom: 30px; grid-gap: 16px;}
	.obras-listado .grid::-webkit-scrollbar {height: 8px;}
	.obras-listado .grid { scrollbar-width: thin; scrollbar-color: var(--color-azul) #CCCFCF;}
	.obras-listado .grid::-webkit-scrollbar-track {	background-image: url("../images/scroll-fondo.png");	background-repeat: repeat-x; background-position: center;}
	.obras-listado .grid::-webkit-scrollbar-thumb {	background-color: var(--color-azul); border-radius: 0px;}
	.obras-listado .card{  margin-left: 0}
	.home .obras-listado .card{ margin-left: 0; }
	*/
	
	
	.home-descubre .cuerpo { padding: 64px 0 40px 0 ;}
	.home-descubre-title{font-size: 24px;line-height: 24px; padding-bottom: 40px;}
	.home-descubre .grid{display: block; height: auto;}
	.home-descubre .vertical {  margin: 0; padding: 0; width: auto; min-width: 49%; display: inline-block;}
	.home-descubre .vertical.vertical3{width: 100%;}
	.home-descubre .horizontal {   /* height: 100px; */    display: block;  /* min-width: 90%; */  float: left; width: 49%;}
	.home-descubre .obra{ height: 148px; position: relative; display: block; width: Calc(100% - 8px); float: left; margin: 4px; padding: 0; overflow: hidden;}
	.home-descubre .obra .categoria{font-size: 20px;line-height: 20px; left: 18px;}
	
	.banda-planes{padding: 40px 0;}
	.banda-planes .cuerpo{flex-direction: column; padding: 0; gap: 0;}
	.banda-planes-title{padding: 20px 0; font-size: 24px;line-height: 24px;}
	.banda-planes-description{min-width: auto; width: auto}
	.banda-planes .separacion{display: inline;}
	
	.faqs, .home .faqs, .suscripcion .faqs { padding-bottom:64px;  padding-top:64px;}
	.faqs .accordion-section-title .numero { font-size: 16px; line-height: 26px;}
	.home-faqs .accordion-section-title {font-size: 18px;line-height: 28px;}
	.faqs {padding-bottom:32px;}
	
	.banda-newsletter{padding:64px 0; background:none !important}
	.banda-newsletter .cuerpo{flex-direction: column; padding: 0;}
	.banda-newsletter-title{padding:0; font-size: 24px;line-height: 24px; }
	.banda-newsletter-description{min-width: auto; width:100%;}
	.banda-newsletter .separacion{display: inline;}
	.banda-newsletter-title P{font-size: 16px;line-height: 26px;}
	
	
	.interior-beneficios .cuerpo{flex-direction: column; gap: 40px; padding:64px 0 56px 0;}
	.interior-beneficios-title{font-size: 40px;line-height: 40px;}
	.interior-beneficios-description{width:auto;}
	.interior-beneficios-description .title{font-size: 24px;line-height: 24px;}
	.interior-beneficios P {margin-bottom: 24px;}
	
	.suscripcion .hero .tit1{font-size: 24px; line-height: 24px;}
	.suscripcion .hero .linea-amarilla{ margin-left: 136px;}
	@supports ((text-stroke: 2px white) or (-webkit-text-stroke: 2px white)){
		.suscripcion .hero .outline-white {-webkit-text-stroke: 1px white;text-stroke: 1px white;}
	}
	.suscripcion .frase-suscripcion { padding-bottom: 0; padding-top: 64px;}
	.suscripcion .submenu{}
	.suscripcion .submenu .codePro{display: none}
	.suscripcion .submenu li A { font-size: 14px; line-height: 22px;padding: 4px 16px;}
	.suscripcion .submenu .descuento {  padding: 0px 8px; right: 0px; top: -13px; height: 18px; display: flex; flex-direction: row; align-items: flex-start; font-size: 12px; line-height: 18px; font-weight: 700;}
	.suscripcion .tarifas {flex-direction: column; gap:16px; }
	.suscripcion .tarifas .card{width: 100%}
	.suscripcion .tarifas-detalle { margin-top:0px; margin-bottom: 64px;}
	.suscripcion .tarifas-detalle .sticky{top:30px;}
	.suscripcion .tarifas-detalle .detalle{display: block;}
		.suscripcion .tarifas-detalle .detalle.encabezado{ padding: 14px 0;}
	.suscripcion .tarifas-detalle .encabezado .caracteristica{padding: 14px;}
	.suscripcion .tarifas-detalle .caracteristica {min-width:0; padding:0;}
	.suscripcion .tarifas-detalle .nombre{font-size: 20px;line-height: 20px;}
	.suscripcion .tarifas-detalle .tipo-tarifa .precio .codePro {font-size: 14px; line-height: 14px; display: block}
	.suscripcion .tarifas-detalle .tipo-tarifa .precio { margin-bottom:0px;}
	.suscripcion .tarifas-detalle .caracteristica .boton{font-size: 16px; padding: 6px 24px;}
	.suscripcion .tarifas-detalle .separacion{background: none; }
	.suscripcion .tarifas-detalle .encabezado .separacion {  background: #000;}
	.suscripcion .tarifas-detalle .inline-icon{display: flex; flex-direction: column; margin: auto; text-align: center; width: auto; align-items: center; gap: 5px;}
	.suscripcion .tarifas-detalle .detalle{padding:16px 8px;}
	.suscripcion .tarifas-detalle .detalle:nth-of-type(odd) {background: rgba(204, 207, 207, 0.2);}
	.suscripcion .tarifas-detalle .encabezado.detalle{background:#fff !important;}
	.suscripcion .tarifas-detalle .descripcion{text-align: center; }
	
	
	.pago-profesional .cuerpo{padding: 64px 0 56px 0; flex-direction: column; gap:40px; }
	.pago-profesional-title .title{font-size: 24px;line-height: 24px;}
	
	.tabs{padding-top: 32px}
	.tabs ul{text-align: center}
	
	.tabs.responsive{ overflow-x: scroll;}
	.tabs.responsive ul{ display: table; width: 100%; margin: 0; padding: 0;}
	.tabs.responsive::-webkit-scrollbar { display: none;}
	.tabs.responsive li { box-sizing: border-box; display: table-cell;  vertical-align: middle; padding-left: 32px;}
		.tabs.responsive li:last-child{padding-right: 32px;}
	.tabs.responsive A { text-wrap: nowrap; padding-top:0;}
	
	.not-hero .tabs{padding-top:32px;}
	
	.buscador-pagina{padding-top:32px;}
	.busqueda-resultado{flex-direction: column; gap:32px;}
	.busqueda-resultado .filtros{width: 100%; max-width: 100%; display: none; flex-direction: column;}
	.busqueda-resultado .obras-listado .grid { white-space: normal; overflow: auto; display: block;}
	.busqueda-resultado .obras-listado .card { width: 100%; margin: 0 0 24px 0; }
	.creadores .busqueda-resultado .obras-listado .card{ /*max-width: 85%;*/ margin:0 }
	.busqueda-resultado .filtros-contenido{overflow: auto;padding-bottom:16px;}
	.busqueda-resultado .filtros{position: fixed !important; top:0; left:0; bottom: 0; background-color: #fff; z-index: 99999;  }
	.busqueda-resultado .filtros .categoria{padding: 0px; margin: 16px;}
	.busqueda-resultado .filtros .encabezado{margin: 0px; padding: 16px;}
		.busqueda-resultado .filtros .encabezado .nombre{margin: 0}
		.busqueda-resultado .filtros.open{display: flex; padding-top: 0;}
		.privado.mis-obras .busqueda-resultado .filtros{padding-top: 0;}
		.busqueda-resultado .filtros.open SELECT {margin-bottom: 16px; }
	.busqueda-resultado .resultados{padding-top: 0; width: 100%;}
	
	.busqueda-resultado .artistas-destacados{ white-space: normal; overflow: auto; display: block;}
	.busqueda-resultado .artistas-destacados .card{ width: 100%; margin: 0 0 24px 0; height: auto; }
	.busqueda-resultado .artistas-destacados .card-textos{padding-bottom: 16px;}
	.busqueda-resultado .artistas-destacados .card .ubicacion{position: relative; bottom: 0;}
	.creadores .artistas-destacados{display: block; padding-top:32px; padding-bottom: 118px; margin-bottom: 0px; padding-bottom: 60px;}
	.creadores .artistas-destacados .card{margin: 0 0px 32px 0px}
	.creadores-del-mes .obras-listado{display: flex; padding-bottom: 94px;}
	.creadores-del-mes .swiper{margin-left: 23px;}
	.creadores-mes { padding-top: 64px; padding-bottom: 56px;}
	.creadores-del-mes .mes{font-size: 40px;line-height: 40px;}
	.creadores-mes.bg-amarillo .swiper-scroll.swiper-scrollbar-horizontal, .creadores-mes.bg-verde .swiper-scroll.swiper-scrollbar-horizontal{background-color: #ffffff;}
	.creadores-mes.bg-amarillo .swiper-scrollbar-drag, .creadores-mes.bg-verde .swiper-scrollbar-drag{background: #ffffff;}
	.creadores-mes .swiper-scrollbar-horizontal{width: Calc(100% - 23px) !important;}
	.creadores-mes .obras-listado .card{    min-height: 454px;}
	
	.disciplinas-menu{padding: 64px 0; background-image:none; }
	.disciplinas-menu .titular{font-size: 24px;line-height: 24px;}
	.disciplinas-menu .disciplinas { grid-template-columns: repeat(2,minmax(0,1fr)); grid-gap:16px; margin-top: 40px;}
	.disciplinas-menu .disciplina .nombre { font-size: 18px; line-height: 18px; left: 16px; bottom: 8px; width: Calc(100% - 32px); word-wrap: break-word; height: auto;}
	.obras-destacadas .obras-listado .frase{padding: 64px 0 20px 0;}
	.obras-destacadas .obras-listado .grid{margin-bottom: 56px; padding-bottom: 40px;}
	.obras-destacadas .obras-listado .card{ height: 454px; XXXwidth: 100%;}
	.obras-destacadas .obras-listado .card .card-imagen .imagen-img { height: 186px;}
	.obras-listado .card .card-textos { padding:16px;}
	.obras-listado .card .card-imagen.portada .portada-textos{margin: 10px; width: Calc(100% - 20px); padding-left: 8px;}
	.banda-tipo-creadores { padding: 64px 0;}
	.tipo-creadores{ gap:0px; justify-content: unset;}
	
	.tipo-creadores .tipo{font-size: 24px;line-height: 24px;}
	.tipo-creador IMG{width: auto; max-width: 400px;}
	.banda-tipo-creadores .swiper-scroll.swiper-scrollbar-horizontal{background-color: #ffffff;}
	.banda-tipo-creadores .swiper-scrollbar-drag{background: #ffffff;}
	
	.disciplinas-obras{   padding-bottom: 56px;}
	.disciplinas-obras .obras{ overflow-x: scroll; padding:64px 0 40px 0; gap:16px; }
		.disciplinas-obras .obras::-webkit-scrollbar {height: 8px; z-index:1;}
		.disciplinas-obras .obras { scrollbar-width: thin; scrollbar-color: #fff #fff;  z-index:1;}
		.disciplinas-obras .obras::-webkit-scrollbar-track {	/*background: #CCCFCF;*/ background-image: url("../images/scroll-fondo-2.png");	background-repeat: repeat-x; background-position: center; }
		.disciplinas-obras .obras::-webkit-scrollbar-thumb {	background-color: #fff; border-radius: 0px;}
	.disciplinas-obras .obras-listado .card { width: 100%;}
	.disciplinas-obras .obras IMG{max-width: 277px}
	
	.artista-sobre-banda {max-width: Calc(90% - (90% - 1150px)/2 - 498px);}
	
	.modal-obra .obra-licencias .tipo-uso.limite{  align-items: flex-start}
	.modal-obra .obra-licencias .tipo-uso .limite-opciones{flex-direction: column;}
		.modal-obra .obra-licencias .tipo-uso .limite INPUT{width: auto}
	
	.modal-edicion .obras-listado .grid{ grid-template-columns: repeat(1,minmax(0,1fr)); grid-gap: 24px;}
	.modal-edicion .obras-listado .card .titulo{min-height: 0;}
	
	
	.comunidad .artistas-destacados{padding-top: 64px; display: block;}
		.comunidad .artistas-destacados .enlaces{margin-bottom: 32px;}
	
	.comunidad .seguidores{padding: 64px 0 40px; display: block;}
		.comunidad .seguidores .enlaces{margin-bottom: 32px;}
	
	.comunidad .favoritos{padding: 64px 0 40px; display: block;}
		.comunidad .favoritos .obras-listado {padding-top:24px;}
		.comunidad .favoritos .obras-listado .grid{display: block;}
		.comunidad .favoritos .obras-listado .card{margin-bottom: 24px;;}
	
	
	.pagina-mensajes .mensajes-bloque{flex-direction: column; padding-top: 24px; margin-bottom: 56px;}
	.pagina-mensajes .mensaje-detalle{width: 100%; display: none}
	.mensaje-detalle-movile{display: flex;}
	.pagina-mensajes .mensajes-listado{height: auto;}
	.pagina-mensajes .mensajes-listado .card{width: 100%;}
	.pagina-mensajes .mensajes-listado .card.activo{ background: rgba(231, 231, 231, 0.70); color: #090909;}
	.pagina-mensajes .hilo { padding:16px; height: Calc(568px - 46px); }
	.pagina-mensajes .mensaje-input{ margin: 16px;}
	.pagina-mensajes .mensaje-input INPUT{margin: 0}
	
	
	.slick-dotted.slick-slider { margin-bottom: 20px !important;}
    .slick-dots{display: none !important;}
	
    
    .frase .tit1{font-size: 24px;line-height: 24px; padding-bottom:0px;}
    .frase .tit2{font-size: 25px;line-height: 30px;}
	.frase .tit3{font-size: 16px; line-height:26px;}
    .dos-columnas .bloque{padding: 20px; min-height: 300px !important;}
    .dos-columnas .tit1 {font-size:25px;}
	
    .pie .pie-mapa-web{display: block}
    .pie .pie-mapa-web UL{margin-bottom: 20px;}
    
	.interior-columna-1{padding-right:0px;}
	.interior-columna-2{padding-left:0px;}
    
    .pie{padding: 30px 0 80px 0;}
	
	.columna_90{width:100%; float:none}
	.columna_80{width:100%; float:none}
	.columna_70{width:100%; float:none}
	.columna_40{width:100%; float:none}
	.columna_33{width:100%; float:none}
	.columna_35{width:100%; float:none}
    .columna_30{width:100%; float:none}
	.columna_25{width:100%; float:none}
	.columna_20{width:100%; float:none}
	.columna_10{width:100%; float:none}
}

@media (max-width:499px){	
	.cuerpo{width:90%; margin:auto}
}


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

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "safecreators";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-check:before { content: '\e800'; } /* '' */
.icon-config:before { content: '\e801'; } /* '' */
.icon-download:before { content: '\e802'; } /* '' */
.icon-edit:before { content: '\e803'; } /* '' */
.icon-favorite:before { content: '\e804'; } /* '' */
.icon-info:before { content: '\e805'; } /* '' */
.icon-link:before { content: '\e806'; } /* '' */
.icon-mail:before { content: '\e807'; } /* '' */
.icon-more:before { content: '\e808'; } /* '' */
.icon-msn:before { content: '\e809'; } /* '' */
.icon-options:before { content: '\e80a'; } /* '' */
.icon-padlock:before { content: '\e80b'; } /* '' */
.icon-pin:before { content: '\e80c'; } /* '' */
.icon-place:before { content: '\e80d'; } /* '' */
.icon-share:before { content: '\e80e'; } /* '' */
.icon-share2:before { content: '\e80f'; } /* '' */
.icon-social:before { content: '\e810'; } /* '' */
.icon-trash:before { content: '\e811'; } /* '' */
.icon-view:before { content: '\e812'; } /* '' */
.icon-x:before { content: '\e813'; } /* '' */
.icon-search:before { content: '\e814'; } /* '' */
.icon-send:before { content: '\e815'; } /* '' */
.icon-dolar:before { content: '\e816'; } /* '' */
.icon-nft:before { content: '\e817'; } /* '' */
.icon-advert:before { content: '\e818'; } /* '' */